@vtj/designer 0.8.23 → 0.8.25

package/dist/index.mjs

@@ -12,10 +12,10 @@ import ms from "mockjs";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/designer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.23
+ * @version 0.8.25
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const vs = "0.8.23", Rt = {
+const vs = "0.8.25", Rt = {
   width: 390,
   height: 844
 }, Tt = {
@@ -2025,7 +2025,7 @@ const Bs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   name: D.name,
                   title: D.title,
                   active: t(o)?.id === D.id,
-                  editable: "",
+                  editable: !D.preset,
                   tag: s[D.fromType || "Schema"]?.label,
                   tagType: s[D.fromType || "Schema"]?.type,
                   onEdit: (X) => w(D),
@@ -2034,7 +2034,7 @@ const Bs = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!
                   draggable: t(o)?.id !== D.id,
                   onDragstart: (X) => N(D),
                   onDragend: T
-                }, null, 8, ["name", "title", "active", "tag", "tagType", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
+                }, null, 8, ["name", "title", "active", "editable", "tag", "tagType", "onEdit", "onRemove", "onClick", "draggable", "onDragstart"])
               ]),
               _: 2
             }, 1032, ["span"]))), 128))

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@vtj/designer",
   "private": false,
-  "version": "0.8.23",
+  "version": "0.8.25",
   "type": "module",
   "dependencies": {
     "mockjs": "~1.1.0",
     "monaco-editor": "~0.48.0",
-    "@vtj/core": "~0.8.23",
-    "@vtj/icons": "~0.8.23",
-    "@vtj/renderer": "~0.8.23",
-    "@vtj/ui": "~0.8.23",
-    "@vtj/utils": "~0.8.23"
+    "@vtj/core": "~0.8.25",
+    "@vtj/icons": "~0.8.25",
+    "@vtj/renderer": "~0.8.25",
+    "@vtj/ui": "~0.8.25",
+    "@vtj/utils": "~0.8.25"
   },
   "devDependencies": {
     "@types/mockjs": "~1.0.10",
     "vue": "~3.4.15",
     "vue-router": "~4.3.0",
-    "@vtj/cli": "~0.8.9"
+    "@vtj/cli": "~0.8.10"
   },
   "files": [
     "dist",

package/types/components/binders/event.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockModel, NodeEvent } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockModel, NodeEvent } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

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

@@ -1,4 +1,4 @@
-import { default as EventBinder } from "./event";
-import { default as VariableBinder } from "./variable";
+import { default as VariableBinder } from './variable';
+import { default as EventBinder } from './event';
 
 export { VariableBinder, EventBinder };

package/types/components/binders/variable.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/editor/Editor.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { editor as monacoEditor } from 'monaco-editor';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     lang?: string;

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

@@ -1,6 +1,6 @@
-import { Ref, ComputedRef } from 'vue';
-import { MaterialDescription } from '@vtj/core';
 import { AssetGroup } from '../../framework';
+import { MaterialDescription } from '@vtj/core';
+import { Ref, ComputedRef } from 'vue';
 
 export declare function useAssets(): {
     components: MaterialDescription[];

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

@@ -1,6 +1,6 @@
-import { Context } from '@vtj/renderer';
-import { BlockModel } from '@vtj/core';
 import { MaybeRef, Ref, ComputedRef } from 'vue';
+import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
 
 export interface BinderOption {
     title: string;

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

@@ -1,6 +1,6 @@
-import { BlockFile } from '@vtj/core';
-import { Engine } from '../../framework';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../../framework';
+import { BlockFile } from '@vtj/core';
 export declare function useBlocks(): {
     engine: ShallowReactive<Engine>;
     blocks: ComputedRef< BlockFile[]>;

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

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

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

@@ -1,7 +1,7 @@
-import { Context } from '@vtj/renderer';
-import { BlockModel } from '@vtj/core';
-import { Engine } from '../../framework';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../../framework';
+import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
 export declare function useCurrent(): {
     engine: ShallowReactive<Engine>;
     current: ComputedRef< BlockModel | null>;

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

@@ -1,6 +1,6 @@
-import { ProjectModel, ApiSchema } from '@vtj/core';
-import { Engine } from '../..';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../..';
+import { ProjectModel, ApiSchema } from '@vtj/core';
 export declare function useDataSources(): {
     engine: ShallowReactive<Engine>;
     project: ComputedRef< ProjectModel | null>;

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

@@ -1,6 +1,6 @@
-import { Dependencie, ApiSchema } from '@vtj/core';
-import { Engine } from '../../framework';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../../framework';
+import { Dependencie, ApiSchema } from '@vtj/core';
 export declare function useDeps(): {
     engine: ShallowReactive<Engine>;
     dependencies: ComputedRef< Dependencie[]>;

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

@@ -1,6 +1,6 @@
-import { Designer, VtjElement } from '../../framework';
-import { Dependencie, ApiSchema, ProjectConfig, NodeModel, BlockModel, DropPosition } from '@vtj/core';
 import { Ref, ComputedRef } from 'vue';
+import { Dependencie, ApiSchema, ProjectConfig, NodeModel, BlockModel, DropPosition } from '@vtj/core';
+import { Designer, VtjElement } from '../../framework';
 
 export declare function useDesigner(iframe: Ref<HTMLIFrameElement | undefined>, dependencies: Ref<Dependencie[]>, apis: Ref<ApiSchema[]>, config: Ref<ProjectConfig>): {
     designer: ComputedRef< Designer | null>;

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

@@ -1,6 +1,6 @@
-import { DesignHelper, Engine } from '../../framework';
-import { DirectiveModel, JSExpression, NodeDirectiveIterator, NodeModel } from '@vtj/core';
 import { ComputedRef, ShallowReactive } from 'vue';
+import { DirectiveModel, JSExpression, NodeDirectiveIterator, NodeModel } from '@vtj/core';
+import { DesignHelper, Engine } from '../../framework';
 
 export declare const createEmptyDirective: (name: string, iterator?: NodeDirectiveIterator) => DirectiveModel;
 export declare const createModelDirective: (prop?: string) => DirectiveModel;

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

@@ -1,6 +1,6 @@
-import { HistoryModel } from '@vtj/core';
-import { Engine } from '../../framework';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../../framework';
+import { HistoryModel } from '@vtj/core';
 export declare function useHistory(): {
     engine: ShallowReactive<Engine>;
     history: ComputedRef< HistoryModel | null>;

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

@@ -1,6 +1,6 @@
-import { DesignHelper } from '../../framework';
-import { NodeEvent } from '@vtj/core';
 import { ComputedRef } from 'vue';
+import { NodeEvent } from '@vtj/core';
+import { DesignHelper } from '../../framework';
 
 export declare function useNodeEvents(selected: ComputedRef<DesignHelper | null | undefined>): {
     mouseEventList: ComputedRef<{

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

@@ -1,6 +1,6 @@
-import { DesignHelper } from '../../framework';
-import { MaterialSetter, MaterialProp, NodeModel } from '@vtj/core';
 import { ComputedRef } from 'vue';
+import { MaterialSetter, MaterialProp, NodeModel } from '@vtj/core';
+import { DesignHelper } from '../../framework';
 
 export declare function useNodeProps(selected: ComputedRef<DesignHelper | null | undefined>): {
     commonProps: ComputedRef<MaterialSetter[]>;

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

@@ -1,6 +1,6 @@
-import { ProjectModel } from '@vtj/core';
-import { Engine } from '../../framework';
 import { ShallowReactive, ComputedRef } from 'vue';
+import { Engine } from '../../framework';
+import { ProjectModel } from '@vtj/core';
 export declare function useProject(): {
     engine: ShallowReactive<Engine>;
     project: ComputedRef< ProjectModel | null>;

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

@@ -1,5 +1,5 @@
-import { RegionType, Widget } from '../../framework';
 import { MaybeRef, ComputedRef, Ref } from 'vue';
+import { RegionType, Widget } from '../../framework';
 
 export declare function useRegion(region: MaybeRef<RegionType>, group?: MaybeRef<string>): {
     widgets: ComputedRef< Widget[]>;

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

@@ -1,5 +1,5 @@
-import { ShallowReactive, ComputedRef } from 'vue';
 import { Designer, Engine, DesignHelper } from '../../framework';
+import { ShallowReactive, ComputedRef } from 'vue';
 
 export declare function useSelected(): {
     engine: ShallowReactive<Engine>;

package/types/components/index.d.ts

@@ -1,9 +1,9 @@
-import { setters } from './setters';
-import { regions } from './regions';
-import { widgets } from './widgets';
+import { default as Skeleton } from './skeleton';
+import { default as SetterView } from './setter';
 import { default as Editor } from './editor';
-import { default as SetterView } from "./setter";
-import { default as Skeleton } from "./skeleton";
+import { widgets } from './widgets';
+import { regions } from './regions';
+import { setters } from './setters';
 
 export * from './shared';
 export * from './binders';

package/types/components/regions/actions.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/apps.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/brand.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

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

@@ -1,5 +1,5 @@
-import { RegionType, Widget } from '../..';
 import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes, ComputedRef, Ref } from 'vue';
+import { RegionType, Widget } from '../..';
 export declare const regions: {
     EmptyRegion: DefineComponent<{
         region: {

package/types/components/regions/preview.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/settings.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/status.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/toolbar.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/regions/workspace.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { RegionType, Widget } from '../../framework';
+import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     region: RegionType;

package/types/components/setter.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { MaterialSetter, BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/setters/expression.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { JSExpression } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     modelValue?: JSExpression | string;

package/types/components/setters/function.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { JSFunction } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     modelValue?: JSFunction;

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

@@ -1,6 +1,6 @@
-import { Context } from '@vtj/renderer';
-import { JSExpression, JSFunction } from '@vtj/core';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { JSExpression, JSFunction } from '@vtj/core';
+import { Context } from '@vtj/renderer';
 export declare const setters: {
     StringSetter: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
     BooleanSetter: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { VueComponent } from '../../framework';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     icon?: VueComponent;

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

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     title: string;

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

@@ -1,12 +1,12 @@
-import { default as Viewport } from "./viewport";
-import { default as SlotsPicker } from "./slots";
-import { default as Viewer } from "./viewer";
-import { default as Binder } from "./binder";
-import { default as Box } from "./box";
-import { default as Item } from "./item";
-import { default as Tabs } from "./tabs";
-import { default as Panel } from "./panel";
-import { default as Icon } from "./Icon";
+import { default as Icon } from './Icon';
+import { default as Panel } from './panel';
+import { default as Tabs } from './tabs';
+import { default as Item } from './item';
+import { default as Box } from './box';
+import { default as Binder } from './binder';
+import { default as Viewer } from './viewer';
+import { default as SlotsPicker } from './slots';
+import { default as Viewport } from './viewport';
 
 export * from './types';
 export { Icon, Panel, Tabs, Item, Box, Binder, Viewer, SlotsPicker, Viewport };

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { MaterialSlot } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     slots?: MaterialSlot[];

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { TabsItem, ActionMenuItem } from '@vtj/ui';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     items?: TabsItem[];

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/apis/form.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { ApiSchema, ProjectModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     model?: ApiSchema;

package/types/components/widgets/data-sources/form.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { DataSourceSchema, BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/defined/events.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     item?: string;

package/types/components/widgets/defined/injects.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockInject, BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockInject, BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     item?: BlockInject;

package/types/components/widgets/defined/props.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockProp, BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockProp, BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     item?: BlockProp;

package/types/components/widgets/defined/slots.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { BlockModel } from '@vtj/core';
 import { Context } from '@vtj/renderer';
+import { BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     item?: string;

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { NodeModel, BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     position?: string;

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

@@ -1,5 +1,5 @@
-import { Designer } from '../../..';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { Designer } from '../../..';
 declare const _default: DefineComponent<{}, {
     designer: ComputedRef< Designer | null>;
     mode: ComputedRef<any>;

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { NodeEvent } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 
 export interface EventDataItem {
     name: string;

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

@@ -1,6 +1,6 @@
-import { BlockModel } from '@vtj/core';
-import { Designer } from '../..';
 import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes, Ref, ComputedRef } from 'vue';
+import { Designer } from '../..';
+import { BlockModel } from '@vtj/core';
 export declare const widgets: {
     Logo: DefineComponent<{
         link: {

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { NodeModel, BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 
 export interface TreeNodeData {
     id: string;

package/types/components/widgets/pages/form.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { PageFile } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     item?: PageFile;

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

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { BlockModel } from '@vtj/core';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     path?: (block: BlockModel) => string;

package/types/components/widgets/properties/setters.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { MaterialSetter, NodeModel, BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/computed.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/group.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/lifeCycles.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/methods.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/state.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/components/widgets/scripts/watch.d.ts

@@ -1,6 +1,6 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { Context } from '@vtj/renderer';
 import { BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 export interface Props {
     context: Context | null;

package/types/framework/assets.d.ts

@@ -1,6 +1,6 @@
-import { Provider } from '@vtj/renderer';
-import { Material, MaterialDescription, NodeFrom, Service } from '@vtj/core';
 import { Ref } from 'vue';
+import { Material, MaterialDescription, NodeFrom, Service } from '@vtj/core';
+import { Provider } from '@vtj/renderer';
 
 export interface AssetGroup {
     name: string;

package/types/framework/designer.d.ts

@@ -1,7 +1,7 @@
-import { Engine } from './engine';
-import { Dependencie, DropPosition, MaterialDescription, MaterialSlot, NodeModel, BlockModel } from '@vtj/core';
-import { Context } from '@vtj/renderer';
 import { Ref, ShallowRef } from 'vue';
+import { Context } from '@vtj/renderer';
+import { Dependencie, DropPosition, MaterialDescription, MaterialSlot, NodeModel, BlockModel } from '@vtj/core';
+import { Engine } from './engine';
 
 export declare function createSlotsPicker(slots: MaterialSlot[]): Promise<MaterialSlot>;
 export interface VtjElement extends HTMLElement {

package/types/framework/engine.d.ts

@@ -1,9 +1,9 @@
-import { Assets } from './assets';
-import { Simulator } from './simulator';
-import { SkeletonWrapperInstance } from '../wrappers';
-import { Context, Provider, ProvideAdapter } from '@vtj/renderer';
-import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema } from '@vtj/core';
 import { ShallowReactive, InjectionKey, MaybeRef, App, Ref } from 'vue';
+import { Base, ProjectModel, BlockModel, HistoryModel, Service, Emitter, ProjectSchema } from '@vtj/core';
+import { Context, Provider, ProvideAdapter } from '@vtj/renderer';
+import { SkeletonWrapperInstance } from '../wrappers';
+import { Simulator } from './simulator';
+import { Assets } from './assets';
 
 export declare const engineKey: InjectionKey<ShallowReactive<Engine>>;
 export interface EngineOptions {

package/types/framework/renderer.d.ts

@@ -1,7 +1,7 @@
-import { Designer } from './designer';
-import { Provider, Context } from '@vtj/renderer';
-import { SimulatorEnv } from './simulator';
 import { BlockSchema, NodeSchema, BlockModel, Service } from '@vtj/core';
+import { SimulatorEnv } from './simulator';
+import { Provider, Context } from '@vtj/renderer';
+import { Designer } from './designer';
 
 export declare class Renderer {
     env: SimulatorEnv;

package/types/framework/simulator.d.ts

@@ -1,8 +1,8 @@
-import { Engine } from './engine';
-import { Designer } from './designer';
-import { Renderer } from './renderer';
-import { Dependencie, Material, ApiSchema, ProjectConfig, Base } from '@vtj/core';
 import { Ref, ShallowRef } from 'vue';
+import { Dependencie, Material, ApiSchema, ProjectConfig, Base } from '@vtj/core';
+import { Renderer } from './renderer';
+import { Designer } from './designer';
+import { Engine } from './engine';
 
 declare global {
     interface Window {

package/types/framework/types.d.ts

@@ -1,5 +1,5 @@
-import { BlockPropDataType } from '@vtj/core';
 import { VNode, DefineComponent } from 'vue';
+import { BlockPropDataType } from '@vtj/core';
 
 export type VueComponent = Record<string, any> | VNode | DefineComponent<any, any, any, any>;
 /**

package/types/managers/setter.d.ts

@@ -1,5 +1,5 @@
-import { Setter } from '../framework';
 import { BlockPropDataType } from '@vtj/core';
+import { Setter } from '../framework';
 
 declare class SetterManager {
     private setters;

package/types/utils.d.ts

@@ -1,5 +1,5 @@
-import { NotificationHandle, MessageBoxData, MessageHandler } from 'element-plus';
 import { JSExpression, JSFunction } from '@vtj/core';
+import { NotificationHandle, MessageBoxData, MessageHandler } from 'element-plus';
 
 export declare function notify(message: string, title?: string): NotificationHandle;
 export declare function confirm(message: string): Promise<boolean | MessageBoxData>;

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.22
+ * @version 0.8.24
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.22";
+export declare const version = "0.8.24";

package/types/wrappers/setter.d.ts

@@ -1,7 +1,7 @@
-import { Setter } from '../framework';
-import { Context } from '@vtj/renderer';
-import { MaterialSetter, BlockModel } from '@vtj/core';
 import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { MaterialSetter, BlockModel } from '@vtj/core';
+import { Context } from '@vtj/renderer';
+import { Setter } from '../framework';
 
 export declare const SetterWrapper: DefineComponent<{
     context: {

package/types/wrappers/skeleton.d.ts

@@ -1,7 +1,7 @@
-import { DefineComponent, Ref, ShallowReactive, CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps } from 'vue';
-import { WidgetWrapperInstance } from './widget';
-import { RegionWrapperInstance } from './region';
 import { RegionType, Engine, Widget } from '../framework';
+import { RegionWrapperInstance } from './region';
+import { WidgetWrapperInstance } from './widget';
+import { DefineComponent, Ref, ShallowReactive, CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps } from 'vue';
 
 export declare const SkeletonWrapper: DefineComponent<{}, {
     skeletonRef: Ref<any>;

package/types/wrappers/widget.d.ts

@@ -1,5 +1,5 @@
-import { Widget, RegionType } from '../framework';
 import { PropType, DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { Widget, RegionType } from '../framework';
 
 export declare const WidgetWrapper: DefineComponent<{
     region: {