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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <a-layout class=\"main-container full-height\">\n        <a-layout>\n            <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                <WidgetPanel />\n            </a-layout-sider>\n\n            <a-layout-content class=\"center-layout-container\">\n                <a-layout-header class=\"toolbar-header\">\n                    <toolbar-panel\n                        :saveJsonApi=\"saveJsonApi\"\n                        :global-dsv=\"globalDsv\"\n                        v-model:leftWidth=\"leftWidth\"\n                        v-model:rightWidth=\"rightWidth\"\n                        ref=\"toolbarRef\"\n                    >\n                        <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                            <slot :name=\"slotName\"></slot>\n                        </template>\n                    </toolbar-panel>\n                </a-layout-header>\n                <a-layout-content class=\"form-widget-main\">\n                    <div class=\"container-scroll-bar\">\n                        <VFormWidget\n                            :global-dsv=\"globalDsv\"\n                            :form-config=\"designer.formConfig\"\n                            ref=\"formRef\"\n                        />\n                    </div>\n                </a-layout-content>\n            </a-layout-content>\n            <a-layout-sider :width=\"rightWidth\">\n                <setting-panel\n                    v-model:selected-widget=\"designer.selectedWidget\"\n                    :global-dsv=\"globalDsv\"\n                    :form-config=\"designer.formConfig\"\n                />\n            </a-layout-sider>\n        </a-layout>\n    </a-layout>\n</template>\n\n<script lang=\"ts\" setup>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import { useLocaleStore } from '@kp-ui/i18n';\n    import {\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import { isEmpty, set } from 'lodash-es';\n    import { ref, provide, watch, onMounted, computed } from 'vue';\n    import { WidgetTree } from '@/types/schema';\n    import { useI18n } from '@/utils/i18n';\n    import { message } from 'ant-design-vue';\n    import { storeToRefs } from 'pinia';\n    import { useExecFunction, useRef } from 'tmgc2-share';\n    import { useEmitter } from '@/utils/useEmitter';\n\n    defineOptions({\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner'\n    });\n\n    const formRef = ref();\n    const { i18nt } = useI18n();\n    const localeStore = useLocaleStore();\n    const { locale } = storeToRefs(localeStore);\n\n    const props = withDefaults(\n        defineProps<{\n            saveJsonApi: (json: any) => Promise<void>;\n            fieldListApi: () => Promise<any[]>;\n            designerConfig?: {\n                eventCollapse?: boolean;\n                widgetNameReadonly?: boolean;\n                clearDesignerButton?: boolean;\n                previewFormButton?: boolean;\n                importJsonButton?: boolean;\n                exportJsonButton?: boolean;\n            };\n            globalDsv?: Record<string, any>;\n        }>(),\n        {\n            designerConfig: () => ({\n                eventCollapse: true, //是否显示组件事件属性折叠面板\n                widgetNameReadonly: false, //禁止修改组件名称\n                clearDesignerButton: true, //是否显示清空设计器按钮\n                previewFormButton: true, //是否显示预览表单按钮\n                importJsonButton: true, //是否显示导入JSON按钮\n                exportJsonButton: true //是否显示导出JSON器按钮\n            }),\n            globalDsv: () => ({})\n        }\n    );\n    const emitter = useEmitter();\n    const { context } = useExecFunction();\n    provide('serverFieldList', () => fieldList.value);\n    provide('designState', true); // 设计态标识\n    const leftWidth = ref(270);\n    const rightWidth = ref(300);\n    const fieldList = ref<any[]>([]);\n    const { initLocale } = useI18n();\n    const designer = ref(createDesigner(context));\n    const formConfig = computed(() => designer.value.formConfig);\n    // 状态变量\n    const formDataModel = ref<Record<string, any>>({});\n\n    provide('formData', formDataModel);\n    provide('formConfig', formConfig);\n    provide('designer', designer);\n    provide('getDesignerConfig', () => props.designerConfig);\n\n    const setJsonImport = (importObj: WidgetTree) => {\n        if (isEmpty(importObj)) return;\n        try {\n            if (!importObj || !importObj.formConfig) {\n                throw new Error(i18nt('designer.hint.invalidJsonFormat'));\n            }\n            designer.value.loadFormJson(importObj);\n            designer.value.emitHistoryChange();\n            designer.value.emitEvent('form-json-imported', []);\n        } catch (error) {\n            message.error(error + '');\n        }\n    };\n\n    const loadFieldListFromServer = async () => {\n        if (!props.fieldListApi) {\n            return;\n        }\n        fieldList.value = await props.fieldListApi();\n    };\n\n    const setFormJson = (formJson: WidgetTree) => {\n        if (isEmpty(formJson)) return;\n        try {\n            let modifiedFlag = false;\n            if (typeof formJson === 'string') {\n                modifiedFlag = designer.value.loadFormJson(JSON.parse(formJson));\n            } else if (formJson.constructor === Object) {\n                modifiedFlag = designer.value.loadFormJson(formJson);\n            }\n            if (modifiedFlag) {\n                designer.value.emitHistoryChange();\n            }\n        } catch (error) {\n            message.error(error + '');\n        }\n    };\n\n    const getFormJson = (): WidgetTree => {\n        return {\n            widgetList: deepClone(designer.value.widgetList),\n            formConfig: deepClone(designer.value.formConfig)\n        };\n    };\n\n    const getFieldWidgets = (widgetList = []) => {\n        return widgetList.length\n            ? getAllFieldWidgets(widgetList)\n            : getAllFieldWidgets(designer.value.widgetList);\n    };\n\n    /**\n     * 获取所有容器组件\n     * @returns {*[]}\n     */\n    const getContainerWidgets = (widgetList = []) => {\n        return widgetList.length\n            ? getAllContainerWidgets(widgetList)\n            : getAllContainerWidgets(designer.value.widgetList);\n    };\n\n    const getWidgetRef = (widgetName, showError = false) => {\n        return formRef.value.getWidgetRef(widgetName, showError);\n    };\n\n    watch(\n        locale,\n        () => {\n            initLocale(locale.value);\n        },\n        {\n            immediate: true\n        }\n    );\n    const [isLoading, setLoading] = useRef(false);\n\n    /**\n     * 字段值变化事件处理器\n     */\n    const fieldChangeEventHandler = () => {\n        emitter.off$('fieldChange');\n        emitter.on$('fieldChange', ({ fieldName, value }) => {\n            console.log('fieldChange', fieldName, value);\n\n            // 过滤掉错误值\n            if (typeof fieldName !== 'undefined' && typeof value !== 'undefined') {\n                set(formDataModel.value, fieldName, value);\n            }\n        });\n    };\n\n    onMounted(() => {\n        designer.value.initDesigner();\n        fieldChangeEventHandler();\n        loadFieldListFromServer();\n    });\n\n    defineExpose({\n        ...emitter,\n        i18nt,\n        isLoading,\n        setLoading,\n        getWidgetRef,\n        getContainerWidgets,\n        getFieldWidgets,\n        getFormJson,\n        setFormJson,\n        setJsonImport\n    });\n</script>\n\n<style lang=\"less\">\n    .main-container {\n        background: #fff;\n        .ant-layout-sider {\n            background: #fff;\n        }\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n        .form-widget-main {\n            padding: 0;\n            position: relative;\n            overflow-x: hidden;\n            flex: 1 0 0;\n        }\n        .full-height {\n            height: 100%;\n            overflow-y: hidden;\n        }\n        .center-layout-container {\n            min-width: 680px;\n            border-left: 2px solid #ebeef5;\n            border-right: 2px dotted #ebeef5;\n            display: flex;\n            flex-direction: column;\n        }\n        .form-widget-footer {\n            flex: 0 0 50px;\n            align-items: center;\n            background: #fff;\n            display: flex;\n            justify-content: space-between;\n            padding: 0 15px;\n        }\n\n        .main-header {\n            border-bottom: 2px solid #ebeef5;\n            background: #fff;\n            padding: 0;\n\n            height: 48px !important;\n            line-height: 48px !important;\n            min-width: 800px;\n        }\n\n        .container-scroll-bar {\n            height: 100%;\n            & > .form-widget-container {\n                height: 100%;\n            }\n        }\n\n        .toolbar-header {\n            font-size: 14px;\n            border-bottom: 1px dotted #cccccc;\n            height: 42px !important;\n            background: #fff;\n            padding: 0;\n        }\n\n        .side-panel {\n            width: 260px !important;\n            overflow-y: hidden;\n        }\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n</style>\n"],"names":["formRef","ref","i18nt","useI18n","localeStore","useLocaleStore","locale","storeToRefs","props","__props","emitter","useEmitter","context","useExecFunction","provide","fieldList","leftWidth","rightWidth","initLocale","designer","createDesigner","formConfig","computed","formDataModel","setJsonImport","importObj","isEmpty","error","message","loadFieldListFromServer","setFormJson","formJson","modifiedFlag","getFormJson","deepClone","getFieldWidgets","widgetList","getAllFieldWidgets","getContainerWidgets","getAllContainerWidgets","getWidgetRef","widgetName","showError","watch","isLoading","setLoading","useRef","fieldChangeEventHandler","fieldName","value","set","onMounted","__expose","_createBlock","_component_a_layout","_createVNode","_component_a_layout_sider","WidgetPanel","_component_a_layout_content","_component_a_layout_header","ToolbarPanel","saveJsonApi","globalDsv","$event","$slots","idx","slotName","_renderSlot","_ctx","_createElementVNode","_hoisted_1","VFormWidget","SettingPanel","_cache"],"mappings":"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"}

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

@@ -3,3 +3,4 @@ import o from "./index.vue.js";
 export {
   o as default
 };
+//# sourceMappingURL=index.vue3.js.map

package/src/components/form-designer/index.vue3.js.map

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

package/src/components/form-designer/setting-panel/form-crud-setting.vue.js

@@ -78,3 +78,4 @@ const M = { class: "t-p-[10px]" }, _ = /* @__PURE__ */ f({
 export {
   _ as default
 };
+//# sourceMappingURL=form-crud-setting.vue.js.map

package/src/components/form-designer/setting-panel/form-crud-setting.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-crud-setting.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/form-crud-setting.vue"],"sourcesContent":["<template>\n    <div class=\"t-p-[10px]\">\n        <HttpEditor\n            :label=\"i18nt('designer.hint.表单编辑api')\"\n            :buttonName=\"i18nt('designer.setting.edit')\"\n            :drawerTitle=\"i18nt('表单配置')\"\n            v-model:optionModel=\"formConfig.serveList.vformUpdate\"\n        />\n        <HttpEditor\n            :label=\"i18nt('designer.hint.表单详情API')\"\n            :buttonName=\"i18nt('designer.setting.edit')\"\n            :drawerTitle=\"i18nt('表单配置')\"\n            :optionModel=\"formConfig.serveList.vformDetail\"\n        />\n\n        <!-- <a-form-item label=\"接口列表\">\n            <a-button @click=\"onAdd\" type=\"primary\" class=\"t-mb-[10px]\">新增</a-button>\n            <div v-if=\"formConfig.serveList.list?.length > 0\">\n                <div\n                    v-for=\"(item, index) in formConfig.serveList.list\"\n                    :key=\"index\"\n                    class=\"t-mb-[10px] t-flex t-items-center\"\n                >\n                    <div color=\"processing\" class=\"t-flex-1\">\n                        {{ item.http.url }}\n                    </div>\n                    <a-space>\n                        <a-button type=\"link\" @click=\"onEdit(item, index)\">编辑</a-button>\n                        <a-button type=\"link\" danger>删除</a-button>\n                    </a-space>\n                </div>\n            </div>\n        </a-form-item> -->\n    </div>\n    <ShareHttpEditor\n        v-model:option-model=\"tempEditingData\"\n        v-model:visible=\"showHttpEditor\"\n        drawer-title=\"接口配置\"\n    />\n</template>\n\n<script lang=\"ts\" setup>\n    import HttpEditor from '@/components/http-editor/index.vue';\n    import { HttpEditor as ShareHttpEditor } from 'tmgc2-share';\n    import type { HttpEditorOption } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { ref, reactive, watch } from 'vue';\n    import { cloneDeep } from 'lodash-es';\n    const { i18nt } = useI18n();\n\n    defineOptions({\n        inheritAttrs: false\n    });\n\n    const formConfig = defineModel('formConfig', {\n        type: Object,\n        default: () => ({\n            serveList: {\n                vformUpdate: {\n                    http: { url: '', method: 'get', params: {}, data: {} },\n                    dataReqHandlerCode: '',\n                    dataHandlerCode: ''\n                },\n                vformDetail: {\n                    http: { url: '', method: 'get', params: {}, data: {} },\n                    dataReqHandlerCode: '',\n                    dataHandlerCode: ''\n                },\n                list: []\n            }\n        })\n    });\n\n    const showHttpEditor = ref(false);\n    const editingState = reactive({\n        index: -1,\n        isNew: false\n    });\n    const tempEditingData = ref<HttpEditorOption>({\n        http: {\n            url: '',\n            method: 'get',\n            params: {},\n            data: {}\n        },\n        dataReqHandlerCode: '',\n        dataHandlerCode: ''\n    });\n\n    /**\n     * @description: 新增\n     */\n    const onAdd = () => {\n        editingState.isNew = true;\n        tempEditingData.value = {\n            http: {\n                url: '',\n                method: 'get',\n                params: {},\n                data: {}\n            },\n            dataReqHandlerCode: '',\n            dataHandlerCode: ''\n        };\n        showHttpEditor.value = true;\n    };\n\n    /**\n     * @description: 编辑\n     * @param {any} item\n     * @param {number} index\n     */\n    const onEdit = (item: any, index: number) => {\n        editingState.index = index;\n        editingState.isNew = false;\n        tempEditingData.value = cloneDeep(item); // Edit a copy\n        showHttpEditor.value = true;\n    };\n\n    /**\n     * @description: 删除\n     * @param {number} index\n     */\n    const onDelete = (index: number) => {\n        formConfig.value.serveList.list.splice(index, 1);\n    };\n\n    watch(showHttpEditor, (newValue, oldValue) => {\n        // When the editor is closed\n        if (newValue === false && oldValue === true) {\n            // Do nothing if tempEditingData is empty or url is not set\n            if (!tempEditingData.value.http?.url) {\n                return;\n            }\n            if (editingState.isNew) {\n                if (!formConfig.value.serveList.list) {\n                    formConfig.value.serveList.list = [];\n                }\n                formConfig.value.serveList.list.push(tempEditingData.value);\n            } else {\n                if (editingState.index > -1) {\n                    formConfig.value.serveList.list[editingState.index] = tempEditingData.value;\n                }\n            }\n        }\n    });\n</script>\n"],"names":["i18nt","useI18n","formConfig","_useModel","__props","showHttpEditor","ref","editingState","reactive","tempEditingData","watch","newValue","oldValue","_a","_createElementVNode","_hoisted_1","_createVNode","HttpEditor","_unref","$event","ShareHttpEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAMZC,IAAaC,EAAWC,GAAC,YAiB9B,GAEKC,IAAiBC,EAAI,EAAK,GAC1BC,IAAeC,EAAS;AAAA,MAC1B,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACV,GACKC,IAAkBH,EAAsB;AAAA,MAC1C,MAAM;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ,CAAA;AAAA,QACR,MAAM,CAAA;AAAA,MAAC;AAAA,MAEX,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IAAA,CACpB;AAwCD,WAAAI,EAAML,GAAgB,CAACM,GAAUC,MAAa;;AAE1C,UAAID,MAAa,MAASC,MAAa,IAAM;AAEzC,YAAI,GAACC,IAAAJ,EAAgB,MAAM,SAAtB,QAAAI,EAA4B;AAC7B;AAEJ,QAAIN,EAAa,SACRL,EAAW,MAAM,UAAU,SAC5BA,EAAW,MAAM,UAAU,OAAO,CAAA,IAEtCA,EAAW,MAAM,UAAU,KAAK,KAAKO,EAAgB,KAAK,KAEtDF,EAAa,QAAQ,OACrBL,EAAW,MAAM,UAAU,KAAKK,EAAa,KAAK,IAAIE,EAAgB;AAAA,MAGlF;AAAA,IACJ,CAAC;MAhJDK,EAgCM,OAhCNC,GAgCM;AAAA,QA/BFC,EAKEC,GAAA;AAAA,UAJG,OAAOC,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACZ,YAAYkB,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACjB,aAAakB,EAAAlB,CAAA,EAAK,MAAA;AAAA,UACX,aAAaE,EAAA,MAAW,UAAU;AAAA,yDAArBA,EAAA,MAAW,UAAU,cAAWiB;AAAA,QAAA;QAEzDH,EAKEC,GAAA;AAAA,UAJG,OAAOC,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACZ,YAAYkB,EAAAlB,CAAA,EAAK,uBAAA;AAAA,UACjB,aAAakB,EAAAlB,CAAA,EAAK,MAAA;AAAA,UAClB,aAAaE,EAAA,MAAW,UAAU;AAAA,QAAA;;MAsB3Cc,EAIEE,EAAAE,CAAA,GAAA;AAAA,QAHU,gBAAcX,EAAA;AAAA,uDAAAA,EAAe,QAAAU;AAAA,QAC7B,SAASd,EAAA;AAAA,mDAAAA,EAAc,QAAAc;AAAA,QAC/B,gBAAa;AAAA,MAAA;;;;"}

package/src/components/form-designer/setting-panel/form-crud-setting.vue2.js

@@ -2,3 +2,4 @@ import f from "./form-crud-setting.vue.js";
 export {
   f as default
 };
+//# sourceMappingURL=form-crud-setting.vue2.js.map

package/src/components/form-designer/setting-panel/form-crud-setting.vue2.js.map

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

package/src/components/form-designer/setting-panel/form-setting.vue.js

@@ -1,7 +1,8 @@
 import o from "./form-setting.vue2.js";
 /* empty css                  */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63f58686"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d5d78ae"]]);
 export {
-  p as default
+  e as default
 };
+//# sourceMappingURL=form-setting.vue.js.map