@gct-paas/design 0.1.5-dev.6 → 0.1.5-dev.8

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-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/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/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/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>;

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

@@ -0,0 +1,49 @@
+import { MaterialTabs } from "../material-tabs/material-tabs.mjs";
+import { MaterialTabPane } from "../material-tab-pane/material-tab-pane.mjs";
+import { MaterialOutlineTree } from "../material-outline-tree/material-outline-tree.mjs";
+import { MaterialModule } from "../material-module/material-module.mjs";
+import './material-content.css';/* empty css                       */
+import { useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent, h, ref, resolveComponent } from "vue";
+//#region src/components/material/material-content/material-content.tsx
+var MaterialContent = /* @__PURE__ */ defineComponent({
+	name: "MaterialContent",
+	components: {
+		MaterialTabs,
+		MaterialTabPane,
+		MaterialOutlineTree,
+		MaterialModule
+	},
+	setup() {
+		const ns = useNamespace("material-content");
+		const tabs = [{
+			id: "outline-tree",
+			icon: "icon-RDOliebiao",
+			label: "大纲",
+			title: "大纲",
+			component: "MaterialOutlineTree"
+		}, {
+			id: "component",
+			icon: "icon-zujian",
+			label: "组件",
+			title: "页面组件",
+			default: true,
+			component: "MaterialModule"
+		}];
+		const active = ref(tabs.find((_) => _.default).id);
+		return () => {
+			return createVNode("div", { "class": ns.b() }, [createVNode(resolveComponent("material-tabs"), {
+				"tabs": tabs,
+				"active": active.value,
+				"onUpdate:active": ($event) => active.value = $event
+			}, { default: () => tabs.map((tab) => {
+				return createVNode(MaterialTabPane, {
+					"key": tab.id,
+					"tabTag": tab.id
+				}, { default: () => [createVNode("div", { "class": ns.b("header") }, [createVNode("span", null, [tab.title])]), createVNode("div", { "class": ns.b("content") }, [h(resolveComponent(tab.component))])] });
+			}) })]);
+		};
+	}
+});
+//#endregion
+export { MaterialContent };

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

@@ -0,0 +1,104 @@
+@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-module {
+  height: 100%;
+  font-size: 12px;
+}
+.gct-material-module__search {
+  padding: 16px 12px;
+  border-bottom: 1px solid #E0E3EA;
+}
+
+.gct-material-module__content {
+  padding: 0 12px;
+}
+
+.gct-material-module .ant-input {
+  font-size: 12px;
+}
+.gct-material-module__search-icon {
+  cursor: pointer;
+}
+
+.gct-material-module .ant-input::placeholder {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  color: #C4C4C4;
+}
+.gct-material-module .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  padding: 14px 3px;
+  font-size: 12px;
+}
+.gct-material-module .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
+  margin-right: 0;
+}
+.gct-material-module .ant-collapse .ant-collapse-content {
+  padding-top: 6px;
+  padding-bottom: 14px;
+}
+.gct-material-module .ant-collapse .ant-collapse-content .ant-collapse-content-box {
+  padding: 0;
+}

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

@@ -0,0 +1,60 @@
+/**
+ * 素材区组件模块绘制
+ */
+export declare const MaterialModule: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    MaterialModuleDragContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        items: {
+            type: {
+                (arrayLength: number): import('../../..').IMaterialData[];
+                (...items: import('../../..').IMaterialData[]): import('../../..').IMaterialData[];
+                new (arrayLength: number): import('../../..').IMaterialData[];
+                new (...items: import('../../..').IMaterialData[]): import('../../..').IMaterialData[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                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>[]>;
+            };
+            default: () => never[];
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        items: {
+            type: {
+                (arrayLength: number): import('../../..').IMaterialData[];
+                (...items: import('../../..').IMaterialData[]): import('../../..').IMaterialData[];
+                new (arrayLength: number): import('../../..').IMaterialData[];
+                new (...items: import('../../..').IMaterialData[]): import('../../..').IMaterialData[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                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>[]>;
+            };
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, {
+        items: import('../../..').IMaterialData[];
+    }, {}, {
+        MaterialModuleDragItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<import('../../..').IMaterialData>;
+                required: true;
+            };
+        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            data: {
+                type: import('vue').PropType<import('../../..').IMaterialData>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/material/material-module/material-module.mjs

@@ -0,0 +1,67 @@
+import { MaterialRegister } from "../../../register/material/material.register.mjs";
+import "../../../register/index.mjs";
+import { useDesignViewController } from "../../../hooks/use-design-view-controller/use-design-view-controller.mjs";
+import "../../../hooks/index.mjs";
+import { MaterialModuleDragContainer } from "../material-module-drag-container/material-module-drag-container.mjs";
+import './material-module.css';/* empty css                      */
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, ref, resolveComponent } from "vue";
+//#region src/components/material/material-module/material-module.tsx
+/**
+* 素材区组件模块绘制
+*/
+var MaterialModule = /* @__PURE__ */ defineComponent({
+	name: "MaterialModule",
+	components: { MaterialModuleDragContainer },
+	setup() {
+		const ns = useNamespace("material-module");
+		const c = useDesignViewController();
+		const search = ref("");
+		const items = MaterialRegister.getList(c.store.prefix).filter((_) => {
+			return _.children && _.children.length > 0;
+		});
+		const activeKey = ref(items.map((item) => item.tag));
+		const groups = computed(() => {
+			const arr = [];
+			const val = search.value.trim();
+			items.forEach((item) => {
+				if (item.children && item.children.length > 0) {
+					const children = item.children.filter((_) => {
+						return _.label.includes(val);
+					});
+					if (children.length > 0) arr.push({
+						...item,
+						children
+					});
+				}
+			});
+			return arr;
+		});
+		return () => {
+			return createVNode("div", { "class": ns.b() }, [createVNode("div", { "class": ns.e("search") }, [createVNode(resolveComponent("a-input"), {
+				"value": search.value,
+				"onUpdate:value": ($event) => search.value = $event,
+				"size": "small",
+				"placeholder": "搜索名称"
+			}, { suffix: () => createVNode("span", { "class": ns.e("search-icon") }, [createVNode("i", { "class": "iconfont icon-sousuo" }, null)]) })]), createVNode("div", { "class": ns.e("content") }, [createVNode(resolveComponent("a-collapse"), {
+				"activeKey": activeKey.value,
+				"onUpdate:activeKey": ($event) => activeKey.value = $event,
+				"ghost": true
+			}, {
+				expandIcon: ({ isActive }) => {
+					return createVNode("i", { "class": ["iconfont", isActive ? "icon-Down" : "icon-right"] }, null);
+				},
+				default: () => {
+					return groups.value.map((_) => {
+						return createVNode(resolveComponent("a-collapse-panel"), {
+							"key": _.tag,
+							"header": _.label
+						}, { default: () => [createVNode(MaterialModuleDragContainer, { "items": _.children }, null)] });
+					});
+				}
+			})])]);
+		};
+	}
+});
+//#endregion
+export { MaterialModule };