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

package/assets/CustomerModal.mjs

@@ -1,95 +1,7 @@
-import { ref, defineComponent, getCurrentInstance, useAttrs, computed, onMounted, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, nextTick } from "vue";
-import { c as useI18n, V as VFormRender, A as ActionButtonListRender } from "./install.mjs";
-import { useDataQueryApi, useRouteBackTab, routerReloadStatus, TpfConfigProvider, TpfModal } from "tmgc2-share";
+import { defineComponent, getCurrentInstance, useAttrs, ref, computed, onMounted, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, nextTick } from "vue";
+import { j as useLowcode, c as useI18n, V as VFormRender, A as ActionButtonListRender } from "./install.mjs";
+import { TpfConfigProvider, TpfModal } from "tmgc2-share";
 import { Skeleton } from "ant-design-vue";
-const useLowcode = (params) => {
-  let { formCode, entityCode, type = "add", basicFieldsEnums } = 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 (!basicFieldsEnums) {
-      return [];
-    }
-    const res = list.reduce((t, v) => {
-      const fn = basicFieldsEnums[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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CustomerModal",
   props: {

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,6 +4326,70 @@ const instance = mitt();
   $off: instance.off,
   $emit: instance.emit
 });
+const _hoisted_1$4 = {
+  class: "t-bg-[#fff] t-h-full"
+};
+const _sfc_main$7 = /* @__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(unref(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(unref(VFormRender), {
+          ref_key: "vfdRef",
+          ref: vfdRef,
+          vfCtx: {
+            _id: unref(id),
+            ...unref(getLocat)(),
+            goBack: unref(goBack)
+          }
+        }, null, 8, ["vfCtx"])]),
+        _: 1
+      }, 8, ["title"])]);
+    };
+  }
+});
 const _sfc_main$6 = defineComponent({
   name: "ActionButtonListRender",
   components: { SvgIcon },
@@ -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,7 +5555,9 @@ export {
   WidgetContextMenu as g,
   useField as h,
   useTableWidget as i,
-  useLowcode as j,
+  useLowcode$1 as j,
+  _sfc_main$7 as k,
+  useLowcode as l,
   registerLowcodeCore as r,
   translateOptionItems as t,
   useDesigner as u

package/index.js

@@ -1,7 +1,11 @@
+import "@kp-ui/tool";
+import "vxe-pc-ui";
+import "dayjs";
 import "virtual:svg-icons-register";
-import { V, r, j } from "./assets/install.mjs";
+import { k, V, r, l } from "./assets/install.mjs";
 export {
+  k as CustomPageRender,
   V as VFormRender,
   r as registerLowcodeCore,
-  j as useLowcode
+  l as useLowcode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode-pc",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -18,7 +18,7 @@
     "echarts": "^5.6.0"
   },
   "main": "index.js",
-  "types": "types/index.d.ts",
+  "types": "types/pc/install.d.ts",
   "sideEffects": [
     "./assets/styles/*",
     "./_virtual/*"
@@ -26,7 +26,7 @@
   "exports": {
     ".": {
       "import": "./index.js",
-      "types": "./types/index.d.ts"
+      "types": "./types/pc/install.d.ts"
     },
     "./style": "./assets/styles/style.css",
     "./styles/*": "./assets/styles/*"

package/types/index.d.ts

@@ -1 +1,2 @@
+export * from './pc/install'
 export {}

package/types/pc/install.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+export { default as VFormRender } from './src/components/render/index.vue';
+export * from './src/hooks/useLowcode';
+export { default as CustomPageRender } from './src/components/public/ConfigView/CustomPageRender.vue';
+interface RegisterLowcodeCoreParams {
+    app: App;
+    factoryRender: (name: any, props: any, ...args: any[]) => any;
+}
+export declare const registerLowcodeCore: (params: RegisterLowcodeCoreParams) => void;

package/types/core/src/components/DragBtn.vue.d.ts

@@ -1,7 +0,0 @@
-import { Widget } from '../..';
-type __VLS_Props = {
-    selected: boolean;
-    widget: Widget;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;