@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.3

package/install.js

@@ -1,25 +1,27 @@
 /* empty css                       */
 import "./_virtual/virtual_svg-icons-register.js";
-import m from "dayjs";
-import { getLocat as s } from "@kp-ui/tool";
-import { VxeTooltip as a } from "vxe-pc-ui";
-import { basicFieldsEnums as y } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
-import { default as R } from "./src/components/form-designer/index.vue.js";
+import p from "dayjs";
+import { getLocat as m } from "@kp-ui/tool";
+import { VxeTooltip as s } from "vxe-pc-ui";
+import { basicFieldsEnums as P } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
+import { default as $ } from "./src/components/form-designer/index.vue.js";
 /* empty css                                        */
-import { openCustomerModal as f } from "./src/components/public/CustomerModal/useCustomerModal.js";
-import { default as C } from "./src/components/form-render/SubmitButtonRender.vue.js";
-import { useLowcode as h } from "./src/hooks/useLowcode.js";
-import { default as w } from "./src/components/FormRender/index.vue.js";
+import { openCustomerModal as a } from "./src/components/public/CustomerModal/useCustomerModal.js";
+import { default as V } from "./src/components/form-render/SubmitButtonRender.vue.js";
+import { default as F } from "./src/components/public/ActionButtonListRender.vue.js";
+import { useLowcode as w } from "./src/hooks/useLowcode.js";
+import { default as I } from "./src/components/FormRender/index.vue.js";
 const x = (e) => {
-  const { app: o, http: r, factoryRender: t, getUserInfo: p } = e;
-  o.config.globalProperties.$getLocat = s, o.config.globalProperties.$dayjs = m, o.config.globalProperties.$http = r, o.config.globalProperties.$getUserInfo = p, o.config.globalProperties.$factoryRender = t, o.config.globalProperties.$openCustomerModal = (i) => f(i, o), o.component("VxeTooltip", a);
+  const { app: o, factoryRender: r, getUserInfo: t } = e;
+  o.config.globalProperties.$getLocat = m, o.config.globalProperties.$dayjs = p, o.config.globalProperties.$getUserInfo = t, o.config.globalProperties.$factoryRender = r, o.config.globalProperties.$openCustomerModal = (i) => a(i, o), o.component("VxeTooltip", s);
 };
 export {
-  C as SubmitButtonRender,
-  R as VFormDesigner,
-  w as VFormRender,
-  y as basicFieldsEnums,
+  F as ActionButtonListRender,
+  V as SubmitButtonRender,
+  $ as VFormDesigner,
+  I as VFormRender,
+  P as basicFieldsEnums,
   x as registerLowcodeCore,
-  h as useLowcode
+  w as useLowcode
 };
 //# sourceMappingURL=install.js.map

package/install.js.map

@@ -1 +1 @@
-{"version":3,"file":"install.js","sources":["../install.ts"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport 'virtual:svg-icons-register';\nimport dayjs from 'dayjs';\nimport { getLocat } from '@kp-ui/tool';\nimport { VxeTooltip } from 'vxe-pc-ui';\n\nexport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\nexport { default as VFormDesigner } from '@/components/form-designer/index.vue';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal';\nimport type { App } from 'vue';\nimport type { AxiosInstance } from 'axios';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\nexport { useLowcode, VFormRender } from '@/hooks/useLowcode';\n\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    http: AxiosInstance;\n    factoryRender: (name: any, props: any) => any;\n    useMountApp?: (app: App) => void;\n    getUserInfo?: () => any;\n}\n\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, http, factoryRender, getUserInfo } = params;\n    app.config.globalProperties.$getLocat = getLocat;\n    app.config.globalProperties.$dayjs = dayjs;\n    app.config.globalProperties.$http = http;\n    app.config.globalProperties.$getUserInfo = getUserInfo;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = ops => openCustomerModal(ops, app);\n    app.component('VxeTooltip', VxeTooltip);\n};\n"],"names":["registerLowcodeCore","params","app","http","factoryRender","getUserInfo","getLocat","dayjs","ops","openCustomerModal","VxeTooltip"],"mappings":";;;;;;;;;;;;AA2BO,MAAMA,IAAsB,CAACC,MAAsC;AACtE,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,eAAAC,GAAe,aAAAC,MAAgBJ;AAClD,EAAAC,EAAI,OAAO,iBAAiB,YAAYI,GACxCJ,EAAI,OAAO,iBAAiB,SAASK,GACrCL,EAAI,OAAO,iBAAiB,QAAQC,GACpCD,EAAI,OAAO,iBAAiB,eAAeG,GAC3CH,EAAI,OAAO,iBAAiB,iBAAiBE,GAC7CF,EAAI,OAAO,iBAAiB,qBAAqB,CAAAM,MAAOC,EAAkBD,GAAKN,CAAG,GAClFA,EAAI,UAAU,cAAcQ,CAAU;AAC1C;"}
+{"version":3,"file":"install.js","sources":["../install.ts"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport 'virtual:svg-icons-register';\nimport dayjs from 'dayjs';\nimport { getLocat } from '@kp-ui/tool';\nimport { VxeTooltip } from 'vxe-pc-ui';\n\nexport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\nexport { default as VFormDesigner } from '@/components/form-designer/index.vue';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal';\nimport type { App } from 'vue';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\nexport { default as ActionButtonListRender } from '@/components/public/ActionButtonListRender.vue';\n\nexport { useLowcode, VFormRender } from '@/hooks/useLowcode';\nexport type { ActionButton } from '@/types/button';\n\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    factoryRender: (name: any, props: any, ...args: any[]) => any;\n    getUserInfo?: () => any;\n}\n\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, factoryRender, getUserInfo } = params;\n    app.config.globalProperties.$getLocat = getLocat;\n    app.config.globalProperties.$dayjs = dayjs;\n    app.config.globalProperties.$getUserInfo = getUserInfo;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = ops => openCustomerModal(ops, app);\n    app.component('VxeTooltip', VxeTooltip);\n};\n"],"names":["registerLowcodeCore","params","app","factoryRender","getUserInfo","getLocat","dayjs","ops","openCustomerModal","VxeTooltip"],"mappings":";;;;;;;;;;;;;AA2BO,MAAMA,IAAsB,CAACC,MAAsC;AACtE,QAAM,EAAE,KAAAC,GAAK,eAAAC,GAAe,aAAAC,EAAA,IAAgBH;AAC5C,EAAAC,EAAI,OAAO,iBAAiB,YAAYG,GACxCH,EAAI,OAAO,iBAAiB,SAASI,GACrCJ,EAAI,OAAO,iBAAiB,eAAeE,GAC3CF,EAAI,OAAO,iBAAiB,iBAAiBC,GAC7CD,EAAI,OAAO,iBAAiB,qBAAqB,CAAAK,MAAOC,EAAkBD,GAAKL,CAAG,GAClFA,EAAI,UAAU,cAAcO,CAAU;AAC1C;"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-beta.7",
+  "version": "2.16.0-alpha.3",
   "publishConfig": {
     "access": "public"
   },
   "module": "install.js",
   "dependencies": {
+    "@kp-ui/lowcode": "link:./",
     "animate.css": "^4.1.1",
     "ant-design-vue": "4.2.6",
     "axios": "^1.3.5",
@@ -13,8 +14,6 @@
     "clipboard": "^2.0.8",
     "core-js": "^3.6.5",
     "dayjs": "^1.11.10",
-    "echarts": "^5.6.0",
-    "es-drager": "^1.3.2",
     "file-saver": "^2.0.5",
     "json-bigint": "^1.0.0",
     "lodash-es": "^4.17.21",
@@ -27,9 +26,7 @@
     "vite": "6.3.3",
     "vite-plugin-lazy-import": "^1.0.7",
     "vue": "3.5.17",
-    "vue-echarts": "^8.0.1",
-    "vue-router": "4.2.4",
-    "vue3-sketch-ruler": "^2.3.3"
+    "vue-router": "4.2.4"
   },
   "main": "install.js",
   "types": "types/install.d.ts",

package/src/components/FormRender/FormContainer.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as _, ref as C, computed as t, onMounted as M, createBlock as y, openBlock as F, unref as w, withKeys as D, normalizeClass as b, withCtx as E, createVNode as L } from "vue";
+import { Form as $ } from "ant-design-vue";
+import h from "../form-render/RenderWigetList.vue.js";
+import { useEmitter as k } from "../../utils/useEmitter.js";
+const j = /* @__PURE__ */ _({
+  __name: "FormContainer",
+  props: {
+    context: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["form-submit", "form-cancel"],
+  setup(l, { expose: s, emit: K }) {
+    const e = l, a = C(), { emit$: m, on$: i, off$: u } = k(), r = t({
+      get: () => e.context.formDataModel.value,
+      set: (o) => {
+        e.context.formDataModel.value = o;
+      }
+    }), c = t(() => e.context.readModeFlag.value), d = t(() => e.context.formConfig.value), f = t(() => e.context.widgetList.value), p = t(() => e.context.labelPosition.value), v = t(() => e.context.customClass.value), x = () => {
+      var o;
+      ((o = d.value) == null ? void 0 : o.isEnterSubmit) === 1 && e.context.onFormUpdate();
+    };
+    return M(() => {
+    }), s({
+      renderForm: a,
+      off$: u,
+      on$: i,
+      emit$: m
+    }), (o, n) => (F(), y(w($), {
+      ref_key: "renderForm",
+      ref: a,
+      layout: p.value,
+      class: b(["render-form", "tpf-form", v.value, c.value ? "readonly-mode-form" : ""]),
+      scrollToFirstError: !0,
+      validateOnRuleChange: !1,
+      model: r.value,
+      onKeydown: D(x, ["enter"])
+    }, {
+      default: E(() => [
+        L(h, {
+          parentWidget: null,
+          widgetList: f.value,
+          formDataModel: r.value,
+          "onUpdate:formDataModel": n[0] || (n[0] = (g) => r.value = g)
+        }, null, 8, ["widgetList", "formDataModel"])
+      ]),
+      _: 1
+    }, 8, ["layout", "class", "model"]));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=FormContainer.vue.js.map

package/src/components/FormRender/FormContainer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContainer.vue.js","sources":["../../../../src/components/FormRender/FormContainer.vue"],"sourcesContent":["<template>\n    <Form\n        ref=\"renderForm\"\n        :layout=\"labelPosition\"\n        :class=\"['render-form', 'tpf-form', customClass, readModeFlag ? 'readonly-mode-form' : '']\"\n        :scrollToFirstError=\"true\"\n        :validateOnRuleChange=\"false\"\n        :model=\"formDataModel\"\n        @keydown.enter=\"handleEnterKey\"\n    >\n        <RenderWigetList\n            :parentWidget=\"null\"\n            :widgetList=\"widgetList\"\n            v-model:formDataModel=\"formDataModel\"\n        />\n    </Form>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, onMounted, type PropType } from 'vue';\n    import { Form } from 'ant-design-vue';\n    import RenderWigetList from '@/components/form-render/RenderWigetList.vue';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    /**\n     * 表单容器组件\n     * 负责渲染表单及其子组件\n     */\n\n    const props = defineProps({\n        context: {\n            type: Object as PropType<any>,\n            required: true\n        }\n    });\n\n    const emit = defineEmits(['form-submit', 'form-cancel']);\n\n    // 组件引用\n    const renderForm = ref();\n    const { emit$, on$, off$ } = useEmitter();\n\n    // 从上下文中获取数据\n    const formDataModel = computed({\n        get: () => props.context.formDataModel.value,\n        set: val => {\n            props.context.formDataModel.value = val;\n        }\n    });\n    const readModeFlag = computed(() => props.context.readModeFlag.value);\n    const formConfig = computed(() => props.context.formConfig.value);\n    const widgetList = computed(() => props.context.widgetList.value);\n    const labelPosition = computed(() => props.context.labelPosition.value);\n    const customClass = computed(() => props.context.customClass.value);\n\n    /**\n     * 处理回车键事件\n     */\n    const handleEnterKey = () => {\n        if (formConfig.value?.isEnterSubmit === 1) {\n            props.context.onFormUpdate();\n        }\n    };\n\n    onMounted(() => {});\n\n    // 暴露方法\n    defineExpose({\n        renderForm,\n        off$,\n        on$,\n        emit$\n    });\n</script>\n"],"names":["props","__props","renderForm","ref","emit$","on$","off$","useEmitter","formDataModel","computed","val","readModeFlag","formConfig","widgetList","labelPosition","customClass","handleEnterKey","_a","onMounted","__expose","_createBlock","_unref","Form","_normalizeClass","_createVNode","RenderWigetList","$event"],"mappings":";;;;;;;;;;;;;;AA6BI,UAAMA,IAAQC,GAURC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,KAAAC,GAAK,MAAAC,EAAA,IAASC,EAAA,GAGvBC,IAAgBC,EAAS;AAAA,MAC3B,KAAK,MAAMT,EAAM,QAAQ,cAAc;AAAA,MACvC,KAAK,CAAAU,MAAO;AACR,QAAAV,EAAM,QAAQ,cAAc,QAAQU;AAAA,MACxC;AAAA,IAAA,CACH,GACKC,IAAeF,EAAS,MAAMT,EAAM,QAAQ,aAAa,KAAK,GAC9DY,IAAaH,EAAS,MAAMT,EAAM,QAAQ,WAAW,KAAK,GAC1Da,IAAaJ,EAAS,MAAMT,EAAM,QAAQ,WAAW,KAAK,GAC1Dc,IAAgBL,EAAS,MAAMT,EAAM,QAAQ,cAAc,KAAK,GAChEe,IAAcN,EAAS,MAAMT,EAAM,QAAQ,YAAY,KAAK,GAK5DgB,IAAiB,MAAM;;AACzB,QAAIC,IAAAL,EAAW,UAAX,gBAAAK,EAAkB,mBAAkB,KACpCjB,EAAM,QAAQ,aAAA;AAAA,IAEtB;AAEA,WAAAkB,EAAU,MAAM;AAAA,IAAC,CAAC,GAGlBC,EAAa;AAAA,MACT,YAAAjB;AAAA,MACA,MAAAI;AAAA,MACA,KAAAD;AAAA,MACA,OAAAD;AAAA,IAAA,CACH,mBAvEDgB,EAcOC,EAAAC,CAAA,GAAA;AAAA,eAbC;AAAA,MAAJ,KAAIpB;AAAA,MACH,QAAQY,EAAA;AAAA,MACR,OAAKS,EAAA,CAAA,eAAA,YAA8BR,EAAA,OAAaJ,EAAA,QAAY,uBAAA,EAAA,CAAA;AAAA,MAC5D,oBAAoB;AAAA,MACpB,sBAAsB;AAAA,MACtB,OAAOH,EAAA;AAAA,MACP,aAAeQ,GAAc,CAAA,OAAA,CAAA;AAAA,IAAA;iBAE9B,MAIE;AAAA,QAJFQ,EAIEC,GAAA;AAAA,UAHG,cAAc;AAAA,UACd,YAAYZ,EAAA;AAAA,UACL,eAAeL,EAAA;AAAA,2DAAAA,EAAa,QAAAkB;AAAA,QAAA;;;;;;"}

package/src/components/FormRender/FormContainer.vue2.js

@@ -0,0 +1,5 @@
+import f from "./FormContainer.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=FormContainer.vue2.js.map

package/src/components/FormRender/FormContainer.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContainer.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/src/components/FormRender/index.vue.js

@@ -1,8 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-265d2513"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-32ab7c81"]]);
 export {
-  p as default
+  e as default
 };
 //# sourceMappingURL=index.vue.js.map

package/src/components/FormRender/index.vue2.js

@@ -1,19 +1,18 @@
-import { defineComponent as L, computed as c, ref as V, onMounted as h, watch as w, createElementBlock as p, openBlock as n, Fragment as J, createElementVNode as S, createBlock as E, createCommentVNode as g, createVNode as a, unref as e, mergeProps as I } from "vue";
-import { Skeleton as M } from "ant-design-vue";
-import P from "../form-render/dynamic-dialog.vue.js";
+import { defineComponent as L, computed as u, ref as R, useTemplateRef as V, onMounted as D, watch as h, createElementBlock as c, openBlock as n, Fragment as w, createElementVNode as J, createBlock as S, createCommentVNode as p, createVNode as a, unref as e, mergeProps as T } from "vue";
+import { Skeleton as E } from "ant-design-vue";
+import I from "../form-render/dynamic-dialog.vue.js";
 /* empty css                                 */
-import v from "./FormContainer.js";
-import { useFormContext as T } from "./useFormContext.js";
-import { useI18n as z } from "../../utils/i18n.js";
-import { storeToRefs as A } from "pinia";
-import { useLocaleStore as U } from "@kp-ui/i18n";
-import { getLocat as W } from "@kp-ui/tool";
-import $ from "./Debugger.vue.js";
-import { useComRef as j } from "tmgc2-share";
-const q = { class: "form-render-wrapper" }, G = {
+import M from "./FormContainer.vue.js";
+import { useFormContext as P } from "./useFormContext.js";
+import { useI18n as $ } from "../../utils/i18n.js";
+import { storeToRefs as z } from "pinia";
+import { useLocaleStore as A } from "@kp-ui/i18n";
+import { getLocat as U } from "@kp-ui/tool";
+import W from "./Debugger.vue.js";
+const j = { class: "form-render-wrapper" }, q = {
   key: 0,
   class: "loading-wrapper"
-}, me = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ L({
   name: "VFormRender",
   componentName: "VFormRender",
   inheritAttrs: !1,
@@ -31,55 +30,51 @@ const q = { class: "form-render-wrapper" }, G = {
     debug: { type: Boolean }
   },
   emits: ["form-submit", "form-cancel"],
-  setup(_, { expose: C, emit: H }) {
-    const { initLocale: b } = z(), y = U(), { locale: m } = A(y), x = c(() => W().debug === "1"), i = V(!1), l = _, o = j(v), s = c(() => {
+  setup(g, { expose: v, emit: G }) {
+    const { initLocale: _ } = $(), b = A(), { locale: m } = z(b), C = u(() => U().debug === "1"), i = R(!1), l = g, o = V("formContainer"), s = u(() => {
       var r;
       return (r = o.value) == null ? void 0 : r.renderForm;
-    }), t = T({
+    }), t = P({
       props: l,
       renderForm: s
-    }), F = () => o.value, { dynamicDialgRef: f, dialogProps: k, emitter: N, isLoading: d, registerToRefList: R, formWidgetId: B } = t;
-    return h(() => {
-      R(B);
-    }), w(
+    }), x = () => o.value, { dialogProps: y, emitter: F, isLoading: f, registerToRefList: k, formWidgetId: N } = t;
+    return D(() => {
+      k(N);
+    }), h(
       m,
       () => {
-        b(m.value);
+        _(m.value);
       },
       {
         immediate: !0
       }
-    ), C({
-      ...N,
-      ...t,
-      dynamicDialgRef: f,
-      getNativeForm: F,
+    ), v({
+      ...F,
+      ...t.expose,
+      getNativeForm: x,
       formJson: l.formJson,
       renderForm: s
-    }), (r, u) => (n(), p(J, null, [
-      S("div", q, [
-        e(d) ? (n(), p("div", G, [
-          a(e(M), { active: e(d) }, null, 8, ["active"])
-        ])) : g("", !0),
-        a(e(v), {
+    }), (r, d) => (n(), c(w, null, [
+      J("div", j, [
+        e(f) ? (n(), c("div", q, [
+          a(e(E), { active: e(f) }, null, 8, ["active"])
+        ])) : p("", !0),
+        a(M, {
           ref_key: "formContainer",
           ref: o,
           context: e(t)
         }, null, 8, ["context"]),
-        a(P, I(e(k), {
-          ref_key: "dynamicDialgRef",
-          ref: f
-        }), null, 16)
+        a(I, T(e(y), { ref: "dynamicDialgRef" }), null, 16)
       ]),
-      x.value ? (n(), E($, {
+      C.value ? (n(), S(W, {
         key: 0,
         visible: i.value,
-        "onUpdate:visible": u[0] || (u[0] = (D) => i.value = D)
-      }, null, 8, ["visible"])) : g("", !0)
+        "onUpdate:visible": d[0] || (d[0] = (B) => i.value = B)
+      }, null, 8, ["visible"])) : p("", !0)
     ], 64));
   }
 });
 export {
-  me as default
+  ne as default
 };
 //# sourceMappingURL=index.vue2.js.map

package/src/components/FormRender/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/FormRender/index.vue"],"sourcesContent":["<template>\n    <div class=\"form-render-wrapper\">\n        <div class=\"loading-wrapper\" v-if=\"isLoading\">\n            <Skeleton :active=\"isLoading\" />\n        </div>\n        <FormContainer ref=\"formContainer\" :context=\"formContext\" />\n        <DynamicDialog v-bind=\"dialogProps\" ref=\"dynamicDialgRef\" />\n    </div>\n    <Debugger v-if=\"debug\" v-model:visible=\"debugVisible\" />\n</template>\n\n<script lang=\"ts\" setup>\n    import { onMounted, ref, watch, computed } from 'vue';\n    import { Skeleton } from 'ant-design-vue';\n    import DynamicDialog from '@/components/form-render/dynamic-dialog.vue';\n    import FormContainer from './FormContainer';\n    import { type FormRenderProps, useFormContext } from './useFormContext';\n    import { useI18n } from '@/utils/i18n';\n    import { storeToRefs } from 'pinia';\n    import { useLocaleStore } from '@kp-ui/i18n';\n    import { getLocat } from '@kp-ui/tool';\n    import Debugger from './Debugger.vue';\n    import { useComRef } from 'tmgc2-share';\n\n    const { initLocale } = useI18n();\n    defineOptions({\n        name: 'VFormRender',\n        componentName: 'VFormRender',\n        inheritAttrs: false\n    });\n    const localeStore = useLocaleStore();\n    const { locale } = storeToRefs(localeStore);\n\n    const debug = computed(() => getLocat().debug === '1');\n    const debugVisible = ref(false);\n\n    const props = withDefaults(defineProps<FormRenderProps>(), {\n        vfCtx: () => ({}),\n        formJson: () => ({ widgetList: [], formConfig: {} }),\n        formData: () => ({}),\n        optionData: () => ({}),\n        disabledMode: false,\n        renderConfig: () => ({ languageName: 'zh-CN' }),\n        globalDsv: () => ({}),\n        parentForm: null,\n        dynamicCreation: false\n    });\n\n    // 组件引用\n    const formContainer = useComRef(FormContainer);\n\n    const renderForm = computed(() => formContainer.value?.renderForm);\n\n    // 组件事件\n    const emit = defineEmits<{\n        (e: 'form-submit', formData: any): void;\n        (e: 'form-cancel'): void;\n    }>();\n\n    // 创建表单上下文\n    const formContext = useFormContext({\n        props,\n        renderForm\n    });\n\n    //获取原生form引用\n    const getNativeForm = () => {\n        return formContainer.value;\n    };\n    const { dynamicDialgRef, dialogProps, emitter, isLoading, registerToRefList, formWidgetId } =\n        formContext;\n\n    // 生命周期钩子\n    onMounted(() => {\n        registerToRefList(formWidgetId);\n    });\n\n    watch(\n        locale,\n        () => {\n            initLocale(locale.value);\n        },\n        {\n            immediate: true\n        }\n    );\n\n    // 暴露方法\n    defineExpose({\n        ...emitter,\n        ...formContext,\n        dynamicDialgRef,\n        getNativeForm,\n        formJson: props.formJson,\n        renderForm\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .loading-wrapper {\n        min-height: 300px;\n        padding: 20px;\n    }\n    .ant-form .ant-form-item-explain.ant-form-item-explain-connected {\n        display: none;\n    }\n</style>\n"],"names":["initLocale","useI18n","localeStore","useLocaleStore","locale","storeToRefs","debug","computed","getLocat","debugVisible","ref","props","__props","formContainer","useComRef","FormContainer","renderForm","_a","formContext","useFormContext","getNativeForm","dynamicDialgRef","dialogProps","emitter","isLoading","registerToRefList","formWidgetId","onMounted","watch","__expose","_createElementVNode","_hoisted_1","_unref","_openBlock","_createElementBlock","_hoisted_2","_createVNode","Skeleton","DynamicDialog","_mergeProps","_createBlock","Debugger","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBI,UAAM,EAAE,YAAAA,EAAA,IAAeC,EAAA,GAMjBC,IAAcC,EAAA,GACd,EAAE,QAAAC,EAAA,IAAWC,EAAYH,CAAW,GAEpCI,IAAQC,EAAS,MAAMC,EAAA,EAAW,UAAU,GAAG,GAC/CC,IAAeC,EAAI,EAAK,GAExBC,IAAQC,GAaRC,IAAgBC,EAAUC,CAAa,GAEvCC,IAAaT,EAAS,MAAA;;AAAM,cAAAU,IAAAJ,EAAc,UAAd,gBAAAI,EAAqB;AAAA,KAAU,GAS3DC,IAAcC,EAAe;AAAA,MAC/B,OAAAR;AAAA,MACA,YAAAK;AAAA,IAAA,CACH,GAGKI,IAAgB,MACXP,EAAc,OAEnB,EAAE,iBAAAQ,GAAiB,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,mBAAAC,GAAmB,cAAAC,MACzER;AAGJ,WAAAS,EAAU,MAAM;AACZ,MAAAF,EAAkBC,CAAY;AAAA,IAClC,CAAC,GAEDE;AAAA,MACIxB;AAAA,MACA,MAAM;AACF,QAAAJ,EAAWI,EAAO,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf,GAIJyB,EAAa;AAAA,MACT,GAAGN;AAAA,MACH,GAAGL;AAAA,MACH,iBAAAG;AAAA,MACA,eAAAD;AAAA,MACA,UAAUT,EAAM;AAAA,MAChB,YAAAK;AAAA,IAAA,CACH;MA9FDc,EAMM,OANNC,GAMM;AAAA,QALiCC,EAAAR,CAAA,KAAnCS,KAAAC,EAEM,OAFNC,GAEM;AAAA,UADFC,EAAgCJ,EAAAK,CAAA,GAAA,EAArB,QAAQL,EAAAR,CAAA,KAAS,MAAA,GAAA,CAAA,QAAA,CAAA;AAAA,QAAA;QAEhCY,EAA4DJ,EAAAjB,CAAA,GAAA;AAAA,mBAAzC;AAAA,UAAJ,KAAIF;AAAA,UAAiB,SAASmB,EAAAd,CAAA;AAAA,QAAA;QAC7CkB,EAA4DE,GAA5DC,EAA4DP,EAAAV,CAAA,GAA1B;AAAA,mBAAM;AAAA,UAAJ,KAAID;AAAA,QAAA;;MAE5Bf,EAAA,cAAhBkC,EAAwDC,GAAA;AAAA;QAAzB,SAAShC,EAAA;AAAA,mDAAAA,EAAY,QAAAiC;AAAA,MAAA;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/FormRender/index.vue"],"sourcesContent":["<template>\n    <div class=\"form-render-wrapper\">\n        <div class=\"loading-wrapper\" v-if=\"isLoading\">\n            <Skeleton :active=\"isLoading\" />\n        </div>\n        <FormContainer ref=\"formContainer\" :context=\"formContext\" />\n        <DynamicDialog v-bind=\"dialogProps\" ref=\"dynamicDialgRef\" />\n    </div>\n    <Debugger v-if=\"debug\" v-model:visible=\"debugVisible\" />\n</template>\n\n<script lang=\"ts\" setup>\n    import { onMounted, ref, watch, computed, useTemplateRef } from 'vue';\n    import { Skeleton } from 'ant-design-vue';\n    import DynamicDialog from '@/components/form-render/dynamic-dialog.vue';\n    import FormContainer from './FormContainer.vue';\n    import { type FormRenderProps, useFormContext } from './useFormContext';\n    import { useI18n } from '@/utils/i18n';\n    import { storeToRefs } from 'pinia';\n    import { useLocaleStore } from '@kp-ui/i18n';\n    import { getLocat } from '@kp-ui/tool';\n    import Debugger from './Debugger.vue';\n\n    const { initLocale } = useI18n();\n    defineOptions({\n        name: 'VFormRender',\n        componentName: 'VFormRender',\n        inheritAttrs: false\n    });\n    const localeStore = useLocaleStore();\n    const { locale } = storeToRefs(localeStore);\n\n    const debug = computed(() => getLocat().debug === '1');\n    const debugVisible = ref(false);\n\n    const props = withDefaults(defineProps<FormRenderProps>(), {\n        vfCtx: () => ({}),\n        formJson: () => ({ widgetList: [], formConfig: {} }),\n        formData: () => ({}),\n        optionData: () => ({}),\n        disabledMode: false,\n        renderConfig: () => ({ languageName: 'zh-CN' }),\n        globalDsv: () => ({}),\n        parentForm: null,\n        dynamicCreation: false\n    });\n\n    // 组件引用\n    const formContainer = useTemplateRef('formContainer');\n\n    const renderForm = computed(() => formContainer.value?.renderForm);\n\n    // 组件事件\n    const emit = defineEmits<{\n        (e: 'form-submit', formData: any): void;\n        (e: 'form-cancel'): void;\n    }>();\n\n    // 创建表单上下文\n    const formContext = useFormContext({\n        props,\n        renderForm\n    });\n\n    //获取原生form引用\n    const getNativeForm = () => {\n        return formContainer.value;\n    };\n    const { dialogProps, emitter, isLoading, registerToRefList, formWidgetId } = formContext;\n\n    // 生命周期钩子\n    onMounted(() => {\n        registerToRefList(formWidgetId);\n    });\n\n    watch(\n        locale,\n        () => {\n            initLocale(locale.value);\n        },\n        {\n            immediate: true\n        }\n    );\n\n    // 暴露方法\n    defineExpose({\n        ...emitter,\n        ...formContext.expose,\n        getNativeForm,\n        formJson: props.formJson,\n        renderForm\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .loading-wrapper {\n        min-height: 300px;\n        padding: 20px;\n    }\n    .ant-form .ant-form-item-explain.ant-form-item-explain-connected {\n        display: none;\n    }\n</style>\n"],"names":["initLocale","useI18n","localeStore","useLocaleStore","locale","storeToRefs","debug","computed","getLocat","debugVisible","ref","props","__props","formContainer","useTemplateRef","renderForm","_a","formContext","useFormContext","getNativeForm","dialogProps","emitter","isLoading","registerToRefList","formWidgetId","onMounted","watch","__expose","_createElementVNode","_hoisted_1","_unref","_openBlock","_createElementBlock","_hoisted_2","_createVNode","Skeleton","FormContainer","DynamicDialog","_mergeProps","_createBlock","Debugger","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBI,UAAM,EAAE,YAAAA,EAAA,IAAeC,EAAA,GAMjBC,IAAcC,EAAA,GACd,EAAE,QAAAC,EAAA,IAAWC,EAAYH,CAAW,GAEpCI,IAAQC,EAAS,MAAMC,EAAA,EAAW,UAAU,GAAG,GAC/CC,IAAeC,EAAI,EAAK,GAExBC,IAAQC,GAaRC,IAAgBC,EAAe,eAAe,GAE9CC,IAAaR,EAAS,MAAA;;AAAM,cAAAS,IAAAH,EAAc,UAAd,gBAAAG,EAAqB;AAAA,KAAU,GAS3DC,IAAcC,EAAe;AAAA,MAC/B,OAAAP;AAAA,MACA,YAAAI;AAAA,IAAA,CACH,GAGKI,IAAgB,MACXN,EAAc,OAEnB,EAAE,aAAAO,GAAa,SAAAC,GAAS,WAAAC,GAAW,mBAAAC,GAAmB,cAAAC,MAAiBP;AAG7E,WAAAQ,EAAU,MAAM;AACZ,MAAAF,EAAkBC,CAAY;AAAA,IAClC,CAAC,GAEDE;AAAA,MACItB;AAAA,MACA,MAAM;AACF,QAAAJ,EAAWI,EAAO,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf,GAIJuB,EAAa;AAAA,MACT,GAAGN;AAAA,MACH,GAAGJ,EAAY;AAAA,MACf,eAAAE;AAAA,MACA,UAAUR,EAAM;AAAA,MAChB,YAAAI;AAAA,IAAA,CACH;MA3FDa,EAMM,OANNC,GAMM;AAAA,QALiCC,EAAAR,CAAA,KAAnCS,KAAAC,EAEM,OAFNC,GAEM;AAAA,UADFC,EAAgCJ,EAAAK,CAAA,GAAA,EAArB,QAAQL,EAAAR,CAAA,KAAS,MAAA,GAAA,CAAA,QAAA,CAAA;AAAA,QAAA;QAEhCY,EAA4DE,GAAA;AAAA,mBAAzC;AAAA,UAAJ,KAAIvB;AAAA,UAAiB,SAASiB,EAAAb,CAAA;AAAA,QAAA;QAC7CiB,EAA4DG,GAA5DC,EAA4DR,MAA1B,EAAE,KAAI,kBAAA,CAAiB,GAAA,MAAA,EAAA;AAAA,MAAA;MAE7CxB,EAAA,cAAhBiC,EAAwDC,GAAA;AAAA;QAAzB,SAAS/B,EAAA;AAAA,mDAAAA,EAAY,QAAAgC;AAAA,MAAA;;;;"}