@web-utils/component 4.0.16 → 5.0.0-beta01

package/table-column/index.mjs

@@ -1,225 +1,2 @@
-import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
-import { h as d } from "vue";
-import { g as C } from "../chunks/dictionary.DGt59Ir7.mjs";
-import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import { f as V } from "../chunks/core.0Exl13Mz.mjs";
-const D = {
-  name: "DictRender",
-  inheritAttrs: !1,
-  props: {
-    row: Object,
-    column: Object,
-    dictType: String,
-    options: Array,
-    treeDict: Boolean,
-    idAsValue: {
-      type: Boolean,
-      default: !0
-    },
-    labelAsValue: Boolean
-  },
-  data() {
-    return {
-      label: ""
-    };
-  },
-  computed: {
-    value() {
-      return this.row[this.column.property];
-    }
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      async handler() {
-        var l, e;
-        this.dictType ? this.label = await C(this.dictType, this.value, !0, {
-          treeDict: this.treeDict,
-          idAsValue: this.idAsValue,
-          labelAsValue: this.labelAsValue
-        }) : this.label = ((e = (l = this.options) == null ? void 0 : l.find((t) => `${t.value}` == `${this.value}`)) == null ? void 0 : e.label) ?? `${this.value}`;
-      }
-    }
-  },
-  render() {
-    return d("span", T([{}, {
-      on: this.$listeners
-    }, {}, {
-      domProps: this.$attrs
-    }]), [this.label]);
-  }
-}, F = null, O = null;
-var $ = /* @__PURE__ */ B(
-  D,
-  F,
-  O,
-  !1,
-  null,
-  null
-);
-const x = $.exports, N = {
-  props: {
-    type: {
-      type: String,
-      default: "default"
-    },
-    label: String,
-    className: String,
-    labelClassName: String,
-    property: String,
-    prop: String,
-    width: {},
-    minWidth: {},
-    renderHeader: Function,
-    sortable: {
-      type: [Boolean, String],
-      default: !0
-    },
-    sortMethod: Function,
-    sortBy: [String, Function, Array],
-    resizable: {
-      type: Boolean,
-      default: !0
-    },
-    columnKey: String,
-    align: String,
-    headerAlign: String,
-    showTooltipWhenOverflow: Boolean,
-    clickable: Boolean,
-    cellClick: Function,
-    showOverflowTooltip: {
-      type: Boolean,
-      default: !0
-    },
-    fixed: [Boolean, String],
-    formatter: Function,
-    selectable: Function,
-    reserveSelection: Boolean,
-    filterMethod: Function,
-    filteredValue: Array,
-    filters: Array,
-    filterPlacement: String,
-    filterMultiple: {
-      type: Boolean,
-      default: !0
-    },
-    index: [Number, Function],
-    sortOrders: {
-      type: Array,
-      default() {
-        return ["ascending", "descending", null];
-      },
-      validator(l) {
-        return l.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
-      }
-    },
-    dictType: String,
-    options: Array,
-    autoUpdate: Boolean,
-    treeDict: Boolean,
-    idAsValue: {
-      type: Boolean,
-      default: !0
-    },
-    labelAsValue: Boolean
-  }
-}, M = {
-  selection: !0,
-  "single-selection": !0,
-  index: !0,
-  expand: !0
-}, k = (l, e, t, y, p) => {
-  var i;
-  const n = l.rowDbClick || ((i = l.$children.find((f) => f.$options.name === "TableView")) == null ? void 0 : i.rowDbClick);
-  n == null || n(e, t, y, p);
-}, H = (l) => {
-  let e = l.target;
-  for (; e && e.tagName.toUpperCase() !== "HTML"; ) {
-    if (e.tagName.toUpperCase() === "TD")
-      return e;
-    e = e.parentNode;
-  }
-  return null;
-}, P = () => {
-}, R = (l) => !V(l).length, U = {
-  name: "TableColumn",
-  functional: !0,
-  mixins: [N],
-  render(l, {
-    data: e,
-    props: t,
-    children: y,
-    parent: p,
-    listeners: {
-      click: n
-    }
-  }) {
-    const {
-      scopedSlots: i,
-      ...f
-    } = e, {
-      clickable: v,
-      cellClick: a,
-      ...b
-    } = t, g = {
-      ...i || {}
-    }, _ = M[t.type];
-    if (!_) {
-      const m = i == null ? void 0 : i.default, c = v || n || a;
-      (c || t.dictType || t.options) && (g.default = (A) => {
-        const {
-          row: o,
-          column: r
-        } = A, S = c ? (u) => {
-          const h = H(u);
-          n || a ? (n == null || n(o, r, o, r, h, u), a == null || a(o, r, o, r, h, u)) : k(p, o, r, h, u);
-        } : P;
-        let s = m == null ? void 0 : m(A);
-        return R(s) && (s = null), (t.dictType || t.options) && !s ? d(x, {
-          class: {
-            "is-clickable": c
-          },
-          on: {
-            click: S
-          },
-          attrs: {
-            row: o,
-            column: r,
-            dictType: t.dictType,
-            treeDict: t.treeDict,
-            idAsValue: t.idAsValue,
-            labelAsValue: t.labelAsValue,
-            options: t.options
-          }
-        }) : c ? d("span", {
-          class: "is-clickable",
-          on: {
-            click: S
-          }
-        }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
-      });
-    }
-    const w = {
-      ...f,
-      props: {
-        ...b,
-        showOverflowTooltip: _ ? !1 : b.showOverflowTooltip
-      }
-    };
-    return d("ElTableColumn", T([{}, w, {
-      scopedSlots: g
-    }]));
-  }
-}, j = null, z = null;
-var E = /* @__PURE__ */ B(
-  U,
-  j,
-  z,
-  !1,
-  null,
-  null
-);
-const X = E.exports;
-export {
-  X as default
-};
+import { t as e } from "../chunks/TableColumn.DJYkznbJ.mjs";
+export { e as default };

package/table-view/index.mjs

@@ -1,326 +1,3 @@
-import { isFunction as p, toStringArray as f, isString as o, isArray as c, trace as h, warning as d, hasOwn as u } from "@web-utils/core";
-import { merge as i } from "@web-utils/integrations/lodash";
-import { g as m, h as w } from "../chunks/index.B2TRddqf.mjs";
-import g from "../form-item-config-provider/index.mjs";
-import { reloadTable as v, processButtons as _ } from "../configComponents.mjs";
-import { t as a } from "../chunks/core.0Exl13Mz.mjs";
-import y from "element-ui/lib/transitions/collapse-transition";
-import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const T = [
-  "back",
-  "create",
-  "save",
-  "withdraw",
-  "edit",
-  "submit",
-  "publish",
-  "agree",
-  "disagree",
-  "reject",
-  "finish",
-  "cancel",
-  "enable",
-  "exp",
-  "imp",
-  "del",
-  "disabled",
-  "reload",
-  "slot"
-], P = {
-  name: "TableView",
-  bus: {
-    reloadTableView(t) {
-      if (this._viewIds)
-        if (o(t) || c(t)) {
-          let e = t;
-          o(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && (h.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
-        } else
-          d.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
-    },
-    reloadTreeView(t) {
-      if (this._viewIds)
-        if (o(t) || c(t)) {
-          let e = t;
-          o(e) && (e = e.split(",")), this._viewIds.some((r) => e.includes(r)) && this.$refs.tree && (h.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
-        } else
-          d.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
-    }
-  },
-  components: { FormItemConfigProvider: g, ElCollapseTransition: m(y) },
-  props: {
-    viewId: [String, Array],
-    searchPanelAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: Object,
-    treeAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    treeListeners: Object,
-    tableAttrs: Object,
-    searchModel: Object,
-    tableListeners: {
-      type: Object,
-      default: () => {
-      }
-    },
-    deleteApi: Function,
-    borderTop: Boolean,
-    borderBottom: Boolean,
-    borderLeft: Boolean,
-    borderRight: Boolean,
-    border: {
-      type: Boolean,
-      default: !0
-    },
-    labelWidth: {
-      type: String,
-      default: "120px"
-    },
-    formPath: [String, Function],
-    searchFormPosition: {
-      type: String,
-      default: "top"
-    },
-    embed: Boolean,
-    deleteTips: String,
-    selectTips: String,
-    rowKey: {
-      type: String,
-      default: "id"
-    },
-    expandSearch: Boolean,
-    showToolbar: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      importDialogVisible: !1,
-      selectedRows: [],
-      isSearchVisible: !1
-    };
-  },
-  computed: {
-    buttonSlots() {
-      return T.filter((t) => this.$scopedSlots[t]);
-    },
-    toolbarProps() {
-      var s, l;
-      const t = {}, e = i({}, this.toolbarAttrs, t);
-      let r = (e == null ? void 0 : e.buttons) || this.$parent.buttons;
-      return r = r || [], e.buttons = r, e.buttons = _(e.buttons), e.buttons = f(e.buttons), e.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), e;
-    },
-    treeProps() {
-      const t = {
-        treeProps: {
-          children: "children",
-          label: "label",
-          isLeaf: (e) => u(e, "hasChildren") ? !e.hasChildren : u(e, "hasChild") ? !e.hasChild : !0
-        },
-        show: !1,
-        lazy: !0,
-        readonly: !0,
-        data: [],
-        expandFirstNode: !0,
-        defaultExpandAll: !1
-      };
-      return a(i({}, this.treeAttrs, t));
-    },
-    tableProps() {
-      const t = this.tableAttrs.api || this.$parent.getPage, e = {
-        model: this.searchModel || {},
-        height: "auto",
-        highlightCurrentRow: !0,
-        api: t
-      };
-      return a(i({}, this.tableAttrs, e));
-    },
-    searchPanelProps() {
-      const t = {
-        width: 350,
-        model: this.searchModel || {}
-      };
-      return a(i({}, this.searchPanelAttrs, t));
-    },
-    toolbarEventHandlers() {
-      if (this.toolbarListeners) {
-        const { exp: t, ...e } = this.toolbarListeners;
-        return e;
-      }
-      return null;
-    },
-    tableScopeSlotNames() {
-      var t, e;
-      return ((e = (t = this.tableAttrs) == null ? void 0 : t.columns) == null ? void 0 : e.map((r) => r.prop).filter((r) => this.$scopedSlots[r])) ?? [];
-    }
-  },
-  watch: {
-    expandSearch: {
-      immediate: !0,
-      handler(t) {
-        this.isSearchVisible = t;
-      }
-    }
-  },
-  created() {
-    this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
-  },
-  activated() {
-    this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
-  },
-  methods: {
-    toHyphenateKey: a,
-    onTreeScroll() {
-      this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
-    },
-    toggleSearch() {
-      this.isSearchVisible = !this.isSearchVisible;
-    },
-    async onSearchClick() {
-      await this.reloadTable();
-    },
-    async onClearClick() {
-      this.$emit("reset"), this.$refs.form.resetFields(), await this.reloadTable();
-    },
-    openFrom(t) {
-      this.$router.push(w(this.formPath, t));
-    },
-    rowDbClick(t) {
-      var e;
-      !((e = this.tableListeners) != null && e["row-dblclick"]) && this.formPath && this.openFrom(t);
-    },
-    onSelectionChange(t) {
-      this.selectedRows = t;
-    },
-    create() {
-      var t;
-      !((t = this.toolbarListeners) != null && t.create) && this.formPath && this.openFrom();
-    },
-    async del() {
-      var e;
-      const t = this.deleteApi || this.$parent.del;
-      if (!((e = this.toolbarListeners) != null && e.del) && p(t)) {
-        if (!this.selectedRows.length) {
-          this.$message.warning(this.selectTips || "请选择要删除的记录！");
-          return;
-        }
-        await this.$confirm(
-          this.deleteTips || `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
-          "系统提示",
-          {
-            type: "warning",
-            modal: !0,
-            dangerouslyUseHTMLString: !0,
-            closeOnClickModal: !1,
-            beforeClose: async (r, s, l) => {
-              if (r === "confirm")
-                try {
-                  s.confirmButtonLoading = !0, s.confirmButtonText = "删除...";
-                  const n = await t.call(
-                    this,
-                    this.selectedRows.map((b) => b[this.rowKey])
-                  );
-                  this.$message.success(n.data.msg || "删除成功"), this.reloadTableAndTree(), v();
-                } catch {
-                }
-              l();
-            }
-          }
-        ).catch((r) => r);
-      }
-    },
-    reloadTable() {
-      var t;
-      (t = this.$refs.table) == null || t.reload();
-    },
-    async refreshTable(t) {
-      var e;
-      await ((e = this.$refs.table) == null ? void 0 : e.getPage(t));
-    },
-    reloadTree() {
-      var t;
-      (t = this.$refs.tree) == null || t.reloadTree();
-    },
-    reloadTableAndTree() {
-      this.reloadTable(), this.reloadTree();
-    },
-    currentRow() {
-      return this.$refs.table.currentRow;
-    },
-    getPageQuery() {
-      return this.$refs.table.getPageQuery();
-    },
-    exp() {
-      var t, e;
-      (e = (t = this.toolbarListeners).exp) == null || e.call(t, this.selectedRows);
-    },
-    getTableColumns() {
-      return this.$refs.table.tableColumns;
-    }
-  }
-};
-var C = function() {
-  var e = this, r = e._self._c;
-  return r("div", { class: ["table-view", { embed: e.embed, "has-tree": e.treeProps.show }] }, [r("div", { staticClass: "table-view-wrapper" }, [e.searchFormPosition === "top" ? [r("ElCollapseTransition", [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "search-form-top" }, [r("ElForm", { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
-    return s.preventDefault(), e.onSearchClick.apply(null, arguments);
-  } } }, [r("FormItemConfigProvider", { attrs: { reactive: "" } }, [r("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form", function() {
-    return [r("p", [e._v("请添加搜索条件！")])];
-  }), r("FormItem", { staticClass: "search-actions", attrs: { "hide-label": "" } }, [r("ElButton", { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r("ElButton", { staticStyle: { "margin-left": "10px" }, attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)], 2)], 1)], 1)], 1) : e._e()])] : e._e(), e.showToolbar ? r("Toolbar", e._g(e._b({ attrs: { refreshable: "" }, on: { search: e.toggleSearch, settings: () => e.$refs.table.toggleSettings(), del: e.del, create: e.create, reload: e.reloadTableAndTree, exp: e.exp, imp: function(s) {
-    e.importDialogVisible = !0;
-  } }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("toolbar-button", null, { selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-left", fn: function() {
-    return [e._t("toolbar-left", null, { selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-right", fn: function() {
-    return [e._t("toolbar-right", null, { del: e.del, create: e.create, reload: e.reloadTableAndTree, selectedRows: e.selectedRows })];
-  }, proxy: !0 }, { key: "toolbar-right-button", fn: function() {
-    return [e._t("toolbar-right-button")];
-  }, proxy: !0 }, e._l(e.buttonSlots, function(s) {
-    return { key: s, fn: function() {
-      return [e._t(s, null, { selectedRows: e.selectedRows })];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", e.toolbarProps, !1), e.toolbarEventHandlers)) : e._e(), r("div", { staticClass: "table-view-content-wrapper" }, [r("div", { staticClass: "table-view-content" }, [e.treeProps.show ? r("div", { ref: "treeScroller", staticClass: "table-view-sidebar", on: { scroll: e.onTreeScroll } }, [r("EditableTree", e._g(e._b({ ref: "tree", attrs: { readonly: "" }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: l }) {
-    return [e._t("tree-node", function() {
-      return [r("span", [r("i", { staticClass: "node-icon", class: s.childNodes.length > 0 ? s.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets" }), e._t("tree-label", function() {
-        return [e._v(e._s(s.label))];
-      }, { node: s, data: l })], 2)];
-    }, { node: s, data: l })];
-  } }], null, !0) }, "EditableTree", e.treeProps, !1), e.toHyphenateKey(e.treeListeners)))], 1) : e._e(), r("div", { staticClass: "table-view-table" }, [r("PageableTable", e._g(e._b({ ref: "table", class: [
-    {
-      "border-top": e.borderTop,
-      "border-bottom": e.borderBottom,
-      "border-left": e.borderLeft || e.treeAttrs && e.treeAttrs.show,
-      "border-right": e.borderRight
-    }
-  ], attrs: { border: e.border }, on: { "row-dblclick": e.rowDbClick, "selection-change": e.onSelectionChange }, scopedSlots: e._u([e._l(e.tableScopeSlotNames, function(s) {
-    return { key: s, fn: function({ row: l }) {
-      return [e._t(s, null, { row: l })];
-    } };
-  })], null, !0) }, "PageableTable", e.tableProps, !1), e.toHyphenateKey(e.tableListeners)), [e._t("columns")], 2)], 1)]), e.searchFormPosition === "right" ? [r("Transition", { attrs: { name: "slide" } }, [e.toolbarProps.searchable ? r("div", { directives: [{ name: "show", rawName: "v-show", value: e.isSearchVisible, expression: "isSearchVisible" }], staticClass: "slide-panel", style: { width: `${e.searchPanelProps.width}px` } }, [r("div", { staticClass: "slide-panel-content" }, [r("ElForm", { ref: "form", attrs: { "label-position": "right", model: e.searchModel || e.searchPanelProps.model, size: "mini", "label-width": e.labelWidth }, nativeOn: { "!submit": function(s) {
-    return s.preventDefault(), e.onSearchClick.apply(null, arguments);
-  } } }, [r("FormItemConfigProvider", { attrs: { block: "", "wrap-col": !1 } }, [r("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form", function() {
-    return [r("p", [e._v("请添加搜索条件！")])];
-  })], 2)], 1), r("ElFormItem", { attrs: { "label-width": "0" } }, [r("div", { staticClass: "slide-panel-actions" }, [r("ElButton", { attrs: { type: "primary", "native-type": "submit", size: "mini" } }, [e._v("开始搜索")]), r("ElButton", { attrs: { size: "mini" }, on: { click: e.onClearClick } }, [e._v("清除条件")])], 1)])], 1)], 1)]) : e._e()])] : e._e()], 2), e._t("default")], 2)]);
-}, $ = [], k = /* @__PURE__ */ S(
-  P,
-  C,
-  $,
-  !1,
-  null,
-  null
-);
-const V = k.exports;
-export {
-  V as default
-};
+import { t as e } from "../chunks/TableView.DyIdIxAg.mjs";
+import "../form-item-config-provider/index.mjs";
+export { e as default };