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

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-dialog-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div class=\"dialog-container\" :key=\"widget.id\">\n            <div class=\"dialog-title\">\n                <span class=\"tpf-link\" @click=\"handleClickTitle\">\n                    {{ widget.options.title }}\n                </span>\n            </div>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import type { WidgetProps } from './useContainerWidget';\n\n    defineOptions({\n        name: ContainerTypeEnum.VfDialogWidget,\n        componentName: ComponentNameEnum.VfDialogWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n\n    const { initRefList } = useAppRef(props);\n\n    const handleClickTitle = () => {\n        const url = new URL(window.location.href);\n        const { title, formCode, formId } = props.widget.options;\n        if (formId) {\n            url.searchParams.set('formCode', formCode);\n            url.searchParams.set('remark', title);\n            url.searchParams.set('id', formId);\n            window.open(url.href);\n        }\n    };\n\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .dialog-container {\n        width: 100%;\n        min-height: 40px;\n        position: relative;\n\n        .dialog-title {\n            font-size: 14px;\n            color: #666;\n            line-height: 40px;\n            text-align: center;\n        }\n    }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","handleClickTitle","url","title","formCode","formId","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createElementVNode","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;AAuBI,UAAMA,IAAQC,GAER,EAAE,aAAAC,EAAA,IAAgBC,EAAUH,CAAK,GAEjCI,IAAmB,MAAM;AAC3B,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI,GAClC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWR,EAAM,OAAO;AACjD,MAAIQ,MACAH,EAAI,aAAa,IAAI,YAAYE,CAAQ,GACzCF,EAAI,aAAa,IAAI,UAAUC,CAAK,GACpCD,EAAI,aAAa,IAAI,MAAMG,CAAM,GACjC,OAAO,KAAKH,EAAI,IAAI;AAAA,IAE5B;AAEA,WAAAH,EAAA,cArCAO,EAAA,GAAAC,EAQmBC,OAROX,CAAK,CAAA,GAAA;AAAA,iBAC3B,MAMM;AAAA,cANNY,EAMM,OAAA;AAAA,UAND,OAAM;AAAA,UAAoB,KAAKC,EAAAA,OAAO;AAAA,QAAA;UACvCC,EAIM,OAJNC,GAIM;AAAA,YAHFD,EAEO,QAAA;AAAA,cAFD,OAAM;AAAA,cAAY,SAAOV;AAAA,YAAA,KACxBS,EAAAA,OAAO,QAAQ,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"vf-dialog-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"],"sourcesContent":["<template>\n    <ContainerWrapper v-bind=\"props\">\n        <div class=\"dialog-container\" :key=\"widget.id\">\n            <div class=\"dialog-title\">\n                <span class=\"tpf-link\" @click=\"handleClickTitle\">\n                    {{ widget.options.title }}\n                </span>\n            </div>\n            <div class=\"right-btns\">\n                <ActionButtonListRender :buttonList=\"widget.options.buttonList || []\" />\n            </div>\n        </div>\n    </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import { useAppRef } from '@/components/form-designer/useAppRef';\n    import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n    import type { WidgetProps } from './useContainerWidget';\n    import ActionButtonListRender from '@/components/public/ActionButtonListRender.vue';\n    defineOptions({\n        name: ContainerTypeEnum.VfDialogWidget,\n        componentName: ComponentNameEnum.VfDialogWidget\n    });\n\n    const props = defineProps<WidgetProps>();\n\n    const { initRefList } = useAppRef();\n\n    const handleClickTitle = () => {\n        const url = new URL(window.location.href);\n        const { title, formCode, formId } = props.widget.options;\n        if (formId) {\n            url.searchParams.set('formCode', formCode);\n            url.searchParams.set('remark', title);\n            url.searchParams.set('id', formId);\n            window.open(url.href);\n        }\n    };\n\n    initRefList();\n</script>\n\n<style lang=\"scss\" scoped>\n    .dialog-container {\n        width: 100%;\n        min-height: 40px;\n        position: relative;\n\n        .dialog-title {\n            font-size: 14px;\n            color: #666;\n            line-height: 40px;\n            text-align: center;\n        }\n        .right-btns {\n        }\n    }\n</style>\n"],"names":["props","__props","initRefList","useAppRef","handleClickTitle","url","title","formCode","formId","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createElementVNode","_hoisted_1","_hoisted_2","_createVNode","ActionButtonListRender"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BI,UAAMA,IAAQC,GAER,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAmB,MAAM;AAC3B,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI,GAClC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,EAAA,IAAWR,EAAM,OAAO;AACjD,MAAIQ,MACAH,EAAI,aAAa,IAAI,YAAYE,CAAQ,GACzCF,EAAI,aAAa,IAAI,UAAUC,CAAK,GACpCD,EAAI,aAAa,IAAI,MAAMG,CAAM,GACjC,OAAO,KAAKH,EAAI,IAAI;AAAA,IAE5B;AAEA,WAAAH,EAAA,cAxCAO,EAAA,GAAAC,EAWmBC,OAXOX,CAAK,CAAA,GAAA;AAAA,iBAC3B,MASM;AAAA,cATNY,EASM,OAAA;AAAA,UATD,OAAM;AAAA,UAAoB,KAAKC,EAAAA,OAAO;AAAA,QAAA;UACvCC,EAIM,OAJNC,GAIM;AAAA,YAHFD,EAEO,QAAA;AAAA,cAFD,OAAM;AAAA,cAAY,SAAOV;AAAA,YAAA,KACxBS,EAAAA,OAAO,QAAQ,KAAK,GAAA,CAAA;AAAA,UAAA;UAG/BC,EAEM,OAFNE,GAEM;AAAA,YADFC,EAAwEC,GAAA;AAAA,cAA/C,YAAYL,EAAAA,OAAO,QAAQ,cAAU,CAAA;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js

@@ -0,0 +1,8 @@
+import o from "./bpmn-editor-widget copy.vue2.js";
+/* empty css                             */
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7d710c1d"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=bpmn-editor-widget copy.vue.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js.map

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

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as v, ref as y, watchEffect as _, createBlock as b, createCommentVNode as g, unref as a, openBlock as h, mergeProps as B, withCtx as E, createElementVNode as x } from "vue";
+import C from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as F, WidgetTypeEnum as N } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+const M = "https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js", W = /* @__PURE__ */ v({
+  name: N.bpmnEditor,
+  componentName: F.FieldWidget,
+  __name: "bpmn-editor-widget copy",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(l, { expose: m }) {
+    const n = l, { rules: c, fieldEditor: i, fieldModel: s, handleHidden: p, defineExposed: u } = k(n), e = y(), f = async () => window.BpmnJS ? window.BpmnJS : new Promise((r, o) => {
+      const t = document.createElement("script");
+      t.src = M, t.onload = () => {
+        r(window.BpmnJS);
+      }, t.onerror = o, document.body.appendChild(t);
+    }), w = async (r) => {
+      e.value && e.value.destroy && e.value.destroy();
+      try {
+        const o = await f();
+        e.value = new o({ container: i.value });
+        const t = e.value;
+        e.value.importXML(r, (d) => {
+          d ? console.error(d) : t.get("canvas").zoom("fit-viewport");
+        });
+      } catch (o) {
+        console.error("Failed to load BPMN Viewer:", o);
+      }
+    };
+    return _(() => {
+      s.value ? w(s.value) : e.value && e.value.destroy && e.value.destroy();
+    }), m({
+      ...u
+    }), (r, o) => a(p) ? g("", !0) : (h(), b(C, B({ key: 0 }, n, { rules: a(c) }), {
+      default: E(() => [
+        x("div", {
+          ref_key: "fieldEditor",
+          ref: i,
+          class: "t-w-full t-h-[30vh]"
+        }, null, 512)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=bpmn-editor-widget copy.vue2.js.map

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-editor-widget copy.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <div ref=\"fieldEditor\" class=\"t-w-full t-h-[30vh]\"></div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { ref, watchEffect } from 'vue';\n\n    defineOptions({\n        name: WidgetTypeEnum.bpmnEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n    const { rules, fieldEditor, fieldModel, handleHidden, defineExposed } = useField(props);\n    const bpmnModeler = ref();\n\n    // CDN 配置\n    const BPMN_CDN_URL = 'https://unpkg.com/bpmn-js@13.2.0/dist/bpmn-viewer.production.min.js';\n\n    const loadBpmnJs = async () => {\n        // @ts-ignore\n        if (window.BpmnJS) return window.BpmnJS;\n\n        return new Promise((resolve, reject) => {\n            const script = document.createElement('script');\n            script.src = BPMN_CDN_URL;\n            script.onload = () => {\n                // @ts-ignore\n                resolve(window.BpmnJS);\n            };\n            script.onerror = reject;\n            document.body.appendChild(script);\n        });\n    };\n\n    const preview = async (xml: string) => {\n        // 避免缓存，每次清一下\n        if (bpmnModeler.value && bpmnModeler.value.destroy) {\n            bpmnModeler.value.destroy();\n        }\n\n        try {\n            const BpmnViewer = await loadBpmnJs();\n            bpmnModeler.value = new BpmnViewer({ container: fieldEditor.value });\n            const viewer = bpmnModeler.value;\n            bpmnModeler.value.importXML(xml, (err: any) => {\n                if (err) {\n                    console.error(err);\n                } else {\n                    // 只实现预览，核心代码以下两句足够\n                    const canvas = viewer.get('canvas');\n                    canvas.zoom('fit-viewport');\n                }\n            });\n        } catch (error) {\n            console.error('Failed to load BPMN Viewer:', error);\n        }\n    };\n\n    watchEffect(() => {\n        if (fieldModel.value) {\n            preview(fieldModel.value);\n        } else {\n            if (bpmnModeler.value && bpmnModeler.value.destroy) {\n                bpmnModeler.value.destroy();\n            }\n        }\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    /* form-item-wrapper已引入，还需要重复引入吗？ */\n    :deep(.bjs-powered-by) {\n        display: none;\n    }\n    :deep(.bjs-breadcrumbs) {\n        display: none;\n    }\n</style>\n"],"names":["BPMN_CDN_URL","props","__props","rules","fieldEditor","fieldModel","handleHidden","defineExposed","useField","bpmnModeler","ref","loadBpmnJs","resolve","reject","script","preview","xml","BpmnViewer","viewer","err","error","watchEffect","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementVNode"],"mappings":";;;;AAqBI,MAAMA,IAAe;;;;;;;;;;;;;;;;AALrB,UAAMC,IAAQC,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAASP,CAAK,GAChFQ,IAAcC,EAAA,GAKdC,IAAa,YAEX,OAAO,SAAe,OAAO,SAE1B,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,MAAAA,EAAO,MAAMd,GACbc,EAAO,SAAS,MAAM;AAElB,QAAAF,EAAQ,OAAO,MAAM;AAAA,MACzB,GACAE,EAAO,UAAUD,GACjB,SAAS,KAAK,YAAYC,CAAM;AAAA,IACpC,CAAC,GAGCC,IAAU,OAAOC,MAAgB;AAEnC,MAAIP,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAGtB,UAAI;AACA,cAAMQ,IAAa,MAAMN,EAAA;AACzB,QAAAF,EAAY,QAAQ,IAAIQ,EAAW,EAAE,WAAWb,EAAY,OAAO;AACnE,cAAMc,IAAST,EAAY;AAC3B,QAAAA,EAAY,MAAM,UAAUO,GAAK,CAACG,MAAa;AAC3C,UAAIA,IACA,QAAQ,MAAMA,CAAG,IAGFD,EAAO,IAAI,QAAQ,EAC3B,KAAK,cAAc;AAAA,QAElC,CAAC;AAAA,MACL,SAASE,GAAO;AACZ,gBAAQ,MAAM,+BAA+BA,CAAK;AAAA,MACtD;AAAA,IACJ;AAEA,WAAAC,EAAY,MAAM;AACd,MAAIhB,EAAW,QACXU,EAAQV,EAAW,KAAK,IAEpBI,EAAY,SAASA,EAAY,MAAM,WACvCA,EAAY,MAAM,QAAA;AAAA,IAG9B,CAAC,GAEDa,EAAa;AAAA,MACT,GAAGf;AAAA,IAAA,CACN,aA1EwCgB,EAAAjB,CAAA,iBAAzCkB,KAAAC,EAEoBC,GAFpBC,EAEoB,EAAA,KAAA,EAAA,GAFO1B,GAAK,EAAwB,OAAOsB,EAAApB,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAAyD;AAAA,QAAzDyB,EAAyD,OAAA;AAAA,mBAAhD;AAAA,UAAJ,KAAIxB;AAAA,UAAc,OAAM;AAAA,QAAA;;;;;;"}

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js

@@ -1,7 +1,7 @@
 import o from "./form-item-wrapper.vue2.js";
 /* empty css                       */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-362c5110"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c58d226f"]]);
 export {
   a as default
 };

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js

@@ -1,9 +1,8 @@
-import { defineComponent as B, inject as F, computed as s, createElementBlock as a, openBlock as n, withModifiers as O, normalizeClass as C, unref as i, createVNode as f, createBlock as R, createCommentVNode as w, withCtx as h, renderSlot as V, createElementVNode as p, Fragment as I, toDisplayString as c, normalizeProps as D, mergeProps as E } from "vue";
+import { defineComponent as B, inject as C, computed as n, resolveComponent as O, createElementBlock as r, openBlock as a, withModifiers as R, normalizeClass as I, unref as i, createVNode as d, createBlock as V, createCommentVNode as w, withCtx as p, renderSlot as D, createElementVNode as c, Fragment as h, toDisplayString as b, normalizeProps as E, mergeProps as H } from "vue";
 import { SvgIcon as W } from "tmgc2-share";
-import "../../../../utils/i18n.js";
-import { useContainerWidget as H } from "../container-widget/useContainerWidget.js";
+import { useContainerWidget as T } from "../container-widget/useContainerWidget.js";
 import { FormItem as $ } from "ant-design-vue";
-import { useDesigner as j } from "../../../../hooks/useDesigner.js";
+import { useDesigner as j } from "../useFormDesigner.js";
 import M from "../widgetAction.vue.js";
 const q = {
   class: "label-box"
@@ -36,65 +35,78 @@ const q = {
     subFormRowId: {},
     subFormColIndex: {}
   },
-  setup(k) {
-    const l = k, b = F("getSubFormName", () => ""), g = F("getSubFormFieldFlag", () => !1), {
-      formConfig: m,
-      designState: d
-    } = j(), z = s(() => {
-      var e, t, o, r, v;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? 0 : (r = (o = l.field) == null ? void 0 : o.options) != null && r.labelWidth ? l.field.options.labelWidth : (v = m.value) == null ? void 0 : v.labelWidth;
-    }), u = s(() => {
-      var e, t, o, r;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? "" : (r = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : r.label;
-    }), P = s(() => {
+  setup(_) {
+    const l = _, g = C("getSubFormName", () => ""), v = C("getSubFormFieldFlag", () => !1), {
+      formConfig: f,
+      designState: u
+    } = j(), k = n(() => {
+      var e, t, o, s, F;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? 0 : (s = (o = l.field) == null ? void 0 : o.options) != null && s.labelWidth ? l.field.options.labelWidth : (F = f.value) == null ? void 0 : F.labelWidth;
+    }), m = n(() => {
+      var e, t, o, s;
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelHidden ? "" : (s = (o = l.field) == null ? void 0 : o.options) == null ? void 0 : s.label;
+    }), z = n(() => {
       var e, t, o;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelAlign ? l.field.options.labelAlign : ((o = m.value) == null ? void 0 : o.labelAlign) || "right";
-    }), S = s(() => () => b ? b() : ""), y = s(() => {
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.labelAlign ? l.field.options.labelAlign : ((o = f.value) == null ? void 0 : o.labelAlign) || "right";
+    }), P = n(() => () => g ? g() : ""), S = n(() => {
       var e, t, o;
-      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.size ? l.field.options.size : ((o = m.value) == null ? void 0 : o.size) || "middle";
-    }), A = s(() => g ? g() : !1), N = s(() => A.value && !d ? S.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
-      customClass: _,
+      return (t = (e = l.field) == null ? void 0 : e.options) != null && t.size ? l.field.options.size : ((o = f.value) == null ? void 0 : o.size) || "middle";
+    }), y = n(() => v ? v() : !1), A = n(() => y.value && !u ? P.value + "." + l.subFormRowIndex + "." + l.field.options.name : l.field.options.name), {
+      customClass: N,
       selected: x,
       selectWidget: L
-    } = H({
+    } = T({
       widget: l.field,
       parentWidget: l.parentWidget,
       indexOfParentList: l.indexOfParentList
     });
-    return (e, t) => (n(), a("div", {
-      class: C(["field-wrapper", {
-        "design-time-bottom-margin": i(d),
-        "field-wrapper-widget": i(d),
-        selected: i(x)
-      }]),
-      onClick: t[0] || (t[0] = O((o) => i(L)(e.field), ["stop"]))
-    }, [f(i($), {
-      labelCol: {
-        style: {
-          width: z.value + "px"
-        }
-      },
-      title: u.value,
-      size: y.value,
-      rules: e.rules,
-      name: N.value,
-      labelAlign: P.value,
-      class: C([i(_)])
-    }, {
-      label: h(() => [p("div", q, [e.field.options.labelIconClass ? (n(), a("span", G, [e.field.options.labelIconPosition === "front" ? (n(), a(I, {
+    return (e, t) => {
+      const o = O("a-tooltip");
+      return a(), r("div", {
+        class: I(["field-wrapper", {
+          "design-time-bottom-margin": i(u),
+          "field-wrapper-widget": i(u),
+          selected: i(x)
+        }]),
+        onClick: t[0] || (t[0] = R((s) => i(L)(e.field), ["stop"]))
+      }, [d(i($), {
+        labelCol: {
+          style: {
+            width: k.value + "px"
+          }
+        },
+        title: m.value,
+        size: S.value,
+        rules: e.rules,
+        name: A.value,
+        labelAlign: z.value,
+        class: I([i(N)])
+      }, {
+        label: p(() => [c("div", q, [e.field.options.labelIconClass ? (a(), r("span", G, [e.field.options.labelIconPosition === "front" ? (a(), r(h, {
+          key: 0
+        }, [d(o, {
+          title: e.field.options.labelIconTooltip
+        }, {
+          default: p(() => [d(i(W), {
+            "icon-class": e.field.options.labelIconClass
+          }, null, 8, ["icon-class"])]),
+          _: 1
+        }, 8, ["title"]), c("div", J, b(m.value), 1)], 64)) : e.field.options.labelIconPosition === "rear" ? (a(), r(h, {
+          key: 1
+        }, [c("div", K, b(m.value), 1), d(o, {
+          title: e.field.options.labelIconTooltip
+        }, {
+          default: p(() => [d(i(W), {
+            "icon-class": e.field.options.labelIconClass
+          }, null, 8, ["icon-class"])]),
+          _: 1
+        }, 8, ["title"])], 64)) : w("", !0)])) : (a(), r("div", Q, b(m.value), 1))])]),
+        default: p(() => [D(e.$slots, "default", {}, void 0, !0)]),
+        _: 3
+      }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), i(u) ? (a(), V(M, E(H({
         key: 0
-      }, [f(i(W), {
-        "icon-class": e.field.options.labelIconClass
-      }, null, 8, ["icon-class"]), p("div", J, c(u.value), 1)], 64)) : e.field.options.labelIconPosition === "rear" ? (n(), a(I, {
-        key: 1
-      }, [p("div", K, c(u.value), 1), f(i(W), {
-        "icon-class": e.field.options.labelIconClass
-      }, null, 8, ["icon-class"])], 64)) : w("", !0)])) : (n(), a("div", Q, c(u.value), 1))])]),
-      default: h(() => [V(e.$slots, "default", {}, void 0, !0)]),
-      _: 3
-    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"]), i(d) ? (n(), R(M, D(E({
-      key: 0
-    }, l)), null, 16)) : w("", !0)], 2));
+      }, l)), null, 16)) : w("", !0)], 2);
+    };
   }
 });
 export {

package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{\n            'design-time-bottom-margin': designState,\n            'field-wrapper-widget': designState,\n            selected: selected\n        }\"\n        @click.stop=\"selectWidget(field)\"\n    >\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"label\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { useI18n } from '@/utils/i18n';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { useContainerWidget } from '../container-widget/useContainerWidget';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@/hooks/useDesigner';\n    import WidgetAction from '../widgetAction.vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n    const { i18nt, i18n2t } = useI18n();\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const { customClass, selected, selectWidget } = useContainerWidget({\n        widget: props.field,\n        parentWidget: props.parentWidget,\n        indexOfParentList: props.indexOfParentList\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n    .field-wrapper-widget {\n        min-height: 40px;\n        padding: 5px;\n        border: 1px dashed rgba(170, 170, 170, 0.75);\n        &.selected {\n            outline: 2px solid var(--ant-primary-color);\n        }\n        .ant-form-item {\n            margin-bottom: 0;\n        }\n    }\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            // background: var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 3px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}
+{"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div\n        class=\"field-wrapper\"\n        :class=\"{\n            'design-time-bottom-margin': designState,\n            'field-wrapper-widget': designState,\n            selected: selected\n        }\"\n        @click.stop=\"selectWidget(field)\"\n    >\n        <FormItem\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"label\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[customClass]\"\n        >\n            <template #label>\n                <div class=\"label-box\">\n                    <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n                        <template v-if=\"field.options.labelIconPosition === 'front'\">\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                            <a-tooltip :title=\"field.options.labelIconTooltip\">\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </a-tooltip>\n                        </template>\n                    </span>\n                    <template v-else>\n                        <div class=\"label-text\">\n                            {{ label }}\n                        </div>\n                    </template>\n                </div>\n            </template>\n            <slot></slot>\n        </FormItem>\n\n        <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n    </div>\n</template>\n\n<script lang=\"tsx\" setup>\n    import { SvgIcon } from 'tmgc2-share';\n    import { FieldProps } from './useField';\n    import { computed, inject } from 'vue';\n    import { useContainerWidget } from '../container-widget/useContainerWidget';\n    import { FormItem } from 'ant-design-vue';\n    import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n    import WidgetAction from '../widgetAction.vue';\n    defineOptions({\n        name: 'form-item-wrapper'\n    });\n\n    interface FormItemWrapperProps extends FieldProps {\n        rules?: Array<any>;\n    }\n    const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n        parentWidget: null,\n        indexOfParentList: 0\n    });\n    const getSubFormName = inject('getSubFormName', () => '');\n    const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n    const { formConfig, designer, designState } = useDesigner();\n\n    const labelWidth = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return 0;\n        }\n\n        if (props.field?.options?.labelWidth) {\n            return props.field.options.labelWidth;\n        }\n\n        return formConfig.value?.labelWidth;\n    });\n\n    const label = computed(() => {\n        if (props.field?.options?.labelHidden) {\n            return '';\n        }\n        return props.field?.options?.label;\n    });\n\n    const labelAlign = computed(() => {\n        if (props.field?.options?.labelAlign) {\n            return props.field.options.labelAlign;\n        }\n        return formConfig.value?.labelAlign || 'right';\n    });\n\n    const subFormName = computed(() => () => {\n        return getSubFormName ? getSubFormName() : '';\n    });\n\n    const size = computed(() => {\n        if (props.field?.options?.size) {\n            return props.field.options.size;\n        }\n        return formConfig.value?.size || 'middle';\n    });\n\n    const subFormItemFlag = computed(() => {\n        return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n    });\n\n    const getPropName = computed(() => {\n        if (subFormItemFlag.value && !designState) {\n            return (\n                subFormName.value +\n                '.' +\n                props.subFormRowIndex +\n                '.' +\n                props.field.options.name +\n                ''\n            );\n        } else return props.field.options.name;\n    });\n\n    const { customClass, selected, selectWidget } = useContainerWidget({\n        widget: props.field,\n        parentWidget: props.parentWidget,\n        indexOfParentList: props.indexOfParentList\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\n    }\n    .field-wrapper-widget {\n        min-height: 40px;\n        padding: 5px;\n        border: 1px dashed rgba(170, 170, 170, 0.75);\n        &.selected {\n            outline: 2px solid var(--ant-primary-color);\n        }\n        .ant-form-item {\n            margin-bottom: 0;\n        }\n    }\n    .field-wrapper {\n        position: relative;\n\n        .field-action {\n            position: absolute;\n            bottom: 0;\n            right: -2px;\n            height: 22px;\n            line-height: 22px;\n            background: var(--ant-primary-4);\n\n            // background: var(--ant-primary-color);\n            z-index: 9;\n\n            i {\n                font-size: 14px;\n                color: #fff;\n                margin: 0 3px;\n                cursor: pointer;\n            }\n        }\n\n        .drag-handler {\n            position: absolute;\n            top: 0;\n            left: -1px;\n            height: 20px;\n            line-height: 20px;\n            z-index: 9;\n\n            i {\n                font-size: 12px;\n                font-style: normal;\n                color: #fff;\n                margin: 4px;\n                cursor: move;\n            }\n\n            &:hover {\n                background: var(--ant-primary-color);\n            }\n        }\n    }\n\n    .field-action,\n    .drag-handler {\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n    .ant-form-item {\n        position: relative;\n\n        :deep(.ant-form-item-label) {\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n\n        span.custom-label {\n            display: flex;\n            i {\n                margin: 0 3px;\n            }\n        }\n\n        /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n        :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n        :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n            -webkit-appearance: none !important;\n        }\n    }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","_component_a_tooltip","labelIconTooltip","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEI,UAAMA,IAAQC,GAIRC,IAAiBC,EAAO,kBAAkB,MAAM,EAAE,GAClDC,IAAsBD,EAAO,uBAAuB,MAAM,EAAK,GAE/D;AAAA,MAAEE,YAAAA;AAAAA,MAAsBC,aAAAA;AAAAA,QAAgBC,EAAW,GAEnDC,IAAaC,EAAS,MAAM;;AAC9B,cAAIT,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,QAAAA,EAAsBY,cACf,KAGPZ,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,QAAAA,EAAsBQ,aACfR,EAAMU,MAAMC,QAAQH,cAGxBH,IAAAA,EAAWQ,UAAXR,gBAAAA,EAAkBG;AAAAA,IAC7B,CAAC,GAEKM,IAAQL,EAAS,MAAM;;AACzB,cAAIT,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,QAAAA,EAAsBY,cACf,MAEJZ,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,gBAAAA,EAAsBc;AAAAA,IACjC,CAAC,GAEKC,IAAaN,EAAS,MAAM;;AAC9B,cAAIT,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,QAAAA,EAAsBe,aACff,EAAMU,MAAMC,QAAQI,eAExBV,IAAAA,EAAWQ,UAAXR,gBAAAA,EAAkBU,eAAc;AAAA,IAC3C,CAAC,GAEKC,IAAcP,EAAS,MAAM,MACxBP,IAAiBA,EAAc,IAAK,EAC9C,GAEKe,IAAOR,EAAS,MAAM;;AACxB,cAAIT,KAAAA,IAAAA,EAAMU,UAANV,gBAAAA,EAAaW,YAAbX,QAAAA,EAAsBiB,OACfjB,EAAMU,MAAMC,QAAQM,SAExBZ,IAAAA,EAAWQ,UAAXR,gBAAAA,EAAkBY,SAAQ;AAAA,IACrC,CAAC,GAEKC,IAAkBT,EAAS,MACtBL,IAAsBA,EAAmB,IAAK,EACxD,GAEKe,IAAcV,EAAS,MACrBS,EAAgBL,SAAS,CAACP,IAEtBU,EAAYH,QACZ,MACAb,EAAMoB,kBACN,MACApB,EAAMU,MAAMC,QAAQU,OAGdrB,EAAMU,MAAMC,QAAQU,IACrC,GAEK;AAAA,MAAEC,aAAAA;AAAAA,MAAaC,UAAAA;AAAAA,MAAUC,cAAAA;AAAAA,QAAiBC,EAAmB;AAAA,MAC/DC,QAAQ1B,EAAMU;AAAAA,MACdiB,cAAc3B,EAAM2B;AAAAA,MACpBC,mBAAmB5B,EAAM4B;AAAAA,IAC7B,CAAC;;;kBAtIDC,EAiDM,OAAA;AAAA,QAhDFC,UAAM,iBAAe;AAAA,uCAC8BC,EAAAzB,CAAA;AAAA,kCAAiDyB,EAAAzB,CAAA;AAAA,oBAAmCyB,EAAAR,CAAA;AAAA;QAKtIS,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAAC,CAAAA,MAAOJ,EAAAP,CAAA,EAAad,EAAAA,KAAK,GAAA,CAAA,MAAA,CAAA;AAAA,UAE/B0B,EAqCWL,EAAAM,CAAA,GAAA;AAAA,QApCNC;;mBAA4B9B,EAAAK,QAAU;AAAA,UAAA;AAAA;QACtC0B,OAAOzB,EAAAD;AAAAA,QACPI,MAAMA,EAAAJ;AAAAA,QACN2B,OAAOA,EAAAA;AAAAA,QACPnB,MAAMF,EAAAN;AAAAA,QACNE,YAAYA,EAAAF;AAAAA,QACZiB,UAAQC,EAAAT,CAAA,CAAW,CAAA;AAAA;QAETR,SACP,MAwBM,CAxBN2B,EAwBM,OAxBNC,GAwBM,CAvBYhC,EAAAA,MAAMC,QAAQgC,kBAA5BC,KAAAf,EAiBO,QAjBPgB,GAiBO,CAhBanC,EAAAA,MAAMC,QAAQmC,sBAAiB,gBAA/CjB,EAOWkB,GAAA;AAAA,UAAAC,KAAA;AAAA,QAAA,GAAA,CANPZ,EAEYa,GAAA;AAAA,UAFAV,OAAO7B,EAAAA,MAAMC,QAAQuC;AAAAA;qBAC7B,MAAuD,CAAvDd,EAAuDL,EAAAoB,CAAA,GAAA;AAAA,YAA5C,cAAYzC,EAAAA,MAAMC,QAAQgC;AAAAA;;0BAEzCF,EAEM,OAFNW,GAEMC,EADCvC,EAAAD,KAAK,GAAA,CAAA,CAAA,UAGKH,EAAAA,MAAMC,QAAQmC,sBAAiB,eAApDjB,EAOWkB,GAAA;AAAA,UAAAC,KAAA;AAAA,WAAA,CANPP,EAEM,OAFNa,GAEMD,EADCvC,EAAAD,KAAK,GAAA,CAAA,GAEZuB,EAEYa,GAAA;AAAA,UAFAV,OAAO7B,EAAAA,MAAMC,QAAQuC;AAAAA;qBAC7B,MAAuD,CAAvDd,EAAuDL,EAAAoB,CAAA,GAAA;AAAA,YAA5C,cAAYzC,EAAAA,MAAMC,QAAQgC;AAAAA;;uDAK7Cd,EAEM,OAFN0B,GAEMF,EADCvC,EAAAD,KAAK,GAAA,CAAA,EAAA;mBAKxB,MAAa,CAAb2C,EAAaC,EAAAC,QAAA,WAAA,CAAA,GAAAC,QAAA,EAAA,CAAA;;oFAGkB5B,EAAAzB,CAAA,KAAnCsC,EAAA,GAAAgB,EAAkDC;;SAA5B7D,CAAK,CAAA,GAAA,MAAA,EAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as o } from "vue";
 import { getFileName as r } from "../../../../utils/getFileName.js";
-const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
+const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget copy.vue": () => import("./bpmn-editor-widget copy.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
 for (const e in t) {
   const i = r(e);
   m[i] = o(t[e]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n    const cname = getFileName(path);\n    comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n    const cname = getFileName(path);\n    comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}

package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <QuillEditor\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :options=\"editorOption\"\n            :disabled=\"handleDisabled || isReadMode\"\n            v-if=\"!isReadMode\"\n            :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n        />\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { computed } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","isReadMode","handleHidden","handleDisabled","defineExposed","useField","editorOption","computed","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementBlock","QuillEditor","$event","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASV,CAAK,GAEZW,IAAeC,EAAS,OACnB;AAAA,MACH,aAAaR,EAAM,QAAQ;AAAA,MAC3B,SAAS,CAAA;AAAA,IAAC,EAEjB;AAED,WAAAS,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN,aA9CwCK,EAAAP,CAAA,iBAAzCQ,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVOlB,GAAK,EAAwB,OAAOc,EAAAZ,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAOE;AAAA,QAFSY,EAAAR,CAAA,UAGXa,EAAyE,OAAA;AAAA;UAApE,OAAM;AAAA,UAAmC,WAAQL,EAAAT,CAAA;AAAA,QAAA,wBARtDW,EAOEF,EAAAM,CAAA,GAAA;AAAA;mBANM;AAAA,UAAJ,KAAIjB;AAAA,UACI,OAAOW,EAAAT,CAAA;AAAA,0DAAAA,EAAU,QAAAgB,IAAA;AAAA,UACxB,SAASV,EAAA;AAAA,UACT,UAAUG,EAAAN,CAAA,KAAkBM,EAAAR,CAAA;AAAA,UAE5B,OAAKgB,EAAIR,EAAAV,CAAA,EAAM,QAAQ,gBAAa,WAAcU,EAAAV,CAAA,EAAM,QAAQ,aAAa,MAAA,EAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"rich-editor-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue"],"sourcesContent":["<template>\n    <form-item-wrapper v-bind=\"props\" v-if=\"!handleHidden\" :rules=\"rules\">\n        <QuillEditor\n            ref=\"fieldEditor\"\n            v-model:value=\"fieldModel\"\n            :options=\"editorOption\"\n            :disabled=\"handleDisabled || isReadMode\"\n            v-if=\"!isReadMode\"\n            :style=\"!!field.options.contentHeight ? `height: ${field.options.contentHeight};` : ''\"\n        />\n        <div class=\"readonly-mode-rich-editor\" v-else v-html=\"fieldModel\"> </div>\n    </form-item-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n    import FormItemWrapper from './form-item-wrapper.vue';\n    import { ComponentNameEnum, WidgetTypeEnum } from '@/constants/WidgetTypeEnum';\n    import { FieldProps, useField } from './useField';\n    import { computed, watchEffect } from 'vue';\n    import { QuillEditor } from 'tmgc2-share';\n\n    defineOptions({\n        name: WidgetTypeEnum.richEditor,\n        componentName: ComponentNameEnum.FieldWidget\n    });\n    const props = withDefaults(defineProps<FieldProps>(), {});\n\n    const {\n        rules,\n        fieldEditor,\n        field,\n        fieldModel,\n        isReadMode,\n        handleHidden,\n        handleDisabled,\n        defineExposed\n    } = useField(props);\n\n    const editorOption = computed(() => {\n        return {\n            placeholder: field.options.placeholder,\n            modules: {}\n        };\n    });\n\n    defineExpose({\n        ...defineExposed\n    });\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["props","__props","rules","fieldEditor","field","fieldModel","isReadMode","handleHidden","handleDisabled","defineExposed","useField","editorOption","computed","__expose","_unref","_openBlock","_createBlock","FormItemWrapper","_mergeProps","_createElementBlock","QuillEditor","$event","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBI,UAAMA,IAAQC,GAER;AAAA,MACF,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACAC,EAASV,CAAK,GAEZW,IAAeC,EAAS,OACnB;AAAA,MACH,aAAaR,EAAM,QAAQ;AAAA,MAC3B,SAAS,CAAA;AAAA,IAAC,EAEjB;AAED,WAAAS,EAAa;AAAA,MACT,GAAGJ;AAAA,IAAA,CACN,aA9CwCK,EAAAP,CAAA,iBAAzCQ,KAAAC,EAUoBC,GAVpBC,EAUoB,EAAA,KAAA,EAAA,GAVOlB,GAAK,EAAwB,OAAOc,EAAAZ,CAAA,EAAA,CAAK,GAAA;AAAA,iBAChE,MAOE;AAAA,QAFSY,EAAAR,CAAA,UAGXa,EAAyE,OAAA;AAAA;UAApE,OAAM;AAAA,UAAmC,WAAQL,EAAAT,CAAA;AAAA,QAAA,wBARtDW,EAOEF,EAAAM,CAAA,GAAA;AAAA;mBANM;AAAA,UAAJ,KAAIjB;AAAA,UACI,OAAOW,EAAAT,CAAA;AAAA,0DAAAA,EAAU,QAAAgB,IAAA;AAAA,UACxB,SAASV,EAAA;AAAA,UACT,UAAUG,EAAAN,CAAA,KAAkBM,EAAAR,CAAA;AAAA,UAE5B,OAAKgB,EAAIR,EAAAV,CAAA,EAAM,QAAQ,gBAAa,WAAcU,EAAAV,CAAA,EAAM,QAAQ,aAAa,MAAA,EAAA;AAAA,QAAA;;;;;;"}