JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

style(vue-runtime-help): 更新ts定义

Browse Source
This commit is contained in:
roymondchen 2025-03-18 16:52:21 +08:00
parent f5742c107a
commit d53a479b21
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
runtime/vue-runtime-help/src/hooks/use-component.ts
View File

@ -16,7 +16,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { inject } from 'vue-demi'; import { ConcreteComponent, inject } from 'vue-demi';
import type TMagicApp from '@tmagic/core'; import type TMagicApp from '@tmagic/core';
import { toLine } from '@tmagic/core'; import { toLine } from '@tmagic/core';
@ -33,10 +33,12 @@ interface UseComponentOptions {
* @param options 若为字符串则为组件类型，若为对象则为参数选项 * @param options 若为字符串则为组件类型，若为对象则为参数选项
* @returns 得到的组件，若未找到则返回带 magic-ui- 前缀的组件类型 * @returns 得到的组件，若未找到则返回带 magic-ui- 前缀的组件类型
*/ */
export function useComponent<Component = any>(options: string | UseComponentOptions = '') { export function useComponent<C extends ConcreteComponent = ConcreteComponent>(
options: string | UseComponentOptions = '',
) {
let componentType: string | undefined; let componentType: string | undefined;
let app: TMagicApp | undefined; let app: TMagicApp | undefined;
let component: Component | undefined; let component: C | undefined;
if (typeof options === 'string') { if (typeof options === 'string') {
componentType = options; componentType = options;
@ -47,21 +49,17 @@ export function useComponent<Component = any>(options: string | UseComponentOpti
if (!componentType || componentType === '') { if (!componentType || componentType === '') {
componentType = 'container'; componentType = 'container';
} }
if (!app) { if (!app) {
app = inject<TMagicApp>('app'); app = inject<TMagicApp>('app');
} }
component = resolveComponent({ componentType, app }); component = app?.resolveComponent(componentType);
if (!component && !componentType.startsWith('magic-ui-')) { if (!component && !componentType.startsWith('magic-ui-')) {
componentType = `magic-ui-${toLine(componentType)}`; componentType = `magic-ui-${toLine(componentType)}`;
component = resolveComponent({ componentType, app }); component = app?.resolveComponent(componentType);
} }
return component ?? componentType; return component ?? componentType;
} }
type resolveComponentOptions = Required<Pick<UseComponentOptions, 'componentType'>> & UseComponentOptions;
function resolveComponent<Component = any>({ componentType, app }: resolveComponentOptions): Component | undefined {
return app?.resolveComponent(componentType);
}

4
runtime/vue-runtime-help/src/hooks/use-dsl.ts
View File

@ -9,10 +9,10 @@ export const useDsl = (app = inject<TMagicApp>('app')) => {
throw new Error('useDsl must be used after MagicApp is created'); throw new Error('useDsl must be used after MagicApp is created');
} }
const pageConfig = ref(app.page?.data || {}); const pageConfig = ref<MNode | undefined>(app.page?.data);
app.on('page-change', () => { app.on('page-change', () => {
pageConfig.value = app.page?.data || {}; pageConfig.value = app.page?.data;
}); });
const updateDataHandler = (nodes: MNode[], sourceId: string, changeEvent: ChangeEvent) => { const updateDataHandler = (nodes: MNode[], sourceId: string, changeEvent: ChangeEvent) => {