@kp-ui/lowcode 1.0.91 → 1.0.94

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

@@ -1,13 +1,13 @@
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import i18n from "../../../../utils/i18n.js";
-import { resolveComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, withModifiers, withCtx, renderSlot, createElementVNode, Fragment, createVNode, toDisplayString } from "vue";
+import C from "../../../svg-icon/index.vue.js";
+import F from "../../../../utils/i18n.js";
+import { resolveComponent as b, createElementBlock as n, openBlock as i, normalizeClass as y, createBlock as v, createCommentVNode as f, withModifiers as u, withCtx as r, renderSlot as I, createElementVNode as a, Fragment as c, createVNode as l, toDisplayString as m } from "vue";
 /* empty css                       */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
   name: "form-item-wrapper",
-  mixins: [i18n],
+  mixins: [F],
   components: {
-    SvgIcon
+    SvgIcon: C
   },
   props: {
     field: Object,
@@ -17,7 +17,7 @@ const _sfc_main = {
     indexOfParentList: Number,
     designState: {
       type: Boolean,
-      default: false
+      default: !1
     },
     subFormRowIndex: {
       /* 子表单组件行索引，从0开始计数 */
@@ -45,52 +45,25 @@ const _sfc_main = {
       return !!this.designer && this.field.id === this.designer.selectedId;
     },
     label() {
-      if (!!this.field.options.labelHidden) {
-        return "";
-      }
-      return this.field.options.label;
+      return this.field.options.labelHidden ? "" : this.field.options.label;
     },
     labelWidth() {
-      if (!!this.field.options.labelHidden) {
-        return 0;
-      }
-      if (!!this.field.options.labelWidth) {
-        return this.field.options.labelWidth;
-      }
-      if (!!this.designer) {
-        return this.designer.formConfig.labelWidth;
-      } else {
-        return this.formConfig.labelWidth;
-      }
+      return this.field.options.labelHidden ? 0 : this.field.options.labelWidth ? this.field.options.labelWidth : this.designer ? this.designer.formConfig.labelWidth : this.formConfig.labelWidth;
     },
     labelAlign() {
-      if (!!this.field.options.labelAlign) {
-        return this.field.options.labelAlign;
-      }
-      if (!!this.designer) {
-        return this.designer.formConfig.labelAlign || "right";
-      } else {
-        return this.formConfig.labelAlign || "right";
-      }
+      return this.field.options.labelAlign ? this.field.options.labelAlign : this.designer ? this.designer.formConfig.labelAlign || "right" : this.formConfig.labelAlign || "right";
     },
     size() {
-      if (!!this.field.options.size) {
-        return this.field.options.size;
-      }
-      if (!!this.designer) {
-        return this.designer.formConfig.size || "middle";
-      } else {
-        return this.formConfig.size || "middle";
-      }
+      return this.field.options.size ? this.field.options.size : this.designer ? this.designer.formConfig.size || "middle" : this.formConfig.size || "middle";
     },
     customClass() {
       return this.field.options.customClass.join(" ");
     },
     subFormName() {
-      return !!this.getSubFormName ? this.getSubFormName() : "";
+      return this.getSubFormName ? this.getSubFormName() : "";
     },
     subFormItemFlag() {
-      return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;
+      return this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : !1;
     }
   },
   created() {
@@ -108,238 +81,197 @@ const _sfc_main = {
     //   }
     //   return false;
     // },
-    selectField(field) {
-      if (!!this.designer) {
-        this.designer.setSelected(field);
-        this.designer.emitEvent("field-selected", this.parentWidget);
-      }
+    selectField(s) {
+      this.designer && (this.designer.setSelected(s), this.designer.emitEvent("field-selected", this.parentWidget));
     },
     selectParentWidget() {
-      if (this.parentWidget) {
-        this.designer.setSelected(this.parentWidget);
-      } else {
-        this.designer.clearSelected();
-      }
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
     },
     moveUpWidget() {
-      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
-      this.designer.emitHistoryChange();
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
     },
     moveDownWidget() {
-      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
-      this.designer.emitHistoryChange();
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
     },
     removeFieldWidget() {
-      if (!!this.parentList) {
-        let nextSelected = null;
-        if (this.parentList.length === 1) {
-          if (!!this.parentWidget) {
-            nextSelected = this.parentWidget;
-          }
-        } else if (this.parentList.length === 1 + this.indexOfParentList) {
-          nextSelected = this.parentList[this.indexOfParentList - 1];
-        } else {
-          nextSelected = this.parentList[this.indexOfParentList + 1];
-        }
-        this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1);
-          this.designer.setSelected(nextSelected);
-          this.designer.emitHistoryChange();
+      if (this.parentList) {
+        let s = null;
+        this.parentList.length === 1 ? this.parentWidget && (s = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? s = this.parentList[this.indexOfParentList - 1] : s = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(s), this.designer.emitHistoryChange();
         });
       }
     },
     getPropName() {
-      if (this.subFormItemFlag && !this.designState) {
-        return this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name;
-      } else {
-        return this.field.options.name;
-      }
+      return this.subFormItemFlag && !this.designState ? this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name : this.field.options.name;
     }
   }
-};
-const _hoisted_1 = { class: "label-box" };
-const _hoisted_2 = {
+}, x = { class: "label-box" }, S = {
   key: 0,
   class: "custom-label"
-};
-const _hoisted_3 = { class: "label-text" };
-const _hoisted_4 = { class: "label-text" };
-const _hoisted_5 = { class: "label-text" };
-const _hoisted_6 = { class: "label-text" };
-const _hoisted_7 = { class: "label-text" };
-const _hoisted_8 = {
+}, L = { class: "label-text" }, p = { class: "label-text" }, z = { class: "label-text" }, w = { class: "label-text" }, P = { class: "label-text" }, N = {
   key: 0,
   class: "field-action"
-};
-const _hoisted_9 = ["title"];
-const _hoisted_10 = ["title"];
-const _hoisted_11 = ["title"];
-const _hoisted_12 = ["title"];
-const _hoisted_13 = {
+}, A = ["title"], O = ["title"], H = ["title"], T = ["title"], j = {
   key: 1,
   class: "drag-handler background-opacity"
-};
-const _hoisted_14 = ["title"];
-const _hoisted_15 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_svg_icon = resolveComponent("svg-icon");
-  const _component_a_tooltip = resolveComponent("a-tooltip");
-  const _component_a_form_item = resolveComponent("a-form-item");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["field-wrapper", { "design-time-bottom-margin": !!this.designer }])
+}, D = ["title"], B = { key: 0 };
+function U(s, d, e, E, R, t) {
+  const o = b("svg-icon"), g = b("a-tooltip"), _ = b("a-form-item");
+  return i(), n("div", {
+    class: y(["field-wrapper", { "design-time-bottom-margin": !!this.designer }])
   }, [
-    !!$props.field.formItemFlag ? (openBlock(), createBlock(_component_a_form_item, {
+    e.field.formItemFlag ? (i(), v(_, {
       key: 0,
-      labelCol: { style: { width: $options.labelWidth + "px" } },
-      title: $props.field.options.labelTooltip,
-      size: $options.size,
-      rules: $props.rules,
-      name: $options.getPropName(),
-      labelAlign: $options.labelAlign,
-      class: normalizeClass([$options.selected ? "selected" : "", $options.customClass]),
-      onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectField($props.field), ["stop"]))
+      labelCol: { style: { width: t.labelWidth + "px" } },
+      title: e.field.options.labelTooltip,
+      size: t.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"]))
     }, {
-      label: withCtx(() => [
-        createElementVNode("div", _hoisted_1, [
-          !!$props.field.options.labelIconClass ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            $props.field.options.labelIconPosition === "front" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              !!$props.field.options.labelTooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createVNode(_component_a_tooltip, {
-                  title: $props.field.options.labelTooltip,
+      label: r(() => [
+        a("div", x, [
+          e.field.options.labelIconClass ? (i(), n("span", S, [
+            e.field.options.labelIconPosition === "front" ? (i(), n(c, { key: 0 }, [
+              e.field.options.labelTooltip ? (i(), n(c, { key: 0 }, [
+                l(g, {
+                  title: e.field.options.labelTooltip,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_svg_icon, {
-                      "icon-class": $props.field.options.labelIconClass
+                  default: r(() => [
+                    l(o, {
+                      "icon-class": e.field.options.labelIconClass
                     }, null, 8, ["icon-class"])
                   ]),
                   _: 1
                 }, 8, ["title"]),
-                createVNode(_component_a_tooltip, {
-                  title: $options.label,
+                l(g, {
+                  title: t.label,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3, toDisplayString($options.label), 1)
+                  default: r(() => [
+                    a("div", L, m(t.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(_component_svg_icon, {
-                  "icon-class": $props.field.options.labelIconClass
+              ], 64)) : (i(), n(c, { key: 1 }, [
+                l(o, {
+                  "icon-class": e.field.options.labelIconClass
                 }, null, 8, ["icon-class"]),
-                createVNode(_component_a_tooltip, {
-                  title: $options.label,
+                l(g, {
+                  title: t.label,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_4, toDisplayString($options.label), 1)
+                  default: r(() => [
+                    a("div", p, m(t.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
               ], 64))
-            ], 64)) : $props.field.options.labelIconPosition === "rear" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              !!$props.field.options.labelTooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createVNode(_component_a_tooltip, {
-                  title: $options.label,
+            ], 64)) : e.field.options.labelIconPosition === "rear" ? (i(), n(c, { key: 1 }, [
+              e.field.options.labelTooltip ? (i(), n(c, { key: 0 }, [
+                l(g, {
+                  title: t.label,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_5, toDisplayString($options.label), 1)
+                  default: r(() => [
+                    a("div", z, m(t.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"]),
-                createVNode(_component_a_tooltip, {
-                  title: $props.field.options.labelTooltip,
+                l(g, {
+                  title: e.field.options.labelTooltip,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_svg_icon, {
-                      "icon-class": $props.field.options.labelIconClass
+                  default: r(() => [
+                    l(o, {
+                      "icon-class": e.field.options.labelIconClass
                     }, null, 8, ["icon-class"])
                   ]),
                   _: 1
                 }, 8, ["title"])
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(_component_a_tooltip, {
-                  title: $options.label,
+              ], 64)) : (i(), n(c, { key: 1 }, [
+                l(g, {
+                  title: t.label,
                   overlayStyle: { zIndex: 1e3 }
                 }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", _hoisted_6, toDisplayString($options.label), 1)
+                  default: r(() => [
+                    a("div", w, m(t.label), 1)
                   ]),
                   _: 1
                 }, 8, ["title"]),
-                createVNode(_component_svg_icon, {
-                  "icon-class": $props.field.options.labelIconClass
+                l(o, {
+                  "icon-class": e.field.options.labelIconClass
                 }, null, 8, ["icon-class"])
               ], 64))
-            ], 64)) : createCommentVNode("", true)
-          ])) : (openBlock(), createBlock(_component_a_tooltip, {
+            ], 64)) : f("", !0)
+          ])) : (i(), v(g, {
             key: 1,
-            title: $options.label,
+            title: t.label,
             overlayStyle: { zIndex: 1e3 }
           }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_7, toDisplayString($options.label), 1)
+            default: r(() => [
+              a("div", P, m(t.label), 1)
             ]),
             _: 1
           }, 8, ["title"]))
         ])
       ]),
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      default: r(() => [
+        I(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : createCommentVNode("", true),
-    !!this.designer ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", _hoisted_8, [
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.selectParentWidget"),
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.selectParentWidget($props.field), ["stop"]))
+    }, 8, ["labelCol", "title", "size", "rules", "name", "labelAlign", "class"])) : f("", !0),
+    this.designer ? (i(), n(c, { key: 1 }, [
+      e.designer.selectedId === e.field.id ? (i(), n("div", N, [
+        a("i", {
+          title: s.i18nt("designer.hint.selectParentWidget"),
+          onClick: d[1] || (d[1] = u((h) => t.selectParentWidget(e.field), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-back" })
-        ], 8, _hoisted_9),
-        !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
+          l(o, { "icon-class": "el-back" })
+        ], 8, A),
+        e.parentList && e.parentList.length > 1 ? (i(), n("i", {
           key: 0,
-          title: _ctx.i18nt("designer.hint.moveUpWidget"),
-          onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.moveUpWidget($props.field), ["stop"]))
+          title: s.i18nt("designer.hint.moveUpWidget"),
+          onClick: d[2] || (d[2] = u((h) => t.moveUpWidget(e.field), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
-        ], 8, _hoisted_10)) : createCommentVNode("", true),
-        !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
+          l(o, { "icon-class": "el-move-up" })
+        ], 8, O)) : f("", !0),
+        e.parentList && e.parentList.length > 1 ? (i(), n("i", {
           key: 1,
-          title: _ctx.i18nt("designer.hint.moveDownWidget"),
-          onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.moveDownWidget($props.field), ["stop"]))
+          title: s.i18nt("designer.hint.moveDownWidget"),
+          onClick: d[3] || (d[3] = u((h) => t.moveDownWidget(e.field), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
-        ], 8, _hoisted_11)) : createCommentVNode("", true),
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.remove"),
-          onClick: _cache[4] || (_cache[4] = withModifiers((...args) => $options.removeFieldWidget && $options.removeFieldWidget(...args), ["stop"]))
+          l(o, { "icon-class": "el-move-down" })
+        ], 8, H)) : f("", !0),
+        a("i", {
+          title: s.i18nt("designer.hint.remove"),
+          onClick: d[4] || (d[4] = u((...h) => t.removeFieldWidget && t.removeFieldWidget(...h), ["stop"]))
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-delete" })
-        ], 8, _hoisted_12)
-      ])) : createCommentVNode("", true),
-      $props.designer.selectedId === $props.field.id ? (openBlock(), createElementBlock("div", _hoisted_13, [
-        createElementVNode("i", {
-          title: _ctx.i18nt("designer.hint.dragHandler")
+          l(o, { "icon-class": "el-delete" })
+        ], 8, T)
+      ])) : f("", !0),
+      e.designer.selectedId === e.field.id ? (i(), n("div", j, [
+        a("i", {
+          title: s.i18nt("designer.hint.dragHandler")
         }, [
-          createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
-        ], 8, _hoisted_14),
-        createElementVNode("i", null, toDisplayString(_ctx.i18n2t(
-          `designer.widgetLabel.${$props.field.type}`,
-          `extension.widgetLabel.${$props.field.type}`
+          l(o, { "icon-class": "el-drag-move" })
+        ], 8, D),
+        a("i", null, m(s.i18n2t(
+          `designer.widgetLabel.${e.field.type}`,
+          `extension.widgetLabel.${e.field.type}`
         )), 1),
-        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_15, [
-          createVNode(_component_svg_icon, { "icon-class": "el-hide" })
-        ])) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true)
-    ], 64)) : createCommentVNode("", true)
+        e.field.options.hidden === !0 ? (i(), n("i", B, [
+          l(o, { "icon-class": "el-hide" })
+        ])) : f("", !0)
+      ])) : f("", !0)
+    ], 64)) : f("", !0)
   ], 2);
 }
-const FormItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b3197ec2"]]);
+const K = /* @__PURE__ */ W(k, [["render", U], ["__scopeId", "data-v-b3197ec2"]]);
 export {
-  FormItemWrapper as default
+  K as default
 };
 //# sourceMappingURL=form-item-wrapper.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-item-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div class=\"field-wrapper\" :class=\"{ 'design-time-bottom-margin': !!this.designer }\">\n        <a-form-item\n            v-if=\"!!field.formItemFlag\"\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"field.options.labelTooltip\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName()\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectField(field)\"\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                            <template v-if=\"!!field.options.labelTooltip\">\n                                <a-tooltip\n                                    :title=\"field.options.labelTooltip\"\n                                    :overlayStyle=\"{ zIndex: 1000 }\"\n                                >\n                                    <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                </a-tooltip>\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                            </template>\n                            <template v-else>\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                            </template>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <template v-if=\"!!field.options.labelTooltip\">\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                                <a-tooltip\n                                    :title=\"field.options.labelTooltip\"\n                                    :overlayStyle=\"{ zIndex: 1000 }\"\n                                >\n                                    <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                </a-tooltip>\n                            </template>\n                            <template v-else>\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </template>\n                        </template>\n                    </span>\n                    <template v-else>\n                        <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </a-tooltip>\n                    </template>\n                </div>\n            </template>\n\n            <slot></slot>\n        </a-form-item>\n\n        <template v-if=\"!!this.designer\">\n            <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n                <i\n                    :title=\"i18nt('designer.hint.selectParentWidget')\"\n                    @click.stop=\"selectParentWidget(field)\"\n                    ><svg-icon icon-class=\"el-back\"\n                /></i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveUpWidget')\"\n                    @click.stop=\"moveUpWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-move-up\" />\n                </i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveDownWidget')\"\n                    @click.stop=\"moveDownWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-move-down\" />\n                </i>\n                <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n                    <svg-icon icon-class=\"el-delete\" />\n                </i>\n            </div>\n\n            <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n                <i :title=\"i18nt('designer.hint.dragHandler')\"\n                    ><svg-icon icon-class=\"el-drag-move\"\n                /></i>\n                <i>\n                    {{\n                        i18n2t(\n                            `designer.widgetLabel.${field.type}`,\n                            `extension.widgetLabel.${field.type}`\n                        )\n                    }}\n                </i>\n                <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'form-item-wrapper',\n        mixins: [i18n],\n        components: {\n            SvgIcon\n        },\n        props: {\n            field: Object,\n            designer: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            },\n\n            rules: Array\n        },\n        inject: ['getFormConfig', 'getSubFormFieldFlag', 'getSubFormName'],\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            },\n\n            selected() {\n                return !!this.designer && this.field.id === this.designer.selectedId;\n            },\n\n            label() {\n                if (!!this.field.options.labelHidden) {\n                    return '';\n                }\n\n                return this.field.options.label;\n            },\n\n            labelWidth() {\n                if (!!this.field.options.labelHidden) {\n                    return 0;\n                }\n\n                if (!!this.field.options.labelWidth) {\n                    return this.field.options.labelWidth;\n                }\n\n                if (!!this.designer) {\n                    return this.designer.formConfig.labelWidth;\n                } else {\n                    return this.formConfig.labelWidth;\n                }\n            },\n\n            labelAlign() {\n                if (!!this.field.options.labelAlign) {\n                    return this.field.options.labelAlign;\n                }\n\n                if (!!this.designer) {\n                    return this.designer.formConfig.labelAlign || 'right';\n                } else {\n                    return this.formConfig.labelAlign || 'right';\n                }\n            },\n            size() {\n                if (!!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n\n            customClass() {\n                return this.field.options.customClass.join(' ');\n            },\n\n            subFormName() {\n                return !!this.getSubFormName ? this.getSubFormName() : '';\n            },\n\n            subFormItemFlag() {\n                return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;\n            }\n        },\n        created() {\n            //\n        },\n        methods: {\n            // handleHidden() {\n            //   if (this.designState) {\n            //     return false;\n            //   }\n            //   const { onHidden, hidden } = this.field.options;\n            //   if (hidden) return true;\n            //   if (onHidden) {\n            //     const onHiddenFn = new Function(onHidden);\n            //     return onHiddenFn.call(this);\n            //   }\n            //   return false;\n            // },\n            selectField(field) {\n                if (!!this.designer) {\n                    this.designer.setSelected(field);\n                    this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n                }\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            removeFieldWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            },\n\n            getPropName() {\n                if (this.subFormItemFlag && !this.designState) {\n                    return (\n                        this.subFormName +\n                        '.' +\n                        this.subFormRowIndex +\n                        '.' +\n                        this.field.options.name +\n                        ''\n                    );\n                } else {\n                    return this.field.options.name;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\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\n    .static-content-item {\n        min-height: 20px;\n        display: flex; /* 垂直居中 */\n        align-items: center; /* 垂直居中 */\n    }\n    .ant-form-item.selected,\n    .static-content-item.selected {\n        outline: 2px solid var(--ant-primary-color);\n    }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_withModifiers","_createElementVNode","_openBlock","_Fragment","_createVNode","_toDisplayString","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"form-item-wrapper.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n    <div class=\"field-wrapper\" :class=\"{ 'design-time-bottom-margin': !!this.designer }\">\n        <a-form-item\n            v-if=\"!!field.formItemFlag\"\n            :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n            :title=\"field.options.labelTooltip\"\n            :size=\"size\"\n            :rules=\"rules\"\n            :name=\"getPropName()\"\n            :labelAlign=\"labelAlign\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            @click.stop=\"selectField(field)\"\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                            <template v-if=\"!!field.options.labelTooltip\">\n                                <a-tooltip\n                                    :title=\"field.options.labelTooltip\"\n                                    :overlayStyle=\"{ zIndex: 1000 }\"\n                                >\n                                    <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                </a-tooltip>\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                            </template>\n                            <template v-else>\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                            </template>\n                        </template>\n                        <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n                            <template v-if=\"!!field.options.labelTooltip\">\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                                <a-tooltip\n                                    :title=\"field.options.labelTooltip\"\n                                    :overlayStyle=\"{ zIndex: 1000 }\"\n                                >\n                                    <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                                </a-tooltip>\n                            </template>\n                            <template v-else>\n                                <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                                    <div class=\"label-text\">\n                                        {{ label }}\n                                    </div>\n                                </a-tooltip>\n                                <svg-icon :icon-class=\"field.options.labelIconClass\" />\n                            </template>\n                        </template>\n                    </span>\n                    <template v-else>\n                        <a-tooltip :title=\"label\" :overlayStyle=\"{ zIndex: 1000 }\">\n                            <div class=\"label-text\">\n                                {{ label }}\n                            </div>\n                        </a-tooltip>\n                    </template>\n                </div>\n            </template>\n\n            <slot></slot>\n        </a-form-item>\n\n        <template v-if=\"!!this.designer\">\n            <div class=\"field-action\" v-if=\"designer.selectedId === field.id\">\n                <i\n                    :title=\"i18nt('designer.hint.selectParentWidget')\"\n                    @click.stop=\"selectParentWidget(field)\"\n                    ><svg-icon icon-class=\"el-back\"\n                /></i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveUpWidget')\"\n                    @click.stop=\"moveUpWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-move-up\" />\n                </i>\n                <i\n                    v-if=\"!!parentList && parentList.length > 1\"\n                    :title=\"i18nt('designer.hint.moveDownWidget')\"\n                    @click.stop=\"moveDownWidget(field)\"\n                >\n                    <svg-icon icon-class=\"el-move-down\" />\n                </i>\n                <i :title=\"i18nt('designer.hint.remove')\" @click.stop=\"removeFieldWidget\">\n                    <svg-icon icon-class=\"el-delete\" />\n                </i>\n            </div>\n\n            <div class=\"drag-handler background-opacity\" v-if=\"designer.selectedId === field.id\">\n                <i :title=\"i18nt('designer.hint.dragHandler')\"\n                    ><svg-icon icon-class=\"el-drag-move\"\n                /></i>\n                <i>\n                    {{\n                        i18n2t(\n                            `designer.widgetLabel.${field.type}`,\n                            `extension.widgetLabel.${field.type}`\n                        )\n                    }}\n                </i>\n                <i v-if=\"field.options.hidden === true\"><svg-icon icon-class=\"el-hide\" /></i>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    import SvgIcon from '@/components/svg-icon';\n    import i18n from '@/utils/i18n';\n\n    export default {\n        name: 'form-item-wrapper',\n        mixins: [i18n],\n        components: {\n            SvgIcon\n        },\n        props: {\n            field: Object,\n            designer: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n\n            designState: {\n                type: Boolean,\n                default: false\n            },\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            },\n\n            rules: Array\n        },\n        inject: ['getFormConfig', 'getSubFormFieldFlag', 'getSubFormName'],\n        computed: {\n            formConfig() {\n                return this.getFormConfig();\n            },\n\n            selected() {\n                return !!this.designer && this.field.id === this.designer.selectedId;\n            },\n\n            label() {\n                if (!!this.field.options.labelHidden) {\n                    return '';\n                }\n\n                return this.field.options.label;\n            },\n\n            labelWidth() {\n                if (!!this.field.options.labelHidden) {\n                    return 0;\n                }\n\n                if (!!this.field.options.labelWidth) {\n                    return this.field.options.labelWidth;\n                }\n\n                if (!!this.designer) {\n                    return this.designer.formConfig.labelWidth;\n                } else {\n                    return this.formConfig.labelWidth;\n                }\n            },\n\n            labelAlign() {\n                if (!!this.field.options.labelAlign) {\n                    return this.field.options.labelAlign;\n                }\n\n                if (!!this.designer) {\n                    return this.designer.formConfig.labelAlign || 'right';\n                } else {\n                    return this.formConfig.labelAlign || 'right';\n                }\n            },\n            size() {\n                if (!!this.field.options.size) {\n                    return this.field.options.size;\n                }\n                if (!!this.designer) {\n                    return this.designer.formConfig.size || 'middle';\n                } else {\n                    return this.formConfig.size || 'middle';\n                }\n            },\n\n            customClass() {\n                return this.field.options.customClass.join(' ');\n            },\n\n            subFormName() {\n                return !!this.getSubFormName ? this.getSubFormName() : '';\n            },\n\n            subFormItemFlag() {\n                return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;\n            }\n        },\n        created() {\n            //\n        },\n        methods: {\n            // handleHidden() {\n            //   if (this.designState) {\n            //     return false;\n            //   }\n            //   const { onHidden, hidden } = this.field.options;\n            //   if (hidden) return true;\n            //   if (onHidden) {\n            //     const onHiddenFn = new Function(onHidden);\n            //     return onHiddenFn.call(this);\n            //   }\n            //   return false;\n            // },\n            selectField(field) {\n                if (!!this.designer) {\n                    this.designer.setSelected(field);\n                    this.designer.emitEvent('field-selected', this.parentWidget); //发送选中组件的父组件对象\n                }\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n                this.designer.emitHistoryChange();\n            },\n\n            removeFieldWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            },\n\n            getPropName() {\n                if (this.subFormItemFlag && !this.designState) {\n                    return (\n                        this.subFormName +\n                        '.' +\n                        this.subFormRowIndex +\n                        '.' +\n                        this.field.options.name +\n                        ''\n                    );\n                } else {\n                    return this.field.options.name;\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .design-time-bottom-margin {\n        margin-bottom: 5px;\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\n    .static-content-item {\n        min-height: 20px;\n        display: flex; /* 垂直居中 */\n        align-items: center; /* 垂直居中 */\n    }\n    .ant-form-item.selected,\n    .static-content-item.selected {\n        outline: 2px solid var(--ant-primary-color);\n    }\n</style>\n"],"names":["_sfc_main","i18n","SvgIcon","field","nextSelected","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_createElementBlock","_normalizeClass","$props","_createBlock","_component_a_form_item","$options","_cache","_withModifiers","$event","_createElementVNode","_openBlock","_hoisted_2","_Fragment","_createVNode","_component_a_tooltip","_component_svg_icon","_toDisplayString","_renderSlot","_ctx","_hoisted_8","args","_hoisted_13","_hoisted_15"],"mappings":"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"}