@kp-ui/lowcode 1.0.91 → 1.0.94

package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue.js

@@ -1,20 +1,20 @@
-import i18n from "../../../../utils/i18n.js";
-import comps from "../field-widget/index.js";
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import refMixinDesign from "../../refMixinDesign.js";
-import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createElementBlock, openBlock, withModifiers, normalizeStyle, normalizeClass, createVNode, createCommentVNode, mergeProps, withCtx, createElementVNode, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import W from "../../../../utils/i18n.js";
+import x from "../field-widget/index.js";
+import A from "../../../svg-icon/index.vue.js";
+import L from "../../refMixinDesign.js";
+import v from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as a, createElementBlock as c, openBlock as h, withModifiers as C, normalizeStyle as k, normalizeClass as D, createVNode as o, createCommentVNode as f, mergeProps as T, withCtx as s, createElementVNode as w, createBlock as u, resolveDynamicComponent as R, createTextVNode as d, toDisplayString as l } from "vue";
 /* empty css                       */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
   name: "TableCellWidget",
   componentName: "TableCellWidget",
-  mixins: [i18n, refMixinDesign],
+  mixins: [W, L],
   inject: ["refList"],
   components: {
-    Draggable: draggableComponent,
-    ...comps,
-    SvgIcon
+    Draggable: v,
+    ...x,
+    SvgIcon: A
   },
   props: {
     widget: Object,
@@ -39,8 +39,8 @@ const _sfc_main = {
       return this.colIndex <= 0 || this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan;
     },
     mergeRightColDisabled() {
-      const rightColIndex = this.colIndex + this.widget.options.colspan;
-      return this.colIndex >= this.colLength - 1 || rightColIndex > this.colLength - 1 || this.colArray[rightColIndex].options.rowspan !== this.widget.options.rowspan;
+      const e = this.colIndex + this.widget.options.colspan;
+      return this.colIndex >= this.colLength - 1 || e > this.colLength - 1 || this.colArray[e].options.rowspan !== this.widget.options.rowspan;
     },
     mergeWholeRowDisabled() {
       return this.colLength <= 1 || this.colLength === this.widget.options.colspan;
@@ -49,8 +49,8 @@ const _sfc_main = {
       return this.rowIndex <= 0 || this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
     },
     mergeBelowRowDisabled() {
-      const belowRowIndex = this.rowIndex + this.widget.options.rowspan;
-      return this.rowIndex >= this.rowLength - 1 || belowRowIndex > this.rowLength - 1 || this.rowArray[belowRowIndex].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
+      const e = this.rowIndex + this.widget.options.rowspan;
+      return this.rowIndex >= this.rowLength - 1 || e > this.rowLength - 1 || this.rowArray[e].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
     },
     mergeWholeColDisabled() {
       return this.rowLength <= 1 || this.rowLength === this.widget.options.rowspan;
@@ -75,72 +75,36 @@ const _sfc_main = {
     this.initRefList();
   },
   methods: {
-    selectWidget(widget) {
-      this.designer.setSelected(widget);
+    selectWidget(e) {
+      this.designer.setSelected(e);
     },
-    checkContainerMove(evt) {
-      return this.designer.checkWidgetMove(evt);
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
     },
-    onTableDragEnd(obj, subList) {
+    onTableDragEnd(e, g) {
     },
-    onTableDragAdd(evt, subList) {
-      const newIndex = evt.newIndex;
-      if (!!subList[newIndex]) {
-        this.designer.setSelected(subList[newIndex]);
-      }
-      this.designer.emitHistoryChange();
-      this.designer.emitEvent("field-selected", this.widget);
+    onTableDragAdd(e, g) {
+      const t = e.newIndex;
+      g[t] && this.designer.setSelected(g[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
     },
     onTableDragUpdate() {
       this.designer.emitHistoryChange();
     },
     selectParentWidget() {
-      if (this.parentWidget) {
-        this.designer.setSelected(this.parentWidget);
-      } else {
-        this.designer.clearSelected();
-      }
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
     },
-    handleTableCellCommand(command) {
-      if (command === "insertLeftCol") {
-        this.insertLeftCol();
-      } else if (command === "insertRightCol") {
-        this.insertRightCol();
-      } else if (command === "insertAboveRow") {
-        this.insertAboveRow();
-      } else if (command === "insertBelowRow") {
-        this.insertBelowRow();
-      } else if (command === "mergeLeftCol") {
-        this.mergeLeftCol();
-      } else if (command === "mergeRightCol") {
-        this.mergeRightCol();
-      } else if (command === "mergeWholeCol") {
-        this.mergeWholeCol();
-      } else if (command === "mergeAboveRow") {
-        this.mergeAboveRow();
-      } else if (command === "mergeBelowRow") {
-        this.mergeBelowRow();
-      } else if (command === "mergeWholeRow") {
-        this.mergeWholeRow();
-      } else if (command === "undoMergeCol") {
-        this.undoMergeCol();
-      } else if (command === "undoMergeRow") {
-        this.undoMergeRow();
-      } else if (command === "deleteWholeCol") {
-        this.deleteWholeCol();
-      } else if (command === "deleteWholeRow") {
-        this.deleteWholeRow();
-      }
+    handleTableCellCommand(e) {
+      e === "insertLeftCol" ? this.insertLeftCol() : e === "insertRightCol" ? this.insertRightCol() : e === "insertAboveRow" ? this.insertAboveRow() : e === "insertBelowRow" ? this.insertBelowRow() : e === "mergeLeftCol" ? this.mergeLeftCol() : e === "mergeRightCol" ? this.mergeRightCol() : e === "mergeWholeCol" ? this.mergeWholeCol() : e === "mergeAboveRow" ? this.mergeAboveRow() : e === "mergeBelowRow" ? this.mergeBelowRow() : e === "mergeWholeRow" ? this.mergeWholeRow() : e === "undoMergeCol" ? this.undoMergeCol() : e === "undoMergeRow" ? this.undoMergeRow() : e === "deleteWholeCol" ? this.deleteWholeCol() : e === "deleteWholeRow" && this.deleteWholeRow();
     },
     insertLeftCol() {
-      this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, true);
+      this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, !0);
     },
     insertRightCol() {
       this.designer.insertTableCol(
         this.parentWidget,
         this.colIndex,
         this.rowIndex,
-        false
+        !1
       );
     },
     insertAboveRow() {
@@ -149,7 +113,7 @@ const _sfc_main = {
         this.rowIndex,
         this.rowIndex,
         this.colIndex,
-        true
+        !0
       );
     },
     insertBelowRow() {
@@ -158,7 +122,7 @@ const _sfc_main = {
         this.rowIndex,
         this.rowIndex,
         this.colIndex,
-        false
+        !1
       );
     },
     mergeLeftCol() {
@@ -167,7 +131,7 @@ const _sfc_main = {
         this.colArray,
         this.rowIndex,
         this.colIndex,
-        true,
+        !0,
         this.widget
       );
     },
@@ -177,7 +141,7 @@ const _sfc_main = {
         this.colArray,
         this.rowIndex,
         this.colIndex,
-        false,
+        !1,
         this.widget
       );
     },
@@ -194,7 +158,7 @@ const _sfc_main = {
         this.rowArray,
         this.rowIndex,
         this.colIndex,
-        true,
+        !0,
         this.widget
       );
     },
@@ -203,7 +167,7 @@ const _sfc_main = {
         this.rowArray,
         this.rowIndex,
         this.colIndex,
-        false,
+        !1,
         this.widget
       );
     },
@@ -240,199 +204,189 @@ const _sfc_main = {
       this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);
     }
   }
-};
-const _hoisted_1 = ["colspan", "rowspan"];
-const _hoisted_2 = { class: "form-widget-list" };
-const _hoisted_3 = {
+}, B = ["colspan", "rowspan"], E = { class: "form-widget-list" }, N = {
   key: 0,
   class: "table-cell-action"
-};
-const _hoisted_4 = ["title"];
-const _hoisted_5 = ["title"];
-const _hoisted_6 = {
+}, S = ["title"], j = ["title"], P = {
   key: 1,
   class: "table-cell-handler"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_draggable = resolveComponent("draggable");
-  const _component_svg_icon = resolveComponent("svg-icon");
-  const _component_a_menu_item = resolveComponent("a-menu-item");
-  const _component_a_menu = resolveComponent("a-menu");
-  const _component_a_dropdown = resolveComponent("a-dropdown");
-  return openBlock(), createElementBlock("td", {
-    class: normalizeClass(["table-cell", [$options.selected ? "selected" : "", $options.customClass]]),
-    style: normalizeStyle({
-      width: $props.widget.options.cellWidth + "!important" || "",
-      height: $props.widget.options.cellHeight + "!important" || ""
+function U(e, g, t, V, z, i) {
+  const p = a("draggable"), m = a("svg-icon"), n = a("a-menu-item"), y = a("a-menu"), I = a("a-dropdown");
+  return h(), c("td", {
+    class: D(["table-cell", [i.selected ? "selected" : "", i.customClass]]),
+    style: k({
+      width: t.widget.options.cellWidth + "!important" || "",
+      height: t.widget.options.cellHeight + "!important" || ""
     }),
-    colspan: $props.widget.options.colspan || 1,
-    rowspan: $props.widget.options.rowspan || 1,
-    onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
+    colspan: t.widget.options.colspan || 1,
+    rowspan: t.widget.options.rowspan || 1,
+    onClick: g[3] || (g[3] = C((r) => i.selectWidget(t.widget), ["stop"]))
   }, [
-    createVNode(_component_draggable, mergeProps({
-      list: $props.widget.widgetList,
+    o(p, T({
+      list: t.widget.widgetList,
       "item-key": "id"
     }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
       tag: "transition-group",
       "component-data": { name: "fade" },
       handle: ".drag-handler",
-      onEnd: _cache[0] || (_cache[0] = (evt) => $options.onTableDragEnd(evt, $props.widget.widgetList)),
-      onAdd: _cache[1] || (_cache[1] = (evt) => $options.onTableDragAdd(evt, $props.widget.widgetList)),
-      onUpdate: $options.onTableDragUpdate,
-      move: $options.checkContainerMove
+      onEnd: g[0] || (g[0] = (r) => i.onTableDragEnd(r, t.widget.widgetList)),
+      onAdd: g[1] || (g[1] = (r) => i.onTableDragAdd(r, t.widget.widgetList)),
+      onUpdate: i.onTableDragUpdate,
+      move: i.checkContainerMove
     }), {
-      item: withCtx(({ element: subWidget, index: swIdx }) => [
-        createElementVNode("div", _hoisted_2, [
-          "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
-            widget: subWidget,
-            designer: $props.designer,
-            key: subWidget.id,
-            "parent-list": $props.widget.widgetList,
-            "index-of-parent-list": swIdx,
-            "parent-widget": $props.widget
-          }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
-            field: subWidget,
-            designer: $props.designer,
-            key: subWidget.id,
-            "parent-list": $props.widget.widgetList,
-            "index-of-parent-list": swIdx,
-            "parent-widget": $props.widget,
-            "design-state": true
+      item: s(({ element: r, index: b }) => [
+        w("div", E, [
+          r.category === "container" ? (h(), u(R(r.type + "-widget"), {
+            widget: r,
+            designer: t.designer,
+            key: r.id,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": b,
+            "parent-widget": t.widget
+          }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (h(), u(R(r.type + "-widget"), {
+            field: r,
+            designer: t.designer,
+            key: r.id,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": b,
+            "parent-widget": t.widget,
+            "design-state": !0
           }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
         ])
       ]),
       _: 1
     }, 16, ["list", "onUpdate", "move"]),
-    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      createElementVNode("i", {
-        title: _ctx.i18nt("designer.hint.selectParentWidget"),
-        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $options.selectParentWidget(), ["stop"]))
+    t.designer.selectedId === t.widget.id && t.widget.type === "table-cell" ? (h(), c("div", N, [
+      w("i", {
+        title: e.i18nt("designer.hint.selectParentWidget"),
+        onClick: g[2] || (g[2] = C((r) => i.selectParentWidget(), ["stop"]))
       }, [
-        createVNode(_component_svg_icon, { "icon-class": "el-back" })
-      ], 8, _hoisted_4),
-      createVNode(_component_a_dropdown, {
+        o(m, { "icon-class": "el-back" })
+      ], 8, S),
+      o(I, {
         trigger: "click",
-        onCommand: $options.handleTableCellCommand,
+        onCommand: i.handleTableCellCommand,
         size: "small"
       }, {
-        overlay: withCtx(() => [
-          createVNode(_component_a_menu, { onClick: $options.handleTableCellCommand }, {
-            default: withCtx(() => [
-              createVNode(_component_a_menu_item, { key: "insertLeftCol" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.insertColumnToLeft")), 1)
+        overlay: s(() => [
+          o(y, { onClick: i.handleTableCellCommand }, {
+            default: s(() => [
+              o(n, { key: "insertLeftCol" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToLeft")), 1)
                 ]),
                 _: 1
               }),
-              createVNode(_component_a_menu_item, { key: "insertRightCol" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.insertColumnToRight")), 1)
+              o(n, { key: "insertRightCol" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToRight")), 1)
                 ]),
                 _: 1
               }),
-              createVNode(_component_a_menu_item, { key: "insertAboveRow" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.insertRowAbove")), 1)
+              o(n, { key: "insertAboveRow" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertRowAbove")), 1)
                 ]),
                 _: 1
               }),
-              createVNode(_component_a_menu_item, { key: "insertBelowRow" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.insertRowBelow")), 1)
+              o(n, { key: "insertBelowRow" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertRowBelow")), 1)
                 ]),
                 _: 1
               }),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeLeftCol",
-                disabled: $options.mergeLeftColDisabled,
+                disabled: i.mergeLeftColDisabled,
                 divided: ""
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeLeftColumn")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeLeftColumn")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeRightCol",
-                disabled: $options.mergeRightColDisabled
+                disabled: i.mergeRightColDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeRightColumn")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRightColumn")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeWholeRow",
-                disabled: $options.mergeWholeRowDisabled
+                disabled: i.mergeWholeRowDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeEntireRow")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireRow")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeAboveRow",
-                disabled: $options.mergeAboveRowDisabled,
+                disabled: i.mergeAboveRowDisabled,
                 divided: ""
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeRowAbove")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowAbove")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeBelowRow",
-                disabled: $options.mergeBelowRowDisabled
+                disabled: i.mergeBelowRowDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeRowBelow")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowBelow")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "mergeWholeCol",
-                disabled: $options.mergeWholeColDisabled
+                disabled: i.mergeWholeColDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.mergeEntireColumn")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireColumn")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "undoMergeRow",
-                disabled: $options.undoMergeRowDisabled,
+                disabled: i.undoMergeRowDisabled,
                 divided: ""
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.undoMergeRow")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeRow")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "undoMergeCol",
-                disabled: $options.undoMergeColDisabled
+                disabled: i.undoMergeColDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.undoMergeCol")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeCol")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "deleteWholeCol",
-                disabled: $options.deleteWholeColDisabled,
+                disabled: i.deleteWholeColDisabled,
                 divided: ""
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.deleteEntireCol")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireCol")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createVNode(_component_a_menu_item, {
+              o(n, {
                 key: "deleteWholeRow",
-                disabled: $options.deleteWholeRowDisabled
+                disabled: i.deleteWholeRowDisabled
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.deleteEntireRow")), 1)
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireRow")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -440,23 +394,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onClick"])
         ]),
-        default: withCtx(() => [
-          createElementVNode("i", {
-            title: _ctx.i18nt("designer.hint.cellSetting")
+        default: s(() => [
+          w("i", {
+            title: e.i18nt("designer.hint.cellSetting")
           }, [
-            createVNode(_component_svg_icon, { "icon-class": "el-menu" })
-          ], 8, _hoisted_5)
+            o(m, { "icon-class": "el-menu" })
+          ], 8, j)
         ]),
         _: 1
       }, 8, ["onCommand"])
-    ])) : createCommentVNode("", true),
-    $props.designer.selectedId === $props.widget.id && $props.widget.type === "table-cell" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-      createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1)
-    ])) : createCommentVNode("", true)
-  ], 14, _hoisted_1);
+    ])) : f("", !0),
+    t.designer.selectedId === t.widget.id && t.widget.type === "table-cell" ? (h(), c("div", P, [
+      w("i", null, l(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
+    ])) : f("", !0)
+  ], 14, B);
 }
-const TableCellWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6ef336b4"]]);
+const X = /* @__PURE__ */ _(M, [["render", U], ["__scopeId", "data-v-6ef336b4"]]);
 export {
-  TableCellWidget as default
+  X as default
 };
 //# sourceMappingURL=table-cell-widget.vue.js.map