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

package/src/components/form-designer/form-widget/field-widget/vue-render.vue2.js

@@ -0,0 +1,77 @@
+import { defineComponent as S, createBlock as m, createCommentVNode as b, unref as l, openBlock as u, mergeProps as B, withCtx as M, createElementVNode as N, resolveDynamicComponent as O, toRefs as R } from "vue";
+import { ComponentNameEnum as W, WidgetTypeEnum as L } from "../../../../constants/WidgetTypeEnum.js";
+import P from "./form-item-wrapper.vue.js";
+import { useField as T } from "./useField.js";
+const V = { class: "slot-wrapper-render" }, q = /* @__PURE__ */ S({
+  name: L.bpmnEditor,
+  componentName: W.FieldWidget,
+  __name: "vue-render",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(f, { expose: y }) {
+    const s = f, { rules: g, fieldEditor: h, field: n, fieldModel: x, handleHidden: C, defineExposed: E, executeFunction: _ } = T(s), F = () => {
+      if (n.options.template) {
+        const o = n.options.template, p = o.match(/<template>([\s\S]*)<\/template>/), c = o.match(/<script.*?>([\s\S]*)<\/script>/), i = o.match(/<style.*?>([\s\S]*)<\/style>/), w = p ? p[1] : "";
+        let r = c ? c[1] : "export default {}";
+        const a = i ? i[1] : "";
+        if (a) {
+          const t = `vue-render-style-${n.options.name}`;
+          if (!document.getElementById(t)) {
+            const e = document.createElement("style");
+            e.id = t, e.textContent = a, document.head.appendChild(e);
+          }
+        }
+        r = r.replace("export default", "return");
+        try {
+          const e = new Function(r)() || {};
+          return {
+            template: w,
+            ...e,
+            props: ["data"],
+            // Ensure data prop is available if not defined
+            setup(d, I) {
+              const k = e.setup ? e.setup(d, I) : {};
+              return {
+                ...R(d),
+                ...k
+              };
+            }
+          };
+        } catch (t) {
+          return console.error("Failed to parse component script", t), { template: "<div>Error parsing component</div>" };
+        }
+      }
+      return _({
+        functionBody: n.options.customRender,
+        params: { data: x.value },
+        keys: ["data"]
+      }) ?? null;
+    };
+    return y({
+      ...E
+    }), (v, o) => l(C) ? b("", !0) : (u(), m(P, B({ key: 0 }, s, { rules: l(g) }), {
+      default: M(() => [
+        N("div", V, [
+          (u(), m(O(F()), {
+            ref_key: "fieldEditor",
+            ref: h
+          }, null, 512))
+        ])
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=vue-render.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/vue-render.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-render.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/vue-render.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div class=\"slot-wrapper-render\">\n            <component ref=\"fieldEditor\" :is=\"renderCompont()\" />\n        </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { FieldProps, useField } from './useField';\n    import { toRefs } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const { rules, fieldEditor, field, fieldModel, handleHidden, defineExposed, executeFunction } =\n        useField(props);\n\n    const renderCompont = () => {\n        if (field.options.template) {\n            const sfcString = field.options.template;\n            const templateMatch = sfcString.match(/<template>([\\s\\S]*)<\\/template>/);\n            const scriptMatch = sfcString.match(/<script.*?>([\\s\\S]*)<\\/script>/);\n            const styleMatch = sfcString.match(/<style.*?>([\\s\\S]*)<\\/style>/);\n\n            const template = templateMatch ? templateMatch[1] : '';\n            let scriptContent = scriptMatch ? scriptMatch[1] : 'export default {}';\n            const style = styleMatch ? styleMatch[1] : '';\n\n            // Handle style\n            if (style) {\n                const styleId = `vue-render-style-${field.options.name}`;\n                if (!document.getElementById(styleId)) {\n                    const styleTag = document.createElement('style');\n                    styleTag.id = styleId;\n                    styleTag.textContent = style;\n                    document.head.appendChild(styleTag);\n                }\n            }\n\n            // Handle script\n            // Replace export default with return to make it evaluatable\n            scriptContent = scriptContent.replace('export default', 'return');\n\n            try {\n                const getOptions = new Function(scriptContent);\n                const componentOptions = getOptions() || {};\n\n                return {\n                    template,\n                    ...componentOptions,\n                    props: ['data'], // Ensure data prop is available if not defined\n                    setup(props, ctx) {\n                        // Call original setup if it exists\n                        const originalSetup = componentOptions.setup\n                            ? componentOptions.setup(props, ctx)\n                            : {};\n                        return {\n                            ...toRefs(props),\n                            ...originalSetup\n                        };\n                    }\n                };\n            } catch (e) {\n                console.error('Failed to parse component script', e);\n                return { template: '<div>Error parsing component</div>' };\n            }\n        }\n        // Assuming executeFunction and fieldModel are defined elsewhere or will be added.\n        // This part of the code was provided in the instruction, but its dependencies are not in the original snippet.\n        const component = executeFunction({\n            functionBody: field.options.customRender,\n            params: { data: fieldModel.value },\n            keys: ['data']\n        });\n\n        return component ?? null;\n    };\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","handleHidden","defineExposed","executeFunction","useField","renderCompont","sfcString","templateMatch","scriptMatch","styleMatch","template","scriptContent","style","styleId","styleTag","componentOptions","ctx","originalSetup","toRefs","e","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode","_hoisted_1","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBI,UAAMA,IAAQC,GAER,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,cAAAC,GAAc,eAAAC,GAAe,iBAAAC,EAAA,IACxEC,EAAST,CAAK,GAEZU,IAAgB,MAAM;AACxB,UAAIN,EAAM,QAAQ,UAAU;AACxB,cAAMO,IAAYP,EAAM,QAAQ,UAC1BQ,IAAgBD,EAAU,MAAM,iCAAiC,GACjEE,IAAcF,EAAU,MAAM,gCAAgC,GAC9DG,IAAaH,EAAU,MAAM,8BAA8B,GAE3DI,IAAWH,IAAgBA,EAAc,CAAC,IAAI;AACpD,YAAII,IAAgBH,IAAcA,EAAY,CAAC,IAAI;AACnD,cAAMI,IAAQH,IAAaA,EAAW,CAAC,IAAI;AAG3C,YAAIG,GAAO;AACP,gBAAMC,IAAU,oBAAoBd,EAAM,QAAQ,IAAI;AACtD,cAAI,CAAC,SAAS,eAAec,CAAO,GAAG;AACnC,kBAAMC,IAAW,SAAS,cAAc,OAAO;AAC/C,YAAAA,EAAS,KAAKD,GACdC,EAAS,cAAcF,GACvB,SAAS,KAAK,YAAYE,CAAQ;AAAA,UACtC;AAAA,QACJ;AAIA,QAAAH,IAAgBA,EAAc,QAAQ,kBAAkB,QAAQ;AAEhE,YAAI;AAEA,gBAAMI,IADa,IAAI,SAASJ,CAAa,EACpB,KAAgB,CAAA;AAEzC,iBAAO;AAAA,YACH,UAAAD;AAAA,YACA,GAAGK;AAAA,YACH,OAAO,CAAC,MAAM;AAAA;AAAA,YACd,MAAMpB,GAAOqB,GAAK;AAEd,oBAAMC,IAAgBF,EAAiB,QACjCA,EAAiB,MAAMpB,GAAOqB,CAAG,IACjC,CAAA;AACN,qBAAO;AAAA,gBACH,GAAGE,EAAOvB,CAAK;AAAA,gBACf,GAAGsB;AAAA,cAAA;AAAA,YAEX;AAAA,UAAA;AAAA,QAER,SAASE,GAAG;AACR,yBAAQ,MAAM,oCAAoCA,CAAC,GAC5C,EAAE,UAAU,qCAAA;AAAA,QACvB;AAAA,MACJ;AASA,aANkBhB,EAAgB;AAAA,QAC9B,cAAcJ,EAAM,QAAQ;AAAA,QAC5B,QAAQ,EAAE,MAAMC,EAAW,MAAA;AAAA,QAC3B,MAAM,CAAC,MAAM;AAAA,MAAA,CAChB,KAEmB;AAAA,IACxB;AAEA,WAAAoB,EAAa;AAAA,MACT,GAAGlB;AAAA,IAAA,CACN,aArFwCmB,EAAApB,CAAA,iBAAzCqB,KAAAC,EAIoBC,GAJpBC,EAIoB,EAAA,KAAA,EAAA,GAJO9B,GAAK,EAAwB,OAAO0B,EAAAxB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAEM;AAAA,QAFN6B,EAEM,OAFNC,GAEM;AAAA,WADFL,KAAAC,EAAqDK,EAAnBvB,EAAA,CAAa,GAAA;AAAA,qBAAhC;AAAA,YAAJ,KAAIP;AAAA,UAAA;;;;;;;"}

package/src/components/form-designer/form-widget/index.vue.js

@@ -1,7 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-481d8b6b"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-70e501c6"]]);
 export {
-  _ as default
+  p as default
 };
+//# sourceMappingURL=index.vue.js.map

package/src/components/form-designer/form-widget/index.vue.js.map

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

package/src/components/form-designer/form-widget/index.vue2.js

@@ -1,59 +1,60 @@
-import { defineComponent as D, inject as k, ref as s, provide as a, computed as n, resolveComponent as l, createBlock as b, openBlock as c, withCtx as d, createElementVNode as f, createVNode as u, normalizeClass as B, createElementBlock as E, createCommentVNode as H, unref as i, toDisplayString as I } from "vue";
-import { useI18n as N } from "../../../utils/i18n.js";
-import V from "./RenderDesignerWigetList.vue.js";
-const W = { class: "form-widget-container" }, M = {
+import { defineComponent as b, inject as l, ref as a, provide as s, computed as i, resolveComponent as c, createBlock as B, openBlock as d, withCtx as f, createElementVNode as m, createVNode as u, unref as n, normalizeClass as E, createElementBlock as H, createCommentVNode as I, toDisplayString as N } from "vue";
+import { useI18n as V } from "../../../utils/i18n.js";
+import W from "./RenderDesignerWigetList.vue.js";
+const M = { class: "form-widget-container" }, P = {
   key: 0,
   class: "no-widget-hint"
-}, P = {
+}, R = {
   class: "form-widget-canvas",
   style: { minHeight: "calc(100vh - 56px - 68px)" }
-}, j = /* @__PURE__ */ D({
+}, A = /* @__PURE__ */ b({
   __name: "index",
   props: {
     globalDsv: {},
     formConfig: {}
   },
-  setup(m) {
-    const { i18nt: g } = N(), p = m, e = k("designer", s({})), v = s(/* @__PURE__ */ new Map());
-    s({}), a("refList", v), a("getReadMode", () => !1), a("getFormConfig", () => p.formConfig);
-    const _ = () => {
-    }, C = n(() => {
+  setup(g) {
+    const { i18nt: p } = V(), v = g, e = l("designer", a({})), _ = a(/* @__PURE__ */ new Map());
+    s("refList", _), s("getReadMode", () => !1), s("getFormConfig", () => v.formConfig);
+    const C = l("formData", a({})), h = () => {
+    }, w = i(() => {
       var o, t;
       return ((t = (o = e.value) == null ? void 0 : o.formConfig) == null ? void 0 : t.labelPosition) || "horizontal";
-    }), r = n(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), h = n(() => e.value.formConfig.customClass || ""), w = n(() => e.value.getLayoutType()), y = (o) => {
+    }), r = i(() => e.value.formConfig && e.value.formConfig.size ? e.value.formConfig.size : "default"), y = i(() => e.value.formConfig.customClass || ""), z = i(() => e.value.getLayoutType()), x = (o) => {
       const t = o.newIndex;
       e.value.widgetList[t] && e.value.setSelected(e.value.widgetList[t]);
-    }, z = () => {
+    }, D = () => {
       e.value.emitHistoryChange();
     };
     return (o, t) => {
-      const x = l("a-form"), L = l("a-config-provider");
-      return c(), b(L, {
+      const L = c("a-form"), k = c("a-config-provider");
+      return d(), B(k, {
         "component-size": r.value,
         input: { autocomplete: "off" }
       }, {
-        default: d(() => [
-          f("div", W, [
-            u(x, {
-              class: B(["full-height-width widget-form tpf-form", [h.value, w.value + "-layout"]]),
-              layout: C.value,
+        default: f(() => [
+          m("div", M, [
+            u(L, {
+              class: E(["full-height-width widget-form tpf-form", [y.value, z.value + "-layout"]]),
+              layout: w.value,
               size: r.value,
-              "validate-on-rule-change": !1
+              "validate-on-rule-change": !1,
+              model: n(C)
             }, {
-              default: d(() => [
-                i(e).widgetList.length === 0 ? (c(), E("div", M, I(i(g)("designer.noWidgetHint")), 1)) : H("", !0),
-                f("div", P, [
-                  u(V, {
-                    list: i(e).widgetList,
-                    parentWidget: i(e),
-                    end: _,
-                    add: y,
-                    update: z
+              default: f(() => [
+                n(e).widgetList.length === 0 ? (d(), H("div", P, N(n(p)("designer.noWidgetHint")), 1)) : I("", !0),
+                m("div", R, [
+                  u(W, {
+                    list: n(e).widgetList,
+                    parentWidget: n(e),
+                    end: h,
+                    add: x,
+                    update: D
                   }, null, 8, ["list", "parentWidget"])
                 ])
               ]),
               _: 1
-            }, 8, ["layout", "class", "size"])
+            }, 8, ["layout", "class", "size", "model"])
           ])
         ]),
         _: 1
@@ -62,5 +63,6 @@ const W = { class: "form-widget-container" }, M = {
   }
 });
 export {
-  j as default
+  A as default
 };
+//# sourceMappingURL=index.vue2.js.map

package/src/components/form-designer/form-widget/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/form-widget/index.vue"],"sourcesContent":["<template>\n    <a-config-provider :component-size=\"size\" :input=\"{ autocomplete: 'off' }\">\n        <div class=\"form-widget-container\">\n            <a-form\n                class=\"full-height-width widget-form tpf-form\"\n                :layout=\"labelPosition\"\n                :class=\"[customClass, layoutType + '-layout']\"\n                :size=\"size\"\n                :validate-on-rule-change=\"false\"\n                :model=\"formData\"\n            >\n                <template v-if=\"designer.widgetList.length === 0\">\n                    <div class=\"no-widget-hint\">{{ i18nt('designer.noWidgetHint') }}</div>\n                </template>\n                <div class=\"form-widget-canvas\" :style=\"{ minHeight: 'calc(100vh - 56px - 68px)' }\">\n                    <RenderDesignerWigetList\n                        :list=\"designer.widgetList\"\n                        :parentWidget=\"designer\"\n                        :end=\"onDragEnd\"\n                        :add=\"onDragAdd\"\n                        :update=\"onDragUpdate\"\n                    />\n                </div>\n            </a-form>\n        </div>\n    </a-config-provider>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n    import { computed, provide, ref, inject, Ref } from 'vue';\n    import { FormConfig } from '@/types/schema';\n    import { FormDesigner } from '@/types/designer';\n\n    const { i18nt } = useI18n();\n    const props = withDefaults(\n        defineProps<{\n            globalDsv: Record<string, any>;\n            formConfig: FormConfig;\n        }>(),\n        {}\n    );\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n    const widgetRefList = ref(new Map());\n\n    provide('refList', widgetRefList);\n    provide('getReadMode', () => false);\n    provide('getFormConfig', () => props.formConfig);\n\n    const formData = inject('formData', ref({}));\n\n    const onDragEnd = () => {};\n\n    const labelPosition = computed(() => {\n        return designer.value?.formConfig?.labelPosition || 'horizontal';\n    });\n\n    const size = computed(() => {\n        if (!!designer.value.formConfig && !!designer.value.formConfig.size) {\n            return designer.value.formConfig.size;\n        }\n\n        return 'default';\n    });\n\n    const customClass = computed(() => {\n        return designer.value.formConfig.customClass || '';\n    });\n\n    const layoutType = computed(() => {\n        return designer.value.getLayoutType();\n    });\n\n    const onDragAdd = evt => {\n        const newIndex = evt.newIndex;\n        if (designer.value.widgetList[newIndex]) {\n            designer.value.setSelected(designer.value.widgetList[newIndex]);\n        }\n    };\n\n    const onDragUpdate = () => {\n        designer.value.emitHistoryChange();\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .form-widget-container {\n        padding: 5px;\n        background: #f1f2f3;\n\n        overflow-x: hidden;\n        overflow-y: auto;\n        // padding-bottom: 70px;\n        .submit {\n            flex: 1;\n            display: flex;\n            justify-content: end;\n            position: absolute;\n            height: 60px;\n            padding: 0 10px;\n            background: #fff;\n            z-index: 99;\n            bottom: 0;\n            left: 5px;\n            right: 5px;\n        }\n\n        .ant-form.full-height-width {\n            overflow-y: auto;\n            height: 100%;\n            padding: 3px;\n            background: #ffffff;\n\n            .no-widget-hint {\n                position: absolute;\n                left: 0;\n                right: 0;\n                top: 0;\n                bottom: 0;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                font-size: 18px;\n                color: #999999;\n            }\n\n            .form-widget-canvas {\n                //min-height: calc(100vh - 56px - 68px + 48px);\n                display: flex;\n                flex-direction: column;\n                padding: 3px;\n                position: relative;\n                :deep(.container-wrapper) {\n                    margin: 10px 3px;\n                    min-width: 0;\n                }\n                :deep(.field-widget-item),\n                :deep(.container-widget-item) {\n                    margin: 0 0 10px 0;\n                    border: 1px dashed #333;\n                    border-radius: 3px;\n                    background: #eee;\n                    height: 30px;\n                    align-items: center;\n                    display: flex;\n                    justify-content: center;\n                    color: #999999;\n                }\n            }\n        }\n\n        /* 隐藏组件拖拽状态中显示的黑点 */\n        :deep(li.container-widget-item),\n        :deep(li.field-widget-item) {\n            list-style: none;\n        }\n\n        .ant-form.Pad-layout {\n            margin: 0 auto;\n            max-width: 960px;\n            border-radius: 15px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.H5-layout {\n            margin: 0 auto;\n            width: 420px;\n            border-radius: 15px;\n            //border-width: 10px;\n            box-shadow: 0 0 1px 10px #495060;\n        }\n        .ant-form.widget-form :deep(.ant-row) {\n            padding: 2px;\n        }\n    }\n\n    .grid-cell {\n        min-height: 30px;\n        border-right: 1px dotted #cccccc;\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 0.5s;\n    }\n\n    .fade-enter,\n    .fade-leave-to {\n        opacity: 0;\n    }\n</style>\n"],"names":["i18nt","useI18n","props","__props","designer","inject","ref","widgetRefList","provide","formData","onDragEnd","labelPosition","computed","_b","_a","size","customClass","layoutType","onDragAdd","evt","newIndex","onDragUpdate","_createBlock","_component_a_config_provider","_createElementVNode","_hoisted_1","_createVNode","_component_a_form","_normalizeClass","_unref","_createElementBlock","_hoisted_2","_toDisplayString","_hoisted_3","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;AAmCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GACZC,IAAQC,GAORC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GACxEC,IAAgBD,EAAI,oBAAI,KAAK;AAEnC,IAAAE,EAAQ,WAAWD,CAAa,GAChCC,EAAQ,eAAe,MAAM,EAAK,GAClCA,EAAQ,iBAAiB,MAAMN,EAAM,UAAU;AAE/C,UAAMO,IAAWJ,EAAO,YAAYC,EAAI,CAAA,CAAE,CAAC,GAErCI,IAAY,MAAM;AAAA,IAAC,GAEnBC,IAAgBC,EAAS,MAAM;;AACjC,eAAOC,KAAAC,IAAAV,EAAS,UAAT,gBAAAU,EAAgB,eAAhB,gBAAAD,EAA4B,kBAAiB;AAAA,IACxD,CAAC,GAEKE,IAAOH,EAAS,MACZR,EAAS,MAAM,cAAgBA,EAAS,MAAM,WAAW,OACpDA,EAAS,MAAM,WAAW,OAG9B,SACV,GAEKY,IAAcJ,EAAS,MAClBR,EAAS,MAAM,WAAW,eAAe,EACnD,GAEKa,IAAaL,EAAS,MACjBR,EAAS,MAAM,cAAA,CACzB,GAEKc,IAAY,CAAAC,MAAO;AACrB,YAAMC,IAAWD,EAAI;AACrB,MAAIf,EAAS,MAAM,WAAWgB,CAAQ,KAClChB,EAAS,MAAM,YAAYA,EAAS,MAAM,WAAWgB,CAAQ,CAAC;AAAA,IAEtE,GAEMC,IAAe,MAAM;AACvB,MAAAjB,EAAS,MAAM,kBAAA;AAAA,IACnB;;;kBAlFAkB,EAwBoBC,GAAA;AAAA,QAxBA,kBAAgBR,EAAA;AAAA,QAAO,OAAO,EAAA,cAAA,MAAA;AAAA,MAAA;mBAC9C,MAsBM;AAAA,UAtBNS,EAsBM,OAtBNC,GAsBM;AAAA,YArBFC,EAoBSC,GAAA;AAAA,cAnBL,OAAKC,EAAA,CAAC,0CAAwC,CAErCZ,EAAA,OAAaC,EAAA,QAAU,SAAA,CAAA,CAAA;AAAA,cAD/B,QAAQN,EAAA;AAAA,cAER,MAAMI,EAAA;AAAA,cACN,2BAAyB;AAAA,cACzB,OAAOc,EAAApB,CAAA;AAAA,YAAA;yBAER,MAEW;AAAA,gBAFKoB,EAAAzB,CAAA,EAAS,WAAW,WAAM,UACtC0B,EAAsE,OAAtEC,GAAsEC,EAAvCH,EAAA7B,CAAA,EAAK,uBAAA,CAAA,GAAA,CAAA;gBAExCwB,EAQM,OARNS,GAQM;AAAA,kBAPFP,EAMEQ,GAAA;AAAA,oBALG,MAAML,EAAAzB,CAAA,EAAS;AAAA,oBACf,cAAcyB,EAAAzB,CAAA;AAAA,oBACd,KAAKM;AAAA,oBACL,KAAKQ;AAAA,oBACL,QAAQG;AAAA,kBAAA;;;;;;;;;;;;"}

package/src/components/form-designer/form-widget/useFormDesigner.js

@@ -31,3 +31,4 @@ export {
   d as getWidget,
   a as useDesigner
 };
+//# sourceMappingURL=useFormDesigner.js.map

package/src/components/form-designer/form-widget/useFormDesigner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDesigner.js","sources":["../../../../../src/components/form-designer/form-widget/useFormDesigner.ts"],"sourcesContent":["import { FormConfig, Widget } from '@/types/schema';\nimport { RenderDesginWidgetList } from './container-widget';\nimport FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\nimport { Component, inject, ref, Ref } from 'vue';\nimport { FormDesigner } from '@/types/designer';\n/**\n * 获取容器组件\n * @param widget 组件配置\n * @returns vue component or undefined\n */\nfunction getContainerWidget(widget: Widget): Component | undefined {\n    if (!widget) {\n        return undefined;\n    }\n    const widgetName = widget.type + '-widget';\n    return RenderDesginWidgetList[widgetName];\n}\n\n/**\n * 获取普通字段组件\n * @param widget 组件配置\n * @returns vue component or undefined\n */\nfunction getFieldWidget(widget: Widget): Component | undefined {\n    if (!widget) {\n        return undefined;\n    }\n    const widgetName = widget.type + '-widget';\n    return FieldComponents[widgetName];\n}\n\n/**\n * 获取组件\n * @param widget 组件配置\n * @returns vue component or undefined\n */\nexport function getWidget(widget: Widget): Component | undefined {\n    if (!widget) {\n        return undefined;\n    }\n\n    const component =\n        widget.category === 'container' ? getContainerWidget(widget) : getFieldWidget(widget);\n\n    if (!component) {\n        console.warn(`未找到组件类型: ${widget.type}，请确保已注册该组件。`);\n    }\n    return component;\n}\n\nexport function useDesigner() {\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n    const designState = inject('designState', false);\n\n    const formConfig = inject<Ref<FormConfig>>('formConfig', ref({} as FormConfig));\n\n    return {\n        designState,\n        formConfig,\n        designer\n    };\n}\n"],"names":["getContainerWidget","widget","widgetName","RenderDesginWidgetList","getFieldWidget","FieldComponents","getWidget","component","useDesigner","designer","inject","ref","designState","formConfig"],"mappings":";;;AAUA,SAASA,EAAmBC,GAAuC;AAC/D,MAAI,CAACA;AACD;AAEJ,QAAMC,IAAaD,EAAO,OAAO;AACjC,SAAOE,EAAuBD,CAAU;AAC5C;AAOA,SAASE,EAAeH,GAAuC;AAC3D,MAAI,CAACA;AACD;AAEJ,QAAMC,IAAaD,EAAO,OAAO;AACjC,SAAOI,EAAgBH,CAAU;AACrC;AAOO,SAASI,EAAUL,GAAuC;AAC7D,MAAI,CAACA;AACD;AAGJ,QAAMM,IACFN,EAAO,aAAa,cAAcD,EAAmBC,CAAM,IAAIG,EAAeH,CAAM;AAExF,SAAKM,KACD,QAAQ,KAAK,YAAYN,EAAO,IAAI,aAAa,GAE9CM;AACX;AAEO,SAASC,IAAc;AAC1B,QAAMC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GACxEC,IAAcF,EAAO,eAAe,EAAK,GAEzCG,IAAaH,EAAwB,cAAcC,EAAI,CAAA,CAAgB,CAAC;AAE9E,SAAO;AAAA,IACH,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAJ;AAAA,EAAA;AAER;"}

package/src/components/form-designer/form-widget/widgetAction.vue.js

@@ -1,7 +1,8 @@
 import o from "./widgetAction.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f72ea793"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-761fa263"]]);
 export {
-  f as default
+  i as default
 };
+//# sourceMappingURL=widgetAction.vue.js.map

package/src/components/form-designer/form-widget/widgetAction.vue.js.map

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

package/src/components/form-designer/form-widget/widgetAction.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as C, createElementBlock as r, openBlock as d, Fragment as W, createCommentVNode as a, unref as e, createElementVNode as g, withModifiers as c, createVNode as n, toDisplayString as b } from "vue";
+import { defineComponent as C, createElementBlock as d, openBlock as l, Fragment as W, createCommentVNode as a, unref as e, createElementVNode as g, withModifiers as c, createVNode as n, toDisplayString as b } from "vue";
 import { useI18n as L } from "../../../utils/i18n.js";
 import { SvgIcon as o } from "tmgc2-share";
-import { useContainerWidget as $ } from "./container-widget/useContainerWidget.js";
-const D = {
+import { useContainerWidget as D } from "./container-widget/useContainerWidget.js";
+const I = {
   key: 0,
   class: "container-action"
-}, I = ["title"], F = ["title"], N = ["title"], _ = ["title"], B = ["title"], P = {
+}, $ = ["title"], F = ["title"], N = ["title"], _ = ["title"], B = ["title"], P = {
   key: 1,
   class: "drag-handler"
 }, V = ["title"], A = { key: 0 }, H = /* @__PURE__ */ C({
@@ -24,40 +24,44 @@ const D = {
     subFormColIndex: {},
     isDrag: { type: Boolean, default: !0 }
   },
-  setup(u) {
-    const { i18nt: s, i18n2t: w } = L(), v = u, {
+  setup(w) {
+    const { i18nt: s, i18n2t: v } = L(), f = w, {
       selected: m,
-      moveUpWidget: f,
+      moveUpWidget: p,
       selectParentWidget: h,
       cloneContainer: k,
-      removeWidget: p,
+      removeWidget: u,
       moveDownWidget: y
-    } = $(v);
-    return (t, i) => (d(), r(W, null, [
-      e(m) ? (d(), r("div", D, [
+    } = D(f);
+    return (t, i) => (l(), d(W, null, [
+      e(m) ? (l(), d("div", I, [
         g("i", {
           title: e(s)("designer.hint.selectParentWidget"),
-          onClick: i[0] || (i[0] = c((l) => e(h)(), ["stop"]))
+          onClick: i[0] || (i[0] = c((r) => e(h)(), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-back" })
-        ], 8, I),
+        ], 8, $),
         g("i", {
           title: e(s)("designer.hint.moveUpWidget"),
-          onClick: i[1] || (i[1] = c((l) => e(f)(), ["stop"]))
+          onClick: i[1] || (i[1] = c(
+            //@ts-ignore
+            (...r) => e(p) && e(p)(...r),
+            ["stop"]
+          ))
         }, [
           n(e(o), { "icon-class": "icon-el-move-up" })
         ], 8, F),
-        t.parentList && t.parentList.length > 1 ? (d(), r("i", {
+        t.parentList && t.parentList.length > 1 ? (l(), d("i", {
           key: 0,
           title: e(s)("designer.hint.moveDownWidget"),
-          onClick: i[2] || (i[2] = c((l) => e(y)(), ["stop"]))
+          onClick: i[2] || (i[2] = c((r) => e(y)(), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-move-down" })
         ], 8, N)) : a("", !0),
-        t.widget.type === "grid" ? (d(), r("i", {
+        t.widget.type === "grid" ? (l(), d("i", {
           key: 1,
           title: e(s)("designer.hint.cloneWidget"),
-          onClick: i[3] || (i[3] = c((l) => e(k)(t.widget), ["stop"]))
+          onClick: i[3] || (i[3] = c((r) => e(k)(t.widget), ["stop"]))
         }, [
           n(e(o), { "icon-class": "icon-el-clone" })
         ], 8, _)) : a("", !0),
@@ -65,24 +69,24 @@ const D = {
           title: e(s)("designer.hint.remove"),
           onClick: i[4] || (i[4] = c(
             //@ts-ignore
-            (...l) => e(p) && e(p)(...l),
+            (...r) => e(u) && e(u)(...r),
             ["stop"]
           ))
         }, [
           n(e(o), { "icon-class": "icon-el-delete" })
         ], 8, B)
       ])) : a("", !0),
-      e(m) && !t.widget.internal && t.isDrag ? (d(), r("div", P, [
+      e(m) && !t.widget.internal && t.isDrag ? (l(), d("div", P, [
         g("i", {
           title: e(s)("designer.hint.dragHandler")
         }, [
           n(e(o), { "icon-class": "icon-el-drag-move" })
         ], 8, V),
-        g("i", null, b(t.widget.showName || e(w)(
+        g("i", null, b(t.widget.showName || e(v)(
           `designer.widgetLabel.${t.widget.type}`,
           `extension.widgetLabel.${t.widget.type}`
         )), 1),
-        t.widget.options.hidden === !0 ? (d(), r("i", A, [
+        t.widget.options.hidden === !0 ? (l(), d("i", A, [
           n(e(o), { "icon-class": "icon-el-hide" })
         ])) : a("", !0)
       ])) : a("", !0)
@@ -92,3 +96,4 @@ const D = {
 export {
   H as default
 };
+//# sourceMappingURL=widgetAction.vue2.js.map

package/src/components/form-designer/form-widget/widgetAction.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetAction.vue2.js","sources":["../../../../../src/components/form-designer/form-widget/widgetAction.vue"],"sourcesContent":["<template>\n    <div class=\"container-action\" v-if=\"selected\">\n        <i :title=\"i18nt('designer.hint.selectParentWidget')\" @click.stop=\"selectParentWidget()\">\n            <svg-icon icon-class=\"icon-el-back\" />\n        </i>\n        <i :title=\"i18nt('designer.hint.moveUpWidget')\" @click.stop=\"moveUpWidget\">\n            <svg-icon icon-class=\"icon-el-move-up\" />\n        </i>\n        <i\n            v-if=\"!!parentList && parentList.length > 1\"\n            :title=\"i18nt('designer.hint.moveDownWidget')\"\n            @click.stop=\"moveDownWidget()\"\n            ><svg-icon icon-class=\"icon-el-move-down\"\n        /></i>\n\n        <i\n            v-if=\"widget.type === 'grid'\"\n            :title=\"i18nt('designer.hint.cloneWidget')\"\n            @click.stop=\"cloneContainer(widget)\"\n        >\n            <svg-icon icon-class=\"icon-el-clone\" />\n        </i>\n        <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeWidget\">\n            <svg-icon icon-class=\"icon-el-delete\" />\n        </i>\n    </div>\n\n    <div class=\"drag-handler\" v-if=\"selected && !widget.internal && isDrag\">\n        <i :title=\"i18nt('designer.hint.dragHandler')\">\n            <svg-icon icon-class=\"icon-el-drag-move\" />\n        </i>\n        <i>\n            {{\n                widget.showName ||\n                i18n2t(\n                    `designer.widgetLabel.${widget.type}`,\n                    `extension.widgetLabel.${widget.type}`\n                )\n            }}\n        </i>\n        <i v-if=\"widget.options.hidden === true\"> <svg-icon icon-class=\"icon-el-hide\" /></i>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { SvgIcon } from 'tmgc2-share';\n    import { useContainerWidget, type WidgetProps } from './container-widget/useContainerWidget';\n    import { FieldProps } from './field-widget/useField';\n    const { i18nt, i18n2t } = useI18n();\n\n    defineOptions({\n        name: 'container-action',\n        inheritAttrs: false\n    });\n\n    const props = withDefaults(defineProps<(WidgetProps | FieldProps) & { isDrag?: boolean }>(), {\n        isDrag: true\n    });\n\n    const {\n        selected,\n        moveUpWidget,\n        selectParentWidget,\n        cloneContainer,\n        removeWidget,\n        moveDownWidget,\n        customClass\n    } = useContainerWidget(props);\n</script>\n\n<style lang=\"less\" scoped>\n    .container-action {\n        position: absolute;\n        bottom: 0;\n        right: -2px;\n        height: 28px;\n        line-height: 28px;\n        background: var(--ant-primary-4);\n        z-index: 999;\n\n        i {\n            font-size: 14px;\n            color: #fff;\n            margin: 0 5px;\n            cursor: pointer;\n        }\n    }\n    .container-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0.1em;\n            margin-right: 0.1em;\n        }\n    }\n    .drag-handler {\n        position: absolute;\n        top: -2px;\n        left: -2px;\n        height: 22px;\n        line-height: 22px;\n        background: var(--ant-primary-4);\n        z-index: 9;\n\n        i {\n            font-size: 14px;\n            font-style: normal;\n            color: #fff;\n            margin: 4px;\n            cursor: move;\n        }\n    }\n</style>\n"],"names":["i18nt","i18n2t","useI18n","props","__props","selected","moveUpWidget","selectParentWidget","cloneContainer","removeWidget","moveDownWidget","useContainerWidget","_unref","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","SvgIcon","_cache","_withModifiers","args","parentList","widget","$event","isDrag","_hoisted_7","_toDisplayString","_hoisted_9"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDI,UAAM,EAAE,OAAAA,GAAO,QAAAC,EAAA,IAAWC,EAAA,GAOpBC,IAAQC,GAIR;AAAA,MACF,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAEJ,IAAIC,EAAmBR,CAAK;;MAnEQS,EAAAP,CAAA,KAApCQ,KAAAC,EAwBM,OAxBNC,GAwBM;AAAA,QAvBFC,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,kCAAA;AAAA,UAAuC,kCAAYY,EAAAL,CAAA,EAAA,GAAkB,CAAA,MAAA,CAAA;AAAA,QAAA;UACjFU,EAAsCL,EAAAM,CAAA,GAAA,EAA5B,cAAW,gBAAc;AAAA,QAAA;QAEvCF,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,4BAAA;AAAA,UAAiC,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC;AAAAA;AAAAA,sBAAOR,EAAAN,CAAA,KAAAM,EAAAN,CAAA,EAAA,GAAAe,CAAA;AAAA,YAAY,CAAA,MAAA;AAAA,UAAA;AAAA,QAAA;UACrEJ,EAAyCL,EAAAM,CAAA,GAAA,EAA/B,cAAW,mBAAiB;AAAA,QAAA;QAG9BI,EAAAA,cAAcA,EAAAA,WAAW,SAAM,UAD3CR,EAKM,KAAA;AAAA;UAHD,OAAOF,EAAAZ,CAAA,EAAK,8BAAA;AAAA,UACZ,kCAAYY,EAAAF,CAAA,EAAA,GAAc,CAAA,MAAA,CAAA;AAAA,QAAA;UAC1BO,EACHL,EAAAM,CAAA,GAAA,EADa,cAAW,qBAAmB;AAAA,QAAA;QAInCK,EAAAA,OAAO,SAAI,eADrBT,EAMI,KAAA;AAAA;UAJC,OAAOF,EAAAZ,CAAA,EAAK,2BAAA;AAAA,UACZ,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAI,MAAOZ,EAAAJ,CAAA,EAAee,EAAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;UAElCN,EAAuCL,EAAAM,CAAA,GAAA,EAA7B,cAAW,iBAAe;AAAA,QAAA;QAExCF,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,sBAAA;AAAA,UAA2B,SAAKmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC;AAAAA;AAAAA,sBAAOR,EAAAH,CAAA,KAAAG,EAAAH,CAAA,EAAA,GAAAY,CAAA;AAAA,YAAY,CAAA,MAAA;AAAA,UAAA;AAAA,QAAA;UAC/DJ,EAAwCL,EAAAM,CAAA,GAAA,EAA9B,cAAW,kBAAgB;AAAA,QAAA;;MAIbN,EAAAP,CAAA,KAAQ,CAAKkB,EAAAA,OAAO,YAAYE,EAAAA,UAAhEZ,EAAA,GAAAC,EAcM,OAdNY,GAcM;AAAA,QAbFV,EAEI,KAAA;AAAA,UAFA,OAAOJ,EAAAZ,CAAA,EAAK,2BAAA;AAAA,QAAA;UACZiB,EAA2CL,EAAAM,CAAA,GAAA,EAAjC,cAAW,qBAAmB;AAAA,QAAA;QAE5CF,EAQI,KAAA,MAAAW,EANIJ,EAAAA,OAAO,YAA4BX,EAAAX,CAAA;AAAA,UAAoDsB,wBAAAA,EAAAA,OAAO,IAAI;AAAA,UAAiDA,yBAAAA,EAAAA,OAAO,IAAI;AAAA,QAAA;QAO7JA,EAAAA,OAAO,QAAQ,WAAM,WAA9BT,EAAoF,KAAAc,GAAA;AAAA,UAA1CX,EAAsCL,EAAAM,CAAA,GAAA,EAA5B,cAAW,gBAAc;AAAA,QAAA;;;;;"}

package/src/components/form-designer/index.vue.js

@@ -1,17 +1,18 @@
-import { defineComponent as M, ref as l, provide as s, getCurrentInstance as q, computed as z, watch as G, onMounted as K, resolveComponent as a, resolveDirective as Q, createBlock as X, openBlock as Y, withCtx as n, createVNode as r, createSlots as Z, renderList as j, renderSlot as O, createElementVNode as ee, withDirectives as te, unref as oe } from "vue";
-import re from "./widget-panel/index.vue.js";
-import ne from "./toolbar-panel/index.vue.js";
-import ie from "./setting-panel/index.vue.js";
-import le from "./form-widget/index.vue.js";
-import { createDesigner as se } from "./designer.js";
-import { useLocaleStore as ae } from "@kp-ui/i18n";
-import { deepClone as W, getAllFieldWidgets as y, getAllContainerWidgets as w } from "../../utils/util.js";
-import { isEmpty as F } from "lodash-es";
-import { useI18n as L } from "../../utils/i18n.js";
-import { message as b } from "ant-design-vue";
-import { storeToRefs as de } from "pinia";
-import { useRef as fe } from "tmgc2-share";
-const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
+import { defineComponent as z, ref as l, provide as s, computed as G, watch as K, onMounted as Q, resolveComponent as a, createBlock as X, openBlock as Y, withCtx as r, createVNode as n, createSlots as Z, renderList as j, renderSlot as O, createElementVNode as ee } from "vue";
+import te from "./widget-panel/index.vue.js";
+import oe from "./toolbar-panel/index.vue.js";
+import ne from "./setting-panel/index.vue.js";
+import re from "./form-widget/index.vue.js";
+import { createDesigner as ie } from "./designer.js";
+import { useLocaleStore as le } from "@kp-ui/i18n";
+import { deepClone as F, getAllFieldWidgets as w, getAllContainerWidgets as L } from "../../utils/util.js";
+import { isEmpty as b, set as se } from "lodash-es";
+import { useI18n as D } from "../../utils/i18n.js";
+import { message as J } from "ant-design-vue";
+import { storeToRefs as ae } from "pinia";
+import { useExecFunction as de, useRef as fe } from "tmgc2-share";
+import { useEmitter as ge } from "../../utils/useEmitter.js";
+const ue = { class: "container-scroll-bar" }, Je = /* @__PURE__ */ z({
   name: "VFormDesigner",
   componentName: "VFormDesigner",
   __name: "index",
@@ -34,104 +35,108 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
     }) },
     globalDsv: { default: () => ({}) }
   },
-  setup(D, { expose: J }) {
-    const u = l(), { i18nt: A } = L(), R = ae(), { locale: m } = de(R), d = D;
-    s("serverFieldList", () => c.value), s("designState", !0);
-    const f = l(270), g = l(300), c = l([]), { initLocale: S } = L(), B = q(), t = l(se(B)), V = z(() => t.value.formConfig);
-    s("formConfig", V), s("designer", t), s("getDesignerConfig", () => d.designerConfig);
-    const E = (e) => {
-      if (!F(e))
+  setup(A, { expose: R }) {
+    const m = l(), { i18nt: c } = D(), S = le(), { locale: p } = ae(S), d = A, f = ge(), { context: E } = de();
+    s("serverFieldList", () => v.value), s("designState", !0);
+    const g = l(270), u = l(300), v = l([]), { initLocale: B } = D(), o = l(ie(E)), V = G(() => o.value.formConfig), h = l({});
+    s("formData", h), s("formConfig", V), s("designer", o), s("getDesignerConfig", () => d.designerConfig);
+    const $ = (e) => {
+      if (!b(e))
         try {
           if (!e || !e.formConfig)
-            throw new Error(A("designer.hint.invalidJsonFormat"));
-          t.value.loadFormJson(e), t.value.emitHistoryChange(), t.value.emitEvent("form-json-imported", []);
-        } catch (o) {
-          b.error(o + "");
+            throw new Error(c("designer.hint.invalidJsonFormat"));
+          o.value.loadFormJson(e), o.value.emitHistoryChange(), o.value.emitEvent("form-json-imported", []);
+        } catch (t) {
+          J.error(t + "");
         }
-    }, N = async () => {
-      d.fieldListApi && (c.value = await d.fieldListApi());
-    }, k = (e) => {
-      if (!F(e))
+    }, k = async () => {
+      d.fieldListApi && (v.value = await d.fieldListApi());
+    }, x = (e) => {
+      if (!b(e))
         try {
-          let o = !1;
-          typeof e == "string" ? o = t.value.loadFormJson(JSON.parse(e)) : e.constructor === Object && (o = t.value.loadFormJson(e)), o && t.value.emitHistoryChange();
-        } catch (o) {
-          b.error(o + "");
+          let t = !1;
+          typeof e == "string" ? t = o.value.loadFormJson(JSON.parse(e)) : e.constructor === Object && (t = o.value.loadFormJson(e)), t && o.value.emitHistoryChange();
+        } catch (t) {
+          J.error(t + "");
         }
-    }, I = () => ({
-      widgetList: W(t.value.widgetList),
-      formConfig: W(t.value.formConfig)
-    }), P = (e = []) => e.length ? y(e) : y(t.value.widgetList), U = (e = []) => e.length ? w(e) : w(t.value.widgetList), H = (e, o = !1) => u.value.getWidgetRef(e, o);
-    G(
-      m,
+    }, H = () => ({
+      widgetList: F(o.value.widgetList),
+      formConfig: F(o.value.formConfig)
+    }), P = (e = []) => e.length ? w(e) : w(o.value.widgetList), U = (e = []) => e.length ? L(e) : L(o.value.widgetList), I = (e, t = !1) => m.value.getWidgetRef(e, t);
+    K(
+      p,
       () => {
-        S(m.value);
+        B(p.value);
       },
       {
         immediate: !0
       }
     );
-    const [v, T] = fe(!1);
-    return K(() => {
-      t.value.initDesigner(), N();
-    }), J({
-      isLoading: v,
-      setLoading: T,
-      getWidgetRef: H,
+    const [M, N] = fe(!1), T = () => {
+      f.off$("fieldChange"), f.on$("fieldChange", ({ fieldName: e, value: t }) => {
+        console.log("fieldChange", e, t), typeof e < "u" && typeof t < "u" && se(h.value, e, t);
+      });
+    };
+    return Q(() => {
+      o.value.initDesigner(), T(), k();
+    }), R({
+      ...f,
+      i18nt: c,
+      isLoading: M,
+      setLoading: N,
+      getWidgetRef: I,
       getContainerWidgets: U,
       getFieldWidgets: P,
-      getFormJson: I,
-      setFormJson: k,
-      setJsonImport: E
-    }), (e, o) => {
-      const p = a("a-layout-sider"), $ = a("a-layout-header"), h = a("a-layout-content"), _ = a("a-layout"), x = Q("loading");
+      getFormJson: H,
+      setFormJson: x,
+      setJsonImport: $
+    }), (e, t) => {
+      const C = a("a-layout-sider"), q = a("a-layout-header"), y = a("a-layout-content"), _ = a("a-layout");
       return Y(), X(_, { class: "main-container full-height" }, {
-        default: n(() => [
-          r(_, null, {
-            default: n(() => [
-              r(p, {
-                width: f.value,
+        default: r(() => [
+          n(_, null, {
+            default: r(() => [
+              n(C, {
+                width: g.value,
                 class: "side-panel"
               }, {
-                default: n(() => [
-                  r(re)
+                default: r(() => [
+                  n(te)
                 ]),
                 _: 1
               }, 8, ["width"]),
-              r(h, { class: "center-layout-container" }, {
-                default: n(() => [
-                  r($, { class: "toolbar-header" }, {
-                    default: n(() => [
-                      r(ne, {
+              n(y, { class: "center-layout-container" }, {
+                default: r(() => [
+                  n(q, { class: "toolbar-header" }, {
+                    default: r(() => [
+                      n(oe, {
                         saveJsonApi: e.saveJsonApi,
                         "global-dsv": e.globalDsv,
-                        leftWidth: f.value,
-                        "onUpdate:leftWidth": o[0] || (o[0] = (i) => f.value = i),
-                        rightWidth: g.value,
-                        "onUpdate:rightWidth": o[1] || (o[1] = (i) => g.value = i),
+                        leftWidth: g.value,
+                        "onUpdate:leftWidth": t[0] || (t[0] = (i) => g.value = i),
+                        rightWidth: u.value,
+                        "onUpdate:rightWidth": t[1] || (t[1] = (i) => u.value = i),
                         ref: "toolbarRef"
                       }, Z({ _: 2 }, [
-                        j(e.$slots, (i, C) => ({
-                          name: C,
-                          fn: n(() => [
-                            O(e.$slots, C)
+                        j(e.$slots, (i, W) => ({
+                          name: W,
+                          fn: r(() => [
+                            O(e.$slots, W)
                           ])
                         }))
                       ]), 1032, ["saveJsonApi", "global-dsv", "leftWidth", "rightWidth"])
                     ]),
                     _: 3
                   }),
-                  r(h, { class: "form-widget-main" }, {
-                    default: n(() => [
-                      ee("div", ge, [
-                        te(r(le, {
+                  n(y, { class: "form-widget-main" }, {
+                    default: r(() => [
+                      ee("div", ue, [
+                        n(re, {
                           "global-dsv": e.globalDsv,
-                          "form-config": t.value.formConfig,
+                          "form-config": o.value.formConfig,
                           ref_key: "formRef",
-                          ref: u
-                        }, null, 8, ["global-dsv", "form-config"]), [
-                          [x, oe(v)]
-                        ])
+                          ref: m
+                        }, null, 8, ["global-dsv", "form-config"])
                       ])
                     ]),
                     _: 1
@@ -139,13 +144,13 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
                 ]),
                 _: 3
               }),
-              r(p, { width: g.value }, {
-                default: n(() => [
-                  r(ie, {
-                    "selected-widget": t.value.selectedWidget,
-                    "onUpdate:selectedWidget": o[2] || (o[2] = (i) => t.value.selectedWidget = i),
+              n(C, { width: u.value }, {
+                default: r(() => [
+                  n(ne, {
+                    "selected-widget": o.value.selectedWidget,
+                    "onUpdate:selectedWidget": t[2] || (t[2] = (i) => o.value.selectedWidget = i),
                     "global-dsv": e.globalDsv,
-                    "form-config": t.value.formConfig
+                    "form-config": o.value.formConfig
                   }, null, 8, ["selected-widget", "global-dsv", "form-config"])
                 ]),
                 _: 1
@@ -160,5 +165,6 @@ const ge = { class: "container-scroll-bar" }, be = /* @__PURE__ */ M({
   }
 });
 export {
-  be as default
+  Je as default
 };
+//# sourceMappingURL=index.vue.js.map