@kp-ui/lowcode 2.14.0-beta.2 → 2.14.0-beta.21

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

@@ -1,13 +1,13 @@
-import { SvgIcon as C } from "tmgc2-share";
-import F from "../../../../utils/i18n.js";
-import { resolveComponent as b, createElementBlock as n, openBlock as l, normalizeClass as y, createBlock as v, createCommentVNode as c, withModifiers as u, withCtx as r, renderSlot as I, createElementVNode as a, Fragment as g, createVNode as s, toDisplayString as m } from "vue";
+import { SvgIcon as F } from "tmgc2-share";
+import C from "../../../../utils/i18n.js";
+import { resolveComponent as c, createElementBlock as l, openBlock as s, normalizeClass as u, createBlock as W, createCommentVNode as r, withModifiers as m, withCtx as b, renderSlot as _, createElementVNode as a, Fragment as f, createVNode as o, toDisplayString as h } from "vue";
 /* empty css                       */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = {
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
   name: "form-item-wrapper",
-  mixins: [F],
+  mixins: [C],
   components: {
-    SvgIcon: C
+    SvgIcon: F
   },
   props: {
     field: Object,
@@ -57,8 +57,8 @@ const k = {
       return this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
     },
     customClass() {
-      var i;
-      return ((i = this.field.options.customClass) == null ? void 0 : i.join(" ")) || "";
+      var t;
+      return ((t = this.field.options.customClass) == null ? void 0 : t.join(" ")) || "";
     },
     subFormName() {
       return this.getSubFormName ? this.getSubFormName() : "";
@@ -82,8 +82,8 @@ const k = {
     //   }
     //   return false;
     // },
-    selectField(i) {
-      this.designer && (this.designer.setSelected(i), this.designer.emitEvent("field-selected", this.parentWidget));
+    selectField(t) {
+      this.designer && (this.designer.setSelected(t), this.designer.emitEvent("field-selected", this.parentWidget));
     },
     selectParentWidget() {
       this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
@@ -96,9 +96,9 @@ const k = {
     },
     removeFieldWidget() {
       if (this.parentList) {
-        let i = null;
-        this.parentList.length === 1 ? this.parentWidget && (i = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? i = this.parentList[this.indexOfParentList - 1] : i = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(i), this.designer.emitHistoryChange();
+        let t = null;
+        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
         });
       }
     },
@@ -106,172 +106,104 @@ const k = {
       return this.subFormItemFlag && !this.designState ? this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name : this.field.options.name;
     }
   }
-}, x = { class: "label-box" }, S = {
+}, k = { class: "label-box" }, L = {
   key: 0,
   class: "custom-label"
-}, L = { class: "label-text" }, p = { class: "label-text" }, z = { class: "label-text" }, w = { class: "label-text" }, P = { class: "label-text" }, N = {
+}, I = { class: "label-text" }, S = { class: "label-text" }, x = {
+  key: 1,
+  class: "label-text"
+}, w = {
   key: 0,
   class: "field-action"
-}, A = ["title"], O = ["title"], H = ["title"], T = ["title"], j = {
+}, P = ["title"], N = ["title"], A = ["title"], O = ["title"], z = {
   key: 1,
   class: "drag-handler background-opacity"
-}, D = ["title"], B = { key: 0 };
-function U(i, d, e, E, R, t) {
-  const o = b("svg-icon"), f = b("a-tooltip"), _ = b("a-form-item");
-  return l(), n("div", {
-    class: y(["field-wrapper", { "design-time-bottom-margin": !!this.designer }])
+}, H = ["title"], j = { key: 0 };
+function D(t, n, e, B, U, i) {
+  const d = c("svg-icon"), v = c("a-form-item");
+  return s(), l("div", {
+    class: u(["field-wrapper", { "design-time-bottom-margin": !!this.designer }])
   }, [
-    e.field.formItemFlag ? (l(), v(_, {
+    e.field.formItemFlag ? (s(), W(v, {
       key: 0,
-      labelCol: { style: { width: t.labelWidth + "px" } },
-      title: e.field.options.labelTooltip,
-      size: t.size,
+      labelCol: { style: { width: i.labelWidth + "px" } },
+      title: i.label,
+      size: i.size,
       rules: e.rules,
-      name: t.getPropName(),
-      labelAlign: t.labelAlign,
-      class: y([t.selected ? "selected" : "", t.customClass]),
-      onClick: d[0] || (d[0] = u((h) => t.selectField(e.field), ["stop"]))
+      name: i.getPropName(),
+      labelAlign: i.labelAlign,
+      class: u([i.selected ? "selected" : "", i.customClass]),
+      onClick: n[0] || (n[0] = m((g) => i.selectField(e.field), ["stop"]))
     }, {
-      label: r(() => [
-        a("div", x, [
-          e.field.options.labelIconClass ? (l(), n("span", S, [
-            e.field.options.labelIconPosition === "front" ? (l(), n(g, { key: 0 }, [
-              e.field.options.labelTooltip ? (l(), n(g, { key: 0 }, [
-                s(f, {
-                  title: e.field.options.labelTooltip,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    s(o, {
-                      "icon-class": e.field.options.labelIconClass
-                    }, null, 8, ["icon-class"])
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                s(f, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", L, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64)) : (l(), n(g, { key: 1 }, [
-                s(o, {
-                  "icon-class": e.field.options.labelIconClass
-                }, null, 8, ["icon-class"]),
-                s(f, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", p, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64))
-            ], 64)) : e.field.options.labelIconPosition === "rear" ? (l(), n(g, { key: 1 }, [
-              e.field.options.labelTooltip ? (l(), n(g, { key: 0 }, [
-                s(f, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", z, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                s(f, {
-                  title: e.field.options.labelTooltip,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    s(o, {
-                      "icon-class": e.field.options.labelIconClass
-                    }, null, 8, ["icon-class"])
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ], 64)) : (l(), n(g, { key: 1 }, [
-                s(f, {
-                  title: t.label,
-                  overlayStyle: { zIndex: 1e3 }
-                }, {
-                  default: r(() => [
-                    a("div", w, m(t.label), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                s(o, {
-                  "icon-class": e.field.options.labelIconClass
-                }, null, 8, ["icon-class"])
-              ], 64))
-            ], 64)) : c("", !0)
-          ])) : (l(), v(f, {
-            key: 1,
-            title: t.label,
-            overlayStyle: { zIndex: 1e3 }
-          }, {
-            default: r(() => [
-              a("div", P, m(t.label), 1)
-            ]),
-            _: 1
-          }, 8, ["title"]))
+      label: b(() => [
+        a("div", k, [
+          e.field.options.labelIconClass ? (s(), l("span", L, [
+            e.field.options.labelIconPosition === "front" ? (s(), l(f, { key: 0 }, [
+              o(d, {
+                "icon-class": e.field.options.labelIconClass
+              }, null, 8, ["icon-class"]),
+              a("div", I, h(i.label), 1)
+            ], 64)) : e.field.options.labelIconPosition === "rear" ? (s(), l(f, { key: 1 }, [
+              a("div", S, h(i.label), 1),
+              o(d, {
+                "icon-class": e.field.options.labelIconClass
+              }, null, 8, ["icon-class"])
+            ], 64)) : r("", !0)
+          ])) : (s(), l("div", x, h(i.label), 1))
         ])
       ]),
-      default: r(() => [
-        I(i.$slots, "default", {}, void 0, !0)
+      default: b(() => [
+        _(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : c("", !0),
-    this.designer ? (l(), n(g, { key: 1 }, [
-      e.designer.selectedId === e.field.id ? (l(), n("div", N, [
+    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : r("", !0),
+    this.designer ? (s(), l(f, { key: 1 }, [
+      e.designer.selectedId === e.field.id ? (s(), l("div", w, [
         a("i", {
-          title: i.i18nt("designer.hint.selectParentWidget"),
-          onClick: d[1] || (d[1] = u((h) => t.selectParentWidget(e.field), ["stop"]))
+          title: t.i18nt("designer.hint.selectParentWidget"),
+          onClick: n[1] || (n[1] = m((g) => i.selectParentWidget(e.field), ["stop"]))
         }, [
-          s(o, { "icon-class": "icon-el-back" })
-        ], 8, A),
-        e.parentList && e.parentList.length > 1 ? (l(), n("i", {
+          o(d, { "icon-class": "icon-el-back" })
+        ], 8, P),
+        e.parentList && e.parentList.length > 1 ? (s(), l("i", {
           key: 0,
-          title: i.i18nt("designer.hint.moveUpWidget"),
-          onClick: d[2] || (d[2] = u((h) => t.moveUpWidget(e.field), ["stop"]))
+          title: t.i18nt("designer.hint.moveUpWidget"),
+          onClick: n[2] || (n[2] = m((g) => i.moveUpWidget(e.field), ["stop"]))
         }, [
-          s(o, { "icon-class": "icon-el-move-up" })
-        ], 8, O)) : c("", !0),
-        e.parentList && e.parentList.length > 1 ? (l(), n("i", {
+          o(d, { "icon-class": "icon-el-move-up" })
+        ], 8, N)) : r("", !0),
+        e.parentList && e.parentList.length > 1 ? (s(), l("i", {
           key: 1,
-          title: i.i18nt("designer.hint.moveDownWidget"),
-          onClick: d[3] || (d[3] = u((h) => t.moveDownWidget(e.field), ["stop"]))
+          title: t.i18nt("designer.hint.moveDownWidget"),
+          onClick: n[3] || (n[3] = m((g) => i.moveDownWidget(e.field), ["stop"]))
         }, [
-          s(o, { "icon-class": "icon-el-move-down" })
-        ], 8, H)) : c("", !0),
+          o(d, { "icon-class": "icon-el-move-down" })
+        ], 8, A)) : r("", !0),
         a("i", {
-          title: i.i18nt("designer.hint.remove"),
-          onClick: d[4] || (d[4] = u((...h) => t.removeFieldWidget && t.removeFieldWidget(...h), ["stop"]))
+          title: t.i18nt("designer.hint.remove"),
+          onClick: n[4] || (n[4] = m((...g) => i.removeFieldWidget && i.removeFieldWidget(...g), ["stop"]))
         }, [
-          s(o, { "icon-class": "icon-el-delete" })
-        ], 8, T)
-      ])) : c("", !0),
-      e.designer.selectedId === e.field.id ? (l(), n("div", j, [
+          o(d, { "icon-class": "icon-el-delete" })
+        ], 8, O)
+      ])) : r("", !0),
+      e.designer.selectedId === e.field.id ? (s(), l("div", z, [
         a("i", {
-          title: i.i18nt("designer.hint.dragHandler")
+          title: t.i18nt("designer.hint.dragHandler")
         }, [
-          s(o, { "icon-class": "icon-el-drag-move" })
-        ], 8, D),
-        a("i", null, m(i.i18n2t(
+          o(d, { "icon-class": "icon-el-drag-move" })
+        ], 8, H),
+        a("i", null, h(t.i18n2t(
           `designer.widgetLabel.${e.field.type}`,
           `extension.widgetLabel.${e.field.type}`
         )), 1),
-        e.field.options.hidden === !0 ? (l(), n("i", B, [
-          s(o, { "icon-class": "icon-el-hide" })
-        ])) : c("", !0)
-      ])) : c("", !0)
-    ], 64)) : c("", !0)
+        e.field.options.hidden === !0 ? (s(), l("i", j, [
+          o(d, { "icon-class": "icon-el-hide" })
+        ])) : r("", !0)
+      ])) : r("", !0)
+    ], 64)) : r("", !0)
   ], 2);
 }
-const K = /* @__PURE__ */ W(k, [["render", U], ["__scopeId", "data-v-c2f3bcb4"]]);
+const q = /* @__PURE__ */ p(y, [["render", D], ["__scopeId", "data-v-30542ff6"]]);
 export {
-  K as default
+  q as default
 };

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

@@ -1,16 +1,16 @@
-import g from "./form-item-wrapper.vue.js";
-import { SvgIcon as w } from "tmgc2-share";
-import b from "../../../../utils/emitter.js";
-import C from "../../../../utils/i18n.js";
-import y from "./fieldMixin.js";
-import { resolveComponent as n, createBlock as s, createCommentVNode as r, openBlock as a, withCtx as i, withDirectives as _, createVNode as u, createSlots as v, vShow as F, createElementVNode as x, toDisplayString as I } from "vue";
+import h from "./form-item-wrapper.vue.js";
+import { SvgIcon as c } from "tmgc2-share";
+import g from "../../../../utils/emitter.js";
+import w from "../../../../utils/i18n.js";
+import b from "./fieldMixin.js";
+import { resolveComponent as i, createBlock as C, createCommentVNode as l, openBlock as s, withCtx as r, withDirectives as y, createElementBlock as v, createVNode as a, createSlots as F, vShow as x, toDisplayString as I } from "vue";
 /* empty css                  */
-import M from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = {
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
   name: "input-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [b, y, C],
+  mixins: [g, b, w],
   props: {
     field: Object,
     parentWidget: Object,
@@ -38,8 +38,8 @@ const z = {
     }
   },
   components: {
-    FormItemWrapper: g,
-    SvgIcon: w
+    FormItemWrapper: h,
+    SvgIcon: c
   },
   data() {
     return {
@@ -69,14 +69,17 @@ const z = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, R = { class: "readonly-mode-field" };
-function k(t, d, e, L, o, l) {
-  const f = n("svg-icon"), m = n("a-input"), p = n("a-tooltip"), h = n("form-item-wrapper");
-  return t.handleHidden() ? r("", !0) : (a(), s(h, {
+}, k = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function R(t, o, e, z, n, d) {
+  const u = i("svg-icon"), f = i("a-input"), m = i("form-item-wrapper");
+  return t.handleHidden() ? l("", !0) : (s(), C(m, {
     key: 0,
     designer: e.designer,
     field: e.field,
-    rules: o.rules,
+    rules: n.rules,
     "design-state": e.designState,
     "parent-widget": e.parentWidget,
     "parent-list": e.parentList,
@@ -85,16 +88,16 @@ function k(t, d, e, L, o, l) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: i(() => [
-      _(u(m, {
+    default: r(() => [
+      y(a(f, {
         ref: "fieldEditor",
-        value: o.fieldModel,
-        "onUpdate:value": d[0] || (d[0] = (c) => o.fieldModel = c),
+        value: n.fieldModel,
+        "onUpdate:value": o[0] || (o[0] = (p) => n.fieldModel = p),
         disabled: t.handleDisabled(),
         readonly: e.field.options.readonly,
-        size: l.size,
+        size: d.size,
         class: "hide-spin-button",
-        type: l.inputType,
+        type: d.inputType,
         "show-password": e.field.options.showPassword,
         placeholder: e.field.options.placeholder,
         allowClear: e.field.options.allowClear,
@@ -104,11 +107,11 @@ function k(t, d, e, L, o, l) {
         onBlur: t.handleBlurCustomEvent,
         onInput: t.handleInputCustomEvent,
         onChange: t.handleChangeEvent
-      }, v({ _: 2 }, [
+      }, F({ _: 2 }, [
         e.field.options.useModal ? {
           name: "addonAfter",
-          fn: i(() => [
-            u(f, {
+          fn: r(() => [
+            a(u, {
               "icon-class": "icon-sousuo",
               onClick: t.handleClickIcon
             }, null, 8, ["onClick"])
@@ -116,24 +119,14 @@ function k(t, d, e, L, o, l) {
           key: "0"
         } : void 0
       ]), 1032, ["value", "disabled", "readonly", "size", "type", "show-password", "placeholder", "allowClear", "maxlength", "showCount", "onFocus", "onBlur", "onInput", "onChange"]), [
-        [F, !t.isReadMode]
+        [x, !t.isReadMode]
       ]),
-      t.isReadMode ? (a(), s(p, {
-        key: 0,
-        placement: "topLeft",
-        title: o.fieldModel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: i(() => [
-          x("span", R, I(o.fieldModel), 1)
-        ]),
-        _: 1
-      }, 8, ["title"])) : r("", !0)
+      t.isReadMode ? (s(), v("span", k, I(n.fieldModel), 1)) : l("", !0)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const D = /* @__PURE__ */ M(z, [["render", k], ["__scopeId", "data-v-f16608cb"]]);
+const D = /* @__PURE__ */ _(M, [["render", R], ["__scopeId", "data-v-10f4a56c"]]);
 export {
   D as default
 };

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

@@ -1,15 +1,15 @@
-import c from "./form-item-wrapper.vue.js";
-import h from "../../../../utils/emitter.js";
-import b from "../../../../utils/i18n.js";
-import g from "./fieldMixin.js";
-import { resolveComponent as o, createBlock as d, createCommentVNode as r, openBlock as l, withCtx as s, withDirectives as w, createVNode as _, vShow as x, createElementVNode as F, toDisplayString as C } from "vue";
+import u from "./form-item-wrapper.vue.js";
+import f from "../../../../utils/emitter.js";
+import p from "../../../../utils/i18n.js";
+import c from "./fieldMixin.js";
+import { resolveComponent as o, createBlock as h, createCommentVNode as d, openBlock as r, withCtx as b, withDirectives as g, createElementBlock as w, createVNode as F, vShow as x, toDisplayString as C } from "vue";
 /* empty css                   */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   name: "number-widget",
   componentName: "FieldWidget",
   //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [h, g, b],
+  mixins: [f, c, p],
   props: {
     field: Object,
     parentWidget: Object,
@@ -37,7 +37,7 @@ const y = {
     }
   },
   components: {
-    FormItemWrapper: c
+    FormItemWrapper: u
   },
   data() {
     return {
@@ -64,10 +64,13 @@ const y = {
     this.unregisterFromRefList();
   },
   methods: {}
-}, M = { class: "readonly-mode-field" };
-function z(i, n, e, I, t, a) {
-  const m = o("a-input-number"), u = o("a-tooltip"), f = o("form-item-wrapper");
-  return i.handleHidden() ? r("", !0) : (l(), d(f, {
+}, y = {
+  key: 0,
+  class: "readonly-mode-field"
+};
+function M(i, n, e, R, t, s) {
+  const l = o("a-input-number"), a = o("form-item-wrapper");
+  return i.handleHidden() ? d("", !0) : (r(), h(a, {
     key: 0,
     designer: e.designer,
     field: e.field,
@@ -80,12 +83,12 @@ function z(i, n, e, I, t, a) {
     "sub-form-col-index": e.subFormColIndex,
     "sub-form-row-id": e.subFormRowId
   }, {
-    default: s(() => [
-      w(_(m, {
+    default: b(() => [
+      g(F(l, {
         ref: "fieldEditor",
-        size: a.size,
+        size: s.size,
         value: t.fieldModel,
-        "onUpdate:value": n[0] || (n[0] = (p) => t.fieldModel = p),
+        "onUpdate:value": n[0] || (n[0] = (m) => t.fieldModel = m),
         class: "full-width-input",
         disabled: i.handleDisabled(),
         "controls-position": e.field.options.controlsPosition,
@@ -100,22 +103,12 @@ function z(i, n, e, I, t, a) {
       }, null, 8, ["size", "value", "disabled", "controls-position", "placeholder", "min", "max", "precision", "step", "onFocus", "onBlur", "onChange"]), [
         [x, !i.isReadMode]
       ]),
-      i.isReadMode ? (l(), d(u, {
-        key: 0,
-        placement: "topLeft",
-        title: t.fieldModel,
-        overlayStyle: { zIndex: 1e3 }
-      }, {
-        default: s(() => [
-          F("span", M, C(t.fieldModel), 1)
-        ]),
-        _: 1
-      }, 8, ["title"])) : r("", !0)
+      i.isReadMode ? (r(), w("span", y, C(t.fieldModel), 1)) : d("", !0)
     ]),
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
 }
-const W = /* @__PURE__ */ v(y, [["render", z], ["__scopeId", "data-v-87ed8e36"]]);
+const k = /* @__PURE__ */ _(v, [["render", M], ["__scopeId", "data-v-068cbf85"]]);
 export {
-  W as default
+  k as default
 };