@kp-ui/lowcode 1.0.25 → 1.0.26

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

@@ -1,14 +1,14 @@
-import c from "../../../../utils/i18n.js";
-import w from "./containerMixin.js";
-import u from "../../../svg-icon/index.vue.js";
-import { resolveComponent as v, createElementBlock as o, openBlock as s, normalizeClass as k, renderSlot as C, createCommentVNode as l, createElementVNode as g, withModifiers as a, createVNode as d, toDisplayString as y } from "vue";
+import i18n from "../../../../utils/i18n.js";
+import containerMixin from "./containerMixin.js";
+import SvgIcon from "../../../svg-icon/index.vue.js";
+import { resolveComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, withModifiers, createVNode, toDisplayString } from "vue";
 /* empty css                       */
-import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "container-wrapper",
-  mixins: [c, w],
+  mixins: [i18n, containerMixin],
   components: {
-    SvgIcon: u
+    SvgIcon
   },
   props: {
     widget: Object,
@@ -19,85 +19,96 @@ const f = {
   },
   computed: {
     customClass() {
-      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
+      return !!this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
     }
   }
-}, b = {
+};
+const _hoisted_1 = {
   key: 0,
   class: "container-action"
-}, p = ["title"], W = ["title"], L = ["title"], N = ["title"], j = ["title"], I = ["title"], O = ["title"], D = {
+};
+const _hoisted_2 = ["title"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["title"];
+const _hoisted_6 = ["title"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = {
   key: 1,
   class: "drag-handler"
-}, P = ["title"], S = { key: 0 };
-function V(t, i, e, _, B, m) {
-  const n = v("svg-icon");
-  return s(), o("div", {
-    class: k(["container-wrapper", [m.customClass]])
+};
+const _hoisted_10 = ["title"];
+const _hoisted_11 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_svg_icon = resolveComponent("svg-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["container-wrapper", [$options.customClass]])
   }, [
-    C(t.$slots, "default", {}, void 0, !0),
-    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", b, [
-      g("i", {
-        title: t.i18nt("designer.hint.selectParentWidget"),
-        onClick: i[0] || (i[0] = a((r) => t.selectParentWidget(e.widget), ["stop"]))
+    renderSlot(_ctx.$slots, "default", {}, void 0, true),
+    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("i", {
+        title: _ctx.i18nt("designer.hint.selectParentWidget"),
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.selectParentWidget($props.widget), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-back" })
-      ], 8, p),
-      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
+        createVNode(_component_svg_icon, { "icon-class": "el-back" })
+      ], 8, _hoisted_2),
+      !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
         key: 0,
-        title: t.i18nt("designer.hint.moveUpWidget"),
-        onClick: i[1] || (i[1] = a((r) => t.moveUpWidget(), ["stop"]))
+        title: _ctx.i18nt("designer.hint.moveUpWidget"),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.moveUpWidget(), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-move-up" })
-      ], 8, W)) : l("", !0),
-      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
+        createVNode(_component_svg_icon, { "icon-class": "el-move-up" })
+      ], 8, _hoisted_3)) : createCommentVNode("", true),
+      !!$props.parentList && $props.parentList.length > 1 ? (openBlock(), createElementBlock("i", {
         key: 1,
-        title: t.i18nt("designer.hint.moveDownWidget"),
-        onClick: i[2] || (i[2] = a((r) => t.moveDownWidget(), ["stop"]))
+        title: _ctx.i18nt("designer.hint.moveDownWidget"),
+        onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.moveDownWidget(), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-move-down" })
-      ], 8, L)) : l("", !0),
-      e.widget.type === "table" ? (s(), o("i", {
+        createVNode(_component_svg_icon, { "icon-class": "el-move-down" })
+      ], 8, _hoisted_4)) : createCommentVNode("", true),
+      $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 2,
-        title: t.i18nt("designer.hint.insertRow"),
-        onClick: i[3] || (i[3] = a((r) => t.appendTableRow(e.widget), ["stop"]))
+        title: _ctx.i18nt("designer.hint.insertRow"),
+        onClick: _cache[3] || (_cache[3] = withModifiers(($event) => _ctx.appendTableRow($props.widget), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-insert-row" })
-      ], 8, N)) : l("", !0),
-      e.widget.type === "table" ? (s(), o("i", {
+        createVNode(_component_svg_icon, { "icon-class": "el-insert-row" })
+      ], 8, _hoisted_5)) : createCommentVNode("", true),
+      $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 3,
-        title: t.i18nt("designer.hint.insertColumn"),
-        onClick: i[4] || (i[4] = a((r) => t.appendTableCol(e.widget), ["stop"]))
+        title: _ctx.i18nt("designer.hint.insertColumn"),
+        onClick: _cache[4] || (_cache[4] = withModifiers(($event) => _ctx.appendTableCol($props.widget), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-insert-column" })
-      ], 8, j)) : l("", !0),
-      e.widget.type === "grid" || e.widget.type === "table" ? (s(), o("i", {
+        createVNode(_component_svg_icon, { "icon-class": "el-insert-column" })
+      ], 8, _hoisted_6)) : createCommentVNode("", true),
+      $props.widget.type === "grid" || $props.widget.type === "table" ? (openBlock(), createElementBlock("i", {
         key: 4,
-        title: t.i18nt("designer.hint.cloneWidget"),
-        onClick: i[5] || (i[5] = a((r) => t.cloneContainer(e.widget), ["stop"]))
+        title: _ctx.i18nt("designer.hint.cloneWidget"),
+        onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.cloneContainer($props.widget), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-clone" })
-      ], 8, I)) : l("", !0),
-      g("i", {
-        title: t.i18nt("designer.hint.remove"),
-        onClick: i[6] || (i[6] = a((...r) => t.removeWidget && t.removeWidget(...r), ["stop"]))
+        createVNode(_component_svg_icon, { "icon-class": "el-clone" })
+      ], 8, _hoisted_7)) : createCommentVNode("", true),
+      createElementVNode("i", {
+        title: _ctx.i18nt("designer.hint.remove"),
+        onClick: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.removeWidget && _ctx.removeWidget(...args), ["stop"]))
       }, [
-        d(n, { "icon-class": "el-delete" })
-      ], 8, O)
-    ])) : l("", !0),
-    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", D, [
-      g("i", {
-        title: t.i18nt("designer.hint.dragHandler")
+        createVNode(_component_svg_icon, { "icon-class": "el-delete" })
+      ], 8, _hoisted_8)
+    ])) : createCommentVNode("", true),
+    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_9, [
+      createElementVNode("i", {
+        title: _ctx.i18nt("designer.hint.dragHandler")
       }, [
-        d(n, { "icon-class": "el-drag-move" })
-      ], 8, P),
-      g("i", null, y(e.widget.showName || t.i18n2t(`designer.widgetLabel.${e.widget.type}`, `extension.widgetLabel.${e.widget.type}`)), 1),
-      e.widget.options.hidden === !0 ? (s(), o("i", S, [
-        d(n, { "icon-class": "el-hide" })
-      ])) : l("", !0)
-    ])) : l("", !0)
+        createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
+      ], 8, _hoisted_10),
+      createElementVNode("i", null, toDisplayString($props.widget.showName || _ctx.i18n2t(`designer.widgetLabel.${$props.widget.type}`, `extension.widgetLabel.${$props.widget.type}`)), 1),
+      $props.widget.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_11, [
+        createVNode(_component_svg_icon, { "icon-class": "el-hide" })
+      ])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
   ], 2);
 }
-const A = /* @__PURE__ */ h(f, [["render", V], ["__scopeId", "data-v-a00b7598"]]);
+const ContainerWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a00b7598"]]);
 export {
-  A as default
+  ContainerWrapper as default
 };

package/src/components/form-designer/form-widget/container-widget/containerMixin.js

@@ -1,4 +1,4 @@
-const s = {
+const containerMixin = {
   inject: ["getFormConfig"],
   computed: {
     formConfig() {
@@ -6,54 +6,79 @@ const s = {
     }
   },
   methods: {
-    appendTableRow(e) {
-      this.designer.appendTableRow(e);
+    appendTableRow(widget) {
+      this.designer.appendTableRow(widget);
     },
-    appendTableCol(e) {
-      this.designer.appendTableCol(e);
+    appendTableCol(widget) {
+      this.designer.appendTableCol(widget);
     },
-    onContainerDragAdd(e, t) {
-      const i = e.newIndex;
-      t[i] && this.designer.setSelected(t[i]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    onContainerDragAdd(evt, subList) {
+      const newIndex = evt.newIndex;
+      if (!!subList[newIndex]) {
+        this.designer.setSelected(subList[newIndex]);
+      }
+      this.designer.emitHistoryChange();
+      this.designer.emitEvent("field-selected", this.widget);
     },
     onContainerDragUpdate() {
       this.designer.emitHistoryChange();
     },
     /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
+    checkContainerMove(evt) {
+      return this.designer.checkWidgetMove(evt);
     },
-    selectWidget(e) {
-      this.designer.setSelected(e);
+    selectWidget(widget) {
+      this.designer.setSelected(widget);
     },
     selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+      if (this.parentWidget) {
+        this.designer.setSelected(this.parentWidget);
+      } else {
+        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();
     },
-    cloneContainer(e) {
-      if (this.parentList) {
-        const t = this.designer.cloneContainer(e);
-        this.parentList.splice(this.indexOfParentList + 1, 0, t), this.designer.setSelected(t), this.designer.emitHistoryChange();
+    cloneContainer(widget) {
+      if (!!this.parentList) {
+        const newCon = this.designer.cloneContainer(widget);
+        this.parentList.splice(this.indexOfParentList + 1, 0, newCon);
+        this.designer.setSelected(newCon);
+        this.designer.emitHistoryChange();
       }
     },
     removeWidget() {
-      if (this.parentList) {
-        let e = null;
-        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
+      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();
         });
       }
     },
-    setWidgetOption(e, t) {
-      this.widget.options.hasOwnProperty(e) && (this.widget.options[e] = t);
+    setWidgetOption(optionName, optionValue) {
+      if (this.widget.options.hasOwnProperty(optionName)) {
+        this.widget.options[optionName] = optionValue;
+      }
     }
   }
 };
 export {
-  s as default
+  containerMixin as default
 };

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

@@ -1,88 +1,97 @@
-import R from "./data-table-widget.vue2.js";
-import { resolveComponent as i, createBlock as d, openBlock as o, normalizeStyle as f, withCtx as l, createElementBlock as s, withModifiers as C, normalizeClass as w, createVNode as g, createCommentVNode as c, Fragment as h, renderList as p, mergeProps as B, withDirectives as v, createTextVNode as N, toDisplayString as T, vShow as W } from "vue";
+import _sfc_main from "./data-table-widget.vue2.js";
+import { resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, createElementBlock, withModifiers, normalizeClass, createVNode, createCommentVNode, Fragment, renderList, mergeProps, withDirectives, createTextVNode, toDisplayString, vShow } from "vue";
 /* empty css                       */
-import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function I(t, r, e, L, P, u) {
-  const y = i("a-empty"), m = i("a-table-column"), b = i("a-button"), k = i("a-space"), _ = i("a-table"), z = i("container-wrapper");
-  return o(), d(z, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    style: f({ display: "flex", height: parseFloat(t.tableHeight || 0) + "px" })
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_empty = resolveComponent("a-empty");
+  const _component_a_table_column = resolveComponent("a-table-column");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_a_table = resolveComponent("a-table");
+  const _component_container_wrapper = resolveComponent("container-wrapper");
+  return openBlock(), createBlock(_component_container_wrapper, {
+    designer: $props.designer,
+    widget: $props.widget,
+    "parent-widget": $props.parentWidget,
+    "parent-list": $props.parentList,
+    "index-of-parent-list": $props.indexOfParentList,
+    style: normalizeStyle({ display: "flex", height: parseFloat(_ctx.tableHeight || 0) + "px" })
   }, {
-    default: l(() => [
-      (o(), s("div", {
-        key: e.widget.id,
-        class: w(["collapse-container data-table-container", { selected: u.selected }]),
-        onClick: r[1] || (r[1] = C((n) => u.selectWidget(e.widget), ["stop"]))
+    default: withCtx(() => [
+      (openBlock(), createElementBlock("div", {
+        key: $props.widget.id,
+        class: normalizeClass(["collapse-container data-table-container", { selected: $options.selected }]),
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
-        g(_, {
+        createVNode(_component_a_table, {
           ref: "dataTable1",
-          class: w(["tpf-table", [t.customClass]]),
-          dataSource: e.widget.options.dataSource,
-          rowKey: (n) => n[e.widget.options.rowKey],
-          scroll: { y: parseFloat(t.tableHeight || 0), x: 300 },
-          size: t.widgetSize,
-          bordered: e.widget.options.border,
-          style: f({ width: e.widget.options.tableWidth }),
-          onClick: r[0] || (r[0] = C((n) => u.selectWidget(e.widget), ["stop"])),
-          "row-class-name": t.rowClassName,
-          rowSelection: t.handleRowSelection(),
-          pagination: t.fmtPagination,
-          rowClassName: t.rowClassName,
-          onChange: t.handleTablePageChange,
-          customRow: t.handleCustomRow,
-          onResizeColumn: t.handleResizeColumn
+          class: normalizeClass(["tpf-table", [_ctx.customClass]]),
+          dataSource: $props.widget.options.dataSource,
+          rowKey: (record) => record[$props.widget.options.rowKey],
+          scroll: { y: parseFloat(_ctx.tableHeight || 0), x: 300 },
+          size: _ctx.widgetSize,
+          bordered: $props.widget.options.border,
+          style: normalizeStyle({ width: $props.widget.options.tableWidth }),
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"])),
+          "row-class-name": _ctx.rowClassName,
+          rowSelection: _ctx.handleRowSelection(),
+          pagination: _ctx.fmtPagination,
+          rowClassName: _ctx.rowClassName,
+          onChange: _ctx.handleTablePageChange,
+          customRow: _ctx.handleCustomRow,
+          onResizeColumn: _ctx.handleResizeColumn
         }, {
-          emptyText: l(() => [
-            g(y)
+          emptyText: withCtx(() => [
+            createVNode(_component_a_empty)
           ]),
-          default: l(() => [
-            e.widget.options.showIndex ? (o(), d(m, {
+          default: withCtx(() => [
+            $props.widget.options.showIndex ? (openBlock(), createBlock(_component_a_table_column, {
               key: 0,
               title: "序号",
               align: "left",
               width: 80,
               fixed: "left",
-              customRender: t.customRenderIndex
-            }, null, 8, ["customRender"])) : c("", !0),
-            (o(!0), s(h, null, p(e.widget.options.tableColumns, (n, a) => (o(), s(h, null, [
-              n.show !== !1 ? (o(), d(m, B({ key: a }, t.handleColumnItem(n), { showSorterTooltip: !1 }), null, 16)) : c("", !0)
-            ], 64))), 256)),
-            e.widget.options.showButtonsColumn ? (o(), d(m, {
+              customRender: _ctx.customRenderIndex
+            }, null, 8, ["customRender"])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.tableColumns, (item, index) => {
+              return openBlock(), createElementBlock(Fragment, null, [
+                item.show !== false ? (openBlock(), createBlock(_component_a_table_column, mergeProps({ key: index }, _ctx.handleColumnItem(item), { showSorterTooltip: false }), null, 16)) : createCommentVNode("", true)
+              ], 64);
+            }), 256)),
+            !!$props.widget.options.showButtonsColumn ? (openBlock(), createBlock(_component_a_table_column, {
               key: 1,
               fixed: "right",
               align: "center",
-              title: e.widget.options.buttonsColumnTitle,
-              width: e.widget.options.buttonsColumnWidth
+              title: $props.widget.options.buttonsColumnTitle,
+              width: $props.widget.options.buttonsColumnWidth
             }, {
-              default: l((n) => [
-                g(k, null, {
-                  default: l(() => [
-                    (o(!0), s(h, null, p(e.widget.options.operationButtons, (a, S) => v((o(), d(b, {
-                      key: S,
-                      type: a.type,
-                      size: a.size,
-                      shape: a.shape,
-                      disabled: t.disableOperationButton(a, n.index, n.record),
-                      onClick: (x) => t.handleOperationButtonClick(a.name, n.index, n.record, n, a),
-                      class: w(["data-table-" + a.name + "-button"])
-                    }, {
-                      default: l(() => [
-                        N(T(t.getOperationButtonLabel(a, n.index, n.record)), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
-                      [W, t.showOperationButton(a, n.index, n.record)]
-                    ])), 128))
+              default: withCtx((scope) => [
+                createVNode(_component_a_space, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.options.operationButtons, (ob, inx) => {
+                      return withDirectives((openBlock(), createBlock(_component_a_button, {
+                        key: inx,
+                        type: ob.type,
+                        size: ob.size,
+                        shape: ob.shape,
+                        disabled: _ctx.disableOperationButton(ob, scope.index, scope.record),
+                        onClick: ($event) => _ctx.handleOperationButtonClick(ob.name, scope.index, scope.record, scope, ob),
+                        class: normalizeClass(["data-table-" + ob.name + "-button"])
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(_ctx.getOperationButtonLabel(ob, scope.index, scope.record)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
+                        [vShow, _ctx.showOperationButton(ob, scope.index, scope.record)]
+                      ]);
+                    }), 128))
                   ]),
                   _: 2
                 }, 1024)
               ]),
               _: 1
-            }, 8, ["title", "width"])) : c("", !0)
+            }, 8, ["title", "width"])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "rowClassName", "onChange", "customRow", "onResizeColumn"])
@@ -91,7 +100,7 @@ function I(t, r, e, L, P, u) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
 }
-const H = /* @__PURE__ */ O(R, [["render", I], ["__scopeId", "data-v-19e67e23"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-19e67e23"]]);
 export {
-  H as default
+  dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -1,18 +1,18 @@
-import t from "./container-wrapper.vue.js";
-import i from "../../../../utils/emitter.js";
-import r from "../../../../utils/i18n.js";
-import o from "../field-widget/index.js";
-import n from "./containerMixin.js";
-import a from "../../refMixinDesign.js";
-import m from "../../../../mixins/useDataTableMixin.js";
-const l = {
+import ContainerWrapper from "./container-wrapper.vue.js";
+import emitter from "../../../../utils/emitter.js";
+import i18n from "../../../../utils/i18n.js";
+import comps from "../field-widget/index.js";
+import containerMixin from "./containerMixin.js";
+import refMixinDesign from "../../refMixinDesign.js";
+import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+const _sfc_main = {
   name: "DataTableWidget",
   componentName: "DataTableWidget",
-  mixins: [r, n, a, i, m],
+  mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
   inject: ["refList"],
   components: {
-    ContainerWrapper: t,
-    ...o
+    ContainerWrapper,
+    ...comps
   },
   data() {
     return {
@@ -177,8 +177,8 @@ const l = {
     //     }
     //   };
     // },
-    selectWidget(e) {
-      this.designer.setSelected(e);
+    selectWidget(widget) {
+      this.designer.setSelected(widget);
     }
     // getTableColumns() {
     //   return this.widget.options.tableColumns;
@@ -231,5 +231,5 @@ const l = {
   }
 };
 export {
-  l as default
+  _sfc_main as default
 };