@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/src/components/form-render/refMixin.js

@@ -1,20 +0,0 @@
-const s = {
-  methods: {
-    initRefList() {
-      this.subFormRowIndex === -1 || this.subFormRowIndex === void 0 ? this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this) : this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name + "@row" + this.subFormRowId] = this);
-    },
-    getWidgetRef(t, e) {
-      const i = this.refList[t];
-      return !i && e && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
-    },
-    getFormRef() {
-      return this.refList.v_form_ref;
-    },
-    getComponentByContainer(t) {
-      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
-    }
-  }
-};
-export {
-  s as default
-};

package/src/mixins/useDataTableMixin.js

@@ -1,336 +0,0 @@
-import { createVNode as w } from "vue";
-import { omit as c, isArray as g, isEmpty as u } from "lodash-es";
-import { fmtHttpParams as p } from "../utils/request/fmtHttpParams.js";
-import { TpfConfirm as f } from "../hooks/TpfConfirm.js";
-import m from "../components/CustomRender/RenderBodyCell.js";
-import { executeFunction as l } from "../utils/executeFunction.js";
-import R from "../components/public/ActionButtonListRender.vue.js";
-const I = {
-  data() {
-    return {
-      selectedRowInfo: {
-        selectedRowKeys: [],
-        selectedRows: []
-      },
-      selectRow: {},
-      loading: !1
-    };
-  },
-  components: {
-    RenderBodyCell: m
-  },
-  inject: ["refList"],
-  computed: {
-    columns() {
-      var r;
-      const t = [], e = ((r = this.widget) == null ? void 0 : r.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: e.buttonsColumnTitle,
-          width: e.buttonsColumnWidth,
-          customRender(h) {
-            return w(R, {
-              buttonList: i,
-              flex: "center",
-              scope: h,
-              ctx: d
-            }, null);
-          }
-        });
-      }
-      let n = {};
-      return {
-        columns: [...t, ...o, ...s].map((i) => (i.bodyCell && (n[i.dataIndex] = i.bodyCell, delete i.customRender), i)),
-        bodyCell: n
-      };
-    },
-    tableHeight() {
-      return parseFloat(this.widget.options.tableHeight || 0);
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    },
-    widgetSize() {
-      return this.widget.options.tableSize || "default";
-    },
-    lineHeight() {
-      return this.widget.options.lineHeight || 40;
-    },
-    fmtPagination() {
-      const {
-        showPagination: t
-      } = this.widget.options;
-      return t ? {
-        ...this.widget.options.pagination,
-        showTotal: (e) => `共 ${e} 条`
-      } : !1;
-    }
-  },
-  watch: {
-    "widget.options.dataSource": {
-      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: !0
-    }
-  },
-  methods: {
-    isShowBodyCell(t) {
-      var e, o;
-      return (o = (e = this.columns) == null ? void 0 : e.bodyCell) == null ? void 0 : o[t];
-    },
-    handleHidden() {
-      const {
-        onHidden: t,
-        hidden: e
-      } = this.widget.options;
-      if (e) return !0;
-      if (t)
-        try {
-          return new Function(t).call(this);
-        } catch {
-          return !1;
-        }
-      return !1;
-    },
-    rowClassName(t) {
-      const {
-        rowKey: e,
-        colorRow: o
-      } = this.widget.options;
-      return o && this.selectRow[e] === t[e] ? "colorRowClassName surely-table-row-selected" : "";
-    },
-    handleResizeColumn(t, e) {
-      const {
-        tableColumns: o
-      } = this.widget.options, s = o.map((n) => (n.dataIndex === e.dataIndex && (n.width = t), {
-        ...n
-      }));
-      this.setTableColumns(s);
-    },
-    disabledClick() {
-      const {
-        hasRowSelection: t
-      } = this.widget.options.rowSelection;
-      return t ? u(this.selectedRowInfo.selectedRowKeys) : u(this.selectRow);
-    },
-    getSelectedRowKeys() {
-      return this.selectedRowInfo.selectedRowKeys;
-    },
-    getSelectedRows() {
-      return this.selectedRowInfo.getSelectedRows;
-    },
-    getTableColumns() {
-      return this.widget.options.tableColumns;
-    },
-    setTableColumns(t) {
-      this.widget.options.tableColumns = t;
-    },
-    async delSelectRow(t) {
-      if (await f({
-        content: "确定删除选中的数据吗"
-      }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
-      const {
-        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;
-    },
-    /**
-     * 设置表格分页
-     * @param pagination
-     */
-    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(t) {
-      var o;
-      t = t || [], this.selectedRowInfo = {
-        selectedRowKeys: [],
-        selectedRows: []
-      }, this.selectRow = {};
-      const e = g(t) ? t : [t];
-      console.log("setDataSource: ", e), (o = this.getFormRef()) == null || o.setTableValue(this.widget.options.name, e);
-    },
-    setValue(t) {
-      console.log("list: ", t), this.setDataSource(t);
-    },
-    setRowDataSource(t, e) {
-      var o;
-      (o = this.getFormRef()) == null || o.setTableRowDataValue(this.widget.options.name, t, e);
-    },
-    insertTableValue(t) {
-      var e;
-      (e = this.getFormRef()) == null || e.insertTableValue(this.widget.options.name, t);
-    },
-    getDataSource() {
-      var t;
-      return ((t = this.getFormRef()) == null ? void 0 : t.getTableValue(this.widget.options.name)) || [];
-    },
-    getValue() {
-      return this.getDataSource();
-    },
-    async loadDataTableDataSource() {
-      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(t) {
-      const {
-        customRow: e,
-        colorRow: o
-      } = this.widget.options, {
-        hasRowSelection: s
-      } = this.widget.options.rowSelection;
-      return {
-        onClick: (n) => {
-          o && (this.selectRow = t), s && this.selectTableRow(t), new Function("record", "event", e.onClick).call(this, t, n);
-        },
-        onDblclick: (n) => {
-          new Function("record", "event", e.onDblclick).call(this, t, n);
-        },
-        onMouseenter: (n) => {
-          new Function("record", "event", e.onMouseenter).call(this, t, n);
-        },
-        onMouseleave: (n) => {
-          new Function("record", "event", e.onMouseleave).call(this, t, n);
-        }
-      };
-    },
-    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(t) {
-      const e = c(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 ? {
-        ...e,
-        bodyCell: (s) => l({
-          functionBody: o,
-          params: s,
-          context: this,
-          errorCallback: (n) => {
-            console.error("Custom render error:", n);
-          }
-        })
-      } : t;
-    },
-    getOperationButtonLabel(t, e, o) {
-      const {
-        onGetOperationButtonLabel: s
-      } = this.widget.options;
-      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.label;
-    },
-    // 处理操作按钮点击
-    async handleOperationButtonClick(t, e, o, s, n) {
-      this.skipSelectionChangeEvent = !0;
-      try {
-        if (n.onClick) {
-          await l({
-            functionBody: n.onClick,
-            params: {
-              record: o,
-              index: e,
-              column: s.column,
-              btn: n
-            },
-            context: this
-          });
-          return;
-        }
-        const {
-          onOperationButtonClick: a
-        } = this.widget.options;
-        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 = !1;
-      }
-    },
-    showOperationButton(t, e, o) {
-      const {
-        onHideOperationButton: s
-      } = this.widget.options;
-      return s ? !!new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : !t.hidden;
-    },
-    disableOperationButton(t, e, o) {
-      const {
-        onDisableOperationButton: s
-      } = this.widget.options;
-      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.disabled;
-    },
-    customRenderIndex({
-      index: t
-    }) {
-      return t + 1;
-    },
-    handleCurrentPageChange(t) {
-      this.currentPage = t;
-      const {
-        onCurrentPageChange: e
-      } = this.widget.options;
-      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;
-    },
-    handleTablePageChange(t, e, o, {
-      currentDataSource: s
-    }) {
-      console.log(2442342);
-      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 t = this.widget.options.rowSelection;
-      if (t.hasRowSelection)
-        return {
-          ...c(t, ["onChange"]),
-          onChange: (e, o) => {
-            this.selectedRowInfo = {
-              selectedRowKeys: e,
-              selectedRows: o
-            }, new Function("selectedRowKeys", "selectedRows", t.onChange).call(this, e, o);
-          }
-        };
-    }
-  }
-};
-export {
-  I as default
-};

package/src/mixins/useSelectMixin.js

@@ -1,60 +0,0 @@
-import { debounce as s } from "lodash-es";
-const l = {
-  data() {
-    return {
-      keyword: "",
-      pager: {
-        page: 1,
-        pageSize: 20,
-        totalPage: 0,
-        total: 0
-      }
-    };
-  },
-  computed: {
-    fieldNames() {
-      return {
-        label: this.field.options.labelKey || "label",
-        value: this.field.options.valueKey || "value",
-        options: "options"
-      };
-    },
-    selectOps() {
-      const t = this.field.options.showSearch;
-      return {
-        fieldNames: this.fieldNames,
-        showSearch: !0,
-        onPopupScroll: this.onPopupScroll,
-        onSearch: this.remoteQuery,
-        filterOption: !t && this.filterOption,
-        listHeight: 240
-      };
-    }
-  },
-  methods: {
-    filterOption(e, t) {
-      return t[this.fieldNames.label].toLowerCase().indexOf(e.toLowerCase()) >= 0;
-    },
-    initPager() {
-      this.pager = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, this.loadOptions([]);
-    },
-    remoteQuery(e) {
-      this.field.options.showSearch && (this.designState || (this.initPager(), this.keyword = e, this.initOptionItems(!0)));
-    },
-    onPopupScroll(e) {
-      if (!this.field.options.loadingPage) return;
-      const { target: t } = e, { scrollTop: i, scrollHeight: o, clientHeight: r } = t;
-      if (o - (i + r) <= 30 && this.pager.totalPage > this.pager.page) {
-        if (this.pager.totalPage === this.pager.page)
-          return;
-        this.changePager();
-      }
-    },
-    changePager: s(function() {
-      this.pager.page += 1, this.initOptionItems(!0);
-    }, 500)
-  }
-};
-export {
-  l as default
-};

package/src/utils/executeFunction.js

@@ -1,27 +0,0 @@
-import { h as s } from "vue";
-const l = ({
-  functionBody: r,
-  params: u = {},
-  context: c = {},
-  keys: t = [],
-  errorCallback: n
-}) => {
-  if (!(r != null && r.trim())) return !0;
-  try {
-    let e = ["scope"];
-    t && t.length && (e = t);
-    const h = new Function(...e, `${r}`);
-    let p;
-    if (t && t.length) {
-      const i = t.map((m) => u[m]);
-      p = h.apply(c, i);
-    } else
-      p = h.call(c, u);
-    return p;
-  } catch (e) {
-    return console.error("Execute function error:", e), n == null || n(e), s("span", "自定义渲染失败");
-  }
-};
-export {
-  l as executeFunction
-};