@kp-ui/lowcode 1.0.91 → 1.0.94

package/src/mixins/useDataTableMixin.js

@@ -1,11 +1,11 @@
-import { createVNode } from "vue";
-import { omit, isArray, isEmpty } from "lodash-es";
-import { fmtHttpParams } from "../utils/request/fmtHttpParams.js";
-import { TpfConfirm } from "../hooks/TpfConfirm.js";
-import RenderBodyCell from "../components/CustomRender/components/RenderBodyCell.js";
-import { executeFunction } from "../utils/executeFunction.js";
-import ActionButtonListRender from "../components/public/ActionButtonListRender.vue.js";
-const useDataTableMixin = {
+import { createVNode as w } from "vue";
+import { omit as r, isArray as g, isEmpty as u } from "lodash-es";
+import { fmtHttpParams as p } from "../utils/request/fmtHttpParams.js";
+import { TpfConfirm as m } from "../hooks/TpfConfirm.js";
+import f from "../components/CustomRender/components/RenderBodyCell.js";
+import { executeFunction as l } from "../utils/executeFunction.js";
+import R from "../components/public/ActionButtonListRender.vue.js";
+const I = {
   data() {
     return {
       selectedRowInfo: {
@@ -13,63 +13,52 @@ const useDataTableMixin = {
         selectedRows: []
       },
       selectRow: {},
-      loading: false
+      loading: !1
     };
   },
   components: {
-    RenderBodyCell
+    RenderBodyCell: f
   },
   inject: ["refList"],
   computed: {
     columns() {
-      var _a;
-      const leftFixedColumns = [];
-      const optins = ((_a = this.widget) == null ? void 0 : _a.options) ?? {};
-      if (optins.showIndex) {
-        leftFixedColumns.push({
-          title: "序号",
-          align: "left",
-          width: 90,
-          fixed: "left",
-          maxWidth: 100,
-          field: "dataIndex",
-          customRender: this.customRenderIndex
-        });
-      }
-      const centerColumns = optins.tableColumns.filter((item) => item.show).map((item) => ({
-        ...item,
-        ...this.handleColumnItem(item)
-      }));
-      const rightFixedColumns = [];
-      if (optins.showButtonsColumn) {
-        const operationButtons = optins.operationButtons ?? [];
-        let _this = this;
-        rightFixedColumns.push({
+      var c;
+      const t = [], e = ((c = this.widget) == null ? void 0 : c.options) ?? {};
+      e.showIndex && t.push({
+        title: "序号",
+        align: "left",
+        width: 90,
+        fixed: "left",
+        maxWidth: 100,
+        field: "dataIndex",
+        customRender: this.customRenderIndex
+      });
+      const o = e.tableColumns.filter((i) => i.show).map((i) => ({
+        ...i,
+        ...this.handleColumnItem(i)
+      })), s = [];
+      if (e.showButtonsColumn) {
+        const i = e.operationButtons ?? [];
+        let d = this;
+        s.push({
           fixed: "right",
           align: "center",
-          title: optins.buttonsColumnTitle,
-          width: optins.buttonsColumnWidth,
-          customRender(scope) {
-            return createVNode(ActionButtonListRender, {
-              "buttonList": operationButtons,
-              "flex": "center",
-              "scope": scope,
-              "ctx": _this
+          title: e.buttonsColumnTitle,
+          width: e.buttonsColumnWidth,
+          customRender(h) {
+            return w(R, {
+              buttonList: i,
+              flex: "center",
+              scope: h,
+              ctx: d
             }, null);
           }
         });
       }
-      let bodyCell = {};
-      let _columns = [...leftFixedColumns, ...centerColumns, ...rightFixedColumns].map((item) => {
-        if (item.bodyCell) {
-          bodyCell[item.dataIndex] = item.bodyCell;
-          delete item.customRender;
-        }
-        return item;
-      });
+      let n = {};
       return {
-        columns: _columns,
-        bodyCell
+        columns: [...t, ...o, ...s].map((i) => (i.bodyCell && (n[i.dataIndex] = i.bodyCell, delete i.customRender), i)),
+        bodyCell: n
       };
     },
     tableHeight() {
@@ -92,76 +81,55 @@ const useDataTableMixin = {
     },
     fmtPagination() {
       const {
-        showPagination
+        showPagination: t
       } = this.widget.options;
-      if (!showPagination) return false;
-      return {
+      return t ? {
         ...this.widget.options.pagination,
-        showTotal: (total) => `共 ${total} 条`
-      };
+        showTotal: (e) => `共 ${e} 条`
+      } : !1;
     }
   },
   watch: {
     "widget.options.dataSource": {
-      handler(newVal) {
-        var _a;
-        if (newVal && newVal.length) {
-          console.log("DataTable dataSource changed:", newVal);
-          this.widget.options.dataSource = newVal;
-          console.log(this.getFormRef());
-          (_a = this.getFormRef()) == null ? void 0 : _a.setTableValue(this.widget.options.name, newVal);
-        }
+      handler(t) {
+        var e;
+        t && t.length && (console.log("DataTable dataSource changed:", t), this.widget.options.dataSource = t, console.log(this.getFormRef()), (e = this.getFormRef()) == null || e.setTableValue(this.widget.options.name, t));
       },
-      deep: true
+      deep: !0
     }
   },
   methods: {
-    isShowBodyCell(dataIndex) {
-      var _a, _b;
-      return (_b = (_a = this.columns) == null ? void 0 : _a.bodyCell) == null ? void 0 : _b[dataIndex];
+    isShowBodyCell(t) {
+      var e, o;
+      return (o = (e = this.columns) == null ? void 0 : e.bodyCell) == null ? void 0 : o[t];
     },
     handleHidden() {
       const {
-        onHidden,
-        hidden
+        onHidden: t,
+        hidden: e
       } = this.widget.options;
-      if (hidden) return true;
-      if (onHidden) {
-        const onHiddenFn = new Function(onHidden);
-        return onHiddenFn.call(this);
-      }
-      return false;
+      return e ? !0 : t ? new Function(t).call(this) : !1;
     },
-    rowClassName(record) {
+    rowClassName(t) {
       const {
-        rowKey,
-        colorRow
+        rowKey: e,
+        colorRow: o
       } = this.widget.options;
-      if (!colorRow) return "";
-      return this.selectRow[rowKey] === record[rowKey] ? "colorRowClassName surely-table-row-selected" : "";
+      return o && this.selectRow[e] === t[e] ? "colorRowClassName surely-table-row-selected" : "";
     },
-    handleResizeColumn(w, col) {
+    handleResizeColumn(t, e) {
       const {
-        tableColumns
-      } = this.widget.options;
-      const newTableColumns = tableColumns.map((item) => {
-        if (item.dataIndex === col.dataIndex) {
-          item.width = w;
-        }
-        return {
-          ...item
-        };
-      });
-      this.setTableColumns(newTableColumns);
+        tableColumns: o
+      } = this.widget.options, s = o.map((n) => (n.dataIndex === e.dataIndex && (n.width = t), {
+        ...n
+      }));
+      this.setTableColumns(s);
     },
     disabledClick() {
       const {
-        hasRowSelection
+        hasRowSelection: t
       } = this.widget.options.rowSelection;
-      if (hasRowSelection) {
-        return isEmpty(this.selectedRowInfo.selectedRowKeys);
-      }
-      return isEmpty(this.selectRow);
+      return t ? u(this.selectedRowInfo.selectedRowKeys) : u(this.selectRow);
     },
     getSelectedRowKeys() {
       return this.selectedRowInfo.selectedRowKeys;
@@ -172,23 +140,17 @@ const useDataTableMixin = {
     getTableColumns() {
       return this.widget.options.tableColumns;
     },
-    setTableColumns(list) {
-      this.widget.options.tableColumns = list;
-      return;
+    setTableColumns(t) {
+      this.widget.options.tableColumns = t;
     },
-    async delSelectRow(delKeys) {
-      await TpfConfirm({
+    async delSelectRow(t) {
+      if (await m({
         content: "确定删除选中的数据吗"
-      });
-      delKeys = delKeys || this.selectedRowInfo.selectedRowKeys;
-      if (!delKeys.length) return;
+      }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
       const {
-        rowKey
-      } = this.widget.options;
-      const data = this.getDataSource();
-      const newList = data.filter((item) => !(delKeys == null ? void 0 : delKeys.includes(item[rowKey])));
-      this.setDataSource(newList);
-      this.$message.success("操作成功");
+        rowKey: e
+      } = this.widget.options, s = this.getDataSource().filter((n) => !(t != null && t.includes(n[e])));
+      this.setDataSource(s), this.$message.success("操作成功");
     },
     getPagination() {
       return this.widget.options.pagination;
@@ -197,266 +159,180 @@ const useDataTableMixin = {
      * 设置表格分页
      * @param pagination
      */
-    setPagination(pagination) {
-      if (pagination.page !== void 0) {
-        this.widget.options.pagination.current = pagination.page;
-      }
-      if (pagination.pageSize !== void 0) {
-        this.widget.options.pagination.pageSize = pagination.pageSize;
-      }
-      if (pagination.total !== void 0) {
-        this.widget.options.pagination.total = pagination.total;
-      }
+    setPagination(t) {
+      t.page !== void 0 && (this.widget.options.pagination.current = t.page), t.pageSize !== void 0 && (this.widget.options.pagination.pageSize = t.pageSize), t.total !== void 0 && (this.widget.options.pagination.total = t.total);
     },
-    setDataSource(list) {
-      var _a;
-      list = list || [];
-      this.selectedRowInfo = {
+    setDataSource(t) {
+      var o;
+      t = t || [], this.selectedRowInfo = {
         selectedRowKeys: [],
         selectedRows: []
-      };
-      this.selectRowe = {};
-      const val = isArray(list) ? list : [list];
-      console.log("setDataSource: ", val);
-      (_a = this.getFormRef()) == null ? void 0 : _a.setTableValue(this.widget.options.name, val);
+      }, this.selectRowe = {};
+      const e = g(t) ? t : [t];
+      console.log("setDataSource: ", e), (o = this.getFormRef()) == null || o.setTableValue(this.widget.options.name, e);
     },
-    setValue(list) {
-      console.log("list: ", list);
-      this.setDataSource(list);
+    setValue(t) {
+      console.log("list: ", t), this.setDataSource(t);
     },
-    setRowDataSource(scope, value) {
-      var _a;
-      (_a = this.getFormRef()) == null ? void 0 : _a.setTableRowDataValue(this.widget.options.name, scope, value);
+    setRowDataSource(t, e) {
+      var o;
+      (o = this.getFormRef()) == null || o.setTableRowDataValue(this.widget.options.name, t, e);
     },
     getDataSource() {
-      var _a;
-      return ((_a = this.getFormRef()) == null ? void 0 : _a.getTableValue(this.widget.options.name)) || [];
+      var t;
+      return ((t = this.getFormRef()) == null ? void 0 : t.getTableValue(this.widget.options.name)) || [];
     },
     getValue() {
       return this.getDataSource();
     },
     async loadDataTableDataSource() {
-      if (!this.widget.options.dsEnabled) {
-        return;
-      }
-      setTimeout(async () => {
-        const ops = this.widget.options;
-        if (ops.dsEnabled && ops.http.url) {
-          this.loading = true;
-          const res = await fmtHttpParams.call(this, ops);
-          this.setPagination(res);
-          this.setDataSource(res.list);
-          this.loading = false;
+      this.widget.options.dsEnabled && setTimeout(async () => {
+        const t = this.widget.options;
+        if (t.dsEnabled && t.http.url) {
+          this.loading = !0;
+          const e = await p.call(this, t);
+          this.setPagination(e), this.setDataSource(e.list), this.loading = !1;
         }
       }, 500);
     },
-    handleCustomRow(record) {
+    handleCustomRow(t) {
       const {
-        customRow,
-        colorRow
-      } = this.widget.options;
-      const {
-        hasRowSelection
+        customRow: e,
+        colorRow: o
+      } = this.widget.options, {
+        hasRowSelection: s
       } = this.widget.options.rowSelection;
       return {
-        onClick: (event) => {
-          if (colorRow) {
-            this.selectRow = record;
-          }
-          if (hasRowSelection) {
-            this.selectTableRow(record);
-          }
-          const customFn = new Function("record", "event", customRow.onClick);
-          customFn.call(this, record, event);
+        onClick: (n) => {
+          o && (this.selectRow = t), s && this.selectTableRow(t), new Function("record", "event", e.onClick).call(this, t, n);
         },
-        onDblclick: (event) => {
-          const customFn = new Function("record", "event", customRow.onDblclick);
-          customFn.call(this, record, event);
+        onDblclick: (n) => {
+          new Function("record", "event", e.onDblclick).call(this, t, n);
         },
-        onMouseenter: (event) => {
-          const customFn = new Function("record", "event", customRow.onMouseenter);
-          customFn.call(this, record, event);
+        onMouseenter: (n) => {
+          new Function("record", "event", e.onMouseenter).call(this, t, n);
         },
-        onMouseleave: (event) => {
-          const customFn = new Function("record", "event", customRow.onMouseleave);
-          customFn.call(this, record, event);
+        onMouseleave: (n) => {
+          new Function("record", "event", e.onMouseleave).call(this, t, n);
         }
       };
     },
-    selectTableRow(record) {
-      const rowKey = this.widget.options.rowKey;
-      const rowKeys = this.selectedRowInfo.selectedRowKeys;
-      console.log(this.selectedRowInfo.selectedRowKeys);
-      if (rowKeys.includes(record[rowKey])) {
-        this.selectedRowInfo.selectedRowKeys.splice(rowKeys.indexOf(record[rowKey]), 1);
-      } else {
-        this.selectedRowInfo.selectedRowKeys.push(record[rowKey]);
-      }
+    selectTableRow(t) {
+      const e = this.widget.options.rowKey, o = this.selectedRowInfo.selectedRowKeys;
+      console.log(this.selectedRowInfo.selectedRowKeys), o.includes(t[e]) ? this.selectedRowInfo.selectedRowKeys.splice(o.indexOf(t[e]), 1) : this.selectedRowInfo.selectedRowKeys.push(t[e]);
     },
     // 处理列配置
-    handleColumnItem(item) {
-      const res = omit(item, ["customRender"]);
-      const customRenderFn = item.customRender;
-      item.minWidth = 50;
-      item.maxWidth = 1200;
-      if (item.isAutoWidth) {
-        item.width = null;
-        delete item.width;
-      } else {
-        item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);
-      }
-      if (!customRenderFn) return item;
-      console.log(this);
-      return {
-        ...res,
-        bodyCell: (scope) => {
-          return executeFunction({
-            functionBody: customRenderFn,
-            params: scope,
-            context: this,
-            errorCallback: (error) => {
-              console.error("Custom render error:", error);
-            }
-          });
-        }
-      };
+    handleColumnItem(t) {
+      const e = r(t, ["customRender"]), o = t.customRender;
+      return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), o ? (console.log(this), {
+        ...e,
+        bodyCell: (s) => l({
+          functionBody: o,
+          params: s,
+          context: this,
+          errorCallback: (n) => {
+            console.error("Custom render error:", n);
+          }
+        })
+      }) : t;
     },
-    getOperationButtonLabel(buttonConfig, rowIndex, row) {
+    getOperationButtonLabel(t, e, o) {
       const {
-        onGetOperationButtonLabel
+        onGetOperationButtonLabel: s
       } = this.widget.options;
-      if (!!onGetOperationButtonLabel) {
-        const customFn = new Function("buttonConfig", "rowIndex", "row", onGetOperationButtonLabel);
-        return customFn.call(this, buttonConfig, rowIndex, row);
-      } else {
-        return buttonConfig.label;
-      }
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.label;
     },
     // 处理操作按钮点击
-    async handleOperationButtonClick(btnName, rowIndex, row, scope, ob) {
-      this.skipSelectionChangeEvent = true;
+    async handleOperationButtonClick(t, e, o, s, n) {
+      this.skipSelectionChangeEvent = !0;
       try {
-        if (ob.onClick) {
-          await executeFunction({
-            functionBody: ob.onClick,
+        if (n.onClick) {
+          await l({
+            functionBody: n.onClick,
             params: {
-              record: row,
-              index: rowIndex,
-              column: scope.column,
-              btn: ob
+              record: o,
+              index: e,
+              column: s.column,
+              btn: n
             },
             context: this
           });
           return;
         }
         const {
-          onOperationButtonClick
+          onOperationButtonClick: a
         } = this.widget.options;
-        if (onOperationButtonClick) {
-          await executeFunction({
-            functionBody: onOperationButtonClick,
-            params: {
-              buttonName: btnName,
-              rowIndex,
-              row
-            },
-            context: this
-          });
-        } else {
-          this.dispatch("VFormRender", "operationButtonClick", [this, btnName, rowIndex, row]);
-        }
+        a ? await l({
+          functionBody: a,
+          params: {
+            buttonName: t,
+            rowIndex: e,
+            row: o
+          },
+          context: this
+        }) : this.dispatch("VFormRender", "operationButtonClick", [this, t, e, o]);
       } finally {
-        this.skipSelectionChangeEvent = false;
+        this.skipSelectionChangeEvent = !1;
       }
     },
-    showOperationButton(buttonConfig, rowIndex, row) {
+    showOperationButton(t, e, o) {
       const {
-        onHideOperationButton
+        onHideOperationButton: s
       } = this.widget.options;
-      if (!!onHideOperationButton) {
-        const customFn = new Function("buttonConfig", "rowIndex", "row", onHideOperationButton);
-        return !!customFn.call(this, buttonConfig, rowIndex, row);
-      } else {
-        return !buttonConfig.hidden;
-      }
+      return s ? !!new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : !t.hidden;
     },
-    disableOperationButton(buttonConfig, rowIndex, row) {
+    disableOperationButton(t, e, o) {
       const {
-        onDisableOperationButton
+        onDisableOperationButton: s
       } = this.widget.options;
-      if (!!onDisableOperationButton) {
-        const customFn = new Function("buttonConfig", "rowIndex", "row", onDisableOperationButton);
-        return customFn.call(this, buttonConfig, rowIndex, row);
-      } else {
-        return buttonConfig.disabled;
-      }
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.disabled;
     },
     customRenderIndex({
-      index
+      index: t
     }) {
-      return index + 1;
+      return t + 1;
     },
-    handleCurrentPageChange(currentPage) {
-      this.currentPage = currentPage;
+    handleCurrentPageChange(t) {
+      this.currentPage = t;
       const {
-        onCurrentPageChange
+        onCurrentPageChange: e
       } = this.widget.options;
-      if (!!onCurrentPageChange) {
-        const customFn = new Function("pageSize", "currentPage", onCurrentPageChange);
-        customFn.call(this, this.pageSize, currentPage);
-      } else {
-        this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, currentPage]);
-      }
+      e ? new Function("pageSize", "currentPage", e).call(this, this.pageSize, t) : this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, t]);
     },
     getFormRef() {
-      return this.refList["v_form_ref"];
+      return this.refList.v_form_ref;
     },
-    handlePageSizeChange(pageSize) {
-      this.pageSize = pageSize;
+    handlePageSizeChange(t) {
+      this.pageSize = t;
       const {
-        onPageSizeChange
+        onPageSizeChange: e
       } = this.widget.options;
-      if (!!onPageSizeChange) {
-        const customFn = new Function("pageSize", "currentPage", onPageSizeChange);
-        customFn.call(this, pageSize, this.currentPage);
-      } else {
-        this.dispatch("VFormRender", "dataTablePageSizeChange", [this, pageSize, this.currentPage]);
-      }
+      e ? new Function("pageSize", "currentPage", e).call(this, t, this.currentPage) : this.dispatch("VFormRender", "dataTablePageSizeChange", [this, t, this.currentPage]);
     },
-    handleTablePageChange(pagination, filters, sorter, {
-      currentDataSource
+    handleTablePageChange(t, e, o, {
+      currentDataSource: s
     }) {
-      const fn = this.widget.options.onTableChange;
-      this.widget.options.pagination.current = pagination.current;
-      this.widget.options.pagination.pageSize = pagination.pageSize;
-      if (fn) {
-        const changeFunc = new Function("pagination", "filters", "sorter", "currentDataSource", fn);
-        changeFunc.call(this, pagination, filters, sorter, {
-          currentDataSource
-        });
-      }
-      this.loadDataTableDataSource();
+      const n = this.widget.options.onTableChange;
+      this.widget.options.pagination.current = t.current, this.widget.options.pagination.pageSize = t.pageSize, n && new Function("pagination", "filters", "sorter", "currentDataSource", n).call(this, t, e, o, {
+        currentDataSource: s
+      }), this.loadDataTableDataSource();
     },
     handleRowSelection() {
-      const info = this.widget.options.rowSelection;
-      if (!info.hasRowSelection) {
-        return void 0;
-      }
-      return {
-        ...omit(info, ["onChange"]),
-        onChange: (selectedRowKeys, selectedRows) => {
-          this.selectedRowInfo = {
-            selectedRowKeys,
-            selectedRows
-          };
-          const rcFunc = new Function("selectedRowKeys", "selectedRows", info.onChange);
-          rcFunc.call(this, selectedRowKeys, selectedRows);
-        }
-      };
+      const t = this.widget.options.rowSelection;
+      if (t.hasRowSelection)
+        return {
+          ...r(t, ["onChange"]),
+          onChange: (e, o) => {
+            this.selectedRowInfo = {
+              selectedRowKeys: e,
+              selectedRows: o
+            }, new Function("selectedRowKeys", "selectedRows", t.onChange).call(this, e, o);
+          }
+        };
     }
   }
 };
 export {
-  useDataTableMixin as default
+  I as default
 };
 //# sourceMappingURL=useDataTableMixin.js.map