@yeepay/yee-boss-ui 0.1.16 → 0.1.18

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

@@ -0,0 +1,464 @@
+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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yeepay/yee-boss-ui",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "运营后台平台公共 UI 与主题基础能力",
   "license": "UNLICENSED",
   "type": "module",
@@ -15,6 +15,34 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./app-shell": {
+      "types": "./dist/app-shell.d.ts",
+      "import": "./dist/app-shell.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.js"
+    },
+    "./descriptions": {
+      "types": "./dist/descriptions.d.ts",
+      "import": "./dist/descriptions.js"
+    },
+    "./ellipsis-text": {
+      "types": "./dist/ellipsis-text.d.ts",
+      "import": "./dist/ellipsis-text.js"
+    },
+    "./file-upload": {
+      "types": "./dist/file-upload.d.ts",
+      "import": "./dist/file-upload.js"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "import": "./dist/form.js"
+    },
+    "./grid": {
+      "types": "./dist/grid.d.ts",
+      "import": "./dist/grid.js"
+    },
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.ts",
       "import": "./dist/tailwind-preset.js"
@@ -24,30 +52,52 @@
       "types": "./dist/theme.d.ts",
       "import": "./dist/theme.js"
     },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js"
+    },
+    "./page": {
+      "types": "./dist/page.d.ts",
+      "import": "./dist/page.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "import": "./dist/select.js"
+    },
     "./style.css": "./dist/style.css"
   },
   "dependencies": {
-    "@ant-design/icons-vue": "^7.0.1"
+    "@ant-design/icons-vue": "^7.0.1",
+    "lucide-vue-next": "^0.553.0",
+    "sortablejs": "^1.15.7",
+    "vxe-pc-ui": "4.12.12",
+    "vxe-table": "4.17.46"
   },
   "sideEffects": [
     "**/*.css"
   ],
+  "scripts": {
+    "build": "vite build",
+    "build:example": "vite build --config examples/vite.config.ts",
+    "check": "pnpm typecheck && pnpm test && pnpm build && pnpm typecheck:public && pnpm publint",
+    "example": "vite --config examples/vite.config.ts",
+    "prepack": "pnpm check",
+    "publint": "publint",
+    "test": "vitest run",
+    "typecheck": "vue-tsc --noEmit",
+    "typecheck:public": "vue-tsc --noEmit -p tsconfig.public.json"
+  },
   "peerDependencies": {
     "ant-design-vue": "^4.2.0",
-    "vue": "^3.5.0",
-    "vxe-pc-ui": "4.12.12",
-    "vxe-table": "4.17.46"
+    "vue": "^3.5.0"
   },
   "devDependencies": {
     "@types/node": "^24.10.9",
+    "@types/sortablejs": "^1.15.9",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "^2.4.6",
     "ant-design-vue": "^4.2.6",
-    "docx-preview": "0.1.14",
-    "dompurify": "^3.4.13",
     "happy-dom": "^17.6.3",
-    "marked": "4.3.0",
-    "postal-mime": "^2.7.6",
     "publint": "^0.3.17",
     "sass": "^1.83.0",
     "typescript": "~5.9.3",
@@ -55,27 +105,21 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
     "vue": "3.5.27",
-    "vue-tsc": "^3.2.3",
-    "vxe-pc-ui": "4.12.12",
-    "vxe-table": "4.17.46",
-    "xlsx": "0.18.5"
+    "vue-router": "^4.6.4",
+    "vue-tsc": "^3.2.3"
   },
   "engines": {
     "node": ">=20.19.0",
     "pnpm": ">=10.0.0"
   },
+  "packageManager": "pnpm@10.28.1",
+  "pnpm": {
+    "overrides": {
+      "@vxe-ui/core": "4.3.1"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "build": "vite build",
-    "build:example": "vite build --config examples/vite.config.ts",
-    "check": "pnpm typecheck && pnpm test && pnpm build && pnpm typecheck:public && pnpm publint",
-    "example": "vite --config examples/vite.config.ts",
-    "publint": "publint",
-    "test": "vitest run",
-    "typecheck": "vue-tsc --noEmit",
-    "typecheck:public": "vue-tsc --noEmit -p tsconfig.public.json"
   }
-}
+}

package/dist/components/file-preview/YeeFilePreview.vue.d.ts

@@ -1,23 +0,0 @@
-import { YeeFilePreviewError, YeeFilePreviewProps } from './types';
-declare const _default: import('vue').DefineComponent<YeeFilePreviewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: (error: YeeFilePreviewError) => any;
-    unsupported: (error: YeeFilePreviewError) => any;
-    load: (result: import('./types').YeeFilePreviewLoadResult) => any;
-    download: () => any;
-}, string, import('vue').PublicProps, Readonly<YeeFilePreviewProps> & Readonly<{
-    onError?: (error: YeeFilePreviewError) => any;
-    onUnsupported?: (error: YeeFilePreviewError) => any;
-    onLoad?: (result: import('./types').YeeFilePreviewLoadResult) => any;
-    onDownload?: () => any;
-}>, {
-    maxFileSize: number | undefined;
-    maxRows: number | undefined;
-    maxColumns: number | undefined;
-    showHeader: boolean | undefined;
-    showDownload: boolean | undefined;
-    alt: string | undefined;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    previewContainer: HTMLElement;
-    docxContainer: HTMLDivElement;
-}, HTMLElement>;
-export default _default;

package/dist/components/file-preview/index.d.ts

@@ -1,2 +0,0 @@
-export { default as YeeFilePreview } from './YeeFilePreview.vue';
-export type { YeeFilePreviewEmits, YeeFilePreviewEmailMeta, YeeFilePreviewError, YeeFilePreviewKind, YeeFilePreviewLoadResult, YeeFilePreviewProps, YeeFilePreviewSource, YeeFilePreviewStatus, YeeFilePreviewTableRow, } from './types';

package/dist/components/file-preview/source.d.ts

@@ -1,8 +0,0 @@
-import { YeeFilePreviewKind, YeeFilePreviewSource } from './types';
-export declare function extensionFromName(name: string | undefined): string;
-export declare function fileNameFromSource(source: YeeFilePreviewSource | undefined): string;
-export declare function kindFromType(type: string | undefined): YeeFilePreviewKind | undefined;
-export declare function resolveFileKind(source: YeeFilePreviewSource | undefined, fileName: string | undefined, fileType: string | undefined): YeeFilePreviewKind;
-export declare function supportedFileExtensions(): readonly string[];
-export declare function isBlobLike(source: YeeFilePreviewSource | undefined): source is Blob | File | ArrayBuffer;
-export declare function sourceToBlob(source: Blob | File | ArrayBuffer): Blob;