@gct-paas/render 0.1.6-dev.4 → 0.1.6-dev.41

package/es/Event/index.d.ts

@@ -5,3 +5,4 @@ export * from './Dependency/useDependencyToShow';
 export * from './Dependency/useDependency';
 export * from './Dependency/controller';
 export * from './Dependency/displayRule';
+export { GlobaAppInfo } from './utils/appRedis';

package/es/Event/index.mjs

@@ -1,3 +1,4 @@
+import "./utils/appRedis.mjs";
 import "./utils/runGlobalByPage.mjs";
 import "./baseEvent.mjs";
 import "./eventType.mjs";

package/es/Event/utils/appRedis.mjs

@@ -37,4 +37,4 @@ var useCreateAppredis = ({ value: defaultValue, appredis, key: varKey, type }) =
 	});
 };
 //#endregion
-export { useCreateAppredis };
+export { GlobaAppInfo, useCreateAppredis };

package/es/Event/utils/runGlobalByPage.d.ts

@@ -125,6 +125,9 @@ export declare const pageDataforJson: import('vue').Ref<{
             title?: string | undefined;
         } | undefined;
         hasFooter?: boolean | undefined;
+        unitType?: "px" | "%" | undefined;
+        pageWidth?: number | undefined;
+        independentDetailPage?: boolean | undefined;
     } | undefined;
     pageName?: string | undefined;
 }, {
@@ -238,6 +241,9 @@ export declare const pageDataforJson: import('vue').Ref<{
             title?: string | undefined;
         } | undefined;
         hasFooter?: boolean | undefined;
+        unitType?: "px" | "%" | undefined;
+        pageWidth?: number | undefined;
+        independentDetailPage?: boolean | undefined;
     } | undefined;
     pageName?: string | undefined;
 } | {
@@ -322,6 +328,11 @@ export declare class Globals {
         data: RuntimePageJson;
         name: string | undefined;
     }>;
+    static initTxnPageByid(id: string, isDetail?: boolean): Promise<{
+        res: import('@gct-paas/api/apaas').TransactionResponse;
+        data: RuntimePageJson;
+        name: string | undefined;
+    }>;
     static initHistoryByid(id: string): Promise<{
         res: import('@gct-paas/api/apaas').PageDesignerLogResponse;
         data: any;

package/es/Event/utils/runGlobalByPage.mjs

@@ -14,9 +14,15 @@ var PageTypeEnum = /* @__PURE__ */ function(PageTypeEnum) {
 	return PageTypeEnum;
 }({});
 var getPageApiByMap = {
-	[PageTypeEnum.WEB]: { getPageInfo: _gct.api.apaas.webpage.getInfo },
+	[PageTypeEnum.WEB]: {
+		getPageInfo: _gct.api.apaas.webpage.getInfo,
+		getTxnPageInfo: _gct.api.apaas.transaction.getGetVersionById
+	},
 	[PageTypeEnum.MOBILE]: { getPageInfo: _gct.api.apaas.mobilePage.getInfo },
-	[PageTypeEnum.PAD]: { getPageInfo: _gct.api.apaas.padPage.getInfo }
+	[PageTypeEnum.PAD]: {
+		getPageInfo: _gct.api.apaas.padPage.getInfo,
+		getTxnPageInfo: _gct.api.apaas.transaction.getGetVersionById
+	}
 };
 var pageGlobaVariables = ref({});
 /**app全局变量 */
@@ -235,6 +241,25 @@ var Globals = class Globals {
 			name
 		};
 	}
+	static async initTxnPageByid(id, isDetail = false) {
+		this.pageID = id;
+		const getJSon = getPageApiByMap[PageTypeEnum.WEB].getTxnPageInfo;
+		const res = await getJSon({ id });
+		const { runtimeJson: createJson, detailRuntimeJson: detailJson, name } = res || {};
+		const runtimeJson = isDetail ? detailJson : createJson;
+		pageDataforJson.value.pageName = name;
+		if (!runtimeJson) return Promise.reject();
+		const data = JSON.parse(runtimeJson);
+		if (!data.widgets.filter((item) => item.type !== "bottom-button-container").length) return Promise.reject();
+		await this.initGlobalS(data);
+		pageDataforJson.value.pageConfig = data.pageConfig || {};
+		pageDataforJson.value.pageStyle = data.pageStyle || {};
+		return {
+			res,
+			data,
+			name
+		};
+	}
 	static async initHistoryByid(id) {
 		this.pageID = id;
 		const res = await _gct.api.apaas.pageDesignerLog.getInfo({ id });

package/es/components/index.d.ts

@@ -1,3 +1,2 @@
-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,3 +1,2 @@
 import "./design-render/design-render.mjs";
-import "./card-view-render/card-view-render.mjs";
 import "./HandwritingPad.vue.mjs";

package/es/controller/design-render-base/design-render-base.controller.mjs

@@ -1,6 +1,7 @@
 import { DesignRenderBaseState } from "../../state/design-render-base/design-render-base.state.mjs";
 //#region src/controller/design-render-base/design-render-base.controller.ts
 var DesignRenderBaseController = class {
+	model;
 	state = new DesignRenderBaseState();
 	constructor(model) {
 		this.model = model;

package/es/index.d.ts

@@ -8,4 +8,5 @@ export * from './providers';
 export * from './register';
 export * from './utils';
 export * from './modules/vue3-dnd';
+export { renderSetupApp } from './setup-app';
 export declare function onInit(): void;

package/es/index.mjs

@@ -10,9 +10,9 @@ import { FieldSchema, initFieldWidgetRuntime } from "./utils/getFieldSchema.mjs"
 import { useAsyncFileAttrs } from "./hooks/widgets/useFileAttrsHooks.mjs";
 import "./hooks/index.mjs";
 import { DesignRender } from "./components/design-render/design-render.mjs";
-import { CardViewRender } from "./components/card-view-render/card-view-render.mjs";
 import HandwritingPad_default from "./components/HandwritingPad.vue.mjs";
 import "./components/index.mjs";
+import { GlobaAppInfo } from "./Event/utils/appRedis.mjs";
 import { Globals, PageTypeEnum, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData } from "./Event/utils/runGlobalByPage.mjs";
 import { RenderDesignEditor } from "./providers/render-design-editor/render-design-editor.provider.mjs";
 import "./providers/index.mjs";
@@ -40,10 +40,17 @@ import { containerNodeProps, nodeEditorProps, nodeProps } from "./props/index.mj
 import { Vue3DndDraggableItem } from "./modules/vue3-dnd/components/vue3-dnd-draggable-item/vue3-dnd-draggable-item.mjs";
 import { Vue3DndDraggable } from "./modules/vue3-dnd/components/vue3-dnd-draggable/vue3-dnd-draggable.mjs";
 import "./modules/vue3-dnd/index.mjs";
+import { renderSetupApp } from "./setup-app.mjs";
 //#region src/index.ts
 function onInit() {
 	if (!_gct.register.render) _gct.register.render = new RenderRegister();
 	else console.warn("渲染注册已存在，可能存在重复注册问题，请检查是否有重复引入渲染包的情况");
+	if (!window._kit) Object.defineProperty(window, "_kit", {
+		value: {},
+		writable: false,
+		configurable: false
+	});
 }
+onInit();
 //#endregion
-export { CardViewRender, Context, ControllerType, DESIGN_DATA_KEY_TAG, DESIGN_TYPE, DateFormat, DateRangeMap, DatepickerRanges, DesignItemAttribute, DesignNodeType, DesignRender, DesignRenderViewPrefix, Events, FieldSchema, GctComponent, Globals, HandwritingPad_default as HandwritingPad, PageTypeEnum, RenderDesignEditor, RenderNodeRegister, RenderNodeType, RenderPluginPgkUtil, RenderRegister, Vue3DndDraggable, Vue3DndDraggableItem, addDataByForm, cacheAdapter, calculate, calculateDepResult, containerNodeProps, defaultValMap, dependencyToShow, dependencyToShowSync, emptyValueDisplay, formMap, getDefaultDate, getDisabledDate, getIExp, getIKeywordFieldKeys, getMobileDateRange, getPageTitle, getPremission, getQueryDateByKeyWord, getQuerySort, getRefInfoId, globalVarCaches, identify, initFieldWidgetRuntime, insetDep, is, isArray, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isString, isUnDef, isUrl, isWindow, nodeEditorProps, nodeProps, onInit, pageDataforJson, pageGlobaVariables, schemaToStyle, setDataByForm, setFormData, tableWidgetByDept, tableWidgetToShow, transSelectData, transformData, transformDataToDict, transformPropsField, transformSourceData, useAsyncFileAttrs, useDependency, useDependencyByRequired, useDependencyToShow, useDependencyToShowList, useDesignRenderController, useDisplayRuleColumnByStyles, useDisplayRuleOptions, useGctSelect, useGetBodyBySearch, useQueryfilter, useStyle, useVisibileByRuleHook, widthRenderDesignEditorInstall };
+export { Context, ControllerType, DESIGN_DATA_KEY_TAG, DESIGN_TYPE, DateFormat, DateRangeMap, DatepickerRanges, DesignItemAttribute, DesignNodeType, DesignRender, DesignRenderViewPrefix, Events, FieldSchema, GctComponent, GlobaAppInfo, Globals, HandwritingPad_default as HandwritingPad, PageTypeEnum, RenderDesignEditor, RenderNodeRegister, RenderNodeType, RenderPluginPgkUtil, RenderRegister, Vue3DndDraggable, Vue3DndDraggableItem, addDataByForm, cacheAdapter, calculate, calculateDepResult, containerNodeProps, defaultValMap, dependencyToShow, dependencyToShowSync, emptyValueDisplay, formMap, getDefaultDate, getDisabledDate, getIExp, getIKeywordFieldKeys, getMobileDateRange, getPageTitle, getPremission, getQueryDateByKeyWord, getQuerySort, getRefInfoId, globalVarCaches, identify, initFieldWidgetRuntime, insetDep, is, isArray, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isString, isUnDef, isUrl, isWindow, nodeEditorProps, nodeProps, onInit, pageDataforJson, pageGlobaVariables, renderSetupApp, schemaToStyle, setDataByForm, setFormData, tableWidgetByDept, tableWidgetToShow, transSelectData, transformData, transformDataToDict, transformPropsField, transformSourceData, useAsyncFileAttrs, useDependency, useDependencyByRequired, useDependencyToShow, useDependencyToShowList, useDesignRenderController, useDisplayRuleColumnByStyles, useDisplayRuleOptions, useGctSelect, useGetBodyBySearch, useQueryfilter, useStyle, useVisibileByRuleHook, widthRenderDesignEditorInstall };

package/es/locale/auto-register.d.ts

@@ -0,0 +1,2 @@
+/** 注册 render 包的 locale 多语言资源 */
+export declare function registerRenderLocale(): void;

package/es/locale/auto-register.mjs

@@ -0,0 +1,13 @@
+import { process_exports } from "./sys/process.mjs";
+import { sys_exports } from "./sys.mjs";
+//#region src/locale/auto-register.ts
+var localeModules = /* @__PURE__ */ Object.assign({
+	"./sys/process.ts": process_exports,
+	"./sys.ts": sys_exports
+});
+/** 注册 render 包的 locale 多语言资源 */
+function registerRenderLocale() {
+	_gct.i18nUtil.autoRegisterLocale(localeModules);
+}
+//#endregion
+export { registerRenderLocale };

package/es/locale/sys/process.mjs

@@ -0,0 +1,10 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
+//#region src/locale/sys/process.ts
+var process_exports = /* @__PURE__ */ __exportAll({ default: () => process_default });
+var process_default = {
+	pleaseInitiateTheProcessFirst: "未找到流程数据，请先发起流程",
+	processInstanceMismatch: "流程实例不匹配！",
+	element: { approval: "审批" }
+};
+//#endregion
+export { process_exports };

package/es/locale/sys.mjs

@@ -0,0 +1,6 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+//#region src/locale/sys.ts
+var sys_exports = /* @__PURE__ */ __exportAll({ default: () => sys_default });
+var sys_default = { success: "成功" };
+//#endregion
+export { sys_exports };

package/es/register/node/node.register.mjs

@@ -40,6 +40,7 @@ var RenderNodeRegister = class {
 	*/
 	static register(name, provider, prefix) {
 		const tag = prefix ? `${prefix}:${name}` : name;
+		if (this.map.has(tag)) console.warn(`重复注册组件提供者，标识: ${tag}，覆盖之前的提供者`);
 		this.map.set(tag, provider);
 	}
 	/**
@@ -61,6 +62,7 @@ var RenderNodeRegister = class {
 			this.cache.set(tag, ins);
 			return ins;
 		}
+		console.warn(`未找到组件提供者，标识: ${tag}`);
 		return null;
 	}
 	/**

package/es/register/render-register/render-register.mjs

@@ -28,6 +28,7 @@ var RenderRegister = class {
 	*/
 	register(tag, com, prefix) {
 		const fullTag = prefix ? `${prefix}:${tag}` : tag;
+		if (this.map.has(fullTag)) console.warn(`重复注册标识: ${fullTag}，覆盖之前的组件`);
 		this.map.set(fullTag, com);
 	}
 	/**
@@ -40,6 +41,10 @@ var RenderRegister = class {
 	*/
 	unregister(tag, prefix) {
 		const fullTag = prefix ? `${prefix}:${tag}` : tag;
+		if (!this.map.has(fullTag)) {
+			console.warn(`删除未注册组件标识: ${fullTag}`);
+			return;
+		}
 		this.map.delete(fullTag);
 	}
 	/**
@@ -54,7 +59,7 @@ var RenderRegister = class {
 	get(tag, prefix) {
 		const fullTag = prefix ? `${prefix}:${tag}` : tag;
 		const component = this.map.get(fullTag);
-		if (!component) console.warn(`No component registered for tag: ${fullTag}`);
+		if (!component) console.warn(`未找到组件，标识: ${fullTag}`);
 		return component;
 	}
 	/**

package/es/setup-app.d.ts

@@ -0,0 +1,2 @@
+import { App } from 'vue';
+export declare function renderSetupApp(_app: App): Promise<void>;

package/es/setup-app.mjs

@@ -0,0 +1,7 @@
+import { registerRenderLocale } from "./locale/auto-register.mjs";
+//#region src/setup-app.ts
+async function renderSetupApp(_app) {
+	registerRenderLocale();
+}
+//#endregion
+export { renderSetupApp };

package/es/types/index.d.ts

@@ -5,3 +5,13 @@ declare module '@gct-paas/core' {
     render: RenderRegister;
   }
 }
+declare global {
+  interface Window {
+    /**
+     * 套件全局方法
+     *
+     * @type {IObject}
+     */
+    _kit: IObject;
+  }
+}

package/es/utils/get-ref-data.mjs

@@ -19,7 +19,7 @@ async function getDataByModelType({ refOriginFieldType, modelKey, foreignFields,
 			modelKey,
 			bsKey: "rdoGetVersionByRefId",
 			modelCategory: EntityModelCategoryEnum.ENTITY
-		}, { foreignFields }, { refId: ids });
+		}, { refId: ids }, { foreignFields });
 		return {
 			data,
 			dict
@@ -29,10 +29,10 @@ async function getDataByModelType({ refOriginFieldType, modelKey, foreignFields,
 			modelKey,
 			bsKey: "getOne",
 			modelCategory: EntityModelCategoryEnum.ENTITY
-		}, {
+		}, {}, {
 			query: { "id_.eq": ids },
 			foreignFields
-		}, {});
+		});
 		return {
 			data,
 			dict

package/es/utils/model-transformer.mjs

@@ -73,15 +73,21 @@ function transSelectData(field, row = {}, dict = {}) {
 */
 function transformDataToDict(row = {}, dict = {}) {
 	const data = cloneDeep(row);
-	return Object.keys(dict ?? {})?.length ? Object.keys(data).reduce((total, curr) => {
-		const map = dict[curr] || {}, value = data[curr];
-		try {
-			total[curr] = (value + "").split(",").map((k) => map[k]).join("，");
-		} catch {
-			total[curr] = value;
+	if (!dict || Object.keys(dict).length === 0) return data;
+	return Object.keys(data).reduce((total, currKey) => {
+		const rawVal = data[currKey];
+		const fieldDict = dict[currKey];
+		if (!fieldDict) {
+			total[currKey] = rawVal;
+			return total;
 		}
+		if (rawVal === null || rawVal === void 0) {
+			total[currKey] = rawVal;
+			return total;
+		}
+		total[currKey] = String(rawVal).split(",").map((code) => fieldDict[code] ?? code).filter(Boolean).join("，");
 		return total;
-	}, {}) : data;
+	}, {});
 }
 //#endregion
 export { addDataByForm, setDataByForm, transSelectData, transformData, transformDataToDict, transformSourceData };

package/es/utils/search/search-hooks.mjs

@@ -6,6 +6,12 @@ var isArrayOpe = [
 	SEARCH_SERVICE.IN,
 	SEARCH_SERVICE.NOTIN
 ];
+/** 空字符串、空数组、区间两端皆空视为无查询值；保留 0 / false */
+function isEmptySearchValue(value) {
+	if (value === null || value === void 0 || value === "") return true;
+	if (Array.isArray(value)) return value.length === 0 || value.every((v) => v === null || v === void 0 || v === "");
+	return false;
+}
 /**查询组件body转化为算子 */
 function useGetBodyBySearch(formState, cacheColumns, expStr) {
 	/**
@@ -20,7 +26,7 @@ function useGetBodyBySearch(formState, cacheColumns, expStr) {
 			const field = i.props.fieldSearchKey || i.props.field;
 			const ope = i.props.ope || [];
 			let value = state[i.id];
-			if (value !== null && value !== void 0 || i.props.useMore) ope.forEach((o) => {
+			if (!isEmptySearchValue(value) || i.props.useMore) ope.forEach((o) => {
 				value = getMultipleChoiceToArray(value, o);
 				const key = `${field}.${o}:${i.id}`, expkey = `${i.id}.${o}`;
 				body[key] = i.props.useMore ? null : value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/render",
-  "version": "0.1.6-dev.4",
+  "version": "0.1.6-dev.41",
   "type": "module",
   "description": "paas 平台网页端底包",
   "loader": "dist/loader.esm.min.js",
@@ -31,7 +31,7 @@
   "license": "MIT",
   "author": "gct",
   "dependencies": {
-    "@gct-paas/api": "^0.1.4-dev.4",
+    "@gct-paas/api": "^6.0.0-dev.2",
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "bignumber.js": "^10.0.2",
@@ -44,10 +44,10 @@
     "qx-util": "^0.4.8",
     "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0",
-    "@gct-paas/core": "0.1.6-dev.4",
-    "@gct-paas/core-web": "0.1.6-dev.4",
-    "@gct-paas/schema": "0.1.6-dev.4",
-    "@gct-paas/scss": "0.1.6-dev.4"
+    "@gct-paas/scss": "0.1.6-dev.41",
+    "@gct-paas/schema": "0.1.6-dev.41",
+    "@gct-paas/core": "0.1.6-dev.41",
+    "@gct-paas/core-web": "0.1.6-dev.41"
   },
   "devDependencies": {
     "@types/escodegen": "^0.0.10",
@@ -55,12 +55,12 @@
     "@types/estree": "^1.0.8"
   },
   "peerDependencies": {
-    "@gct-paas/api": "^0.1.4-dev.4",
+    "@gct-paas/api": "^6.0.0-dev.2",
     "vue": ">=3",
-    "@gct-paas/scss": "0.1.6-dev.4",
-    "@gct-paas/core": "0.1.6-dev.4",
-    "@gct-paas/core-web": "0.1.6-dev.4",
-    "@gct-paas/schema": "0.1.6-dev.4"
+    "@gct-paas/core": "0.1.6-dev.41",
+    "@gct-paas/core-web": "0.1.6-dev.41",
+    "@gct-paas/schema": "0.1.6-dev.41",
+    "@gct-paas/scss": "0.1.6-dev.41"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",

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

@@ -1,71 +0,0 @@
-@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

@@ -1,38 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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 };