@kp-ui/lowcode 1.0.105 → 1.0.106

package/src/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-form-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/sub-form-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"sub-form-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <a-form layout=\"horizontal\" class=\"tpf-form\">\n                <div class=\"sub-form-table\">\n                    <draggable\n                        :list=\"widget.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        handle=\".drag-handler\"\n                        @add=\"evt => onSubFormDragAdd(evt, widget.widgetList)\"\n                        @end=\"onSubFormDragEnd\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div\n                                class=\"sub-form-table-column\"\n                                :style=\"{ width: subWidget.options.columnWidth }\"\n                            >\n                                <component\n                                    :is=\"subWidget.type + '-widget'\"\n                                    :field=\"subWidget\"\n                                    :designer=\"designer\"\n                                    :key=\"subWidget.id\"\n                                    :parent-list=\"widget.widgetList\"\n                                    :index-of-parent-list=\"swIdx\"\n                                    :parent-widget=\"widget\"\n                                    :design-state=\"true\"\n                                    :sub-form-item-flag=\"true\"\n                                />\n                            </div>\n                        </template>\n                    </draggable>\n                </div>\n            </a-form>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'sub-form-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object\n        },\n        provide() {\n            return {\n                getSubFormFieldFlag: () => true,\n                getSubFormName: () => this.widget.options.name\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n        },\n        methods: {\n            onSubFormDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                console.log('test', 'onSubFormDragAdd');\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onSubFormDragEnd(evt) {\n                console.log('sub form drag end: ', evt);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .sub-form-container {\n        //width: 100%;\n        padding: 8px;\n        border: 1px dashed #336699;\n\n        :deep(.sub-form-table) {\n            min-height: 68px;\n\n            div.sub-form-table-column {\n                display: inline-block;\n                //width: 200px;\n            }\n        }\n\n        :deep(.ghost) {\n            content: '';\n            font-size: 0;\n            //height: 3px;\n            height: 74px;\n            width: 1px;\n            box-sizing: border-box;\n            display: inline-block;\n            background: var(--ant-primary-4);\n            border: 2px solid var(--ant-primary-4);\n            outline-width: 0;\n            padding: 0;\n            margin: 0;\n            overflow: hidden;\n        }\n    }\n\n    .sub-form-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","evt","subList","newIndex","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_form","_createElementVNode","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_normalizeStyle","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -0,0 +1,154 @@
+import _ from "../../../../utils/i18n.js";
+import y from "./containerMixin.js";
+import v from "./container-wrapper.vue.js";
+import x from "../field-widget/index.js";
+import T from "../../refMixinDesign.js";
+import L from "../../../../lib/vuedraggable/src/vuedraggable.js";
+import { resolveComponent as s, createBlock as l, openBlock as r, withCtx as c, createElementBlock as p, withModifiers as w, normalizeClass as F, createVNode as f, Fragment as O, renderList as M, mergeProps as B, createElementVNode as P, resolveDynamicComponent as u } from "vue";
+/* empty css                */
+import D from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const N = {
+  name: "tab-widget",
+  componentName: "ContainerWidget",
+  mixins: [_, y, T],
+  inject: ["refList"],
+  components: {
+    Draggable: L,
+    ContainerWrapper: v,
+    ...x
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  methods: {
+    handleOnCreated() {
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+    },
+    handleOnMounted() {
+      this.designState || this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+    },
+    changeCurrentTab(e) {
+      var t, a;
+      const n = ((a = (t = this.widget.tabs[e]) == null ? void 0 : t.options) == null ? void 0 : a.label) || "";
+      this.onTabClick(n), this.widget.options.activeTab = n;
+    },
+    onTabClick(e) {
+      const n = this.widget.tabs.findIndex((d) => d.options.label === e), t = e;
+      if (this.widget.tabs.forEach((d) => {
+        d.options.active = d.options.name === t;
+      }), this.designState)
+        return;
+      const a = this.widget.options.onTabClick;
+      a && new Function("tab", "index", a).call(this, t, n);
+    }
+  }
+}, j = { class: "form-widget-list" };
+function A(e, n, t, a, d, g) {
+  const b = s("draggable"), h = s("a-tab-pane"), C = s("a-tabs"), k = s("container-wrapper");
+  return r(), l(k, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
+  }, {
+    default: c(() => [
+      (r(), p("div", {
+        key: t.widget.id,
+        class: F(["tab-container", { selected: g.selected }]),
+        onClick: n[2] || (n[2] = w((o) => e.selectWidget(t.widget), ["stop"]))
+      }, [
+        f(C, {
+          type: t.widget.options.type,
+          tabBarGutter: t.widget.options.tabBarGutter,
+          tabPosition: t.widget.options.tabPosition,
+          activeKey: t.widget.options.activeTab,
+          "onUpdate:activeKey": n[1] || (n[1] = (o) => t.widget.options.activeTab = o),
+          onTabClick: g.onTabClick
+        }, {
+          default: c(() => [
+            (r(!0), p(O, null, M(t.widget.tabs, (o) => (r(), l(h, {
+              tab: o.options.label,
+              key: o.options.label,
+              onClick: n[0] || (n[0] = w((i) => e.selectWidget(t.widget), ["stop"]))
+            }, {
+              default: c(() => [
+                f(b, B({
+                  list: o.widgetList,
+                  "item-key": "id"
+                }, { ref_for: !0 }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                  handle: ".drag-handler",
+                  tag: "transition-group",
+                  "component-data": { name: "fade" },
+                  onAdd: (i) => e.onContainerDragAdd(i, o.widgetList),
+                  onUpdate: e.onContainerDragUpdate,
+                  move: e.checkContainerMove
+                }), {
+                  item: c(({ element: i, index: m }) => [
+                    P("div", j, [
+                      i.category === "container" ? (r(), l(u(i.type + "-widget"), {
+                        widget: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), l(u(i.type + "-widget"), {
+                        field: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget,
+                        "design-state": !0
+                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                    ])
+                  ]),
+                  _: 2
+                }, 1040, ["list", "onAdd", "onUpdate", "move"])
+              ]),
+              _: 2
+            }, 1032, ["tab"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey", "onTabClick"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const W = /* @__PURE__ */ D(N, [["render", A], ["__scopeId", "data-v-2e96c388"]]);
+export {
+  W as default
+};
+//# sourceMappingURL=tab-widget.vue.js.map

package/src/components/form-designer/form-widget/container-widget/tab-widget.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/tab-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"tab-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <a-tabs\n                :type=\"widget.options.type\"\n                :tabBarGutter=\"widget.options.tabBarGutter\"\n                :tabPosition=\"widget.options.tabPosition\"\n                v-model:activeKey=\"widget.options.activeTab\"\n                @tab-click=\"onTabClick\"\n            >\n                <a-tab-pane\n                    v-for=\"tab in widget.tabs\"\n                    :tab=\"tab.options.label\"\n                    :key=\"tab.options.label\"\n                    @click.stop=\"selectWidget(widget)\"\n                >\n                    <draggable\n                        :list=\"tab.widgetList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, tab.widgetList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\n                                <template v-if=\"'container' === subWidget.category\">\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :widget=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                    />\n                                </template>\n                                <template v-else>\n                                    <component\n                                        :is=\"subWidget.type + '-widget'\"\n                                        :field=\"subWidget\"\n                                        :designer=\"designer\"\n                                        :key=\"subWidget.id\"\n                                        :parent-list=\"tab.widgetList\"\n                                        :index-of-parent-list=\"swIdx\"\n                                        :parent-widget=\"widget\"\n                                        :design-state=\"true\"\n                                    />\n                                </template>\n                            </div>\n                        </template>\n                    </draggable>\n                </a-tab-pane>\n            </a-tabs>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import i18n from '@/utils/i18n';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'tab-widget',\n        componentName: 'ContainerWidget',\n        mixins: [i18n, containerMixin, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            }\n        },\n        watch: {\n            //\n        },\n        created() {\n            this.initRefList();\n            this.handleOnCreated();\n        },\n        mounted() {\n            //\n            this.handleOnMounted();\n        },\n        methods: {\n            handleOnCreated() {\n                if (!!this.widget.options.onCreated) {\n                    const customFunc = new Function(this.widget.options.onCreated);\n                    customFunc.call(this);\n                }\n            },\n            handleOnMounted() {\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                if (!!this.widget.options.onMounted) {\n                    const mountFunc = new Function(this.widget.options.onMounted);\n                    mountFunc.call(this);\n                }\n            },\n            changeCurrentTab(inx) {\n                const str = this.widget.tabs[inx]?.options?.label || '';\n                this.onTabClick(str);\n                this.widget.options.activeTab = str;\n            },\n            onTabClick(evt) {\n                const index = this.widget.tabs.findIndex(item => item.options.label === evt);\n                const paneName = evt;\n                this.widget.tabs.forEach(tp => {\n                    tp.options.active = tp.options.name === paneName;\n                });\n                if (!!this.designState) {\n                    //设计状态不触发事件\n                    return;\n                }\n                const onTabClick = this.widget.options.onTabClick;\n                if (onTabClick) {\n                    const onTabClickFn = new Function('tab', 'index', onTabClick);\n                    onTabClickFn.call(this, paneName, index);\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .tab-container {\n        margin: 2px;\n\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.ant-tabs) {\n            &.ant-tabs-bottom .ant-tabs-nav-wrap,\n            &.ant-tabs-top .ant-tabs-nav-wrap {\n                padding-left: 46px;\n            }\n            .ant-tabs-content {\n                min-height: 100px;\n            }\n        }\n    }\n\n    .tab-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["_sfc_main","i18n","containerMixin","refMixinDesign","Draggable","ContainerWrapper","FieldComponents","inx","str","_b","_a","evt","index","item","paneName","tp","onTabClick","_hoisted_1","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_ctx","_createVNode","_component_a_tabs","_openBlock","_Fragment","_renderList","tab","_component_a_tab_pane","_component_draggable","_mergeProps","_withCtx","subWidget","swIdx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -0,0 +1,416 @@
+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 _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "TableCellWidget",
+  componentName: "TableCellWidget",
+  mixins: [W, L],
+  inject: ["refList"],
+  components: {
+    Draggable: v,
+    ...x,
+    SvgIcon: A
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    rowIndex: Number,
+    colIndex: Number,
+    rowLength: Number,
+    colLength: Number,
+    colArray: Array,
+    rowArray: Array,
+    designer: Object
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    mergeLeftColDisabled() {
+      return this.colIndex <= 0 || this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan;
+    },
+    mergeRightColDisabled() {
+      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;
+    },
+    mergeAboveRowDisabled() {
+      return this.rowIndex <= 0 || this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
+    },
+    mergeBelowRowDisabled() {
+      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;
+    },
+    undoMergeColDisabled() {
+      return this.widget.merged || this.widget.options.colspan <= 1;
+    },
+    undoMergeRowDisabled() {
+      return this.widget.merged || this.widget.options.rowspan <= 1;
+    },
+    deleteWholeColDisabled() {
+      return this.colLength === 1 || this.widget.options.colspan === this.colLength;
+    },
+    deleteWholeRowDisabled() {
+      return this.rowLength === 1 || this.widget.options.rowspan === this.rowLength;
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    selectWidget(e) {
+      this.designer.setSelected(e);
+    },
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    onTableDragEnd(e, g) {
+    },
+    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() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    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, !0);
+    },
+    insertRightCol() {
+      this.designer.insertTableCol(
+        this.parentWidget,
+        this.colIndex,
+        this.rowIndex,
+        !1
+      );
+    },
+    insertAboveRow() {
+      this.designer.insertTableRow(
+        this.parentWidget,
+        this.rowIndex,
+        this.rowIndex,
+        this.colIndex,
+        !0
+      );
+    },
+    insertBelowRow() {
+      this.designer.insertTableRow(
+        this.parentWidget,
+        this.rowIndex,
+        this.rowIndex,
+        this.colIndex,
+        !1
+      );
+    },
+    mergeLeftCol() {
+      this.designer.mergeTableCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex,
+        !0,
+        this.widget
+      );
+    },
+    mergeRightCol() {
+      this.designer.mergeTableCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex,
+        !1,
+        this.widget
+      );
+    },
+    mergeWholeRow() {
+      this.designer.mergeTableWholeRow(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex
+      );
+    },
+    mergeAboveRow() {
+      this.designer.mergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        !0,
+        this.widget
+      );
+    },
+    mergeBelowRow() {
+      this.designer.mergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        !1,
+        this.widget
+      );
+    },
+    mergeWholeCol() {
+      this.designer.mergeTableWholeCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex
+      );
+    },
+    undoMergeCol() {
+      this.designer.undoMergeTableCol(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        this.widget.options.colspan,
+        this.widget.options.rowspan
+      );
+    },
+    undoMergeRow() {
+      this.designer.undoMergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        this.widget.options.colspan,
+        this.widget.options.rowspan
+      );
+    },
+    deleteWholeCol() {
+      this.designer.deleteTableWholeCol(this.rowArray, this.colIndex);
+    },
+    deleteWholeRow() {
+      this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);
+    }
+  }
+}, B = ["colspan", "rowspan"], E = { class: "form-widget-list" }, N = {
+  key: 0,
+  class: "table-cell-action"
+}, S = ["title"], j = ["title"], P = {
+  key: 1,
+  class: "table-cell-handler"
+};
+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: t.widget.options.colspan || 1,
+    rowspan: t.widget.options.rowspan || 1,
+    onClick: g[3] || (g[3] = C((r) => i.selectWidget(t.widget), ["stop"]))
+  }, [
+    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: 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: 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"]),
+    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"]))
+      }, [
+        o(m, { "icon-class": "el-back" })
+      ], 8, S),
+      o(I, {
+        trigger: "click",
+        onCommand: i.handleTableCellCommand,
+        size: "small"
+      }, {
+        overlay: s(() => [
+          o(y, { onClick: i.handleTableCellCommand }, {
+            default: s(() => [
+              o(n, { key: "insertLeftCol" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToLeft")), 1)
+                ]),
+                _: 1
+              }),
+              o(n, { key: "insertRightCol" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToRight")), 1)
+                ]),
+                _: 1
+              }),
+              o(n, { key: "insertAboveRow" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertRowAbove")), 1)
+                ]),
+                _: 1
+              }),
+              o(n, { key: "insertBelowRow" }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.insertRowBelow")), 1)
+                ]),
+                _: 1
+              }),
+              o(n, {
+                key: "mergeLeftCol",
+                disabled: i.mergeLeftColDisabled,
+                divided: ""
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeLeftColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "mergeRightCol",
+                disabled: i.mergeRightColDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRightColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "mergeWholeRow",
+                disabled: i.mergeWholeRowDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "mergeAboveRow",
+                disabled: i.mergeAboveRowDisabled,
+                divided: ""
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowAbove")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "mergeBelowRow",
+                disabled: i.mergeBelowRowDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowBelow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "mergeWholeCol",
+                disabled: i.mergeWholeColDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "undoMergeRow",
+                disabled: i.undoMergeRowDisabled,
+                divided: ""
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "undoMergeCol",
+                disabled: i.undoMergeColDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeCol")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "deleteWholeCol",
+                disabled: i.deleteWholeColDisabled,
+                divided: ""
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireCol")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              o(n, {
+                key: "deleteWholeRow",
+                disabled: i.deleteWholeRowDisabled
+              }, {
+                default: s(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        default: s(() => [
+          w("i", {
+            title: e.i18nt("designer.hint.cellSetting")
+          }, [
+            o(m, { "icon-class": "el-menu" })
+          ], 8, j)
+        ]),
+        _: 1
+      }, 8, ["onCommand"])
+    ])) : 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 X = /* @__PURE__ */ _(M, [["render", U], ["__scopeId", "data-v-6ef336b4"]]);
+export {
+  X as default
+};
+//# sourceMappingURL=table-cell-widget.vue.js.map