@vtj/designer 0.8.172 → 0.9.0-alpha.0

package/package.json

@@ -1,22 +1,23 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.8.172",
+  "version": "0.9.0-alpha.0",
   "type": "module",
   "dependencies": {
+    "html2canvas": "~1.4.1",
     "mockjs": "~1.1.0",
-    "monaco-editor": "~0.51.0",
-    "@vtj/core": "~0.8.172",
-    "@vtj/renderer": "~0.8.172",
-    "@vtj/utils": "~0.8.172",
-    "@vtj/icons": "~0.8.172",
-    "@vtj/ui": "~0.8.172"
+    "monaco-editor": "~0.52.0",
+    "@vtj/icons": "~0.9.0-alpha.0",
+    "@vtj/core": "~0.9.0-alpha.0",
+    "@vtj/utils": "~0.9.0-alpha.0",
+    "@vtj/renderer": "~0.9.0-alpha.0",
+    "@vtj/ui": "~0.9.0-alpha.0"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",
     "vue": "~3.5.5",
     "vue-router": "~4.4.0",
-    "@vtj/cli": "~0.8.39"
+    "@vtj/cli": "~0.9.0-alpha.0"
   },
   "files": [
     "dist",

package/types/components/hooks/index.d.ts

@@ -13,3 +13,5 @@ export * from './useProject';
 export * from './useNodeEvents';
 export * from './useDirectives';
 export * from './useDataSources';
+export * from './useOpenApi';
+export * from './useTemplates';

package/types/components/hooks/useColSpan.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, ShallowReactive } from 'vue';
 import { Engine } from '../..';
-export declare function useColSpan(): {
+export declare function useColSpan(size?: number): {
     span: ComputedRef<number>;
     engine: ShallowReactive<Engine>;
 };

package/types/components/hooks/useOpenApi.d.ts

@@ -0,0 +1,40 @@
+import { BlockSchema } from '@vtj/core';
+import { ShallowReactive } from 'vue';
+import { Engine } from '../..';
+import { Access } from '@vtj/renderer';
+export interface PublishTemplateDto {
+    name: string;
+    title: string;
+    category: string;
+    cover: Blob;
+    share: boolean;
+    version: string;
+    latest?: string;
+    dsl: string;
+    id?: string;
+}
+export interface TemplateDto {
+    id: string;
+    name: string;
+    title: string;
+    vip: boolean;
+    share: boolean;
+    cover: string;
+    author: string;
+    category: string;
+    latest: string;
+}
+export declare function useOpenApi(): {
+    engine: ShallowReactive<Engine>;
+    access: Access | undefined;
+    remote: string | undefined;
+    auth: any;
+    toRemoteAuth: () => void;
+    isLogined: () => Promise<boolean>;
+    getTemplates: () => Promise<TemplateDto[]>;
+    getTemplateDsl: (id: string) => Promise<BlockSchema | null>;
+    getDictOptions: (code: string) => Promise<any>;
+    getTemplateCategories: () => Promise<any>;
+    publishTemplate: (dto: PublishTemplateDto) => Promise<any>;
+    getTemplateById: (id: string) => Promise<TemplateDto>;
+};

package/types/components/hooks/useTemplates.d.ts

@@ -0,0 +1,20 @@
+import { Ref, ShallowReactive, ComputedRef } from 'vue';
+import { TemplateDto } from './useOpenApi';
+import { Engine } from '../..';
+import { BlockSchema } from '@vtj/core';
+import { MessageBoxData } from 'element-plus';
+import { Dictionary } from 'lodash';
+import { Access } from '@vtj/renderer';
+export declare function useTemplates(): {
+    engine: ShallowReactive<Engine>;
+    templates: Ref<TemplateDto[], TemplateDto[]>;
+    toRemoteAuth: () => void;
+    isLogined: () => Promise<boolean>;
+    getTemplates: () => Promise<TemplateDto[]>;
+    getTemplateDsl: (id: string) => Promise< BlockSchema | null>;
+    installTemplate: (templateId: string) => Promise< MessageBoxData | undefined>;
+    groups: ComputedRef<Dictionary<TemplateDto[]>>;
+    access: Access | undefined;
+    refreshTemplates: () => void;
+    loading: Ref<boolean, boolean>;
+};

package/types/components/shared/box.d.ts

@@ -8,15 +8,31 @@ export interface Props {
     tag?: string;
     tagType?: 'warning' | 'success' | 'danger' | 'primary';
 }
-declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    copy: (...args: any[]) => void;
     edit: (...args: any[]) => void;
     remove: (...args: any[]) => void;
     dragend: (...args: any[]) => void;
     dragstart: (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props> & Readonly<{
+    onCopy?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onRemove?: ((...args: any[]) => any) | undefined;
     onDragend?: ((...args: any[]) => any) | undefined;
     onDragstart?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/shared/index.d.ts

@@ -7,5 +7,6 @@ import { default as Binder } from './binder';
 import { default as Viewer } from './viewer';
 import { default as SlotsPicker } from './slots';
 import { default as Viewport } from './viewport';
+import { default as MicroApp } from './micro-app';
 export * from './types';
-export { Icon, Panel, Tabs, Item, Box, Binder, Viewer, SlotsPicker, Viewport };
+export { Icon, Panel, Tabs, Item, Box, Binder, Viewer, SlotsPicker, Viewport, MicroApp };

package/types/components/shared/item.d.ts

@@ -36,6 +36,10 @@ declare const builtInActions: {
         label: string;
         icon: Raw<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;
     };
+    share: {
+        label: string;
+        icon: Raw<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;
+    };
 };
 export interface Props {
     icon?: Record<string, any> | string;
@@ -53,6 +57,7 @@ export interface Props {
     active?: boolean;
     hover?: boolean;
     small?: boolean;
+    actionInMore?: boolean;
 }
 declare function __VLS_template(): {
     slots: {

package/types/components/shared/micro-app.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/shared/panel.d.ts

@@ -1,14 +1,17 @@
+import { ActionMenuItem } from '@vtj/ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export interface Props {
     title?: string;
     subtitle?: string;
     plus?: boolean;
+    refresh?: boolean;
     back?: boolean;
     edit?: boolean;
     remove?: boolean;
     save?: boolean;
     header?: boolean;
     collapsable?: boolean;
+    menus?: ActionMenuItem[];
 }
 declare function __VLS_template(): {
     slots: {
@@ -21,12 +24,16 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    command: (...args: any[]) => void;
+    refresh: (...args: any[]) => void;
     plus: (...args: any[]) => void;
     back: (...args: any[]) => void;
     edit: (...args: any[]) => void;
     remove: (...args: any[]) => void;
     save: (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props> & Readonly<{
+    onCommand?: ((...args: any[]) => any) | undefined;
+    onRefresh?: ((...args: any[]) => any) | undefined;
     onPlus?: ((...args: any[]) => any) | undefined;
     onBack?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
@@ -34,6 +41,7 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
     onSave?: ((...args: any[]) => any) | undefined;
 }>, {
     header: boolean;
+    menus: ActionMenuItem[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/types/components/widgets/actions/publisher.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface Props {
+    id?: string;
+    canvas: any;
+    name: string;
+    title: string;
+    dsl: any;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/components/widgets/docs/index.d.ts

@@ -4,6 +4,7 @@ export interface Props {
 }
 declare const _default: DefineComponent<Props, {
     refresh: () => void;
+    reload: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
     url: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/types/components/widgets/index.d.ts

@@ -49,9 +49,16 @@ export declare const widgets: {
     Raw: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     Docs: DefineComponent<Props, {
         refresh: () => void;
+        reload: () => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {
         url: string;
     }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     About: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     ProjectConfig: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    Market: DefineComponent<{}, {
+        openDesigner: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    Templates: DefineComponent<{}, {
+        refreshTemplates: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 };

package/types/components/widgets/market/index.d.ts

@@ -0,0 +1,5 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {
+    openDesigner: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/widgets/templates/index.d.ts

@@ -0,0 +1,5 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {
+    refreshTemplates: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/constants.d.ts

@@ -10,6 +10,10 @@ export declare const PAD_SIZE: {
  * 名称正则表达式
  */
 export declare const NAME_REGEX: RegExp;
+/**
+ * 版本号表达式
+ */
+export declare const VERSION_REGEX: RegExp;
 /**
  * 鼠标事件列表
  */

package/types/framework/engine.d.ts

@@ -1,5 +1,5 @@
 import { ShallowReactive, InjectionKey, MaybeRef, App, Ref } from 'vue';
-import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema } from '@vtj/core';
+import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema, ProjectModelEvent } from '@vtj/core';
 import { Context, Provider, ProvideAdapter } from '@vtj/renderer';
 import { SkeletonWrapperInstance } from '../wrappers';
 import { Simulator } from './simulator';
@@ -15,7 +15,9 @@ export interface EngineOptions {
     globals?: Record<string, any>;
     adapter?: Partial<ProvideAdapter>;
     install?: (app: App, engine?: Engine) => void;
+    remoteHost?: string;
 }
+export declare const SAVE_BLOCK_FILE_FINISH = "SAVE_BLOCK_FILE_FINISH";
 export declare class Engine extends Base {
     private options;
     app?: App;
@@ -31,6 +33,7 @@ export declare class Engine extends Base {
     isEmptyCurrent: Ref<boolean>;
     history: Ref<HistoryModel | null>;
     provider: Provider;
+    adapter?: Partial<ProvideAdapter>;
     /**
      * 当current变化时，更新该值，用于通知组件更新
      */
@@ -45,6 +48,7 @@ export declare class Engine extends Base {
     private updateCurrent;
     private saveProject;
     private saveBlockFile;
+    onSaveBlockFileFinish(callback: (e: ProjectModelEvent) => void): void;
     private saveMaterials;
     private saveCurrentFile;
     private initHistory;

package/types/framework/renderer.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { BlockSchema, NodeSchema, BlockModel, Service } from '@vtj/core';
+import { BlockSchema, NodeSchema, BlockModel, Service, PageFile, BlockFile } from '@vtj/core';
 import { SimulatorEnv } from './simulator';
 import { Provider, Context } from '@vtj/renderer';
 import { Designer } from './designer';
@@ -13,9 +13,10 @@ export declare class Renderer {
     private nodeChange;
     private blockChange;
     context: Context | null;
+    private file?;
     constructor(env: SimulatorEnv, service: Service, provider: Provider, designer?: Designer | null);
     private install;
-    render(block: BlockModel): void;
+    render(block: BlockModel, file?: PageFile | BlockFile | null): void;
     dispose(): void;
     updateChild(node: NodeSchema, parent: BlockSchema | NodeSchema): void;
     private __onNodeChange;

package/types/framework/simulator.d.ts

@@ -43,5 +43,6 @@ export declare class Simulator extends Base {
     emitReady(libraryExports?: string[], materialExports?: string[], materialMapLibrary?: Record<string, string>, libraryLocaleMap?: Record<string, string>): Promise<void>;
     createEnv(libraryExports?: string[], materialMapLibrary?: Record<string, string>, materials?: Material[], libraryLocaleMap?: Record<string, string>): SimulatorEnv;
     refresh(): void;
+    capture(): Promise<unknown>;
     dispose(): void;
 }

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.8.171
+ * @version 0.8.172
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.171";
+export declare const version = "0.8.172";

package/types/wrappers/setter.d.ts

@@ -88,8 +88,8 @@ export declare const SetterWrapper: DefineComponent<ExtractPropTypes<{
     value: string | number | boolean | Record<string, any> | unknown[];
     context: Context | null;
     setters: string | MaterialSetter | (string | MaterialSetter)[];
-    current: BlockModel | null;
     options: unknown[];
+    current: BlockModel | null;
     removable: boolean;
     variable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;