@gct-paas/render 0.1.5-test.2 → 0.1.6-dev.1

package/es/Event/Dependency/displayRule.d.ts

@@ -7,7 +7,7 @@ interface DisplayRule {
     id?: number;
 }
 /**单组件显隐控制 */
-export declare function useVisibileByRuleHook(props: DisplayRule, id: string): false | Readonly<import('vue').Ref<boolean, boolean>>;
+export declare function useVisibileByRuleHook(props: DisplayRule, id: string): Readonly<import('vue').Ref<boolean, boolean>>;
 /**
  * 需要做控制的数组组件
  * @param optopns 被控制的数组

package/es/Event/Dependency/displayRule.mjs

@@ -8,7 +8,7 @@ import { watchDebounced } from "@vueuse/core";
 /**单组件显隐控制 */
 function useVisibileByRuleHook(props, id) {
 	/**按钮权限 */
-	if (!getPremission(id)) return false;
+	if (!getPremission(id)) return ref(false);
 	else if (props.displayType === DisplayType.CONFIG) return toRef(() => !props.hidden);
 	else return useDisplayRule(props);
 }

package/es/Event/Dependency/useDependencyToShow.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { LowCodeWidget } from '@gct-paas/schema';
-export declare function useDependencyToShow(widget: LowCodeWidget.BasicSchema): boolean | Readonly<Ref<boolean, boolean>>;
-export declare function dependencyToShow(widget: LowCodeWidget.BasicSchema, rowData?: object): boolean | Ref<boolean>;
+export declare function useDependencyToShow(widget: LowCodeWidget.BasicSchema): Readonly<Ref<boolean, boolean>>;
+export declare function dependencyToShow(widget: LowCodeWidget.BasicSchema, rowData?: object): Ref<boolean>;
 /**直接返回计算结果的依赖显隐逻辑 */
 export declare function dependencyToShowSync(widget: LowCodeWidget.BasicSchema, rowData?: object): Promise<boolean>;
 /**组件集合处理 */

package/es/Event/Dependency/useDependencyToShow.mjs

@@ -3,7 +3,7 @@ import "../utils/processRovedInfo.mjs";
 import { calculateDepResult, insetDep } from "./controller.mjs";
 import { useVisibileByRuleHook } from "./displayRule.mjs";
 import { Dependency_ENUM, DisplayType } from "@gct-paas/core";
-import { inject, toRef } from "vue";
+import { inject, ref, toRef } from "vue";
 //#region src/Event/Dependency/useDependencyToShow.ts
 function useDependencyToShow(widget) {
 	if (widget.props?.displayRule && widget.props?.displayType === DisplayType.RULE)
@@ -12,17 +12,20 @@ function useDependencyToShow(widget) {
 	else return dependencyToShow(widget);
 }
 function dependencyToShow(widget, rowData) {
-	if (!widget.id) return false;
+	if (!widget.id) {
+		widget.props.hidden = true;
+		return ref(false);
+	}
 	if (!getPremission(widget.id)) {
 		/**权限不存在就直接返回false */
 		widget.props.hidden = true;
-		return false;
+		return ref(false);
 	}
 	const useProcessFieldEvent = inject("useProcessFieldEvent", void 0);
 	if (useProcessFieldEvent) {
 		/**流程节点隐藏的字段 */
 		useProcessFieldEvent.useFieldToShow(widget);
-		return !widget.props.hidden;
+		return toRef(() => !widget.props.hidden);
 	}
 	const { displayType, displayRule } = widget.props || {};
 	const { value, expression } = (widget.props.componentDependency?.configDependency || {})[Dependency_ENUM.HIDDEN] || {};

package/es/Event/baseEvent.d.ts

@@ -88,10 +88,10 @@ export declare class Context {
     $closeModal?: () => void;
     /**调用第三方服务 */
     $customBizService: {
-        post: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
-        get: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
-        put: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
-        delete: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
+        post: ((path: import('./bizServiceRequest').PathType, data?: IObject, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>) | ((path: import('./bizServiceRequest').PathType, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>);
+        get: ((path: import('./bizServiceRequest').PathType, data?: IObject, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>) | ((path: import('./bizServiceRequest').PathType, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>);
+        put: ((path: import('./bizServiceRequest').PathType, data?: IObject, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>) | ((path: import('./bizServiceRequest').PathType, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>);
+        delete: ((path: import('./bizServiceRequest').PathType, data?: IObject, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>) | ((path: import('./bizServiceRequest').PathType, query?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>);
     };
     /**组件id和widget 的map */
     gctWidgets: Record<string, LowCodeWidget.BasicSchema>;

package/es/Event/baseEvent.mjs

@@ -8,9 +8,9 @@ import { FormComponents, INNER_EVENT, t } from "@gct-paas/core";
 import dayjs from "dayjs";
 import { toRaw } from "vue";
 import { useStyleTag } from "@vueuse/core";
-import BigNumberJS from "bignumber.js";
 import * as _ from "lodash-es";
 import { cloneDeep, differenceBy } from "lodash-es";
+import BigNumberJS from "bignumber.js";
 //#region src/Event/baseEvent.ts
 var Events = class {
 	context;

package/es/Event/bizServiceRequest.d.ts

@@ -1,10 +1,10 @@
 import { BizServiceEnum, EntityModelCategoryEnum } from '@gct-paas/core';
 import { AxiosRequestConfig } from 'axios';
 export declare const BizService: {
-    post: (path: PathType, query?: IObject, data?: IObject, config?: AxiosRequestConfig) => Promise<unknown>;
-    get: (path: PathType, query?: IObject, data?: IObject, config?: AxiosRequestConfig) => Promise<unknown>;
-    put: (path: PathType, query?: IObject, data?: IObject, config?: AxiosRequestConfig) => Promise<unknown>;
-    delete: (path: PathType, query?: IObject, data?: IObject, config?: AxiosRequestConfig) => Promise<unknown>;
+    post: ((path: PathType, data?: IObject, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>) | ((path: PathType, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>);
+    get: ((path: PathType, data?: IObject, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>) | ((path: PathType, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>);
+    put: ((path: PathType, data?: IObject, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>) | ((path: PathType, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>);
+    delete: ((path: PathType, data?: IObject, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>) | ((path: PathType, query?: IObject, config?: AxiosRequestConfig) => Promise<unknown>);
 };
 /**
  * 系统内置业务服务请求

package/es/Event/bizServiceRequest.mjs

@@ -1,17 +1,26 @@
 import { BizServiceEnum, EntityModelCategoryEnum } from "@gct-paas/core";
 //#region src/Event/bizServiceRequest.ts
-var bizServiceRequestHook = (api) => (path, query = {}, data = {}, config = {}) => {
-	return api({
-		modelKey: path.key,
-		bsKey: path.action,
-		modelCategory: path.modelCategory ?? EntityModelCategoryEnum.ENTITY
-	}, query, data, config);
+var bizServiceRequestHook = (api, method) => {
+	if (["post", "put"].includes(method)) return (path, data = {}, query = {}, config = {}) => {
+		return api({
+			modelKey: path.key,
+			bsKey: path.action,
+			modelCategory: path.modelCategory ?? EntityModelCategoryEnum.ENTITY
+		}, query, data, config);
+	};
+	else return (path, query = {}, config = {}) => {
+		return api({
+			modelKey: path.key,
+			bsKey: path.action,
+			modelCategory: path.modelCategory ?? EntityModelCategoryEnum.ENTITY
+		}, query, config);
+	};
 };
 var BizService = {
-	post: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.postBizServiceModelCategoryModelKeyBsKey),
-	get: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.getBizServiceModelCategoryModelKeyBsKey),
-	put: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.putBizServiceModelCategoryModelKeyBsKey),
-	delete: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.deleteBizServiceModelCategoryModelKeyBsKey)
+	post: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.postBizServiceModelCategoryModelKeyBsKey, "post"),
+	get: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.getBizServiceModelCategoryModelKeyBsKey, "get"),
+	put: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.putBizServiceModelCategoryModelKeyBsKey, "put"),
+	delete: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.deleteBizServiceModelCategoryModelKeyBsKey, "delete")
 };
 /**
 * 系统内置业务服务请求

package/es/components/card-view-render/card-view-render.css

@@ -0,0 +1,71 @@
+@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-card-view-render {
+  position: relative;
+}
+.gct-card-view-render .gct-design-render {
+  width: auto;
+  height: auto;
+}

package/es/components/card-view-render/card-view-render.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+export declare const CardViewRender: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    fetch: {
+        type: PropType<() => Promise<IObject>>;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "mounted"[], "mounted", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    fetch: {
+        type: PropType<() => Promise<IObject>>;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onMounted?: ((...args: any[]) => any) | undefined;
+}>, {
+    preview: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/card-view-render/card-view-render.mjs

@@ -0,0 +1,85 @@
+import { DesignRenderViewPrefix } from "../../constant/index.mjs";
+import { DesignRender } from "../design-render/design-render.mjs";
+import './card-view-render.css';/* empty css                       */
+import { gctMemoizeAsync, useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, nextTick, ref } from "vue";
+//#region src/components/card-view-render/card-view-render.tsx
+var loadModelAsync = gctMemoizeAsync(_api.apaas.commonInfoCard.getGetById);
+var CardViewRender = /* @__PURE__ */ defineComponent({
+	name: "CardViewRender",
+	props: {
+		id: {
+			type: String,
+			required: true
+		},
+		modelKey: {
+			type: String,
+			required: true
+		},
+		fetch: { type: Function },
+		preview: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["mounted"],
+	setup(props, { emit, slots }) {
+		const ns = useNamespace("card-view-render");
+		const isLoading = ref(false);
+		const isLoaded = ref(false);
+		const json = ref(null);
+		const data = ref({});
+		const style = computed(() => {
+			if (json.value) return { width: json.value.pageNode?.data.width ? `${json.value.pageNode.data.width}px` : "" };
+			return {};
+		});
+		async function loadModel() {
+			const res = await loadModelAsync({
+				id: props.id,
+				modelKey: props.modelKey,
+				type: "CARD"
+			});
+			if (res && res.designerJson) json.value = JSON.parse(decodeURIComponent(res.designerJson));
+		}
+		async function onInit() {
+			if (!props.id) return;
+			try {
+				isLoading.value = true;
+				await loadModel();
+				if (props.preview !== true && props.fetch) data.value = await props.fetch() || {};
+			} catch (error) {
+				console.error(error);
+			} finally {
+				isLoading.value = false;
+			}
+			isLoaded.value = true;
+			await nextTick();
+			setTimeout(() => {
+				emit("mounted", json.value?.pageNode?.data);
+			});
+		}
+		onInit();
+		return () => {
+			return createVNode("div", {
+				"class": ns.b(),
+				"style": style.value
+			}, [isLoading.value && slots.loading ? slots.loading?.() : null, !json.value || !isLoaded.value ? null : createVNode(DesignRender, {
+				"context": {
+					data: data.value,
+					id: props.id,
+					modelKey: props.modelKey
+				},
+				"model": {
+					nodes: json.value.nodes,
+					pageNode: json.value.pageNode,
+					tree: json.value.tree,
+					type: DesignRenderViewPrefix.CARD_VIEW
+				},
+				"prefix": DesignRenderViewPrefix.CARD_VIEW,
+				"preview": props.preview
+			}, null)]);
+		};
+	}
+});
+//#endregion
+export { CardViewRender };

package/es/components/design-render/design-render.css

@@ -0,0 +1,71 @@
+@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-design-render {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden auto;
+  background-color: #f7f8fa;
+}

package/es/components/design-render/design-render.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { IDesignData } from '@gct-paas/schema';
+export declare const DesignRender: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IDesignData>;
+        required: true;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IDesignData>;
+        required: true;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    context: {
+        type: PropType<IContext>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    prefix: string;
+    preview: boolean;
+    context: IContext;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/design-render/design-render.mjs

@@ -0,0 +1,121 @@
+import { RenderNodeRegister } from "../../register/node/node.register.mjs";
+import "../../register/index.mjs";
+import { DesignRenderItem } from "../design-render-item/design-render-item.mjs";
+import './design-render.css';/* empty css                    */
+import { useDesignRenderController } from "../../hooks/use-design-render-controller/use-design-render-controller.mjs";
+import "../../hooks/index.mjs";
+import { calcStyle, useNamespace } from "@gct-paas/core";
+import { computed, createTextVNode, createVNode, defineComponent, h, resolveComponent, watch } from "vue";
+import { DesignNodeMode } from "@gct-paas/schema";
+//#region src/components/design-render/design-render.tsx
+var DesignRender = /* @__PURE__ */ defineComponent({
+	name: "DesignRender",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		prefix: {
+			type: String,
+			default: ""
+		},
+		preview: {
+			type: Boolean,
+			default: false
+		},
+		context: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("design-render");
+		const c = useDesignRenderController();
+		c.prefix = props.prefix;
+		c.preview = props.preview;
+		c.setNodes(props.model.nodes);
+		c.setTree(props.model.tree);
+		watch(() => props.context, () => {
+			c.state.context = props.context;
+		}, { immediate: true });
+		const style = computed(() => {
+			if (props.model.pageNode) return calcStyle(props.model.pageNode.data);
+			return {};
+		});
+		const rootNodes = c.getNodes();
+		function renderNodeItem(node, parent) {
+			const provider = RenderNodeRegister.get(node.type, c.prefix);
+			const itemC = c.getController(node.id);
+			return h(resolveComponent(provider.component), {
+				key: node.id,
+				c: itemC,
+				model: node,
+				parent,
+				preview: props.preview,
+				context: c.state.context,
+				pageModel: props.model.pageNode
+			});
+		}
+		function renderNodeContainer(node, parent) {
+			const provider = RenderNodeRegister.get(node.type, c.prefix);
+			const items = c.getNodes(node.id);
+			const itemC = c.getController(node.id);
+			return h(resolveComponent(provider.component), {
+				key: node.id,
+				c: itemC,
+				model: node,
+				parent,
+				preview: props.preview,
+				context: c.state.context,
+				pageModel: props.model.pageNode
+			}, items.map((_) => {
+				return renderNode(_, node);
+			}));
+		}
+		function renderNode(node, parent) {
+			const provider = RenderNodeRegister.get(node.type, c.prefix);
+			if (!provider) {
+				console.warn(`未找到节点类型为${node.type}的渲染器`);
+				return null;
+			}
+			let content = null;
+			if (provider.mode === DesignNodeMode.CONTAINER) content = renderNodeContainer(node, parent);
+			else if (provider.mode === DesignNodeMode.ITEM) content = renderNodeItem(node, parent);
+			else content = createVNode("div", null, [
+				createTextVNode("未支持的适配器模式["),
+				provider.mode,
+				createTextVNode("]")
+			]);
+			return createVNode(DesignRenderItem, { "model": node }, { default: () => content });
+		}
+		function renderPageNode(child) {
+			if (!props.model.pageNode) return child;
+			const provider = RenderNodeRegister.get(props.model.pageNode.type, c.prefix);
+			if (!provider) {
+				console.warn(`未找到页面节点类型为${props.model.pageNode.type}的渲染器`);
+				return child;
+			}
+			const itemC = c.getController(props.model.pageNode.id);
+			return h(resolveComponent(provider.component), {
+				key: props.model.pageNode.id,
+				c: itemC,
+				model: props.model.pageNode,
+				parent: void 0,
+				preview: props.preview,
+				context: c.state.context
+			}, child);
+		}
+		return () => {
+			return createVNode("div", {
+				"class": ns.b(),
+				"style": style.value
+			}, [renderPageNode(rootNodes.map((node) => {
+				return renderNode(node);
+			}))]);
+		};
+	}
+});
+//#endregion
+export { DesignRender };

package/es/components/design-render-item/design-render-item.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+import { IDesignNode } from '@gct-paas/schema';
+export declare const DesignRenderItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IDesignNode>;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IDesignNode>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/design-render-item/design-render-item.mjs

@@ -0,0 +1,22 @@
+import { calcStyle, useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent } from "vue";
+//#region src/components/design-render-item/design-render-item.tsx
+var DesignRenderItem = /* @__PURE__ */ defineComponent({
+	name: "DesignRenderItem",
+	props: { model: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ns = useNamespace("design-render-item");
+		const style = calcStyle(props.model.data);
+		return () => {
+			return createVNode("div", {
+				"class": ns.b(),
+				"style": style
+			}, [slots.default?.()]);
+		};
+	}
+});
+//#endregion
+export { DesignRenderItem };

package/es/components/index.d.ts

@@ -1,2 +1,3 @@
-import { default as HandwritingPad } from './HandwritingPad.vue';
-export { HandwritingPad };
+export { CardViewRender } from './card-view-render/card-view-render';
+export { DesignRender } from './design-render/design-render';
+export { default as HandwritingPad } from './HandwritingPad.vue';

package/es/components/index.mjs

@@ -1 +1,3 @@
+import "./design-render/design-render.mjs";
+import "./card-view-render/card-view-render.mjs";
 import "./HandwritingPad.vue.mjs";

package/es/hooks/index.mjs

@@ -1,3 +1,3 @@
-import "./useStorageRef.mjs";
 import "./use-design-render-controller/use-design-render-controller.mjs";
+import "./useStorageRef.mjs";
 import "./widgets/useFileAttrsHooks.mjs";

package/es/index.d.ts

@@ -7,4 +7,3 @@ export * from './register';
 export * from './utils';
 export * from './modules/vue3-dnd';
 export declare function onInit(): void;
-export declare const deleteAndInsertArr: (arr: string[], deleteIndex: number, insertIndex: number) => void;