@kp-ui/lowcode-pc 1.0.0-alpha.1 → 1.0.0-alpha.3

package/assets/html-text-widget.mjs

@@ -42,3 +42,4 @@ const htmlTextWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "da
 export {
   htmlTextWidget as default
 };
+//# sourceMappingURL=html-text-widget.mjs.map

package/assets/html-text-widget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-text-widget.mjs","sources":["../../src/components/field-widget/html-text-widget.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"!handleHidden\"\n        ref=\"fieldEditor\"\n        :style=\"displayStyle\"\n        class=\"htmlContent\"\n        v-html=\"field.options.htmlContent\"\n    ></div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed } from 'vue';\n    import { useField, type FieldProps } from './useField';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        name: WidgetTypeEnum.htmlText,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, handleHidden, defineExposed } = useField(props);\n\n    const displayStyle = computed(() => field.options.bodyStyle || {});\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .htmlContent {\n        // v-bind(field.options.bodyStyle)\n    }\n</style>\n"],"names":["_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBI,UAAM,QAAQ;AAEd,UAAM,EAAS,aAAa,OAAO,cAAc,cAAA,IAAkB,SAAS,KAAK;AAEjF,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,aAAa,EAAE;AAEjE,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;cAzBUA,MAAA,YAAA,kBADXC,mBAMO,OAAA;AAAA;iBAJC;AAAA,QAAJ,KAAI;AAAA,QACH,sBAAO,aAAA,KAAY;AAAA,QACpB,OAAM;AAAA,QACN,WAAQD,MAAA,KAAA,EAAM,QAAQ;AAAA,MAAA;;;;;"}

package/assets/input-widget.mjs

@@ -96,3 +96,4 @@ const inputWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-
 export {
   inputWidget as default
 };
+//# sourceMappingURL=input-widget.mjs.map

package/assets/input-widget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-widget.mjs","sources":["../../src/components/field-widget/input-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <a-input\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            v-show=\"!isReadMode\"\n            :disabled=\"handleDisabled\"\n            :readonly=\"field.options.readonly\"\n            :size=\"size\"\n            class=\"hide-spin-button\"\n            :type=\"inputType\"\n            :show-password=\"field.options.showPassword\"\n            :placeholder=\"field.options.placeholder\"\n            :allowClear=\"field.options.allowClear\"\n            :maxlength=\"field.options.maxLength\"\n            :showCount=\"field.options.showCount\"\n            @focus=\"handleFocusCustomEvent\"\n            @blur=\"handleBlurCustomEvent\"\n        >\n            <template #addonAfter v-if=\"field.options.useModal\">\n                <svg-icon icon-class=\"icon-sousuo\" @click=\"handleClickIcon\" />\n            </template>\n        </a-input>\n        <template v-if=\"isReadMode\">\n            <span class=\"readonly-mode-field\">{{ fieldModel }}</span>\n        </template>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useField, type FieldProps } from './useField';\n    import { computed } from 'vue';\n    import { WidgetTypeEnum, ComponentNameEnum } from '@kp-ui/lowcode-core';\n    defineOptions({\n        inheritAttrs: false,\n        name: WidgetTypeEnum.input,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        size,\n        handleHidden,\n        handleDisabled,\n        handleClickIcon,\n        handleFocusCustomEvent,\n        handleBlurCustomEvent,\n        defineExposed\n    } = useField(props);\n\n    const inputType = computed(() => {\n        if (field.options.type === 'number') {\n            return 'text'; //当input的type设置为number时，如果输入非数字字符，则v-model拿到的值为空字符串，无法实现输入校验！故屏蔽之！！\n        }\n        return field.options.type;\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n</style>\n"],"names":["_unref","_openBlock","_createBlock","_mergeProps","_createVNode","_createElementBlock","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCI,UAAM,QAAQ;AAEd,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,SAAS,KAAK;AAElB,UAAM,YAAY,SAAS,MAAM;AAC7B,UAAI,MAAM,QAAQ,SAAS,UAAU;AACjC,eAAO;AAAA,MACX;AACA,aAAO,MAAM,QAAQ;AAAA,IACzB,CAAC;AAED,aAAa;AAAA,MACT,GAAG;AAAA,IAAA,CACN;;;cAlEwCA,MAAA,YAAA,KAAzCC,aAAAC,YAyBoB,iBAzBpBC,WAyBoB,EAAA,KAAA,EAAA,GAzBO,OAAK,EAAwB,OAAOH,MAAA,KAAA,EAAA,CAAK,GAAA;AAAA,yBAChE,MAoBU;AAAA,yBApBVI,YAoBU,oBAAA;AAAA,qBAnBF;AAAA,YAAJ,KAAI;AAAA,YACI,OAAOJ,MAAA,UAAA;AAAA,wFAAA,WAAU,QAAA,SAAA;AAAA,YAExB,UAAUA,MAAA,cAAA;AAAA,YACV,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACxB,MAAMA,MAAA,IAAA;AAAA,YACP,OAAM;AAAA,YACL,MAAM,UAAA;AAAA,YACN,iBAAeA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC7B,aAAaA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC3B,YAAYA,MAAA,KAAA,EAAM,QAAQ;AAAA,YAC1B,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,WAAWA,MAAA,KAAA,EAAM,QAAQ;AAAA,YACzB,SAAOA,MAAA,sBAAA;AAAA,YACP,QAAMA,MAAA,qBAAA;AAAA,UAAA;YAEqBA,MAAA,KAAA,EAAM,QAAQ;oBAA/B;AAAA,0BACP,MAA8D;AAAA,gBAA9DI,YAA8DJ,MAAA,OAAA,GAAA;AAAA,kBAApD,cAAW;AAAA,kBAAe,SAAOA,MAAA,eAAA;AAAA,gBAAA;;;;;qBAftCA,MAAA,UAAA,CAAU;AAAA,UAAA;UAkBPA,MAAA,UAAA,kBACZK,mBAAyD,QAAzD,YAAyDC,gBAApBN,MAAA,UAAA,CAAU,GAAA,CAAA;;;;;;;;"}

package/assets/install.mjs

@@ -1,10 +1,12 @@
+import { getUuidKey, getLocat, getUserInfo } from "@kp-ui/tool";
+import { VxeTooltip } from "vxe-pc-ui";
+import dayjs from "dayjs";
 import "virtual:svg-icons-register";
 import { computed, defineComponent, mergeModels, useModel, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, createVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, createSlots, createTextVNode, toDisplayString, resolveDynamicComponent, normalizeClass, inject, ref, getCurrentInstance, onMounted, withKeys, watch, provide, renderSlot, useTemplateRef, watchEffect, nextTick, reactive, withModifiers, toRaw, onBeforeUnmount, defineAsyncComponent, mergeProps, withDirectives, vShow, Teleport, h } from "vue";
 import { Form, message, Skeleton } from "ant-design-vue";
 import "clipboard";
-import { getUuidKey, getLocat as getLocat$1 } from "@kp-ui/tool";
 import { cloneDeep, set, get, isObject, isArray, eq, omit } from "lodash-es";
-import { SvgIcon, useRef, useExecFunction, TpfDelConfirm, useDataQueryApi, useComRef, useRouteBackTab, routerReloadStatus, TpfModal, tranformAntTableColumnToVxetableColumn, CustomItemRender, tranformAntSizzVxetableSize, useVxeTable, Table, TpfCollapse } from "tmgc2-share";
+import { SvgIcon, useRef, useExecFunction, useDataQueryApi, useRouteBackTab, routerReloadStatus, TpfDelConfirm, TpfAddInfoLayout, useComRef, TpfModal, tranformAntTableColumnToVxetableColumn, CustomItemRender, tranformAntSizzVxetableSize, useVxeTable, Table, TpfCollapse } from "tmgc2-share";
 import { storeToRefs, mapActions, mapState } from "pinia";
 import { useLocaleStore } from "@kp-ui/i18n";
 import "vue-router";
@@ -316,7 +318,7 @@ function useWidgetContextMenu(props) {
     selectParentWidget
   };
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "WidgetContextMenu"
   },
@@ -435,9 +437,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WidgetContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8adfdf56"]]);
-const _hoisted_1$8 = ["title"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const WidgetContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8adfdf56"]]);
+const _hoisted_1$9 = ["title"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DragBtn",
   props: {
     selected: { type: Boolean },
@@ -453,7 +455,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           title: unref(i18nt)("designer.hint.dragHandler")
         }, [
           createVNode(unref(SvgIcon), { "icon-class": "icon-el-drag-move" })
-        ], 8, _hoisted_1$8),
+        ], 8, _hoisted_1$9),
         createElementVNode("i", null, toDisplayString(unref(i18n2t)(
           `designer.widgetLabel.${_ctx.widget.type}`,
           `extension.widgetLabel.${_ctx.widget.type}`
@@ -462,8 +464,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DragBtn = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-f7343dfb"]]);
-const _hoisted_1$7 = { class: "debug-content" };
+const DragBtn = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-f7343dfb"]]);
+const _hoisted_1$8 = { class: "debug-content" };
 const _hoisted_2$4 = { class: "debug-section" };
 const _hoisted_3$1 = { class: "debug-section" };
 const _hoisted_4$1 = { class: "widget-list" };
@@ -471,7 +473,7 @@ const _hoisted_5$1 = ["onClick"];
 const _hoisted_6$1 = { class: "widget-key" };
 const _hoisted_7$1 = { class: "debug-section" };
 const _hoisted_8 = { class: "widget-list" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Debugger",
   props: {
     "visible": {
@@ -494,7 +496,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           class: "debug-toggle",
           onClick: _cache[0] || (_cache[0] = ($event) => debugVisible.value = !debugVisible.value)
         }, toDisplayString(debugVisible.value ? "收起" : "调试"), 1),
-        createElementVNode("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_1$8, [
           createElementVNode("div", _hoisted_2$4, [
             _cache[1] || (_cache[1] = createElementVNode("h3", null, "Form Data Model", -1)),
             createVNode(unref(JsonViewer), {
@@ -530,7 +532,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Debugger = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-68185782"]]);
+const Debugger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-68185782"]]);
 function useEmitter() {
   const vfEvents = ref({});
   const instance2 = getCurrentInstance();
@@ -621,7 +623,7 @@ function useEmitter() {
     broadcast
   };
 }
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "RenderForm",
   props: {
     context: {
@@ -682,7 +684,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "LowcodeRenderProvider"
   },
@@ -1023,12 +1025,12 @@ function useDesigner() {
     onDragUpdate
   };
 }
-const _hoisted_1$6 = ["id", "data-widget-id"];
+const _hoisted_1$7 = ["id", "data-widget-id"];
 const _hoisted_2$3 = {
   key: 0,
   class: "empty-drop-zone"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderWidgetList"
   },
@@ -1087,7 +1089,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1032, ["widget", "index", "list"])
-          ], 8, _hoisted_1$6)
+          ], 8, _hoisted_1$7)
         ]),
         footer: withCtx(() => [
           !draggableList.value.length ? (openBlock(), createElementBlock("div", _hoisted_2$3, " 拖拽组件到此处 ")) : createCommentVNode("", true)
@@ -1103,8 +1105,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RenderWidgetList = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-18b73e97"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const RenderWidgetList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-18b73e97"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "WidgetWrapper",
   props: /* @__PURE__ */ mergeModels({
     widget: {},
@@ -1158,7 +1160,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WidgetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-d7dcbe52"]]);
+const WidgetWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-d7dcbe52"]]);
 var LayoutTypeEnum = /* @__PURE__ */ ((LayoutTypeEnum2) => {
   LayoutTypeEnum2["PC"] = "PC";
   LayoutTypeEnum2["H5"] = "H5";
@@ -2261,13 +2263,101 @@ function useField(props, isInitModelValue = true) {
     defineExposed
   };
 }
+const useLowcode$1 = (params) => {
+  let { formCode, entityCode, type = "add", basicFieldsEnums: basicFieldsEnums2 } = params;
+  const isLoading = ref(false);
+  const useDataQuery = useDataQueryApi();
+  const vfdRef = ref();
+  const formConfig = ref();
+  const { routeBackTab } = useRouteBackTab();
+  const insertBtn = (list = []) => {
+    return list;
+  };
+  const getInitRenderJSON = (list = []) => {
+    if (!basicFieldsEnums2) {
+      return [];
+    }
+    const res = list.reduce((t, v) => {
+      const fn = basicFieldsEnums2[v.componentType];
+      if (fn) {
+        const json = fn({
+          name: v.entityPropertyCode,
+          label: v.entityPropertyName,
+          ...v.options
+        });
+        t = [...t, json];
+      }
+      return t;
+    }, []);
+    return res.length ? insertBtn(res) : res;
+  };
+  const getComponentJson = async (list = [], _formCode) => {
+    var _a, _b;
+    let json = { widgetList: [], formConfig: {} };
+    formCode = _formCode || formCode;
+    if (formCode && type) {
+      (_a = vfdRef.value) == null ? void 0 : _a.setLoading(true);
+      try {
+        const res = await useDataQuery.dataQueryDetail({ code: formCode }, "FormDefinitionManagement").then((res2) => res2.data.object || {});
+        json = JSON.parse(res.frontendDefinition || "{}");
+      } finally {
+        (_b = vfdRef.value) == null ? void 0 : _b.setLoading(false);
+      }
+    } else {
+      json.widgetList = getInitRenderJSON(list);
+    }
+    isLoading.value = false;
+    console.log("json: ", json);
+    formConfig.value = json.formConfig;
+    vfdRef.value.setFormJson(json);
+    return json;
+  };
+  const getFieldList = async () => {
+    isLoading.value = true;
+    if (!entityCode) {
+      getComponentJson([]);
+      return [];
+    }
+    const p = {
+      pageCode: "EntityPropertyFormItem",
+      conditions: [{ fieldCode: "entityCode", type: "EQ", value: entityCode }],
+      requiredFields: ["entityPropertyCode", "entityPropertyName", "valueType"],
+      page: 1,
+      pageSize: null,
+      sorts: []
+    };
+    const list = await useDataQuery.execute(p).then((res) => res.data.object.list);
+    getComponentJson(list);
+    return list;
+  };
+  const fieldListApi = async () => {
+    const list = await getFieldList();
+    return list.map((item) => ({
+      showName: item.entityPropertyName,
+      fieldCode: item.entityPropertyCode
+    }));
+  };
+  const goBack = (reloadStatus = routerReloadStatus.view, cb) => {
+    routeBackTab(reloadStatus, cb);
+  };
+  return {
+    isLoading,
+    goBack,
+    formConfig,
+    getInitRenderJSON,
+    vfdRef,
+    getComponentJson,
+    getFieldList,
+    fieldListApi
+  };
+};
 const comps = {};
 const modules = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.mjs"), "./button-list-widget.vue": () => import("./button-list-widget.mjs"), "./button-widget.vue": () => import("./button-widget.mjs"), "./cascader-widget.vue": () => import("./cascader-widget.mjs"), "./checkbox-widget.vue": () => import("./checkbox-widget.mjs"), "./code-editor-widget.vue": () => import("./code-editor-widget.mjs"), "./color-widget.vue": () => import("./color-widget.mjs"), "./date-range-widget.vue": () => import("./date-range-widget.mjs"), "./date-widget.vue": () => import("./date-widget.mjs"), "./divider-widget.vue": () => import("./divider-widget.mjs"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.mjs"), "./dropdown-widget.vue": () => import("./dropdown-widget.mjs"), "./file-upload-widget.vue": () => import("./file-upload-widget.mjs"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.mjs"), "./html-text-widget.vue": () => import("./html-text-widget.mjs"), "./input-widget.vue": () => import("./input-widget.mjs"), "./number-widget.vue": () => import("./number-widget.mjs"), "./radio-widget.vue": () => import("./radio-widget.mjs"), "./rate-widget.vue": () => import("./rate-widget.mjs"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.mjs"), "./select-widget.vue": () => import("./select-widget.mjs"), "./slider-widget.vue": () => import("./slider-widget.mjs"), "./static-text-widget.vue": () => import("./static-text-widget.mjs"), "./switch-widget.vue": () => import("./switch-widget.mjs"), "./textarea-widget.vue": () => import("./textarea-widget.mjs"), "./time-range-widget.vue": () => import("./time-range-widget.mjs"), "./time-widget.vue": () => import("./time-widget.mjs"), "./tree-widget.vue": () => import("./tree-widget.mjs"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.mjs"), "./vue-render-widget.vue": () => import("./vue-render-widget.mjs") });
 for (const path in modules) {
   const cname = getFileName(path);
   comps[cname] = defineAsyncComponent(modules[path]);
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false,
     name: "RenderWigetList"
@@ -2308,14 +2398,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "sub-form-container" };
+const _hoisted_1$6 = { class: "sub-form-container" };
 const _hoisted_2$2 = { class: "row-no-column" };
 const _hoisted_3 = { class: "row-number-span" };
 const _hoisted_4 = { class: "grid-sub-form-data-row" };
 const _hoisted_5 = { class: "sub-form-action-column hide-label" };
 const _hoisted_6 = { class: "action-button-column" };
 const _hoisted_7 = { class: "header-row" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.GridSubFormWidget,
     componentName: ComponentNameEnum.ContainerWidget,
@@ -2486,7 +2576,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$6, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(rowIdData.value, (subFormRowId, sfrIdx) => {
           return openBlock(), createElementBlock("div", {
             class: "sub-form-row",
@@ -2496,7 +2586,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               createElementVNode("span", _hoisted_3, "#" + toDisplayString(sfrIdx + 1), 1)
             ]),
             createElementVNode("div", _hoisted_4, [
-              createVNode(_sfc_main$a, {
+              createVNode(_sfc_main$b, {
                 widgetList: _ctx.widget.widgetList || [],
                 parentWidget: _ctx.widget,
                 subFormRowIndex: sfrIdx,
@@ -2560,8 +2650,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ddd06b7d"]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const GridSubFormWidget = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ddd06b7d"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.GridColWidget,
     componentName: ComponentNameEnum.ContainerWidget,
@@ -2599,7 +2689,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         class: "grid-cell"
       }, layoutProps.value, { style: colHeightStyle.value }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$a, {
+          createVNode(_sfc_main$b, {
             widgetList: _ctx.widget.widgetList || [],
             parentWidget: _ctx.widget
           }, null, 8, ["widgetList", "parentWidget"])
@@ -2609,12 +2699,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-13ad810a"]]);
-const _hoisted_1$4 = {
+const GridColWidget = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-13ad810a"]]);
+const _hoisted_1$5 = {
   key: 0,
   class: "grid-container"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: ContainerTypeEnum.grid,
     componentName: ComponentNameEnum.ContainerWidget
@@ -2637,7 +2727,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_a_row = resolveComponent("a-row");
-      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
         createVNode(_component_a_row, {
           gutter: _ctx.widget.options.gutter
         }, {
@@ -2660,7 +2750,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridWidget = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d2c94054"]]);
+const GridWidget = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d2c94054"]]);
 const input = (ops = {}) => {
   return {
     key: getUuidKey(),
@@ -4236,7 +4326,7 @@ const instance = mitt();
   $off: instance.off,
   $emit: instance.emit
 });
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "ActionButtonListRender",
   components: { SvgIcon },
   props: {
@@ -4403,7 +4493,71 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const ActionButtonListRender = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-37429548"]]);
+const ActionButtonListRender = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render], ["__scopeId", "data-v-37429548"]]);
+const _hoisted_1$4 = {
+  class: "t-bg-[#fff] t-h-full"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "CustomPageRender",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const {
+      formCode = "",
+      id = "",
+      type = "edit"
+    } = getLocat();
+    const {
+      vfdRef,
+      formConfig,
+      getComponentJson,
+      goBack
+    } = useLowcode$1({
+      formCode,
+      type
+    });
+    const handleButtonClick = ({
+      item
+    }) => {
+      if (item.name === "cancelButton") {
+        goBack();
+      }
+    };
+    onMounted(async () => {
+      await getComponentJson([]);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(unref(TpfAddInfoLayout), {
+        title: __props.title
+      }, {
+        footerRight: withCtx(() => {
+          var _a, _b;
+          return [_cache[0] || (_cache[0] = createElementVNode("div", {
+            id: "fromBtn"
+          }, null, -1)), createVNode(ActionButtonListRender, {
+            buttonList: ((_a = unref(formConfig)) == null ? void 0 : _a.buttonList) || [],
+            ctx: (_b = unref(vfdRef)) == null ? void 0 : _b.context,
+            onOnClick: handleButtonClick
+          }, null, 8, ["buttonList", "ctx"])];
+        }),
+        default: withCtx(() => [createVNode(VFormRender, {
+          ref_key: "vfdRef",
+          ref: vfdRef,
+          vfCtx: {
+            _id: unref(id),
+            ...unref(getLocat)(),
+            goBack: unref(goBack)
+          }
+        }, null, 8, ["vfCtx"])]),
+        _: 1
+      }, 8, ["title"])]);
+    };
+  }
+});
 const useLowcode = (params) => {
   let { formCode, entityCode, type = "add" } = params;
   const isLoading = ref(false);
@@ -5132,7 +5286,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, {
           right: withCtx(() => [
             createElementVNode("div", _hoisted_2$1, [
-              createVNode(_sfc_main$a, {
+              createVNode(_sfc_main$b, {
                 widgetList: headerRightSlotList.value || [],
                 parentWidget: _ctx.widget
               }, null, 8, ["widgetList", "parentWidget"])
@@ -5145,7 +5299,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 height: _ctx.widget.options.height || "unset"
               })
             }, [
-              createVNode(_sfc_main$a, {
+              createVNode(_sfc_main$b, {
                 widgetList: defaultSlotsList.value || [],
                 parentWidget: _ctx.widget
               }, null, 8, ["widgetList", "parentWidget"])
@@ -5201,7 +5355,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         key: _ctx.widget.id,
         style: normalizeStyle(boxStyle.value)
       }, [
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$b, {
           subFormRowIndex: _ctx.subFormRowIndex,
           subFormRowId: _ctx.subFormRowId,
           widgetList: _ctx.widget.widgetList || [],
@@ -5255,7 +5409,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$1, [
-                    createVNode(_sfc_main$a, {
+                    createVNode(_sfc_main$b, {
                       widgetList: tab2.widgetList || [],
                       parentWidget: tab2
                     }, null, 8, ["widgetList", "parentWidget"])
@@ -5308,7 +5462,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["form-submit", "form-cancel"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const debug = computed(() => getLocat$1().debug === "1");
+    const debug = computed(() => getLocat().debug === "1");
     const debugVisible = ref(false);
     const props = __props;
     const formContainer = useTemplateRef("formContainer");
@@ -5341,7 +5495,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       renderForm
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$d), {
+      return openBlock(), createBlock(unref(_sfc_main$e), {
         getWidget: unref(getWidget),
         context: unref(formContext)
       }, {
@@ -5350,7 +5504,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createVNode(unref(Skeleton), { active: unref(isLoading) }, null, 8, ["active"])
             ])) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$e), {
+            createVNode(unref(_sfc_main$f), {
               ref_key: "formContainer",
               ref: formContainer,
               context: unref(formContext)
@@ -5401,8 +5555,11 @@ export {
   WidgetContextMenu as g,
   useField as h,
   useTableWidget as i,
-  useLowcode as j,
+  useLowcode$1 as j,
+  _sfc_main$6 as k,
+  useLowcode as l,
   registerLowcodeCore as r,
   translateOptionItems as t,
   useDesigner as u
 };
+//# sourceMappingURL=install.mjs.map