easybill-ui 1.4.1 → 1.4.2

package/dist/components/CurdTable/src/CurdTable.vue.js

@@ -0,0 +1,562 @@
+import { defineComponent as Ie, shallowRef as Ee, watch as G, ref as w, reactive as J, provide as X, computed as Te, onActivated as ze, onMounted as Be, getCurrentInstance as De, resolveComponent as S, resolveDirective as Pe, createElementBlock as E, openBlock as r, createBlock as d, createCommentVNode as p, createElementVNode as j, createVNode as O, unref as y, renderSlot as C, withCtx as u, createTextVNode as R, toDisplayString as F, withDirectives as Me, mergeProps as T, Fragment as Y, renderList as se, createSlots as Fe, normalizeProps as ce, guardReactiveProps as de, withModifiers as z } from "vue";
+import { Plus as Ae, Edit as Ne, Document as Ve, Delete as Le, ArrowDown as je } from "@element-plus/icons-vue";
+import { FormDialog as Qe } from "../../FormDialog/index.js";
+import { useGlobalConfig as He } from "../../../utils/hooks/useGlobalConfig.js";
+import { useLocale as qe } from "../../../utils/hooks/useLocal.js";
+import { ElTable as We, ElMessage as ue, ElMessageBox as Ke, ElLoading as Ue } from "element-plus";
+import { deepClone as Ge } from "../utils/common.js";
+import { exportExcel as Je } from "../utils/tabelToExcel.js";
+import { useColumnHook as Xe } from "./hooks/useColumnHook.js";
+import Ye from "./STableDetail.vue.js";
+import Ze from "./STableFilter.vue.js";
+import et from "./STableItem.vue.js";
+import tt from "./STableMenu.vue.js";
+const ot = { class: "table-container" }, lt = {
+  key: 1,
+  class: "table-control"
+}, nt = { class: "btn-control" }, at = { class: "min-control" }, it = { class: "table-wrapper" }, rt = {
+  key: 2,
+  class: "table-pager"
+}, st = { class: "page-left" }, wt = /* @__PURE__ */ Ie({
+  __name: "CurdTable",
+  props: {
+    rowKey: {},
+    data: { default: () => [] },
+    columns: { default: () => [] },
+    pageOptions: { default: () => ({
+      pageIndex: 1,
+      pageSize: 10
+    }) },
+    option: { default: () => ({}) },
+    fetchData: {},
+    fetchCreate: {},
+    fetchEdit: {},
+    fetchRemove: {},
+    size: {},
+    width: {},
+    height: {},
+    maxHeight: {},
+    fit: { type: Boolean },
+    stripe: { type: Boolean },
+    border: { type: Boolean },
+    context: {},
+    showHeader: { type: Boolean },
+    showSummary: { type: Boolean },
+    sumText: {},
+    summaryMethod: {},
+    rowClassName: {},
+    rowStyle: {},
+    cellClassName: {},
+    cellStyle: {},
+    headerRowClassName: {},
+    headerRowStyle: {},
+    headerCellClassName: {},
+    headerCellStyle: {},
+    highlightCurrentRow: { type: Boolean },
+    currentRowKey: {},
+    emptyText: {},
+    expandRowKeys: {},
+    defaultExpandAll: { type: Boolean },
+    defaultSort: {},
+    tooltipEffect: {},
+    tooltipOptions: {},
+    spanMethod: {},
+    selectOnIndeterminate: { type: Boolean },
+    indent: {},
+    treeProps: {},
+    lazy: { type: Boolean },
+    load: {},
+    className: {},
+    style: {},
+    tableLayout: {},
+    scrollbarAlwaysOn: { type: Boolean },
+    flexible: { type: Boolean },
+    showOverflowTooltip: { type: [Boolean, Object] },
+    tooltipFormatter: {},
+    appendFilterPanelTo: {},
+    scrollbarTabindex: {}
+  },
+  emits: ["selectionChange", "row-click"],
+  setup(pe, { expose: fe, emit: me }) {
+    var ae;
+    const a = pe, { t: v } = qe(), he = {
+      operationWidth: 200,
+      operationBtnTitle: v("el.table.more"),
+      hideMenu: !1,
+      // 是否隐藏右侧工具菜单
+      hideMenuAdd: !1,
+      // 是否隐藏菜单中添加按钮
+      hideMenuRight: !1,
+      // 是否隐藏菜单右侧
+      hideOperation: !1,
+      // 是否隐藏操作列
+      hideOperationEdit: !1,
+      // 是否隐藏操作列中的编辑按钮
+      hideOperationDetail: !1,
+      // 是否隐藏操作列中的详情按钮
+      hideOperationDelete: !1,
+      // 是否隐藏操作列中的删除按钮
+      hidePage: !1,
+      // 是否隐藏分页器
+      excelTitle: "",
+      //导出表格的文件名
+      selectionProps: {},
+      downloadMod: !1,
+      pageProps: {},
+      filterVisible: !0,
+      autoload: !0,
+      customActivatedFetch: !1,
+      // 自定义执行onActivated内部的fetch执行，完全交由父组件控制 false 是自动的，true 开发者自己控制
+      menuEvent: {},
+      filterAttrs: {},
+      formAttrs: {},
+      editOptions: {},
+      createOptions: {}
+    }, Z = me, A = Ee(a.data);
+    G(
+      () => a.data,
+      (e) => {
+        A.value = e;
+      },
+      { deep: !0 }
+    );
+    const ge = He(), ee = w({ size: ge.value.size || "default" }), b = J({
+      pageIndex: 1,
+      pageSize: ((ae = a.pageOptions) == null ? void 0 : ae.pageSize) || 10
+    }), ye = (e) => {
+      b.pageIndex = e;
+    }, _ = J(
+      (() => {
+        const { pageIndex: e, pageSize: o, total: n, ...c } = Ge(a.pageOptions || {});
+        return c;
+      })()
+    ), t = J(Object.assign(he, a.option));
+    X("search", _), X("option", t), G(
+      () => a.option,
+      (e) => {
+        Object.assign(t, e);
+      },
+      { deep: !0 }
+    );
+    const N = w(typeof (t == null ? void 0 : t.filterVisible) > "u" ? !0 : t == null ? void 0 : t.filterVisible), Q = w(!1), H = w(0), ve = (e) => {
+      H.value = e;
+    }, q = Te(() => H.value || (typeof a.pageOptions.total > "u" ? a.data.length || 0 : a.pageOptions.total)), $ = async (e) => {
+      var o;
+      if (a.fetchData) {
+        e && e.showLoading == !1 || (Q.value = !0), e && e.resetPageIndex && (b.pageIndex = 1);
+        const n = e && e.query || {};
+        for (let k in n)
+          _[k] = n[k], (o = B.value) == null || o.setItem(k), I.value[k] && I.value[k].search({ listQuery: _ });
+        const c = { ...b, ..._ }, g = await a.fetchData({ listQuery: c }).finally(() => {
+          Q.value = !1;
+        });
+        g && typeof g.total < "u" && (H.value = g.total), g && typeof g.list < "u" && (A.value = g.list);
+      }
+    }, I = w({}), be = (e) => ({
+      row: void 0,
+      $index: -1,
+      listQuery: b,
+      total: q.value,
+      ...e && typeof e == "object" ? e : {}
+    }), ke = (e) => (o) => {
+      o && (I.value[e] = o);
+    }, _e = (e) => {
+      if (e)
+        for (let o in e)
+          _[o] = e[o];
+      b.pageIndex = 1, $();
+      for (let o in I.value)
+        I.value[o] && I.value[o].search({ listQuery: e || {} });
+    }, B = w(), we = (e, o, n) => {
+      var c;
+      (c = B.value) == null || c.setItem(e, n), _[e] = o, b.pageIndex = 1, $();
+    };
+    let te = !1;
+    ze(() => {
+      !(t != null && t.customActivatedFetch) && te ? $() : te = !0;
+    }), Be(() => {
+      t.autoload && $(), X("tableFilter", B.value);
+    });
+    const { tableColumns: D, selectParams: Ce, initColumn: oe } = Xe();
+    oe(a.columns), G(
+      () => a.columns,
+      (e) => {
+        oe(e);
+      }
+    );
+    const $e = (e, o) => {
+      const n = t.menuEvent && t.menuEvent[e];
+      if (n)
+        return n();
+      switch (e) {
+        case "refresh":
+          $();
+          break;
+        case "searchToggle":
+          N.value = !N.value;
+          break;
+        case "size": {
+          (o == "small" || o == "default" || o == "large") && (ee.value.size = o);
+          break;
+        }
+        case "export": {
+          const c = (s, f, x, l) => {
+            if (f.options)
+              return String(s).split(",").map((L) => {
+                var re;
+                const ie = (re = f.options) == null ? void 0 : re.find((xe) => xe.value == L);
+                return ie && ie.label || L;
+              }).join(",");
+            if (f.formatter) {
+              let m = f.formatter(x, f, s, l);
+              return /^[0-9\.,+-]+\.[0-9]{2}$/.test(String(m)) && String(m).split(".").length < 3 ? +parseFloat(String(m).replace(/,|$|￥/g, "")) : m === "--" ? "" : m;
+            }
+            return /^[0-9\.,+-]+\.[0-9]{2}$/.test(String(s)) && String(s).split(".").length < 3 && (s = +parseFloat(String(s).replace(/,|$|￥/g, ""))), s;
+          }, g = A.value.map((s) => D.value.filter((f) => !f.hidden && !f.neverShow).map((f, x) => c(s[f.prop], f, s, x))), i = [D.value.filter((s) => !s.hidden && !s.neverShow).map((s) => s.label), ...g];
+          Je(i, "data", (t.excelTitle || "data") + ".xls"), ue.success(v("el.table.exportSuccess"));
+          break;
+        }
+      }
+    }, P = (e, o) => {
+      const n = t.formAttrs, c = {
+        formItem: [],
+        rules: {},
+        labelWidth: "110px",
+        ...n
+      }, g = (i) => {
+        if (!i.form) return;
+        let h;
+        if (i.form instanceof Function) {
+          const m = e || {};
+          h = i.form(i, m, _);
+        } else
+          h = i.form;
+        const { rules: s, prop: f, ...x } = h, l = {
+          span: 24,
+          label: i.label,
+          options: i.options,
+          asyncOptions: i.asyncOptions,
+          ...x,
+          prop: f || i.prop
+        };
+        c.formItem.push(l), s && (c.rules || (c.rules = {}), typeof c.rules != "function" && (c.rules[l.prop] = s));
+      };
+      D.value.map((i) => {
+        if (i.children && i.children.length)
+          for (let h in i.children)
+            i.children[h].form && g(i.children[h]);
+        else i.form && g(i);
+      }), c.formItem.sort((i, h) => (h.sortIndex || 0) - (i.sortIndex || 0));
+      const k = e ? t.editOptions : t.createOptions;
+      Qe.show({
+        title: v(e ? "el.table.edit" : "el.table.create"),
+        formSchema: c,
+        fields: e,
+        width: (n == null ? void 0 : n.width) || 600,
+        handleOk: async (i) => {
+          var h, s;
+          return e ? await ((h = a.fetchEdit) == null ? void 0 : h.call(a, i, e, o)) : await ((s = a.fetchCreate) == null ? void 0 : s.call(a, i));
+        },
+        ...k
+      });
+    }, M = De(), W = (e) => {
+      Ke.confirm(v("el.table.deleteConfirm"), v("el.table.tip"), {
+        type: "warning"
+      }).then(async () => {
+        const o = Ue.service({ fullscreen: !0 });
+        if (!a.fetchRemove) {
+          o.close();
+          return;
+        }
+        await a.fetchRemove(e.row, e.$index).finally(() => {
+          o.close();
+        }), ue({ type: "success", message: v("el.table.deleteSuccess") });
+      });
+    }, le = w(), K = (e) => {
+      le.value.open({ data: e, columns: D.value });
+    }, Se = (e, o, n) => {
+      M && typeof M.attrs["click-row-to-view"] < "u" && K(e), Z("row-click", e, o, n);
+    }, Oe = (e) => {
+      Z("selectionChange", e);
+    }, U = w(), Re = (e, o) => {
+      setTimeout(() => {
+        var n;
+        (n = U.value) == null || n.toggleRowSelection(e, !!o);
+      });
+    }, ne = w();
+    return fe({
+      fetchData: $,
+      tableRef: U,
+      tableFilterRef: B,
+      tableMenuRef: ne,
+      toggleRowSelection: Re,
+      setPageIndex: ye,
+      setTotal: ve,
+      search: _,
+      listQuery: b,
+      fetchCreate: P,
+      fetchEdit: P,
+      fetchRemove: W,
+      getEl() {
+        var e;
+        return (e = M == null ? void 0 : M.proxy) == null ? void 0 : e.$el;
+      }
+    }), (e, o) => {
+      const n = S("el-button"), c = S("el-table-column"), g = S("el-icon"), k = S("el-dropdown-item"), i = S("el-dropdown-menu"), h = S("el-dropdown"), s = S("el-empty"), f = S("el-pagination"), x = Pe("loading");
+      return r(), E("div", ot, [
+        y(Ce).length && N.value ? (r(), d(Ze, {
+          key: 0,
+          ref_key: "sTableFilter",
+          ref: B,
+          "list-query": _,
+          onSearch: _e
+        }, null, 8, ["list-query"])) : p("", !0),
+        t.hideMenu ? p("", !0) : (r(), E("div", lt, [
+          j("div", nt, [
+            !t.hideMenuAdd && a.fetchCreate ? (r(), d(n, {
+              key: 0,
+              type: "primary",
+              icon: y(Ae),
+              onClick: o[0] || (o[0] = (l) => P())
+            }, {
+              default: u(() => [
+                R(F(y(v)("el.table.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["icon"])) : p("", !0),
+            C(e.$slots, "menuLeft")
+          ]),
+          j("div", at, [
+            C(e.$slots, "menuRight"),
+            t.hideMenuRight ? p("", !0) : (r(), d(tt, {
+              key: 0,
+              ref_key: "tableMenuRef",
+              ref: ne,
+              "filter-visible": N.value,
+              onOperation: $e
+            }, null, 8, ["filter-visible"]))
+          ])
+        ])),
+        j("div", it, [
+          Me((r(), d(y(We), T({
+            ref_key: "tableRef",
+            ref: U,
+            stripe: "",
+            data: A.value,
+            "scrollbar-always-on": ""
+          }, { ...e.$attrs, ...ee.value }, {
+            onRowClick: Se,
+            onSelectionChange: Oe
+          }), {
+            empty: u(() => [
+              C(e.$slots, "empty"),
+              e.$slots.empty ? p("", !0) : (r(), d(s, {
+                key: 0,
+                "image-size": 30
+              }))
+            ]),
+            default: u(() => [
+              C(e.$slots, "default"),
+              e.$attrs.index !== void 0 ? (r(), d(c, {
+                key: 0,
+                type: "index"
+              })) : p("", !0),
+              e.$attrs.selection !== void 0 && e.$attrs.selection !== !1 ? (r(), d(c, T({
+                key: 1,
+                type: "selection"
+              }, t.selectionProps), null, 16)) : p("", !0),
+              (r(!0), E(Y, null, se(y(D), (l) => (r(), E(Y, {
+                key: l.label
+              }, [
+                l.type == "index" ? (r(), d(c, T({
+                  key: 0,
+                  type: "index",
+                  ref_for: !0
+                }, l), null, 16)) : l.type == "selection" ? (r(), d(c, T({
+                  key: 1,
+                  type: "selection",
+                  ref_for: !0
+                }, l), null, 16)) : (r(), d(et, {
+                  key: 2,
+                  ref_for: !0,
+                  ref: ke(l.prop),
+                  schema: l,
+                  "is-slot": !!e.$slots[l.prop],
+                  "is-slot-header": !!e.$slots[l.prop + "Header"],
+                  option: t,
+                  onSearch: we
+                }, Fe({ _: 2 }, [
+                  se(e.$slots, (m, V) => ({
+                    name: V,
+                    fn: u((L) => [
+                      C(e.$slots, V, T({ ref_for: !0 }, be(L)))
+                    ])
+                  }))
+                ]), 1032, ["schema", "is-slot", "is-slot-header", "option"]))
+              ], 64))), 128)),
+              t.hideOperation ? p("", !0) : (r(), d(c, {
+                key: 2,
+                label: y(v)("el.table.operation"),
+                fixed: "right",
+                width: t.operationWidth || "200",
+                align: "left"
+              }, {
+                default: u((l) => [
+                  C(e.$slots, "operation", ce(de(l))),
+                  e.$slots.operationBtn ? (r(), d(h, {
+                    key: 1,
+                    trigger: "click",
+                    "popper-class": "curd-table-dropdown-menu"
+                  }, {
+                    dropdown: u(() => [
+                      O(i, null, {
+                        default: u(() => [
+                          C(e.$slots, "operationBtn", ce(de(l))),
+                          !t.hideOperationEdit && a.fetchEdit ? (r(), d(k, { key: 0 }, {
+                            default: u(() => [
+                              O(n, {
+                                type: "primary",
+                                link: "",
+                                onClick: z((m) => P(l.row, l.$index), ["stop"])
+                              }, {
+                                default: u(() => [
+                                  R("编辑")
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)) : p("", !0),
+                          t.hideOperationDetail ? p("", !0) : (r(), d(k, { key: 1 }, {
+                            default: u(() => [
+                              O(n, {
+                                type: "primary",
+                                link: "",
+                                onClick: z((m) => K(l.row), ["stop"])
+                              }, {
+                                default: u(() => [
+                                  R("详情")
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)),
+                          !t.hideOperationDelete && a.fetchRemove ? (r(), d(k, { key: 2 }, {
+                            default: u(() => [
+                              O(n, {
+                                type: "danger",
+                                link: "",
+                                onClick: z((m) => W(l), ["stop"])
+                              }, {
+                                default: u(() => [
+                                  R("删除 ")
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)) : p("", !0)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    default: u(() => [
+                      O(n, {
+                        type: "primary",
+                        link: ""
+                      }, {
+                        default: u(() => [
+                          R(F(t.operationBtnTitle || "更多") + " ", 1),
+                          O(g, null, {
+                            default: u(() => [
+                              O(y(je))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 2
+                  }, 1024)) : (r(), E(Y, { key: 0 }, [
+                    !t.hideOperationEdit && a.fetchEdit ? (r(), d(n, {
+                      key: 0,
+                      type: "primary",
+                      link: "",
+                      icon: y(Ne),
+                      onClick: z((m) => P(l.row), ["stop"])
+                    }, {
+                      default: u(() => [
+                        R(F(y(v)("el.table.edit")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["icon", "onClick"])) : p("", !0),
+                    t.hideOperationDetail ? p("", !0) : (r(), d(n, {
+                      key: 1,
+                      type: "primary",
+                      link: "",
+                      icon: y(Ve),
+                      onClick: z((m) => K(l.row), ["stop"])
+                    }, {
+                      default: u(() => [
+                        R(F(y(v)("el.table.detail")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["icon", "onClick"])),
+                    !t.hideOperationDelete && a.fetchRemove ? (r(), d(n, {
+                      key: 2,
+                      type: "danger",
+                      link: "",
+                      icon: y(Le),
+                      onClick: z((m) => W(l), ["stop"])
+                    }, {
+                      default: u(() => [
+                        R(F(y(v)("el.table.delete")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["icon", "onClick"])) : p("", !0)
+                  ], 64))
+                ]),
+                _: 3
+              }, 8, ["label", "width"]))
+            ]),
+            _: 3
+          }, 16, ["data"])), [
+            [x, Q.value]
+          ])
+        ]),
+        e.$slots.pageLeft || e.$slots.pageRight || !t.hidePage ? (r(), E("div", rt, [
+          j("div", st, [
+            C(e.$slots, "pageLeft")
+          ]),
+          t.hidePage ? p("", !0) : (r(), d(f, T({
+            key: 0,
+            "current-page": b.pageIndex,
+            "onUpdate:currentPage": o[1] || (o[1] = (l) => b.pageIndex = l),
+            "page-size": b.pageSize,
+            "onUpdate:pageSize": o[2] || (o[2] = (l) => b.pageSize = l),
+            class: "pagination",
+            background: "",
+            layout: "total, sizes, prev, pager, next, jumper",
+            total: q.value
+          }, t.pageProps, {
+            onCurrentChange: $,
+            onSizeChange: $
+          }), null, 16, ["current-page", "page-size", "total"])),
+          C(e.$slots, "pageRight", {
+            listQuery: b,
+            total: q.value
+          })
+        ])) : p("", !0),
+        O(Ye, {
+          ref_key: "STableDetailRef",
+          ref: le
+        }, null, 512)
+      ]);
+    };
+  }
+});
+export {
+  wt as default
+};

package/dist/components/CurdTable/src/CurdTable.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CurdTable.vue.js";
+export {
+  f as default
+};

package/dist/components/CurdTable/src/STableColumnControl.vue.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<{
+    visible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+}, {}>;
+export default _default;