@gct-paas/v-ben 0.1.4-dev.10 → 0.1.4-dev.11

package/dist/index.esm.min.mjs

@@ -1,5 +1,796 @@
-function n() {
+import { defineComponent as D, computed as h, openBlock as l, createElementBlock as p, toDisplayString as $, ref as j, resolveComponent as O, renderSlot as w, withDirectives as ae, createVNode as A, mergeProps as _, createSlots as ue, withCtx as f, normalizeProps as E, guardReactiveProps as R, Fragment as T, createBlock as b, renderList as N, vShow as ie, toRaw as V, normalizeClass as J, unref as i, createCommentVNode as B, withModifiers as z, useAttrs as Q, h as H, createElementVNode as x, createTextVNode as ce } from "vue";
+import { omit as I } from "lodash-es";
+import { MoreOutlined as X } from "@ant-design/icons-vue";
+import { Tooltip as Y, Divider as Z, Button as W, Popconfirm as ee, Menu as M, Dropdown as pe } from "ant-design-vue";
+import { permission as te, t as q } from "@gct-paas/core";
+const fe = Object.prototype.toString;
+function S(e, o) {
+  return fe.call(e) === `[object ${o}]`;
+}
+function de(e) {
+  return typeof e < "u";
+}
+function ne(e) {
+  return !de(e);
+}
+function L(e) {
+  return e !== null && S(e, "Object");
+}
+function He(e) {
+  return ye(e) || K(e) ? e.length === 0 : e instanceof Map || e instanceof Set ? e.size === 0 : L(e) ? Object.keys(e).length === 0 : !1;
+}
+function We(e) {
+  return S(e, "Date");
+}
+function oe(e) {
+  return e === null;
+}
+function qe(e) {
+  return ne(e) && oe(e);
+}
+function Ge(e) {
+  return ne(e) || oe(e);
+}
+function Je(e) {
+  return S(e, "Number");
+}
+function Qe(e) {
+  return S(e, "Promise") && L(e) && P(e.then) && P(e.then);
+}
+function K(e) {
+  return S(e, "String");
+}
+function P(e) {
+  return typeof e == "function";
+}
+function me(e) {
+  return S(e, "Boolean");
+}
+function Xe(e) {
+  return S(e, "RegExp");
+}
+function ye(e) {
+  return !!e && Array.isArray(e);
+}
+function Ye(e) {
+  return typeof window < "u" && S(e, "Window");
+}
+function Ze(e) {
+  return L(e) && !!e.tagName;
+}
+function et(e) {
+  return S(e, "Map");
+}
+const ge = typeof window > "u", tt = !ge;
+function nt(e) {
+  return /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/.test(e);
+}
+function ot(e) {
+  return e === void 0 || !e && e !== 0 && e !== "0" || !/[^\s]/.test(e + "");
+}
+const be = D({
+  name: "TableHeaderCell",
+  components: {},
+  props: {
+    column: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e) {
+    return { getTitle: h(
+      () => e.column?.customTitle || e.column?.title
+    ) };
+  }
+}), U = (e, o) => {
+  const c = e.__vccOpts || e;
+  for (const [y, g] of o)
+    c[y] = g;
+  return c;
+};
+function he(e, o, c, y, g, u) {
+  return l(), p("span", null, $(e.getTitle), 1);
+}
+const Ce = /* @__PURE__ */ U(be, [["render", he]]), Be = {
+  clickToRowSelect: { type: Boolean, default: !0 },
+  isTreeTable: Boolean,
+  tableSetting: {
+    type: Object,
+    default: {}
+  },
+  inset: Boolean,
+  showTableSetting: Boolean,
+  autoCreateKey: { type: Boolean, default: !0 },
+  striped: { type: Boolean, default: !0 },
+  showSummary: Boolean,
+  summaryFunc: {
+    type: [Function, Array],
+    default: null
+  },
+  summaryData: {
+    type: Array,
+    default: null
+  },
+  indentSize: {
+    type: Number,
+    default: 24
+  },
+  canColDrag: { type: Boolean, default: !0 },
+  api: {
+    type: Function,
+    default: null
+  },
+  beforeFetch: {
+    type: Function,
+    default: null
+  },
+  afterFetch: {
+    type: Function,
+    default: null
+  },
+  handleSearchInfoFn: {
+    type: Function,
+    default: null
+  },
+  // 立即请求接口
+  immediate: { type: Boolean, default: !0 },
+  emptyDataIsShowTable: { type: Boolean, default: !0 },
+  // 额外的请求参数
+  searchInfo: {
+    type: Object,
+    default: null
+  },
+  // 默认的排序参数
+  defSort: {
+    type: Object,
+    default: null
+  },
+  // 使用搜索表单
+  useSearchForm: Boolean,
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  showIndexColumn: { type: Boolean, default: !0 },
+  indexColumnProps: {
+    type: Object,
+    default: null
+  },
+  actionColumn: {
+    type: Object,
+    default: null
+  },
+  ellipsis: { type: Boolean, default: !0 },
+  isCanResizeParent: { type: Boolean, default: !1 },
+  canResize: { type: Boolean, default: !0 },
+  clearSelectOnPageChange: Boolean,
+  resizeHeightOffset: {
+    type: Number,
+    default: 0
+  },
+  rowSelection: {
+    type: Object,
+    default: null
+  },
+  title: {
+    type: [String, Function],
+    default: null
+  },
+  titleHelpMessage: {
+    type: [String, Array]
+  },
+  maxHeight: Number,
+  dataSource: {
+    type: Array,
+    default: null
+  },
+  rowKey: {
+    type: [String, Function],
+    default: ""
+  },
+  bordered: Boolean,
+  pagination: {
+    type: [Object, Boolean],
+    default: null
+  },
+  loading: Boolean,
+  rowClassName: {
+    type: Function
+  },
+  scroll: {
+    type: Object,
+    default: null
+  },
+  beforeEditSubmit: {
+    type: Function
+  },
+  /**
+   * 行拖拽
+   */
+  rowDraggable: { type: Boolean, default: !1 },
+  /**
+   * 仅支持同层级拖拽
+   */
+  supportSameLevel: { type: Boolean, default: !1 },
+  /**
+   * 拖拽完成自动请求的api
+   */
+  rowDragApi: { type: Function, default: null },
+  /**
+   * tree表格展开行
+   */
+  expandedRowKeys: { type: Array, default: () => [] },
+  /**
+   * 空数据时全屏显示
+   */
+  emptyFull: { type: Boolean, default: !1 }
+}, _e = D({
+  name: "BasicTable",
+  components: {
+    HeaderCell: Ce
+  },
+  props: Be,
+  emits: ["change"],
+  setup(e, { attrs: o, emit: c, slots: y, expose: g }) {
+    const u = j(null), d = j([]), C = j(null), m = h(() => {
+      let t = {
+        ...o
+      };
+      return t = I(t, ["class", "onChange"]), t;
+    });
+    function k(...t) {
+      c("change", ...t);
+    }
+    const a = h(() => {
+      const { emptyDataIsShowTable: t, useSearchForm: n, dataSource: s } = e;
+      return t || !n ? !0 : !!s.length;
+    });
+    return {
+      formRef: C,
+      tableElRef: u,
+      getBindValues: m,
+      handleTableChange: k,
+      expandKeysList: d,
+      getEmptyDataIsShowTable: a
+    };
+  },
+  mounted() {
+    this.expandKeysList = this.getBindValues.expandedRowKeys;
+  }
+}), ke = { ref: "wrapRef" }, ve = {
+  key: 0,
+  class: "pr26px"
+}, $e = {
+  key: 1,
+  class: "pr8px"
+};
+function we(e, o, c, y, g, u) {
+  const d = O("HeaderCell"), C = O("a-table");
+  return l(), p("div", ke, [
+    w(e.$slots, "beforeTable"),
+    ae(A(C, _({ ref: "tableElRef" }, e.getBindValues, {
+      "expanded-row-keys": e.expandKeysList,
+      "onUpdate:expandedRowKeys": o[0] || (o[0] = (m) => e.expandKeysList = m),
+      onChange: e.handleTableChange
+    }), ue({
+      headerCell: f(({ column: m }) => [
+        e.rowDraggable && m?.dataIndex === e.getBindValues.columns[0].dataIndex ? (l(), p(T, { key: 0 }, [
+          e.isTreeTable ? (l(), p("span", ve)) : (l(), p("span", $e)),
+          A(d, { column: m }, null, 8, ["column"])
+        ], 64)) : (l(), b(d, {
+          key: 1,
+          column: m
+        }, null, 8, ["column"]))
+      ]),
+      bodyCell: f((m) => [
+        w(e.$slots, "bodyCell", E(R(m || {})))
+      ]),
+      _: 2
+    }, [
+      N(Object.keys(e.$slots), (m) => ({
+        name: m,
+        fn: f((k) => [
+          w(e.$slots, m, E(R(k || {})))
+        ])
+      }))
+    ]), 1040, ["expanded-row-keys", "onChange"]), [
+      [ie, e.getEmptyDataIsShowTable]
+    ])
+  ], 512);
+}
+const rt = /* @__PURE__ */ U(_e, [["render", we]]), G = "vben";
+function re(e) {
+  return {
+    prefixCls: `${G}-${e}`,
+    prefixVar: G
+  };
+}
+const Se = {
+  key: 0,
+  class: "text-14px"
+}, Ae = {
+  key: 0,
+  class: "text-14px"
+}, lt = /* @__PURE__ */ D({
+  __name: "TableAction",
+  props: {
+    actions: {
+      type: Array,
+      default: null
+    },
+    dropDownActions: {
+      type: Array,
+      default: null
+    },
+    divider: {
+      type: Boolean,
+      default: !0
+    },
+    outside: Boolean,
+    stopButtonPropagation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const o = e, { prefixCls: c } = re("basic-table-action"), y = te.has;
+    function g(a) {
+      const t = a.ifShow;
+      let n = !0;
+      return me(t) && (n = t), P(t) && (n = t(a)), n;
+    }
+    const u = h(() => (V(o.actions) || []).filter((a) => y(a.auth) && g(a)).map((a) => {
+      const { popConfirm: t } = a;
+      return {
+        getPopupContainer: () => document.body,
+        type: "link",
+        size: "small",
+        ...a,
+        ...t || {},
+        onConfirm: t?.confirm,
+        onCancel: t?.cancel,
+        enable: !!t
+      };
+    })), d = h(() => {
+      const a = (V(o.dropDownActions) || []).filter(
+        (t) => y(t.auth) && g(t)
+      );
+      return a.map((t, n) => {
+        const { label: s, popConfirm: r } = t;
+        return {
+          ...t,
+          ...r,
+          onConfirm: r?.confirm,
+          onCancel: r?.cancel,
+          text: s,
+          divider: n < a.length - 1 ? o.divider : !1
+        };
+      });
+    }), C = h(() => "left");
+    function m(a) {
+      return {
+        getPopupContainer: () => document.body,
+        ...K(a) ? { title: a } : a
+      };
+    }
+    function k(a) {
+      if (!o.stopButtonPropagation) return;
+      a.composedPath().find((s) => s.tagName?.toUpperCase() === "BUTTON") && a.stopPropagation();
+    }
+    return (a, t) => {
+      const n = O("a-button");
+      return l(), p("div", {
+        class: J([i(c), C.value]),
+        onClick: k
+      }, [
+        (l(!0), p(T, null, N(u.value, (s, r) => (l(), p(T, {
+          key: `${r}-${s.label}`
+        }, [
+          s.tooltip ? (l(), b(i(Y), _({
+            key: 0,
+            placement: "bottom"
+          }, { ref_for: !0 }, m(s.tooltip)), {
+            default: f(() => [
+              A(i(F), _({ ref_for: !0 }, s), {
+                default: f(() => [
+                  s.label ? (l(), p("span", Se, $(s.label), 1)) : B("", !0)
+                ]),
+                _: 2
+              }, 1040)
+            ]),
+            _: 2
+          }, 1040)) : (l(), b(i(F), _({
+            key: 1,
+            ref_for: !0
+          }, s), {
+            default: f(() => [
+              s.label ? (l(), p("span", Ae, $(s.label), 1)) : B("", !0)
+            ]),
+            _: 2
+          }, 1040)),
+          e.divider && r < u.value.length - 1 ? (l(), b(i(Z), {
+            key: 2,
+            type: "vertical",
+            class: "action-divider"
+          })) : B("", !0)
+        ], 64))), 128)),
+        e.dropDownActions && d.value.length > 0 ? (l(), b(i(se), {
+          key: 0,
+          trigger: ["hover"],
+          "drop-menu-list": d.value,
+          popconfirm: ""
+        }, {
+          default: f(() => [
+            w(a.$slots, "more"),
+            a.$slots.more ? B("", !0) : (l(), b(n, {
+              key: 0,
+              type: "link",
+              size: "small"
+            }, {
+              default: f(() => [
+                A(i(X), { class: "icon-more" })
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 3
+        }, 8, ["drop-menu-list"])) : B("", !0)
+      ], 2);
+    };
+  }
+}), De = {
+  key: 0,
+  class: "text-14px"
+}, Te = {
+  key: 0,
+  class: "text-14px"
+}, st = /* @__PURE__ */ D({
+  __name: "TableActionAuto",
+  props: {
+    actions: {
+      type: Array,
+      default: null
+    },
+    divider: {
+      type: Boolean,
+      default: !0
+    },
+    outside: Boolean,
+    stopButtonPropagation: {
+      type: Boolean,
+      default: !1
+    },
+    maxDispalyCount: {
+      type: Number,
+      default: 4
+    }
+  },
+  setup(e) {
+    const o = e, { prefixCls: c } = re("basic-table-action"), y = te.has;
+    function g(t) {
+      const n = t.ifShow ?? !0;
+      return P(n) ? n(t) : !!n;
+    }
+    const u = h(() => [...V(o.actions) || []].filter((t) => y(t.auth) && g(t))), d = h(() => {
+      let t = [];
+      return o.maxDispalyCount >= u.value.length ? t = [...u.value] : t = u.value.slice(0, o.maxDispalyCount), t.map((n) => {
+        const { popConfirm: s } = n;
+        return {
+          getPopupContainer: () => document.body,
+          type: "link",
+          size: "small",
+          ...n,
+          ...s || {},
+          onConfirm: s?.confirm,
+          onCancel: s?.cancel,
+          enable: !!s
+        };
+      });
+    }), C = h(() => {
+      let t = [];
+      return o.maxDispalyCount >= u.value.length ? [] : (t = u.value.slice(o.maxDispalyCount), t.map((n, s) => {
+        const { label: r, popConfirm: v } = n;
+        return {
+          ...n,
+          ...v,
+          onConfirm: v?.confirm,
+          onCancel: v?.cancel,
+          text: r,
+          divider: s < t.length - 1 ? o.divider : !1
+        };
+      }));
+    }), m = h(() => "left");
+    function k(t) {
+      return {
+        getPopupContainer: () => document.body,
+        placement: "bottom",
+        ...K(t) ? { title: t } : t
+      };
+    }
+    function a(t) {
+      if (!o.stopButtonPropagation) return;
+      t.composedPath().find((r) => r.tagName?.toUpperCase() === "BUTTON") && t.stopPropagation();
+    }
+    return (t, n) => {
+      const s = O("a-button");
+      return l(), p("div", {
+        class: J([i(c), m.value]),
+        onClick: z(a, ["stop"])
+      }, [
+        (l(!0), p(T, null, N(d.value, (r, v) => (l(), p(T, {
+          key: `${v}-${r.label}`
+        }, [
+          r.tooltip ? (l(), b(i(Y), _({
+            key: 0,
+            ref_for: !0
+          }, k(r.tooltip)), {
+            default: f(() => [
+              A(i(F), _({ ref_for: !0 }, r), {
+                default: f(() => [
+                  r.label ? (l(), p("span", De, $(r.label), 1)) : B("", !0)
+                ]),
+                _: 2
+              }, 1040)
+            ]),
+            _: 2
+          }, 1040)) : (l(), b(i(F), _({
+            key: 1,
+            ref_for: !0
+          }, r), {
+            default: f(() => [
+              r.label ? (l(), p("span", Te, $(r.label), 1)) : B("", !0)
+            ]),
+            _: 2
+          }, 1040)),
+          e.divider && v < d.value.length - 1 ? (l(), b(i(Z), {
+            key: 2,
+            type: "vertical",
+            class: "action-divider"
+          })) : B("", !0)
+        ], 64))), 128)),
+        C.value.length > 0 ? (l(), b(i(se), {
+          key: 0,
+          trigger: ["hover"],
+          "drop-menu-list": C.value,
+          popconfirm: ""
+        }, {
+          default: f(() => [
+            w(t.$slots, "more"),
+            t.$slots.more ? B("", !0) : (l(), b(s, {
+              key: 0,
+              type: "link",
+              size: "small"
+            }, {
+              default: f(() => [
+                A(i(X), { class: "icon-more" })
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 3
+        }, 8, ["drop-menu-list"])) : B("", !0)
+      ], 2);
+    };
+  }
+}), xe = ["primary", "error", "warning", "success", ""], Pe = {
+  color: {
+    type: String,
+    validator: (e) => xe.includes(e),
+    default: ""
+  },
+  loading: { type: Boolean },
+  disabled: { type: Boolean },
+  /**
+   * Text before icon.
+   */
+  preIcon: { type: String },
+  /**
+   * Text after icon.
+   */
+  postIcon: { type: String },
+  /**
+   * preIcon and postIcon icon size.
+   * @default: 14
+   */
+  iconSize: { type: Number, default: 14 },
+  onClick: {
+    type: Function,
+    default: null
+  }
+}, le = /* @__PURE__ */ D({
+  name: "AButton",
+  extends: W,
+  inheritAttrs: !1,
+  __name: "BasicButton",
+  props: Pe,
+  setup(e) {
+    const o = e, c = Q(), y = h(() => {
+      const { color: u, disabled: d } = o;
+      return [
+        {
+          [`ant-btn-${u}`]: !!u,
+          "is-disabled": d
+        }
+      ];
+    }), g = h(() => ({ ...i(c), ...o }));
+    return (u, d) => (l(), b(i(W), _(g.value, {
+      class: y.value,
+      onClick: u.onClick
+    }), {
+      default: f((C) => [
+        w(u.$slots, "default", E(R(C || {})))
+      ]),
+      _: 3
+    }, 16, ["class", "onClick"]));
+  }
+}), Oe = {
+  /**
+   * Whether to enable the drop-down menu
+   * @default: true
+   */
+  enable: {
+    type: Boolean,
+    default: !0
+  }
+}, Ie = D({
+  name: "PopButton",
+  inheritAttrs: !1,
+  props: Oe,
+  setup(e, { slots: o }) {
+    const c = Q(), y = h(() => Object.assign(
+      {
+        okText: q("sys.okText"),
+        cancelText: q("sys.cancelText"),
+        overlayStyle: {}
+      },
+      { ...e, ...i(c) }
+    ));
+    return () => {
+      const g = I(i(y), "icon"), u = I(g, "title");
+      u.disabled && (u.color = "");
+      const d = H(le, u, o);
+      return e.enable ? H(ee, g, { default: () => d }) : d;
+    };
+  }
+}), Fe = { class: "custom-btn-container" }, Ne = { class: "btn-left-title" }, je = /* @__PURE__ */ D({
+  __name: "custom-button",
+  props: {
+    title: {}
+  },
+  emits: ["btn-left-click", "btn-right-click"],
+  setup(e) {
+    return (o, c) => (l(), p("div", Fe, [
+      x("div", {
+        class: "btn-left",
+        onClick: c[0] || (c[0] = z((y) => o.$emit("btn-left-click"), ["stop"]))
+      }, [
+        w(o.$slots, "left-icon", {}, void 0, !0),
+        x("div", Ne, $(e.title), 1)
+      ]),
+      x("div", {
+        class: "btn-right",
+        onClick: c[1] || (c[1] = z((y) => o.$emit("btn-right-click"), ["stop"]))
+      }, [
+        w(o.$slots, "right-icon", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), at = /* @__PURE__ */ U(je, [["__scopeId", "data-v-305f4090"]]), ut = le, F = Ie, Me = { class: "ml-1" }, Ee = {
+  key: 1,
+  class: "ml-1"
+}, Re = /* @__PURE__ */ D({
+  name: "VDropdown",
+  __name: "Dropdown",
+  props: {
+    popconfirm: Boolean,
+    /**
+     * the trigger mode which executes the drop-down action
+     * @default ['hover']
+     * @type string[]
+     */
+    trigger: {
+      type: Array,
+      default: () => ["contextmenu"]
+    },
+    dropMenuList: {
+      type: Array,
+      default: () => []
+    },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["menuEvent"],
+  setup(e, { emit: o }) {
+    const c = pe, y = M, g = M.Item, u = M.Divider, d = ee, C = e, m = o;
+    function k(n) {
+      const { event: s } = n, r = C.dropMenuList.find((v) => `${v.event}` == `${s}`);
+      m("menuEvent", r), n.onClick?.();
+    }
+    function a(n) {
+      const s = I(n, ["confirm", "cancel", "icon"]);
+      return !n.onConfirm && n.confirm && P(n.confirm) && (s.onConfirm = n.confirm), !n.onCancel && n.cancel && P(n.cancel) && (s.onCancel = n.cancel), s;
+    }
+    const t = (n) => ({ key: n });
+    return (n, s) => (l(), b(i(c), _({ trigger: e.trigger }, n.$attrs), {
+      overlay: f(() => [
+        A(i(y), { "selected-keys": e.selectedKeys }, {
+          default: f(() => [
+            (l(!0), p(T, null, N(e.dropMenuList, (r) => (l(), p(T, {
+              key: `${r.event}`
+            }, [
+              A(i(g), _({
+                class: r.class
+              }, { ref_for: !0 }, t(r.event), {
+                disabled: r.disabled,
+                onClick: (v) => k(r)
+              }), {
+                default: f(() => [
+                  e.popconfirm && r.popConfirm ? (l(), b(i(d), _({
+                    key: 0,
+                    ref_for: !0
+                  }, a(r.popConfirm)), {
+                    default: f(() => [
+                      x("div", null, [
+                        x("span", Me, $(r.text), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040)) : (l(), p("span", Ee, $(r.text), 1))
+                ]),
+                _: 2
+              }, 1040, ["class", "disabled", "onClick"]),
+              r.divider ? (l(), b(i(u), {
+                key: `d-${r.event}`
+              })) : B("", !0)
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["selected-keys"])
+      ]),
+      default: f(() => [
+        x("span", null, [
+          w(n.$slots, "default")
+        ]),
+        ce(" " + $(e.dropMenuList) + " ", 1)
+      ]),
+      _: 3
+    }, 16, ["trigger"]));
+  }
+}), se = Re;
+function it() {
 }
 export {
-  n as run
+  rt as BasicTable,
+  ut as Button,
+  at as CustomButton,
+  se as Dropdown,
+  F as PopConfirmButton,
+  lt as TableAction,
+  st as TableActionAuto,
+  S as is,
+  ye as isArray,
+  me as isBoolean,
+  tt as isClient,
+  We as isDate,
+  de as isDef,
+  Ze as isElement,
+  He as isEmpty,
+  ot as isEmptyStr,
+  P as isFunction,
+  et as isMap,
+  oe as isNull,
+  qe as isNullAndUnDef,
+  Ge as isNullOrUnDef,
+  Je as isNumber,
+  L as isObject,
+  Qe as isPromise,
+  Xe as isRegExp,
+  ge as isServer,
+  K as isString,
+  ne as isUnDef,
+  nt as isUrl,
+  Ye as isWindow,
+  it as run
 };