@gct-paas/design 0.1.5-dev.0 → 0.1.5-dev.10

package/es/components/design/design-not-found/design-not-found.d.ts

@@ -0,0 +1,14 @@
+export declare const DesignNotFound: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    message: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default DesignNotFound;

package/es/components/design/design-not-found/design-not-found.mjs

@@ -0,0 +1,19 @@
+import './design-not-found.css';/* empty css                       */
+import { useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent } from "vue";
+//#region src/components/design/design-not-found/design-not-found.tsx
+var DesignNotFound = /* @__PURE__ */ defineComponent({
+	name: "DesignNotFound",
+	props: { message: {
+		type: String,
+		required: true
+	} },
+	setup() {
+		return { ns: useNamespace("design-not-found") };
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [this.message]);
+	}
+});
+//#endregion
+export { DesignNotFound as default };

package/es/components/design/index.d.ts

@@ -0,0 +1,2 @@
+export { DesignContent } from './design-content/design-content';
+export { DesignItemPreview } from './design-item-preview/design-item-preview';

package/es/components/design/index.mjs

@@ -0,0 +1,2 @@
+import "./design-content/design-content.mjs";
+import "./design-item-preview/design-item-preview.mjs";

package/es/components/design-icon-button/design-icon-button.d.ts

@@ -45,7 +45,7 @@ export declare const DesignIconButton: import('vue').DefineComponent<import('vue
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:active" | "change" | "activate" | "deactivate")[], "click" | "update:active" | "change" | "activate" | "deactivate", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("activate" | "change" | "click" | "deactivate" | "update:active")[], "activate" | "change" | "click" | "deactivate" | "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     active: {
         type: BooleanConstructor;
     };
@@ -92,11 +92,11 @@ export declare const DesignIconButton: import('vue').DefineComponent<import('vue
         default: boolean;
     };
 }>> & Readonly<{
+    onActivate?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
-    onActivate?: ((...args: any[]) => any) | undefined;
     onDeactivate?: ((...args: any[]) => any) | undefined;
+    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }>, {
     active: boolean;
     defaultActive: boolean;

package/es/components/design-save-tip/design-save-tip.mjs

@@ -53,7 +53,7 @@ var DesignSaveTip = /* @__PURE__ */ defineComponent({
 		return () => {
 			let _slot, _slot2, _slot3;
 			return createVNode("div", { "class": ns.b() }, [
-				createVNode("div", { "class": ns.e("tip-icon") }, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/assets/design-view/exclamation-circle.svg" }, null)]),
+				createVNode("div", { "class": ns.e("tip-icon") }, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/design-view/exclamation-circle.svg" }, null)]),
 				createVNode("div", { "class": ns.e("header") }, [props.title]),
 				createVNode("div", { "class": ns.e("content") }, [props.content]),
 				createVNode("div", { "class": ns.e("footer") }, [

package/es/components/design-step-check/design-step-check.d.ts

@@ -9,21 +9,21 @@ export declare const DesignStepCheck: import('vue').DefineComponent<import('vue'
         default: () => never[];
     };
     currentStep: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:currentStep" | "stepChange")[], "update:currentStep" | "stepChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("stepChange" | "update:currentStep")[], "stepChange" | "update:currentStep", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     steps: {
         type: PropType<IViewStep[]>;
         default: () => never[];
     };
     currentStep: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
 }>> & Readonly<{
-    "onUpdate:currentStep"?: ((...args: any[]) => any) | undefined;
     onStepChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:currentStep"?: ((...args: any[]) => any) | undefined;
 }>, {
     steps: IViewStep[];
     currentStep: string | number;

package/es/components/editor/index.mjs

@@ -1,9 +1,11 @@
+import length_unit_editor_default from "./length-unit-editor/length-unit-editor.vue.mjs";
 import border_editor_default from "./style/border-editor/border-editor.vue.mjs";
 import spacing_editor_default from "./style/spacing-editor/spacing-editor.vue.mjs";
 import position_editor_default from "./style/position-editor/position-editor.vue.mjs";
 import font_editor_default from "./style/font-editor/font-editor.vue.mjs";
 //#region src/components/editor/index.ts
 var editor_default = { install(app) {
+	app.component("LengthUnitEditor", length_unit_editor_default);
 	app.component("BorderEditor", border_editor_default);
 	app.component("SpacingEditor", spacing_editor_default);
 	app.component("PositionEditor", position_editor_default);

package/es/components/editor/length-unit-editor/length-unit-editor.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    value?: string;
+    max?: number;
+    min?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    min: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/editor/length-unit-editor/length-unit-editor.vue.mjs

@@ -0,0 +1,5 @@
+import length_unit_editor_vue_vue_type_script_setup_true_name_length_unit_editor_lang_default from "./length-unit-editor.vue_vue_type_script_setup_true_name_length-unit-editor_lang.mjs";
+//#region src/components/editor/length-unit-editor/length-unit-editor.vue
+var length_unit_editor_default = length_unit_editor_vue_vue_type_script_setup_true_name_length_unit_editor_lang_default;
+//#endregion
+export { length_unit_editor_default as default };

package/es/components/editor/length-unit-editor/length-unit-editor.vue_vue_type_script_setup_true_name_length-unit-editor_lang.mjs

@@ -0,0 +1,47 @@
+import { parseValueUnit, t } from "@gct-paas/core";
+import { computed, createBlock, defineComponent, openBlock, resolveComponent, unref } from "vue";
+//#region src/components/editor/length-unit-editor/length-unit-editor.vue?vue&type=script&setup=true&name=length-unit-editor&lang.ts
+var length_unit_editor_vue_vue_type_script_setup_true_name_length_unit_editor_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "length-unit-editor",
+	props: {
+		value: {},
+		max: {},
+		min: { default: 0 }
+	},
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const numValue = computed({
+			get() {
+				if (!props.value) return;
+				const { value } = parseValueUnit(props.value);
+				return value;
+			},
+			set(v) {
+				emit("update:value", !v ? void 0 : v + "px");
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input_number = resolveComponent("a-input-number");
+			return openBlock(), createBlock(_component_a_input_number, {
+				value: numValue.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => numValue.value = $event),
+				max: __props.max,
+				min: __props.min,
+				controls: true,
+				placeholder: unref(t)("sys.inputText"),
+				precision: 0,
+				size: "small",
+				"addon-after": "px"
+			}, null, 8, [
+				"value",
+				"max",
+				"min",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { length_unit_editor_vue_vue_type_script_setup_true_name_length_unit_editor_lang_default as default };

package/es/components/editor/style/spacing-editor/spacing-editor.vue.d.ts

@@ -5,11 +5,11 @@ type __VLS_Props = {
     showArea?: ('padding' | 'margin')[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:padding": (value: ISpacing | undefined) => any;
     "update:margin": (value: ISpacing | undefined) => any;
+    "update:padding": (value: ISpacing | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:padding"?: ((value: ISpacing | undefined) => any) | undefined;
     "onUpdate:margin"?: ((value: ISpacing | undefined) => any) | undefined;
+    "onUpdate:padding"?: ((value: ISpacing | undefined) => any) | undefined;
 }>, {
     showArea: ("padding" | "margin")[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/components/field-transfer/components/Cascader/FieldCascader.d.ts

@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    isShowCascader: boolean;
     scope: SCOPEINFO;
+    isShowCascader: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/field-transfer/components/Transfer/AdvancedColumnSetting.d.ts

@@ -39,8 +39,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 回调方法 */
     onColumnsChange: PropType<ColumnsChange>;
 }>> & Readonly<{}>, {
-    draggable: boolean;
     useMultiLevelTHead: boolean;
     isResetData: boolean;
+    draggable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/field-transfer/components/Transfer/FieldTransfer.d.ts

@@ -16,9 +16,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
         from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
         of<T>(...items: T[]): T[];
+        readonly [Symbol.species]: ArrayConstructor;
         fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
         fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-        readonly [Symbol.species]: ArrayConstructor;
     };
     /** 穿梭框标题集合 */
     titles: PropType<string[]>;
@@ -54,9 +54,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
         from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
         of<T>(...items: T[]): T[];
+        readonly [Symbol.species]: ArrayConstructor;
         fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
         fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-        readonly [Symbol.species]: ArrayConstructor;
     };
     /** 穿梭框标题集合 */
     titles: PropType<string[]>;

package/es/components/field-transfer/components/Transfer/TransferTree.d.ts

@@ -19,9 +19,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
             fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
             fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
         };
         required: true;
     };
@@ -48,9 +48,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
             fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
             fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
         };
         required: true;
     };

package/es/components/field-transfer/components/field-transfer-modal.vue.d.ts

@@ -37,7 +37,11 @@ export interface Prop {
     saveCallback?: (params: IObject) => void;
     promptMessage?: string;
 }
-declare const _default: import('vue').DefineComponent<Prop, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Prop> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<Prop, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    register: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Prop> & Readonly<{
+    onRegister?: ((...args: any[]) => any) | undefined;
+}>, {
     draggable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/components/field-transfer/components/field-transfer-modal.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import field_transfer_modal_vue_vue_type_script_setup_true_name_field_transfer_modal_lang_default from "./field-transfer-modal.vue_vue_type_script_setup_true_name_field-transfer-modal_lang.mjs";
-import './field-transfer-modal.vue_vue_type_style_index_0_scoped_0c9dd8a1_lang.css';/* empty css                                                                           */
+import './field-transfer-modal.vue_vue_type_style_index_0_scoped_711e6992_lang.css';/* empty css                                                                           */
 //#region src/components/field-transfer/components/field-transfer-modal.vue
-var field_transfer_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_transfer_modal_vue_vue_type_script_setup_true_name_field_transfer_modal_lang_default, [["__scopeId", "data-v-0c9dd8a1"]]);
+var field_transfer_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_transfer_modal_vue_vue_type_script_setup_true_name_field_transfer_modal_lang_default, [["__scopeId", "data-v-711e6992"]]);
 //#endregion
 export { field_transfer_modal_default as default };

package/es/components/field-transfer/components/field-transfer-modal.vue_vue_type_script_setup_true_name_field-transfer-modal_lang.mjs

@@ -39,6 +39,7 @@ var field_transfer_modal_vue_vue_type_script_setup_true_name_field_transfer_moda
 		saveCallback: {},
 		promptMessage: {}
 	},
+	emits: ["register"],
 	setup(__props) {
 		const [registerInner, { closeModal }] = useModalInner();
 		const props = __props;
@@ -122,7 +123,7 @@ var field_transfer_modal_vue_vue_type_script_setup_true_name_field_transfer_moda
 					default: withCtx(() => [
 						__props.promptMessage ? (openBlock(), createElementBlock("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "iconfont icon-guanyu text-[#3168EC]" }, null, -1)), createElementVNode("span", _hoisted_3, toDisplayString(__props.promptMessage), 1)])) : createCommentVNode("", true),
 						createVNode(unref(FieldCascader_default), {
-							class: "mb-8px",
+							class: "field-cascader",
 							"is-show-cascader": __props.isShowCascader,
 							scope: unref(SCOPEINFO).FIELD_LIST
 						}, null, 8, ["is-show-cascader", "scope"]),

package/es/components/field-transfer/components/field-transfer-modal.vue_vue_type_style_index_0_scoped_711e6992_lang.css

@@ -0,0 +1,8 @@
+.field-transfer-container[data-v-711e6992] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.field-transfer-container .field-cascader[data-v-711e6992] {
+  margin-bottom: 8px;
+}

package/es/components/field-transfer/hooks/useTreeData.d.ts

@@ -1,9 +1,23 @@
 import { ColumnItem, FieldItem, TreeNodeGroup, TreeNode, ColumnsChange } from '../types/index.d';
 export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: boolean, draggable?: boolean, maxEnableCount?: number, onColumnsChange?: ColumnsChange) => {
     data: import('vue').ComputedRef<({
+        key: string;
+        title: string;
+        level: number;
+        parent: /*elided*/ any;
+        disableCheckbox?: boolean | undefined;
+        isLeaf?: boolean | undefined;
+        isNew?: boolean | undefined;
         type: "group";
         width?: number | undefined;
         children: (/*elided*/ any | {
+            key: string;
+            title: string;
+            level: number;
+            parent: /*elided*/ any;
+            disableCheckbox?: boolean | undefined;
+            isLeaf?: boolean | undefined;
+            isNew?: boolean | undefined;
             type: "field";
             field: {
                 id: string;
@@ -16,6 +30,12 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
             modelKey: string;
             width?: number | undefined;
             fieldType: FIELD_TYPE;
+        })[];
+    } | {
+        key: string;
+        title: string;
+        level: number;
+        parent: {
             key: string;
             title: string;
             level: number;
@@ -23,15 +43,13 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
             disableCheckbox?: boolean | undefined;
             isLeaf?: boolean | undefined;
             isNew?: boolean | undefined;
-        })[];
-        key: string;
-        title: string;
-        level: number;
-        parent: /*elided*/ any;
+            type: "group";
+            width?: number | undefined;
+            children: (/*elided*/ any | /*elided*/ any)[];
+        };
         disableCheckbox?: boolean | undefined;
         isLeaf?: boolean | undefined;
         isNew?: boolean | undefined;
-    } | {
         type: "field";
         field: {
             id: string;
@@ -44,13 +62,18 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
         modelKey: string;
         width?: number | undefined;
         fieldType: FIELD_TYPE;
+    })[]>;
+    root: {
         key: string;
         title: string;
         level: number;
-        parent: {
-            type: "group";
-            width?: number | undefined;
-            children: (/*elided*/ any | /*elided*/ any)[];
+        parent: /*elided*/ any;
+        disableCheckbox?: boolean | undefined;
+        isLeaf?: boolean | undefined;
+        isNew?: boolean | undefined;
+        type: "group";
+        width?: number | undefined;
+        children: (/*elided*/ any | {
             key: string;
             title: string;
             level: number;
@@ -58,15 +81,6 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
             disableCheckbox?: boolean | undefined;
             isLeaf?: boolean | undefined;
             isNew?: boolean | undefined;
-        };
-        disableCheckbox?: boolean | undefined;
-        isLeaf?: boolean | undefined;
-        isNew?: boolean | undefined;
-    })[]>;
-    root: {
-        type: "group";
-        width?: number | undefined;
-        children: (/*elided*/ any | {
             type: "field";
             field: {
                 id: string;
@@ -79,21 +93,7 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
             modelKey: string;
             width?: number | undefined;
             fieldType: FIELD_TYPE;
-            key: string;
-            title: string;
-            level: number;
-            parent: /*elided*/ any;
-            disableCheckbox?: boolean | undefined;
-            isLeaf?: boolean | undefined;
-            isNew?: boolean | undefined;
         })[];
-        key: string;
-        title: string;
-        level: number;
-        parent: /*elided*/ any;
-        disableCheckbox?: boolean | undefined;
-        isLeaf?: boolean | undefined;
-        isNew?: boolean | undefined;
     };
     leafKeys: import('vue').Ref<string[], string[]>;
     multiple: import('vue').ComputedRef<boolean>;
@@ -103,9 +103,23 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
     removeTreeNodesByKeys(keys: string[]): void;
     moveTreeNode(source: TreeNode, target: TreeNode, direction: number, asChildren?: boolean): void;
     getContainerNode: () => {
+        key: string;
+        title: string;
+        level: number;
+        parent: /*elided*/ any;
+        disableCheckbox?: boolean | undefined;
+        isLeaf?: boolean | undefined;
+        isNew?: boolean | undefined;
         type: "group";
         width?: number | undefined;
         children: (/*elided*/ any | {
+            key: string;
+            title: string;
+            level: number;
+            parent: /*elided*/ any;
+            disableCheckbox?: boolean | undefined;
+            isLeaf?: boolean | undefined;
+            isNew?: boolean | undefined;
             type: "field";
             field: {
                 id: string;
@@ -118,21 +132,7 @@ export declare const useTreeData: (useMultiLevelTHead: boolean, isResetData?: bo
             modelKey: string;
             width?: number | undefined;
             fieldType: FIELD_TYPE;
-            key: string;
-            title: string;
-            level: number;
-            parent: /*elided*/ any;
-            disableCheckbox?: boolean | undefined;
-            isLeaf?: boolean | undefined;
-            isNew?: boolean | undefined;
         })[];
-        key: string;
-        title: string;
-        level: number;
-        parent: /*elided*/ any;
-        disableCheckbox?: boolean | undefined;
-        isLeaf?: boolean | undefined;
-        isNew?: boolean | undefined;
     };
     onChangeTree: (columnsData: ColumnItem[], fields: FieldItem[]) => void;
 };

package/es/components/field-transfer/index.d.ts

@@ -1,3 +1,4 @@
+import { default as FieldCascader } from './components/Cascader/FieldCascader';
 /**
  * 使用方法
  * @example
@@ -19,3 +20,4 @@
  *  });
  */
 export { useFieldTransfer } from './useFieldTransfer';
+export { FieldCascader };

package/es/components/field-transfer/index.mjs

@@ -1 +1,2 @@
+import "./components/Cascader/FieldCascader.mjs";
 import "./useFieldTransfer.mjs";

package/es/components/index.d.ts

@@ -3,10 +3,13 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
+export * from './design';
+export * from './material';
+export * from './panel';
 export { DesignSaveTip } from './design-save-tip/design-save-tip';
 export { DesignStepCheck } from './design-step-check/design-step-check';
 export { DesignViewLayout } from './design-view-layout/design-view-layout';
-export { FieldCascader } from './field-cascader';
-export { useFieldTransfer } from './field-transfer';
+export * from './field-transfer';
 export { ModalNameEditor } from './modal-name-editor/modal-name-editor';
 export * from './user-occupy';
+export * from './multi-field';

package/es/components/index.mjs

@@ -1,18 +1,26 @@
 import editor_default from "./editor/index.mjs";
 import { DesignIconButton } from "./design-icon-button/design-icon-button.mjs";
 import { MobileContainer } from "./mobile-container/mobile-container.mjs";
+import "./design/design-content/design-content.mjs";
+import "./design/design-item-preview/design-item-preview.mjs";
+import "./design/index.mjs";
+import "./material/material-content/material-content.mjs";
+import "./material/index.mjs";
+import "./panel/panel-content/panel-content.mjs";
+import "./panel/index.mjs";
 import "./design-save-tip/design-save-tip.mjs";
 import "./design-step-check/design-step-check.mjs";
 import "./modal-name-editor/modal-name-editor.mjs";
 import "./design-view-layout/design-view-layout.mjs";
-import "./field-cascader/src/FieldCascader.vue.mjs";
-import "./field-cascader/index.mjs";
+import "./field-transfer/components/Cascader/FieldCascader.mjs";
 import "./field-transfer/useFieldTransfer.mjs";
 import "./field-transfer/index.mjs";
 import "./user-occupy/useUserOccupy.mjs";
 import "./user-occupy/user-lock.vue.mjs";
 import "./user-occupy/user-occupy.vue.mjs";
 import "./user-occupy/index.mjs";
+import "./multi-field/multi-field-display.vue.mjs";
+import "./multi-field/index.mjs";
 //#region src/components/index.ts
 var components_default = { install(app) {
 	app.use(editor_default);

package/es/components/material/index.d.ts

@@ -0,0 +1 @@
+export { MaterialContent } from './material-content/material-content';

package/es/components/material/index.mjs

@@ -0,0 +1 @@
+import "./material-content/material-content.mjs";

package/es/components/material/material-content/material-content.css

@@ -0,0 +1,86 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-material-content {
+  height: 100%;
+}
+
+.gct-material-content-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 42px;
+  padding: 4px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #212528;
+  border-right: 1px solid #E0E3EA;
+  border-bottom: 1px solid #E0E3EA;
+}
+
+.gct-material-content-content {
+  height: calc(100% - 42px);
+  overflow: hidden auto;
+  border-right: 1px solid #E0E3EA;
+}

package/es/components/material/material-content/material-content.d.ts

@@ -0,0 +1 @@
+export declare const MaterialContent: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;