@kp-ui/lowcode 1.0.25 → 1.0.27

package/src/components/form-render/container-item/container-item-wrapper.vue.js

@@ -1,25 +1,25 @@
-import { createElementBlock as s, openBlock as o, normalizeStyle as r, normalizeClass as n, renderSlot as a } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const i = {
+import { createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "container-item-wrapper",
   props: {
     widget: Object
   },
   computed: {
     customClass() {
-      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
+      return !!this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
     }
   }
 };
-function p(t, l, m, d, u, e) {
-  return o(), s("div", {
-    class: n(["container-wrapper", [e.customClass]]),
-    style: r(t.$attrs.containerStyle)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["container-wrapper", [$options.customClass]]),
+    style: normalizeStyle(_ctx.$attrs.containerStyle)
   }, [
-    a(t.$slots, "default")
+    renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-const _ = /* @__PURE__ */ c(i, [["render", p]]);
+const ContainerItemWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  _ as default
+  ContainerItemWrapper as default
 };

package/src/components/form-render/container-item/containerItemMixin.js

@@ -1,11 +1,11 @@
-import { traverseFieldWidgetsOfContainer as a, traverseWidgetsOfContainer as h, deepClone as r } from "../../../utils/util.js";
-const l = {
+import { traverseFieldWidgetsOfContainer, traverseWidgetsOfContainer, deepClone } from "../../../utils/util.js";
+const containerItemMixin = {
   computed: {
     customClass() {
       return this.widget.options.customClass || "";
     },
     formModel: {
-      cache: !1,
+      cache: false,
       get() {
         return this.globalModel.formModel;
       }
@@ -15,141 +15,218 @@ const l = {
     this.callSetHidden();
   },
   methods: {
-    cloneWidgetSchema(t) {
-      return r(t);
+    cloneWidgetSchema(widget) {
+      return deepClone(widget);
     },
     unregisterFromRefList() {
-      if (this.refList !== null && this.widget.options.name) {
-        const t = this.widget.options.name;
-        delete this.refList[t];
+      if (this.refList !== null && !!this.widget.options.name) {
+        const oldRefName = this.widget.options.name;
+        delete this.refList[oldRefName];
       }
     },
     /* 主动触发setHidden()方法，以清空被隐藏容器内字段组件的校验规则！！ */
     callSetHidden() {
-      this.widget.options.hidden === !0 && this.setHidden(!0);
+      if (this.widget.options.hidden === true) {
+        this.setHidden(true);
+      }
     },
     //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
-    setHidden(t) {
-      this.widget.options.hidden = t;
-      const i = (e) => {
-        const s = e.options.name, o = this.getWidgetRef(s);
-        t && o && o.clearFieldRules && o.clearFieldRules(), !t && o && o.buildFieldRules && o.buildFieldRules();
+    setHidden(flag) {
+      this.widget.options.hidden = flag;
+      const clearRulesFn = (fieldWidget) => {
+        const fwName = fieldWidget.options.name;
+        const fwRef = this.getWidgetRef(fwName);
+        if (flag && !!fwRef && !!fwRef.clearFieldRules) {
+          fwRef.clearFieldRules();
+        }
+        if (!flag && !!fwRef && !!fwRef.buildFieldRules) {
+          fwRef.buildFieldRules();
+        }
       };
-      a(this.widget, i);
+      traverseFieldWidgetsOfContainer(this.widget, clearRulesFn);
     },
     /**
      * 禁用或启用容器组件（包含容器内部的所有组件）
      * @param flag
      */
-    setDisabled(t) {
-      const i = (e) => {
-        const s = e.options.name, o = this.getWidgetRef(s);
-        o && o.setDisabled && o.setDisabled(t);
+    setDisabled(flag) {
+      const fwHandler = (fw) => {
+        const fwName = fw.options.name;
+        const fwRef = this.getWidgetRef(fwName);
+        if (!!fwRef && !!fwRef.setDisabled) {
+          fwRef.setDisabled(flag);
+        }
       };
-      h(this.widget, i);
+      traverseWidgetsOfContainer(this.widget, fwHandler);
     },
-    activeTab(t) {
-      t >= 0 && t < this.widget.tabs.length && this.widget.tabs.forEach((i, e) => {
-        i.options.active = e === t, e === t && (this.activeTabName = i.options.name);
-      });
+    activeTab(tabIndex) {
+      if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
+        this.widget.tabs.forEach((tp, idx) => {
+          tp.options.active = idx === tabIndex;
+          if (idx === tabIndex) {
+            this.activeTabName = tp.options.name;
+          }
+        });
+      }
     },
-    disableTab(t) {
-      t >= 0 && t < this.widget.tabs.length && (this.widget.tabs[t].options.disabled = !0);
+    disableTab(tabIndex) {
+      if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
+        this.widget.tabs[tabIndex].options.disabled = true;
+      }
     },
-    enableTab(t) {
-      t >= 0 && t < this.widget.tabs.length && (this.widget.tabs[t].options.disabled = !1);
+    enableTab(tabIndex) {
+      if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
+        this.widget.tabs[tabIndex].options.disabled = false;
+      }
     },
-    hideTab(t) {
-      t >= 0 && t < this.widget.tabs.length && (this.widget.tabs[t].options.hidden = !0);
+    hideTab(tabIndex) {
+      if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
+        this.widget.tabs[tabIndex].options.hidden = true;
+      }
     },
-    showTab(t) {
-      t >= 0 && t < this.widget.tabs.length && (this.widget.tabs[t].options.hidden = !1);
+    showTab(tabIndex) {
+      if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
+        this.widget.tabs[tabIndex].options.hidden = false;
+      }
     },
-    setWidgetOption(t, i) {
-      this.widget.options.hasOwnProperty(t) && (this.widget.options[t] = i);
+    setWidgetOption(optionName, optionValue) {
+      if (this.widget.options.hasOwnProperty(optionName)) {
+        this.widget.options[optionName] = optionValue;
+      }
     },
     /**
      * 获取子表单的行数
      */
     getSubFormRowCount() {
-      return this.rowIdData ? this.rowIdData.length : 0;
+      return !this.rowIdData ? 0 : this.rowIdData.length;
     },
-    setGridSubFormRowDisabled(t, i) {
-      const e = (s) => {
-        const o = s.options.name + "@row" + t, d = this.getWidgetRef(o);
-        d && d.setDisabled && d.setDisabled(i);
+    setGridSubFormRowDisabled(rowId, disabledFlag) {
+      const fwHandler = (fw) => {
+        const fwName = fw.options.name + "@row" + rowId;
+        const fwRef = this.getWidgetRef(fwName);
+        if (!!fwRef && !!fwRef.setDisabled) {
+          fwRef.setDisabled(disabledFlag);
+        }
       };
-      h(this.widget, e);
+      traverseWidgetsOfContainer(this.widget, fwHandler);
     },
-    disableSubFormRow(t) {
-      this.widget.type === "sub-form" ? this.widget.widgetList.forEach((i) => {
-        const e = i.options.name + "@row" + this.rowIdData[t], s = this.getWidgetRef(e);
-        s && s.setDisabled && s.setDisabled(!0);
-      }) : this.widget.type === "grid-sub-form" && this.setGridSubFormRowDisabled(this.rowIdData[t], !0);
+    disableSubFormRow(rowIndex) {
+      if (this.widget.type === "sub-form") {
+        this.widget.widgetList.forEach((subWidget) => {
+          const swRefName = subWidget.options.name + "@row" + this.rowIdData[rowIndex];
+          const foundSW = this.getWidgetRef(swRefName);
+          if (!!foundSW && !!foundSW.setDisabled) {
+            foundSW.setDisabled(true);
+          }
+        });
+      } else if (this.widget.type === "grid-sub-form") {
+        this.setGridSubFormRowDisabled(this.rowIdData[rowIndex], true);
+      }
     },
-    enableSubFormRow(t) {
-      this.widget.type === "sub-form" ? this.widget.widgetList.forEach((i) => {
-        const e = i.options.name + "@row" + this.rowIdData[t], s = this.getWidgetRef(e);
-        s && s.setDisabled && s.setDisabled(!1);
-      }) : this.widget.type === "grid-sub-form" && this.setGridSubFormRowDisabled(this.rowIdData[t], !1);
+    enableSubFormRow(rowIndex) {
+      if (this.widget.type === "sub-form") {
+        this.widget.widgetList.forEach((subWidget) => {
+          const swRefName = subWidget.options.name + "@row" + this.rowIdData[rowIndex];
+          const foundSW = this.getWidgetRef(swRefName);
+          if (!!foundSW && !!foundSW.setDisabled) {
+            foundSW.setDisabled(false);
+          }
+        });
+      } else if (this.widget.type === "grid-sub-form") {
+        this.setGridSubFormRowDisabled(this.rowIdData[rowIndex], false);
+      }
     },
     disableSubForm() {
-      this.widget.widgetList.forEach((t) => {
-        t.options.disabled = !0;
-      }), this.rowIdData.length > 0 && this.rowIdData.forEach((t, i) => {
-        this.disableSubFormRow(i);
-      }), this.actionDisabled = !0;
+      this.widget.widgetList.forEach((subWidget) => {
+        subWidget.options.disabled = true;
+      });
+      if (this.rowIdData.length > 0) {
+        this.rowIdData.forEach((dataRow, rIdx) => {
+          this.disableSubFormRow(rIdx);
+        });
+      }
+      this.actionDisabled = true;
     },
     enableSubForm() {
-      this.widget.widgetList.forEach((t) => {
-        t.options.disabled = !1;
-      }), this.rowIdData.length > 0 && this.rowIdData.forEach((t, i) => {
-        this.enableSubFormRow(i);
-      }), this.actionDisabled = !1;
-    },
-    disableGridSubFormRow(t) {
-      const i = [], e = (s) => {
-        i.push(s);
+      this.widget.widgetList.forEach((subWidget) => {
+        subWidget.options.disabled = false;
+      });
+      if (this.rowIdData.length > 0) {
+        this.rowIdData.forEach((dataRow, rIdx) => {
+          this.enableSubFormRow(rIdx);
+        });
+      }
+      this.actionDisabled = false;
+    },
+    disableGridSubFormRow(rowIndex) {
+      const gsfFWList = [];
+      const fieldListFn = (fw) => {
+        gsfFWList.push(fw);
       };
-      a(this.widget, e), i.forEach((s) => {
-        const o = s.options.name + "@row" + this.rowIdData[t], d = this.getWidgetRef(o);
-        d && d.setDisabled && d.setDisabled(!0);
+      traverseFieldWidgetsOfContainer(this.widget, fieldListFn);
+      gsfFWList.forEach((fw) => {
+        const swRefName = fw.options.name + "@row" + this.rowIdData[rowIndex];
+        const foundSW = this.getWidgetRef(swRefName);
+        if (!!foundSW && !!foundSW.setDisabled) {
+          foundSW.setDisabled(true);
+        }
       });
     },
-    enableGridSubFormRow(t) {
-      const i = [], e = (s) => {
-        i.push(s);
+    enableGridSubFormRow(rowIndex) {
+      const gsfFWList = [];
+      const fieldListFn = (fw) => {
+        gsfFWList.push(fw);
       };
-      a(this.widget, e), i.forEach((s) => {
-        const o = s.options.name + "@row" + this.rowIdData[t], d = this.getWidgetRef(o);
-        d && d.setDisabled && d.setDisabled(!1);
+      traverseFieldWidgetsOfContainer(this.widget, fieldListFn);
+      gsfFWList.forEach((fw) => {
+        const swRefName = fw.options.name + "@row" + this.rowIdData[rowIndex];
+        const foundSW = this.getWidgetRef(swRefName);
+        if (!!foundSW && !!foundSW.setDisabled) {
+          foundSW.setDisabled(false);
+        }
       });
     },
     disableGridSubForm() {
-      a(this.widget, (t) => {
-        t.options.disabled = !0;
-      }), this.rowIdData.length > 0 && this.rowIdData.forEach((t, i) => {
-        this.disableGridSubFormRow(i);
-      }), this.actionDisabled = !0;
+      traverseFieldWidgetsOfContainer(this.widget, (fw) => {
+        fw.options.disabled = true;
+      });
+      if (this.rowIdData.length > 0) {
+        this.rowIdData.forEach((dataRow, rIdx) => {
+          this.disableGridSubFormRow(rIdx);
+        });
+      }
+      this.actionDisabled = true;
     },
     enableGridSubForm() {
-      a(this.widget, (t) => {
-        t.options.disabled = !1;
-      }), this.rowIdData.length > 0 && this.rowIdData.forEach((t, i) => {
-        this.enableGridSubFormRow(i);
-      }), this.actionDisabled = !1;
+      traverseFieldWidgetsOfContainer(this.widget, (fw) => {
+        fw.options.disabled = false;
+      });
+      if (this.rowIdData.length > 0) {
+        this.rowIdData.forEach((dataRow, rIdx) => {
+          this.enableGridSubFormRow(rIdx);
+        });
+      }
+      this.actionDisabled = false;
     },
     resetSubForm() {
       if (this.widget.type === "sub-form") {
-        const t = this.formModel[this.widget.options.name];
-        t && (t.splice(0, t.length), this.rowIdData.splice(0, this.rowIdData.length)), this.widget.options.showBlankRow && this.addSubFormRow();
+        const subFormModel = this.formModel[this.widget.options.name];
+        if (!!subFormModel) {
+          subFormModel.splice(0, subFormModel.length);
+          this.rowIdData.splice(0, this.rowIdData.length);
+        }
+        if (this.widget.options.showBlankRow) {
+          this.addSubFormRow();
+        }
       }
     },
-    getSubFormValues(t = !0) {
-      if (this.widget.type === "sub-form")
+    getSubFormValues(needValidation = true) {
+      if (this.widget.type === "sub-form") {
         return this.formModel[this.widget.options.name];
-      this.$message.error(this.i18nt("render.hint.nonSubFormType"));
+      } else {
+        this.$message.error(this.i18nt("render.hint.nonSubFormType"));
+      }
     },
     // validateField(fieldName) { //逐行校验子表单字段
     //   //TODO:
@@ -162,24 +239,34 @@ const l = {
      * 动态增加自定义css样式
      * @param className
      */
-    addCssClass(t) {
-      this.widget.options.customClass ? this.widget.options.customClass.push(t) : this.widget.options.customClass = [t];
+    addCssClass(className) {
+      if (!this.widget.options.customClass) {
+        this.widget.options.customClass = [className];
+      } else {
+        this.widget.options.customClass.push(className);
+      }
     },
     /**
      * 动态移除自定义css样式
      * @param className
      */
-    removeCssClass(t) {
-      if (!this.widget.options.customClass)
+    removeCssClass(className) {
+      if (!this.widget.options.customClass) {
         return;
-      let i = -1;
-      this.widget.options.customClass.map((e, s) => {
-        e === t && (i = s);
-      }), i > -1 && this.widget.options.customClass.splice(i, 1);
+      }
+      let foundIdx = -1;
+      this.widget.options.customClass.map((cc, idx) => {
+        if (cc === className) {
+          foundIdx = idx;
+        }
+      });
+      if (foundIdx > -1) {
+        this.widget.options.customClass.splice(foundIdx, 1);
+      }
     }
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
 export {
-  l as default
+  containerItemMixin as default
 };

package/src/components/form-render/container-item/data-table-item.vue.js

@@ -1,22 +1,22 @@
-import F from "./container-item-wrapper.vue.js";
-import I from "../../../utils/emitter.js";
-import z from "../../../utils/i18n.js";
-import T from "../../form-designer/form-widget/field-widget/index.js";
-import _ from "../refMixin.js";
-import k from "./containerItemMixin.js";
-import N from "../../../mixins/useDataTableMixin.js";
-import { resolveComponent as a, withDirectives as c, createBlock as r, openBlock as i, normalizeStyle as g, withCtx as l, createVNode as h, normalizeClass as w, createCommentVNode as d, createElementBlock as m, Fragment as u, renderList as p, mergeProps as O, createTextVNode as B, toDisplayString as D, vShow as f } from "vue";
+import ContainerItemWrapper from "./container-item-wrapper.vue.js";
+import emitter from "../../../utils/emitter.js";
+import i18n from "../../../utils/i18n.js";
+import comps from "../../form-designer/form-widget/field-widget/index.js";
+import refMixin from "../refMixin.js";
+import containerItemMixin from "./containerItemMixin.js";
+import useDataTableMixin from "../../../mixins/useDataTableMixin.js";
+import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, mergeProps, createTextVNode, toDisplayString, vShow } from "vue";
 /* empty css                     */
 /* empty css                     */
-import L from "../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "DataTableItem",
   componentName: "ContainerItem",
   // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [I, z, _, k, N],
+  mixins: [emitter, i18n, refMixin, containerItemMixin, useDataTableMixin],
   components: {
-    ContainerItemWrapper: F,
-    ...T
+    ContainerItemWrapper,
+    ...comps
   },
   props: {
     widget: Object,
@@ -59,10 +59,12 @@ const M = {
     }
   },
   created() {
-    this.initRefList(), this.handleOnCreated();
+    this.initRefList();
+    this.handleOnCreated();
   },
   mounted() {
-    this.loadDataTableDataSource(), console.log(1, this.widget.options.tableColumns), this.$nextTick(() => {
+    this.loadDataTableDataSource();
+    this.$nextTick(() => {
       this.handleOnMounted();
     });
   },
@@ -73,14 +75,20 @@ const M = {
     getDataTableRef() {
       return this;
     },
-    selectWidget(e) {
-      this.designer.setSelected(e);
+    selectWidget(widget) {
+      this.designer.setSelected(widget);
     },
     handleOnCreated() {
-      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+      if (!!this.widget.options.onCreated) {
+        const customFunc = new Function(this.widget.options.onCreated);
+        customFunc.call(this);
+      }
     },
     handleOnMounted() {
-      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+      if (!!this.widget.options.onMounted) {
+        const customFunc = new Function(this.widget.options.onMounted);
+        customFunc.call(this);
+      }
     },
     // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
@@ -104,86 +112,94 @@ const M = {
     // --------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function x(e, v, o, W, P, j) {
-  const b = a("a-empty"), s = a("a-table-column"), C = a("a-button"), y = a("a-table"), R = a("container-item-wrapper");
-  return c((i(), r(R, {
-    style: g({ display: "flex", height: parseFloat(e.tableHeight || 0) + "px" }),
-    widget: o.widget
+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_table = resolveComponent("a-table");
+  const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
+  return withDirectives((openBlock(), createBlock(_component_container_item_wrapper, {
+    style: normalizeStyle({ display: "flex", height: parseFloat(_ctx.tableHeight || 0) + "px" }),
+    widget: $props.widget
   }, {
-    default: l(() => [
-      h(y, {
-        class: w(["tpf-table", [e.customClass]]),
+    default: withCtx(() => [
+      createVNode(_component_a_table, {
+        class: normalizeClass(["tpf-table", [_ctx.customClass]]),
         ref: "dataTable2",
-        dataSource: o.widget.options.dataSource,
-        rowKey: (t) => t[o.widget.options.rowKey],
-        scroll: { y: parseFloat(e.tableHeight || 0), x: 300 },
-        size: e.widgetSize,
-        bordered: o.widget.options.border,
-        style: g({ width: o.widget.options.tableWidth }),
-        "row-class-name": e.rowClassName,
-        rowSelection: e.handleRowSelection(),
-        pagination: e.fmtPagination,
-        customRow: e.handleCustomRow,
-        rowClassName: e.rowClassName,
-        onChange: e.handleTablePageChange,
-        onResizeColumn: e.handleResizeColumn,
-        loading: e.loading
+        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 }),
+        "row-class-name": _ctx.rowClassName,
+        rowSelection: _ctx.handleRowSelection(),
+        pagination: _ctx.fmtPagination,
+        customRow: _ctx.handleCustomRow,
+        rowClassName: _ctx.rowClassName,
+        onChange: _ctx.handleTablePageChange,
+        onResizeColumn: _ctx.handleResizeColumn,
+        loading: _ctx.loading
       }, {
-        emptyText: l(() => [
-          h(b)
+        emptyText: withCtx(() => [
+          createVNode(_component_a_empty)
         ]),
-        default: l(() => [
-          o.widget.options.showIndex ? (i(), r(s, {
+        default: withCtx(() => [
+          $props.widget.options.showIndex ? (openBlock(), createBlock(_component_a_table_column, {
             key: 0,
             title: "序号",
             align: "left",
             width: 80,
             fixed: "left",
-            resizable: !0,
-            customRender: e.customRenderIndex
-          }, null, 8, ["customRender"])) : d("", !0),
-          (i(!0), m(u, null, p(o.widget.options.tableColumns, (t, n) => (i(), m(u, null, [
-            t.show !== !1 ? (i(), r(s, O({ key: n }, e.handleColumnItem(t), { showSorterTooltip: !1 }), null, 16)) : d("", !0)
-          ], 64))), 256)),
-          o.widget.options.showButtonsColumn ? (i(), r(s, {
+            resizable: true,
+            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",
             "class-name": "data-table-buttons-column",
             align: "center",
-            title: o.widget.options.buttonsColumnTitle,
-            width: o.widget.options.buttonsColumnWidth,
-            resizable: !0
+            title: $props.widget.options.buttonsColumnTitle,
+            width: $props.widget.options.buttonsColumnWidth,
+            resizable: true
           }, {
-            default: l((t) => [
-              (i(!0), m(u, null, p(o.widget.options.operationButtons, (n, S) => c((i(), r(C, {
-                key: S,
-                type: n.type,
-                size: n.size,
-                shape: n.shape,
-                disabled: e.disableOperationButton(n, t.index, t.record),
-                onClick: (H) => e.handleOperationButtonClick(n.name, t.index, t.record, t, n),
-                class: w(["data-table-" + n.name + "-button"])
-              }, {
-                default: l(() => [
-                  B(D(e.getOperationButtonLabel(n, t.index, t.record)), 1)
-                ]),
-                _: 2
-              }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
-                [f, e.showOperationButton(n, t.index, t.record)]
-              ])), 128))
+            default: withCtx((scope) => [
+              (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))
             ]),
             _: 1
-          }, 8, ["title", "width"])) : d("", !0)
+          }, 8, ["title", "width"])) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
     ]),
     _: 1
   }, 8, ["style", "widget"])), [
-    [f, !e.handleHidden()]
+    [vShow, !_ctx.handleHidden()]
   ]);
 }
-const Z = /* @__PURE__ */ L(M, [["render", x], ["__scopeId", "data-v-18b7a48a"]]);
+const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9fbd63af"]]);
 export {
-  Z as default
+  dataTableItem as default
 };