@kp-ui/lowcode 2.15.0-beta.8 → 2.16.0-alpha.10

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 p from "dayjs";
+import { getLocat as i, getUserInfo 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 { basicFieldsEnums as L } 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 m } from "./src/components/public/CustomerModal/useCustomerModal.js";
+import { default as C } from "./src/components/public/ActionButtonListRender.vue.js";
+import { default as F } from "./src/components/public/ConfigView/CustomPageRender.vue.js";
+import { useLowcode as w } from "./src/hooks/useLowcode.js";
+import { default as M } 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 } = e;
+  o.config.globalProperties.$getLocat = i, o.config.globalProperties.$dayjs = p, o.config.globalProperties.$getUserInfo = s, o.config.globalProperties.$factoryRender = r, o.config.globalProperties.$openCustomerModal = (t) => m(t, o), o.component("VxeTooltip", a);
 };
 export {
-  C as SubmitButtonRender,
-  R as VFormDesigner,
-  w as VFormRender,
-  y as basicFieldsEnums,
+  C as ActionButtonListRender,
+  F as CustomPageRender,
+  $ as VFormDesigner,
+  M as VFormRender,
+  L 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';\nimport { getUserInfo } from '@kp-ui/tool';\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';\n\nexport { default as ActionButtonListRender } from '@/components/public/ActionButtonListRender.vue';\n\nexport { default as CustomPageRender } from '@/components/public/ConfigView/CustomPageRender.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}\n\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, factoryRender } = 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","getLocat","dayjs","getUserInfo","ops","openCustomerModal","VxeTooltip"],"mappings":";;;;;;;;;;;;;AA2BO,MAAMA,IAAsB,CAACC,MAAsC;AACtE,QAAM,EAAE,KAAAC,GAAK,eAAAC,EAAA,IAAkBF;AAC/B,EAAAC,EAAI,OAAO,iBAAiB,YAAYE,GACxCF,EAAI,OAAO,iBAAiB,SAASG,GACrCH,EAAI,OAAO,iBAAiB,eAAeI,GAC3CJ,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.8",
+  "version": "2.16.0-alpha.10",
   "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",
@@ -23,7 +24,7 @@
     "sortablejs": "1.14.0",
     "tailwindcss": "3.4.9",
     "vite": "6.3.3",
-    "vite-plugin-lazy-import": "^1.0.7",
+    "vite-plugin-lazy-import": "1.0.7",
     "vue": "3.5.17",
     "vue-router": "4.2.4"
   },

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-97ab4c5a"]]);
 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 D, computed as c, ref as L, useTemplateRef as V, onMounted as h, watch as w, createElementBlock as u, openBlock as n, Fragment as J, createElementVNode as S, createBlock as T, createCommentVNode as p, createVNode as a, unref as e, mergeProps as E } from "vue";
+import { Skeleton as I } from "ant-design-vue";
+import M from "../form-render/dynamic-dialog.vue.js";
 /* empty css                                 */
-import v from "./FormContainer.js";
-import { useFormContext as T } from "./useFormContext.js";
+import P from "./FormContainer.vue.js";
+import { useFormContext as $ } 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";
+import j from "./Debugger.vue.js";
 const q = { class: "form-render-wrapper" }, G = {
   key: 0,
   class: "loading-wrapper"
-}, me = /* @__PURE__ */ L({
+}, ae = /* @__PURE__ */ D({
   name: "VFormRender",
   componentName: "VFormRender",
   inheritAttrs: !1,
@@ -31,55 +30,54 @@ 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: H }) {
+    const { initLocale: _ } = z(), b = U(), { locale: m } = A(b), C = c(() => W().debug === "1"), i = L(!1), l = g, o = V("formContainer"), s = c(() => {
       var r;
       return (r = o.value) == null ? void 0 : r.renderForm;
-    }), t = T({
+    }), t = $({
       props: l,
       renderForm: s
-    }), F = () => o.value, { dynamicDialgRef: f, dialogProps: k, emitter: N, isLoading: d, registerToRefList: R, formWidgetId: B } = t;
+    }), x = () => o.value, { dynamicDialgRef: y, dialogProps: k, emitter: F, isLoading: f, registerToRefList: N, formWidgetId: R } = t;
     return h(() => {
-      R(B);
+      N(R);
     }), w(
       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, [
+    }), (r, d) => (n(), u(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), {
+        e(f) ? (n(), u("div", G, [
+          a(e(I), { active: e(f) }, null, 8, ["active"])
+        ])) : p("", !0),
+        a(P, {
           ref_key: "formContainer",
           ref: o,
           context: e(t)
         }, null, 8, ["context"]),
-        a(P, I(e(k), {
+        a(M, E(e(k), {
           ref_key: "dynamicDialgRef",
-          ref: f
+          ref: y
         }), null, 16)
       ]),
-      x.value ? (n(), E($, {
+      C.value ? (n(), T(j, {
         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
+  ae 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 { 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.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","dynamicDialgRef","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,iBAAAO,GAAiB,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,mBAAAC,GAAmB,cAAAC,MACzER;AAGJ,WAAAS,EAAU,MAAM;AACZ,MAAAF,EAAkBC,CAAY;AAAA,IAClC,CAAC,GAEDE;AAAA,MACIvB;AAAA,MACA,MAAM;AACF,QAAAJ,EAAWI,EAAO,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf,GAIJwB,EAAa;AAAA,MACT,GAAGN;AAAA,MACH,GAAGL,EAAY;AAAA,MACf,eAAAE;AAAA,MACA,UAAUR,EAAM;AAAA,MAChB,YAAAI;AAAA,IAAA,CACH;MA5FDc,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,KAAIxB;AAAA,UAAiB,SAASkB,EAAAd,CAAA;AAAA,QAAA;QAC7CkB,EAA4DG,GAA5DC,EAA4DR,EAAAV,CAAA,GAA1B;AAAA,mBAAM;AAAA,UAAJ,KAAID;AAAA,QAAA;;MAE5Bd,EAAA,cAAhBkC,EAAwDC,GAAA;AAAA;QAAzB,SAAShC,EAAA;AAAA,mDAAAA,EAAY,QAAAiC;AAAA,MAAA;;;;"}

package/src/components/FormRender/useFormContext.js

@@ -1,117 +1,117 @@
-import { ref as l, provide as f, computed as m, watchEffect as le, onMounted as fe, nextTick as ce } from "vue";
-import { useFormValidation as V } from "./formValidation.js";
-import { insertCustomCssToHead as ue, insertGlobalFunctionsToHtml as me, getContainerWidgetByName as B, cloneFormConfigWithoutEventHandler as de, generateId as ve } from "../../utils/util.js";
-import { set as ge, cloneDeep as pe } from "lodash-es";
-import { message as H } from "ant-design-vue";
-import { useI18n as Ce } from "../../utils/i18n.js";
-import { getUuidKey as Fe } from "@kp-ui/tool";
-import { useComRef as we, useRef as he, useExecFunction as Re } from "tmgc2-share";
-import De from "../form-render/dynamic-dialog.vue.js";
+import { ref as l, provide as c, computed as m, watchEffect as ue, onMounted as me, nextTick as de } from "vue";
+import { useFormValidation as B } from "./formValidation.js";
+import { insertCustomCssToHead as ve, insertGlobalFunctionsToHtml as ge, getContainerWidgetByName as H, cloneFormConfigWithoutEventHandler as pe, generateId as Ce } from "../../utils/util.js";
+import { set as Fe, cloneDeep as we } from "lodash-es";
+import { message as J } from "ant-design-vue";
+import { useI18n as he } from "../../utils/i18n.js";
+import { getUuidKey as xe } from "@kp-ui/tool";
+import { useComRef as De, useRef as Re, useExecFunction as Le } from "tmgc2-share";
+import be from "../form-render/dynamic-dialog.vue.js";
 /* empty css                                 */
-import { useEmitter as xe } from "../../utils/useEmitter.js";
-import { useAppRef as ye } from "../form-designer/useAppRef.js";
-const Te = ({ renderForm: D, props: i }) => {
-  const { formJson: x } = i, C = we(De), { i18nt: d } = Ce(), [y, J] = he(!1), F = xe(), v = l(), a = l({}), L = l(!1), w = l(/* @__PURE__ */ new Map()), b = l({}), P = l(), h = Symbol("formWidget");
-  f("refList", w), f("getFormConfig", () => o.value), f("formData", a), f("getReadMode", () => y.value), f("designState", !1);
-  const M = l(), { executeFunction: T, context: g, execHttpFunction: W } = Re(), { getFormRef: R, getWidgetRef: $, registerToRefList: k } = ye(w, h), o = m(() => {
+import { useEmitter as ye } from "../../utils/useEmitter.js";
+import { useAppRef as Me } from "../form-designer/useAppRef.js";
+const _e = ({ renderForm: x, props: a }) => {
+  const { formJson: D } = a, p = De(be), { i18nt: d } = he(), [R, P] = Re(!1), C = ye(), v = l(), s = l({}), L = l(!1), F = l(/* @__PURE__ */ new Map()), b = l({}), T = l(), w = Symbol("formWidget");
+  c("refList", F), c("getFormConfig", () => o.value), c("formData", s), c("getReadMode", () => R.value), c("designState", !1);
+  const y = l(), { executeFunction: $, context: g, execHttpFunction: M } = Le(), { getFormRef: h, getWidgetRef: U, registerToRefList: _ } = Me(F, w), o = m(() => {
     var e;
     return ((e = v.value) == null ? void 0 : e.formConfig) || {};
   });
-  f("formConfig", o), f("formWidgetId", h);
-  const p = m(() => {
+  c("formConfig", o), c("formWidgetId", w);
+  const W = m(() => {
     var e;
     return ((e = v.value) == null ? void 0 : e.widgetList) || [];
-  }), U = m(() => {
+  }), j = m(() => {
     var e;
     return ((e = o.value) == null ? void 0 : e.labelPosition) || "horizontal";
-  }), _ = (e) => {
-    P.value = e;
-  }, j = m(() => {
+  }), q = (e) => {
+    T.value = e;
+  }, S = m(() => {
     var e;
     return (e = o.value) != null && e.labelWidth ? `${o.value.labelWidth}px` : "80px";
-  }), q = m(() => {
+  }), k = m(() => {
     var e;
     return ((e = o.value) == null ? void 0 : e.customClass) || "";
   });
-  let c = V(D, p.value || []);
-  le(() => {
-    c = V(D, p.value || []);
+  let f = B(x);
+  ue(() => {
+    f = B(x);
   });
-  const E = async (e) => {
-    console.log({ json: e }), v.value = e || { widgetList: [], formConfig: {} }, a.value = {}, await ce(), ne();
-  }, S = () => a.value || {}, z = (e) => {
+  const V = async (e) => {
+    console.log({ json: e }), v.value = e || { widgetList: [], formConfig: {} }, s.value = {}, await de(), re();
+  }, z = () => s.value || {}, A = (e) => {
     e && Object.keys(e).forEach((t) => {
-      Object.prototype.hasOwnProperty.call(a.value, t) && (a.value[t] = e[t]);
+      t === "processingDescribe" && console.log(e[t]), Object.prototype.hasOwnProperty.call(s.value, t) && (s.value[t] = e[t]);
     });
-  }, A = (e) => {
+  }, G = (e) => {
     L.value = e;
-  }, G = () => {
-    c.resetValidation();
   }, K = () => {
-    c.clearValidate();
-  }, Q = (e) => {
-    M.value = e;
-  }, X = () => {
-    if (!i.parentForm)
-      return R();
-    let e = i.parentForm;
+    f.resetValidation();
+  }, Q = () => {
+    f.clearValidate();
+  }, X = (e) => {
+    y.value = e;
+  }, Y = () => {
+    if (!a.parentForm)
+      return h();
+    let e = a.parentForm;
     for (; e.parentForm; )
       e = e.parentForm;
     return e;
-  }, Y = (e, t = {}, r = {}) => {
+  }, Z = (e, t = {}, r = {}) => {
     var I, O;
-    const n = X(), s = B((n == null ? void 0 : n.widgetList) || [], e) || B(p.value || [], e);
-    if (s === null) {
-      H.error(d("render.hint.refNotFound") + e);
+    const n = Y(), i = H((n == null ? void 0 : n.widgetList) || [], e) || H(W.value || [], e);
+    if (i === null) {
+      J.error(d("render.hint.refNotFound") + e);
       return;
     }
-    if (!e || s.type !== "vf-dialog") {
-      H.error(d("render.hint.refNotFound") + e);
+    if (!e || i.type !== "vf-dialog") {
+      J.error(d("render.hint.refNotFound") + e);
       return;
     }
     const u = {
-      widgetList: pe((s == null ? void 0 : s.widgetList) || []),
-      formConfig: de(((I = n == null ? void 0 : n.formConfig) == null ? void 0 : I.value) || {})
-    }, ie = Fe();
+      widgetList: we((i == null ? void 0 : i.widgetList) || []),
+      formConfig: pe(((I = n == null ? void 0 : n.formConfig) == null ? void 0 : I.value) || {})
+    }, fe = xe();
     b.value = {
-      options: s.options,
+      options: i.options,
       formJson: u,
       formData: { ...t },
       optionData: n.optionData,
       globalDsv: n.globalDsv,
       parentFormRef: g.value,
       extraData: r,
-      wrapperId: ie,
+      wrapperId: fe,
       vfCtx: { ...t }
-    }, (O = C.value) == null || O.show();
-  }, Z = () => i.parentForm, N = () => {
+    }, (O = p.value) == null || O.show();
+  }, N = () => a.parentForm, ee = () => {
     var e;
-    return (e = C.value) == null ? void 0 : e.getFormRef();
-  }, ee = () => {
-    F.off$("fieldChange"), F.on$("fieldChange", ({ fieldName: e, value: t }) => {
-      typeof e < "u" && typeof t < "u" && ge(a.value, e, t);
+    return (e = p.value) == null ? void 0 : e.getFormRef();
+  }, te = () => {
+    C.off$("fieldChange"), C.on$("fieldChange", ({ fieldName: e, value: t }) => {
+      typeof e < "u" && typeof t < "u" && Fe(s.value, e, t);
     });
-  }, te = async () => {
-    const e = o.value.serveList, t = await W(e.vformDetail, {
-      vfCtx: i.vfCtx
+  }, oe = async () => {
+    const e = o.value.serveList, t = await M(e.vformDetail, {
+      vfCtx: a.vfCtx
     });
     return console.log("res: ", t), t;
-  }, oe = async () => {
-    if (!await c.validate()) throw new Error(d("表单验证失败"));
-    const t = o.value.serveList, r = await W(t.vformUpdate, {
-      data: a.value,
-      vfCtx: i.vfCtx
+  }, ne = async () => {
+    if (!await f.validate()) throw new Error(d("表单验证失败"));
+    const t = o.value.serveList, r = await M(t.vformUpdate, {
+      data: s.value,
+      vfCtx: a.vfCtx
     });
     return console.log("res: ", r), r;
-  }, ne = () => {
+  }, re = () => {
     var e, t;
-    (e = o.value) != null && e.onFormMounted && (console.log("onFormMounted: "), T({
+    (e = o.value) != null && e.onFormMounted && (console.log("onFormMounted: "), $({
       functionBody: (t = o.value) == null ? void 0 : t.onFormMounted
     }));
-  }, re = () => {
-    const e = "vfRender" + ve(), { cssCode: t, functions: r } = o.value;
-    t && ue(t, e || ""), r && me(r, e || "");
   }, se = () => {
+    const e = "vfRender" + Ce(), { cssCode: t, functions: r } = o.value;
+    t && ve(t, e || ""), r && ge(r, e || "");
+  }, ie = () => {
     var t;
     const e = (t = g.value) == null ? void 0 : t.$router;
     e == null || e.replace({
@@ -121,62 +121,69 @@ const Te = ({ renderForm: D, props: i }) => {
       }
     });
   }, ae = (e, t) => {
-    var n, s;
-    const r = (n = R().vfCtx) == null ? void 0 : n.goBack;
+    var n, i;
+    const r = (n = h().vfCtx) == null ? void 0 : n.goBack;
     if (typeof r == "function")
       r(e, t);
     else {
-      const u = (s = g.value) == null ? void 0 : s.$router;
+      const u = (i = g.value) == null ? void 0 : i.$router;
       u == null || u.go(-1);
     }
-  };
-  return fe(() => {
-    x && E(x), ee(), re();
-  }), {
+  }, le = (e) => s.value[e], ce = () => a.vfCtx;
+  me(() => {
+    D && V(D), te(), se();
+  });
+  const E = {
+    context: g,
     i18nt: d,
     goBack: ae,
-    reload: se,
-    formWidgetId: h,
-    vfCtx: i.vfCtx,
-    getParentFormRef: Z,
-    getFormRef: R,
-    getWidgetRef: $,
-    registerToRefList: k,
-    dialogOrDrawerRef: M,
-    setDialogOrDrawerRef: Q,
-    showDialog: Y,
-    setFormData: z,
-    setReadMode: J,
-    setFormJson: E,
-    setLoading: A,
-    onFormDetail: te,
-    onFormUpdate: oe,
-    emitter: F,
-    context: g,
-    getFormData: S,
-    getChildFormRef: N,
-    // 状态
-    formJsonObj: v,
-    formDataModel: a,
+    reload: ie,
+    getFieldValue: le,
+    resetValidation: K,
+    clearValidate: Q,
+    getVfCtx: ce,
+    getParentFormRef: N,
+    getFormRef: h,
+    getWidgetRef: U,
+    showDialog: Z,
+    getFormData: z,
+    getChildFormRef: ee,
+    setFormData: A,
+    setReadMode: P,
+    setFormJson: V,
+    setLoading: G,
+    onFormDetail: oe,
+    onFormUpdate: ne,
+    formDataModel: s,
     isLoading: L,
-    readModeFlag: y,
-    // 引用
-    widgetRefList: w,
-    formValidator: c,
+    vfCtx: a.vfCtx,
     // 计算属性
     formConfig: o,
-    widgetList: p,
-    labelPosition: U,
-    labelWidth: j,
-    customClass: q,
-    dynamicDialgRef: C,
+    dynamicDialgRef: p,
+    setChildFormRef: q,
+    setDialogOrDrawerRef: X
+  };
+  return {
+    formWidgetId: w,
+    registerToRefList: _,
+    dialogOrDrawerRef: y,
+    emitter: C,
+    // 状态
+    formJsonObj: v,
+    readModeFlag: R,
+    // 引用
+    widgetRefList: F,
+    formValidator: f,
+    widgetList: W,
+    labelPosition: j,
+    labelWidth: S,
+    customClass: k,
     dialogProps: b,
-    setChildFormRef: _,
-    resetValidation: G,
-    clearValidate: K
+    expose: E,
+    ...E
   };
 };
 export {
-  Te as useFormContext
+  _e as useFormContext
 };
 //# sourceMappingURL=useFormContext.js.map