@yeepay/yee-boss-ui 0.1.18 → 0.1.20

package/dist/use-yee-grid-rYoenViE.js

@@ -1,464 +0,0 @@
-import { shallowRef as z, defineComponent as D, reactive as ne, useTemplateRef as U, computed as d, onMounted as Q, onBeforeUnmount as K, openBlock as V, createBlock as F, unref as N, mergeProps as J, withCtx as v, createElementVNode as P, normalizeStyle as ae, renderSlot as S, createTextVNode as X, toDisplayString as Z, nextTick as $, useSlots as le, inject as W, watch as se, onUnmounted as ue, createElementBlock as B, normalizeClass as ce, withDirectives as me, vShow as de, createCommentVNode as E, createVNode as M, toHandlers as pe, createSlots as fe, normalizeProps as L, guardReactiveProps as I, renderList as ge, h as ve } from "vue";
-import { Tooltip as ee, Modal as he, Select as be } from "ant-design-vue";
-import te from "vxe-table/es/grid";
-import h from "vxe-table/es/ui";
-import { p as ye } from "./context-DJQ4f46a.js";
-import { a as xe, Y as Te } from "./form-api-DbIL_dvg.js";
-import { p as Ce } from "./context-C5gszWl6.js";
-import we from "vxe-pc-ui/es/button";
-import Ve from "vxe-pc-ui/es/checkbox";
-import Se from "vxe-pc-ui/es/icon";
-import ze from "vxe-pc-ui/es/input";
-import He from "vxe-pc-ui/es/loading";
-import Ae from "vxe-pc-ui/es/modal";
-import Ne from "vxe-pc-ui/es/number-input";
-import Pe from "vxe-pc-ui/es/pager";
-import _e from "vxe-pc-ui/es/radio-group";
-import Ee from "vxe-pc-ui/es/select";
-import ke from "vxe-table/es/colgroup";
-import Ge from "vxe-table/es/column";
-import Oe from "vxe-table/es/locale/lang/zh-CN";
-import Re from "vxe-table/es/table";
-import Ye from "vxe-table/es/toolbar";
-import { _ as $e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-class Be {
-  /** 查询表单控制器。 */
-  formApi = new xe();
-  /** 查询表单当前是否可见。 */
-  searchFormVisible;
-  /** 当前 Grid 初始化配置。 */
-  state;
-  grid;
-  constructor(e) {
-    this.state = z(e), this.searchFormVisible = z(e.showSearchForm ?? !0);
-  }
-  /** @internal 由 YeeGrid 挂载底层 VXE Grid 实例。 */
-  mount(e) {
-    this.grid = e;
-  }
-  /** 保留当前页码并执行查询，可在查询前合并表单值。 */
-  query = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("query"));
-  /** 回到第一页并重新查询，可在查询前合并表单值。 */
-  reload = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("reload"));
-  /** 合并更新 VXE Grid 配置。 */
-  setGridOptions(e) {
-    this.setState({
-      gridOptions: {
-        ...this.state.value.gridOptions,
-        ...e
-      }
-    });
-  }
-  /** 设置表格加载状态。 */
-  setLoading(e) {
-    this.setGridOptions({ loading: e });
-  }
-  /** 合并更新 useYeeGrid 初始化配置。 */
-  setState(e) {
-    this.state.value = {
-      ...this.state.value,
-      ...e
-    };
-  }
-  /** 切换查询表单显隐，并返回切换后的状态。 */
-  toggleSearchForm(e) {
-    return this.searchFormVisible.value = e ?? !this.searchFormVisible.value, this.searchFormVisible.value;
-  }
-  /** @internal 清理底层 VXE Grid 实例引用。 */
-  unmount() {
-    this.grid = void 0;
-  }
-}
-const Me = /* @__PURE__ */ D({
-  inheritAttrs: !1,
-  name: "VxeTooltip",
-  __name: "YeeGridTooltip",
-  props: {
-    content: {},
-    enterDelay: {},
-    enterable: { type: Boolean },
-    height: {},
-    isArrow: { type: Boolean, default: !0 },
-    leaveDelay: {},
-    maxHeight: {},
-    maxWidth: {},
-    minHeight: {},
-    minWidth: {},
-    modelValue: { type: Boolean },
-    popupClassName: {},
-    selector: {},
-    theme: {},
-    trigger: {},
-    useHTML: { type: Boolean },
-    width: {},
-    zIndex: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { expose: e, emit: l }) {
-    const t = n, a = l, C = ee, s = ne({ visible: !1 }), w = U("tooltip"), b = z(), y = z(""), x = z(), T = z(!1);
-    let p;
-    function f(o) {
-      if (!(o === void 0 || o === ""))
-        return typeof o == "number" ? `${o}px` : o;
-    }
-    const k = d(() => {
-      const o = b.value;
-      return !o || !s.visible ? { display: "none" } : {
-        height: `${Math.max(o.height, 1)}px`,
-        left: `${o.left}px`,
-        pointerEvents: "none",
-        position: "fixed",
-        top: `${o.top}px`,
-        width: `${Math.max(o.width, 1)}px`
-      };
-    }), G = d(() => ({
-      cursor: t.enterable ? "text" : void 0,
-      height: f(t.height),
-      maxHeight: f(t.maxHeight),
-      maxWidth: f(t.maxWidth),
-      minHeight: f(t.minHeight),
-      minWidth: f(t.minWidth),
-      userSelect: t.enterable ? "text" : void 0,
-      width: f(t.width)
-    })), O = d(() => ({
-      ...t.popupClassName ? { overlayClassName: t.popupClassName } : {},
-      ...t.zIndex === void 0 ? {} : { zIndex: Number(t.zIndex) }
-    }));
-    function R(o) {
-      return o.closest("body") ?? document.body;
-    }
-    function Y(o) {
-      return o || (typeof t.selector == "string" ? document.querySelector(t.selector) ?? void 0 : t.selector);
-    }
-    function i() {
-      const o = x.value;
-      if (!o?.isConnected)
-        return m();
-      const c = o.getBoundingClientRect();
-      return b.value = {
-        height: c.height,
-        left: c.left,
-        top: c.top,
-        width: c.width
-      }, $(() => w.value?.forcePopupAlign?.());
-    }
-    function r(o, c) {
-      const A = Y(o);
-      return A ? (x.value = A, y.value = c ?? t.content ?? "", T.value = !0, s.visible = !0, a("update:modelValue", !0), i()) : $();
-    }
-    function u(o, c, A) {
-      const re = o.currentTarget instanceof HTMLElement ? o.currentTarget : void 0;
-      return r(c ?? re, A);
-    }
-    function m() {
-      return T.value = !1, x.value = void 0, b.value = void 0, s.visible = !1, a("update:modelValue", !1), $();
-    }
-    function g(o) {
-      o && p && (clearTimeout(p), p = void 0), T.value = o;
-    }
-    function H() {
-      return T.value;
-    }
-    function _() {
-      s.visible && i();
-    }
-    function ie() {
-      g(!1), t.enterable && (p = setTimeout(() => {
-        p = void 0, T.value || m();
-      }, t.leaveDelay ?? 0));
-    }
-    return Q(() => {
-      window.addEventListener("resize", _), window.addEventListener("scroll", _, !0), t.modelValue && r(void 0, t.content);
-    }), K(() => {
-      p && clearTimeout(p), window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0);
-    }), e({
-      close: m,
-      isActived: H,
-      open: r,
-      openByEvent: u,
-      reactData: s,
-      setActived: g,
-      toVisible: r,
-      updatePlacement: i
-    }), (o, c) => (V(), F(N(C), J({ ref: "tooltip" }, O.value, {
-      arrow: t.isArrow !== !1,
-      "get-popup-container": R,
-      open: s.visible,
-      "overlay-inner-style": G.value,
-      placement: "top"
-    }), {
-      title: v(() => [
-        P("div", {
-          class: "yee-ui-grid-tooltip-content",
-          onMouseenter: c[0] || (c[0] = (A) => t.enterable && g(!0)),
-          onMouseleave: ie
-        }, [
-          S(o.$slots, "content", {}, () => [
-            X(Z(y.value), 1)
-          ])
-        ], 32)
-      ]),
-      default: v(() => [
-        P("span", {
-          "aria-hidden": "true",
-          class: "yee-ui-grid-tooltip-anchor",
-          style: ae(k.value)
-        }, null, 4)
-      ]),
-      _: 3
-    }, 16, ["arrow", "open", "overlay-inner-style"]));
-  }
-});
-let q = !1;
-const j = /* @__PURE__ */ new Set();
-function Le() {
-  const n = h.modal.confirm.bind(h.modal);
-  h.modal.confirm = ((e, l, t) => {
-    const a = typeof e == "object" && e !== null ? e : typeof t == "object" && t !== null ? t : void 0;
-    if ((typeof a?.className == "string" ? a.className.split(/\s+/) : []).includes("vxe-table--ignore-clear")) {
-      const s = [...j], w = s[s.length - 1];
-      if (w) {
-        const b = typeof a?.content == "string" ? a.content : String(a?.content ?? e);
-        return w(b);
-      }
-    }
-    return n(e, l, t);
-  });
-}
-function Ie(n) {
-  return j.add(n), () => j.delete(n);
-}
-function oe() {
-  if (q) return;
-  h.hasLanguage("zh-CN") || (h.setI18n("zh-CN", Oe), h.setLanguage("zh-CN")), [
-    Re,
-    Ge,
-    ke,
-    te,
-    Ye,
-    we,
-    Ve,
-    Se,
-    ze,
-    He,
-    Ae,
-    Ne,
-    Pe,
-    _e,
-    Ee,
-    Me
-  ].forEach((e) => h.component(e)), Le(), q = !0;
-}
-const Fe = {
-  key: 1,
-  class: "yee-ui-grid__separator"
-}, je = { class: "yee-ui-grid__table-container" }, De = {
-  key: 0,
-  class: "yee-ui-grid__title"
-}, We = /* @__PURE__ */ D({
-  name: "YeeGrid",
-  __name: "YeeGrid",
-  props: {
-    api: {},
-    tableTitle: {},
-    tableTitleHelp: {}
-  },
-  setup(n) {
-    const e = n, l = le(), t = U("gridRef"), a = W(ye), C = W(Ce, void 0), [s, w] = he.useModal();
-    oe();
-    const b = Ie((i) => new Promise((r) => {
-      s.confirm({
-        title: "恢复默认列配置",
-        content: i,
-        centered: !0,
-        okText: "确认",
-        cancelText: "取消",
-        keyboard: !0,
-        wrapClassName: "vxe-table--ignore-clear",
-        onOk: () => r("confirm"),
-        onCancel: () => r("cancel")
-      });
-    })), y = d(() => e.api.state.value), x = d(() => y.value.formOptions), T = d(() => !!(e.tableTitle || l["table-title"] || l["toolbar-actions"] || l["toolbar-tools"])), p = d(() => Object.keys(l).filter((i) => ![
-      "empty",
-      "loading",
-      "table-title",
-      "toolbar-actions",
-      "toolbar-tools"
-    ].includes(i))), f = d(() => C?.value ?? !1), k = d(() => {
-      const i = y.value.gridOptions, r = i.proxyConfig, u = r?.ajax?.query, m = i.toolbarConfig, g = i.pagerConfig;
-      return {
-        align: "left",
-        border: "inner",
-        minHeight: 180,
-        showHeaderOverflow: "tooltip",
-        showOverflow: "tooltip",
-        size: "medium",
-        ...f.value ? { height: "auto" } : {},
-        ...i,
-        columnConfig: {
-          resizable: !0,
-          ...i.columnConfig
-        },
-        tooltipConfig: {
-          enterable: !0,
-          leaveDelay: 300,
-          ...i.tooltipConfig
-        },
-        ...g ? {
-          pagerConfig: {
-            pageSize: 20,
-            pageSizes: [10, 20, 30, 50, 100, 200],
-            layouts: ["Total", "Sizes", "Home", "PrevPage", "Number", "NextPage", "End"],
-            ...g,
-            slots: {
-              sizes: "pagerSizes",
-              ...g.slots
-            }
-          }
-        } : {},
-        ...r ? {
-          proxyConfig: {
-            autoLoad: !0,
-            showResponseMsg: !1,
-            ...r,
-            response: {
-              list: "items",
-              result: "items",
-              total: "total",
-              ...r.response
-            },
-            ...r.ajax ? {
-              ajax: {
-                ...r.ajax,
-                ...u ? {
-                  query: (H) => u(H, e.api.formApi.getValues())
-                } : {}
-              }
-            } : {}
-          }
-        } : {},
-        ...m || T.value ? {
-          toolbarConfig: {
-            custom: !0,
-            refresh: !0,
-            zoom: !0,
-            ...m,
-            slots: {
-              ...e.tableTitle || l["table-title"] || l["toolbar-actions"] ? { buttons: "toolbarActions" } : {},
-              ...l["toolbar-tools"] ? { tools: "toolbarTools" } : {}
-            }
-          }
-        } : {}
-      };
-    }), G = d(() => y.value.gridEvents ?? {});
-    se(
-      () => a?.value.mode ?? "light",
-      (i) => h.setTheme(i),
-      { immediate: !0 }
-    );
-    async function O() {
-      await e.api.reload();
-    }
-    async function R() {
-      await e.api.reload();
-    }
-    function Y(i, r) {
-      typeof r != "number" && typeof r != "string" || i.setPageSizeByEvent(new Event("change"), r);
-    }
-    return Q(() => {
-      t.value && e.api.mount(t.value);
-    }), ue(() => {
-      b(), e.api.unmount();
-    }), (i, r) => (V(), B("section", {
-      class: ce(["yee-ui-grid", { "yee-ui-grid--fill-page-content": f.value }])
-    }, [
-      x.value ? me((V(), F(Te, {
-        key: 0,
-        api: n.api.formApi,
-        options: x.value,
-        "on-reset": R,
-        "on-submit": O
-      }, null, 8, ["api", "options"])), [
-        [de, n.api.searchFormVisible.value]
-      ]) : E("", !0),
-      x.value && y.value.separator !== !1 ? (V(), B("div", Fe)) : E("", !0),
-      P("div", je, [
-        M(N(te), J({
-          ref_key: "gridRef",
-          ref: t,
-          class: "yee-ui-grid__table"
-        }, k.value, pe(G.value)), fe({
-          toolbarActions: v((u) => [
-            S(i.$slots, "table-title", {}, () => [
-              n.tableTitle ? (V(), B("div", De, [
-                X(Z(n.tableTitle) + " ", 1),
-                n.tableTitleHelp ? (V(), F(N(ee), {
-                  key: 0,
-                  title: n.tableTitleHelp
-                }, {
-                  default: v(() => [...r[0] || (r[0] = [
-                    P("span", {
-                      class: "yee-ui-grid__help",
-                      tabindex: "0"
-                    }, "?", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["title"])) : E("", !0)
-              ])) : E("", !0)
-            ], !0),
-            S(i.$slots, "toolbar-actions", L(I(u)), void 0, !0)
-          ]),
-          toolbarTools: v((u) => [
-            S(i.$slots, "toolbar-tools", L(I(u)), void 0, !0)
-          ]),
-          pagerSizes: v(({ $pager: u, options: m, pageSize: g }) => [
-            M(N(be), {
-              class: "yee-ui-grid__page-size",
-              options: m,
-              value: g,
-              onChange: (H) => Y(u, H)
-            }, null, 8, ["options", "value", "onChange"])
-          ]),
-          empty: v(() => [
-            S(i.$slots, "empty", {}, () => [
-              r[1] || (r[1] = P("div", { class: "yee-ui-grid__empty" }, "暂无数据", -1))
-            ], !0)
-          ]),
-          _: 2
-        }, [
-          ge(p.value, (u) => ({
-            name: u,
-            fn: v((m) => [
-              S(i.$slots, u, L(I(m)), void 0, !0)
-            ])
-          }))
-        ]), 1040)
-      ]),
-      M(N(w))
-    ], 2));
-  }
-}), qe = /* @__PURE__ */ $e(We, [["__scopeId", "data-v-bc8ae91c"]]);
-function ht(n) {
-  oe();
-  const e = new Be(n), l = qe;
-  return [D({
-    name: "YeeGrid",
-    inheritAttrs: !1,
-    props: {
-      tableTitle: String,
-      tableTitleHelp: String
-    },
-    setup(a, { attrs: C, slots: s }) {
-      return K(() => e.unmount()), () => ve(l, {
-        ...C,
-        api: e,
-        ...a.tableTitle ? { tableTitle: a.tableTitle } : {},
-        ...a.tableTitleHelp ? { tableTitleHelp: a.tableTitleHelp } : {}
-      }, s);
-    }
-  }), e];
-}
-export {
-  Be as Y,
-  ht as u
-};