@aplus-frontend/ui 0.5.8 → 0.5.10

package/es/src/ap-table/ap-table.vue2.mjs

@@ -1,26 +1,26 @@
-import { defineComponent as Ee, useSlots as Oe, ref as h, computed as s, unref as l, watch as k, createElementBlock as B, openBlock as p, normalizeStyle as K, normalizeClass as m, createCommentVNode as Z, createElementVNode as E, createVNode as y, mergeProps as w, createSlots as ee, withCtx as v, Fragment as oe, renderList as re, createBlock as ae, resolveDynamicComponent as Ve, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
+import { defineComponent as Ke, useSlots as Ee, ref as h, computed as s, unref as l, watch as k, createElementBlock as B, openBlock as p, normalizeStyle as V, normalizeClass as m, createCommentVNode as Z, createElementVNode as K, createVNode as y, mergeProps as w, createSlots as ee, withCtx as v, Fragment as oe, renderList as re, createBlock as ae, resolveDynamicComponent as Oe, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
 import { Divider as Ae, Table as De } from "@aplus-frontend/antdv";
-import { useToken as We } from "@aplus-frontend/antdv/es/theme/internal";
-import { ApForm as je } from "../ap-form/index.mjs";
+import { useToken as je } from "@aplus-frontend/antdv/es/theme/internal";
+import { ApForm as We } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as te } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as _e } from "./hooks/use-table-paging-ng.mjs";
 import { isUndefined as g, omit as le, isBoolean as He } from "lodash-unified";
-import { getColumnOrder as ne, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as se, falseToUndefined as Ge, getTableTitle as Je, getTableRenderType as Qe, getTableRenderProps as Xe, getTableCellRenderNode as Ye, apColumnToColumn as Ze } from "./utils.mjs";
-import eo from "./hooks/use-table-content-height.mjs";
-import oo from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as ro, isDef as ao } from "../utils/index.mjs";
+import { getColumnOrder as ne, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as se, falseToUndefined as Ge, getTableTitle as Je, getTableRenderType as Qe, getTableRenderProps as Xe, getTableCellRenderNode as Ye, apColumnToColumn as Ze, objectToString as eo } from "./utils.mjs";
+import oo from "./hooks/use-table-content-height.mjs";
+import ro from "./hooks/use-table-row-selection.mjs";
+import { getScrollbarSize as ao, isDef as to } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import { useProvideApTable as to } from "./context.mjs";
+import { useProvideApTable as lo } from "./context.mjs";
 import "../scroll-bar/index.mjs";
-import { useStickyScroll as lo } from "./hooks/use-sticky-scroll.mjs";
-import { useNamespace as no } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as so } from "../config-provider/hooks/use-global-config.mjs";
-import uo from "./components/setting/modal/index.vue2.mjs";
-import io from "../scroll-bar/index.vue.mjs";
-import co from "./components/paragraph-ellipsis/index.vue2.mjs";
-const Eo = /* @__PURE__ */ Ee({
+import { useStickyScroll as no } from "./hooks/use-sticky-scroll.mjs";
+import { useNamespace as so } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as uo } from "../config-provider/hooks/use-global-config.mjs";
+import io from "./components/setting/modal/index.vue2.mjs";
+import co from "../scroll-bar/index.vue.mjs";
+import fo from "./components/paragraph-ellipsis/index.vue2.mjs";
+const Eo = /* @__PURE__ */ Ke({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -148,23 +148,23 @@ const Eo = /* @__PURE__ */ Ee({
     expose: ue
   }) {
     const o = de;
-    let O = 0;
-    const C = Oe(), [, ie] = We(), {
+    let E = 0;
+    const C = Ee(), [, ie] = je(), {
       e: z,
       b: c,
-      be: V,
+      be: O,
       m: ce,
       cssVar: fe
-    } = no("ap-table"), L = so("valueTypeMap"), {
+    } = so("ap-table"), L = uo("valueTypeMap"), {
       height: pe,
       contentRef: me
-    } = eo(), $ = h(), A = h(), {
+    } = oo(), $ = h(), A = h(), {
       isStickyMode: D,
       scrollBarRef: i
-    } = lo($), P = h(o.size), u = h([]), W = h([]), j = ro();
-    to({
+    } = no($), P = h(o.size), u = h([]), j = h([]), W = ao();
+    lo({
       columns: s(() => u.value),
-      columnsBackup: s(() => W.value),
+      columnsBackup: s(() => j.value),
       size: s(() => P.value),
       updateColumns(e) {
         u.value = e;
@@ -176,7 +176,7 @@ const Eo = /* @__PURE__ */ Ee({
     });
     const _ = s(() => {
       var e, a, r;
-      return O++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !te.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
+      return E++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !te.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
         let n = ne(t.order);
         return ne(d.order) - n;
       })) == null ? void 0 : r.map((t) => {
@@ -186,7 +186,7 @@ const Eo = /* @__PURE__ */ Ee({
             label: t.title,
             name: t.dataIndex,
             ...d || {},
-            _signal: O
+            _signal: E
           },
           renderNode: void 0
         };
@@ -202,7 +202,7 @@ const Eo = /* @__PURE__ */ Ee({
       rowSelection: T,
       selectedRows: F,
       ...x
-    } = oo({
+    } = ro({
       fixed: !0,
       ...o.rowSelection === !0 ? {} : o.rowSelection,
       rowKey: o.rowKey,
@@ -244,12 +244,12 @@ const Eo = /* @__PURE__ */ Ee({
       let e = ((r = o.columns) == null ? void 0 : r.filter((t) => !t.hideInTable)) || [];
       function a(t, d) {
         return t.map((n) => ({
-          resizable: ao(n.resizable) ? n.resizable : o.columnResizable,
+          resizable: to(n.resizable) ? n.resizable : o.columnResizable,
           ...le(Ze(n), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Je(n, V("table-header", "title"), C.headerCell, l(ie).colorPrimary),
+          title: Je(n, O("table-header", "title"), C.headerCell, l(ie).colorPrimary),
           customRender({
             value: f,
             ...S
@@ -264,11 +264,11 @@ const Eo = /* @__PURE__ */ Ee({
             }), Ne = Ye(J, Ie, S.record, l(L)), Q = ((X = n.renderText) == null ? void 0 : X.call(n, {
               value: f,
               ...S
-            })) || f, Ke = n.renderText ? y(oe, null, [(Y = n.renderText) == null ? void 0 : Y.call(n, {
+            })) || f, Ve = n.renderText ? y(oe, null, [(Y = n.renderText) == null ? void 0 : Y.call(n, {
               value: f,
               ...S
             })]) : Ne;
-            let N = ke(n, Q, Ke);
+            let N = ke(n, Q, Ve);
             return n.customRender && (N = n.customRender({
               value: f,
               ...S,
@@ -291,7 +291,7 @@ const Eo = /* @__PURE__ */ Ee({
     };
     k(() => [o.columns, o.columnResizable], () => {
       const e = Re();
-      u.value = e, W.value = e;
+      u.value = e, j.value = e;
     }, {
       deep: !0,
       immediate: !0
@@ -332,11 +332,15 @@ const Eo = /* @__PURE__ */ Ee({
       };
     }), xe = s(() => {
       var e;
-      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, D.value && ((e = i.value) != null && e.visible) ? ce(`sticky-${j === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
+      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, D.value && ((e = i.value) != null && e.visible) ? ce(`sticky-${W === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
     });
     function ke(e, a, r) {
-      return te.includes(e.valueType) ? r : e.copyable || e.ellipsis ? y(co, {
+      if (te.includes(e.valueType))
+        return r;
+      const t = eo(a);
+      return e.copyable || e.ellipsis ? y(fo, {
         copyable: e.copyable,
+        rawValue: t,
         ellipsis: e.ellipsis ? He(e.ellipsis) ? {
           tooltip: r,
           rows: 1
@@ -396,14 +400,14 @@ const Eo = /* @__PURE__ */ Ee({
       ref_key: "tableWrapperRef",
       ref: $,
       class: m(xe.value),
-      style: K(l(fe)({
-        "scroll-bar-width": `${l(j)}px`
+      style: V(l(fe)({
+        "scroll-bar-width": `${l(W)}px`
       }))
     }, [l(g)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (p(), B("div", {
       key: 0,
       class: m(e.card ? l(z)("search-wrapper") : null),
-      style: K(e.searchFormWrapperStyle)
-    }, [y(l(je).SearchForm, w(e.searchForm || {}, {
+      style: V(e.searchFormWrapperStyle)
+    }, [y(l(We).SearchForm, w(e.searchForm || {}, {
       ref_key: "formRef",
       ref: I,
       "custom-reset": "",
@@ -411,7 +415,7 @@ const Eo = /* @__PURE__ */ Ee({
       onSubmit: l(H),
       onReset: l(U)
     }), ee({
-      default: v(() => [(p(!0), B(oe, null, re(_.value, (r) => (p(), ae(Ve(r.renderNode.Comp), w({
+      default: v(() => [(p(!0), B(oe, null, re(_.value, (r) => (p(), ae(Oe(r.renderNode.Comp), w({
         key: r.dataIndex,
         item: r,
         ref_for: !0
@@ -424,18 +428,18 @@ const Eo = /* @__PURE__ */ Ee({
       name: "extra",
       fn: v(() => [R(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : Z("", !0), E("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : Z("", !0), K("div", {
       ref_key: "contentRef",
       ref: me,
       class: m([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
-      style: K(e.tableWrapperStyle)
-    }, [E("div", {
+      style: V(e.tableWrapperStyle)
+    }, [K("div", {
       class: m(l(c)("header-wrapper"))
     }, [e.settings ? (p(), B("div", {
       key: 0,
       class: m(l(c)("header"))
-    }, [E("div", {
-      class: m(l(V)("header", "title"))
+    }, [K("div", {
+      class: m(l(O)("header", "title"))
     }, [R(e.$slots, "title", w({
       selectedRows: l(F),
       selectedRowKeys: l(T).selectedRowKeys,
@@ -443,7 +447,7 @@ const Eo = /* @__PURE__ */ Ee({
     }, x))], 2), C.title ? (p(), ae(l(Ae), {
       key: 0,
       type: "vertical"
-    })) : Z("", !0), y(uo, {
+    })) : Z("", !0), y(io, {
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : R(e.$slots, "title", w({
       key: 1,
@@ -470,7 +474,7 @@ const Eo = /* @__PURE__ */ Ee({
       name: "bottomPaginationTop",
       fn: v(() => {
         var r, t;
-        return [y(l(io), {
+        return [y(l(co), {
           ref_key: "scrollBarRef",
           ref: i,
           "scroll-container": (t = (r = A.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,

package/es/src/ap-table/components/paragraph-ellipsis/index.vue.d.ts

@@ -2,6 +2,7 @@ import { VNodeChild, DefineComponent, ComponentOptionsMixin, PublicProps, Compon
 interface Props {
     copyable?: boolean;
     content?: VNodeChild;
+    rawValue?: string;
     ellipsis?: boolean | {
         rows?: number;
         tooltip?: VNodeChild;

package/es/src/ap-table/components/paragraph-ellipsis/index.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as x, ref as _, computed as B, createElementBlock as f, openBlock as i, mergeProps as E, unref as l, createElementVNode as O, createCommentVNode as N, normalizeClass as y, createVNode as v, createSlots as j, withCtx as m, createBlock as c, resolveDynamicComponent as b, h } from "vue";
+import { defineComponent as x, ref as _, computed as B, createElementBlock as f, openBlock as i, mergeProps as E, unref as o, createElementVNode as O, createCommentVNode as N, normalizeClass as y, createVNode as b, createSlots as V, withCtx as m, createBlock as c, resolveDynamicComponent as v, h as w } from "vue";
 import "../../../config-provider/index.mjs";
-import { Tooltip as w } from "@aplus-frontend/antdv";
-import { CopyOutlined as S, CheckOutlined as V } from "@ant-design/icons-vue";
+import { Tooltip as h } from "@aplus-frontend/antdv";
+import { CopyOutlined as j, CheckOutlined as S } from "@ant-design/icons-vue";
 import { useNamespace as A } from "../../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as P } from "../../../config-provider/hooks/use-locale.mjs";
 const G = /* @__PURE__ */ x({
@@ -10,32 +10,33 @@ const G = /* @__PURE__ */ x({
   props: {
     copyable: { type: Boolean },
     content: { type: [Object, String, Number, Boolean, null, Array] },
+    rawValue: {},
     ellipsis: { type: [Boolean, Object] }
   },
   setup(C) {
-    const { b: u } = A("ap-table-paragraph-ellipsis"), { t: d } = P(), o = C, p = _(!1), r = B(() => o.ellipsis === !0 ? {
+    const { b: u } = A("ap-table-paragraph-ellipsis"), { t: d } = P(), l = C, n = _(!1), p = B(() => l.ellipsis === !0 ? {
       rows: 1,
-      tooltip: o.content,
+      tooltip: l.content,
       htmlTitle: ""
-    } : typeof o.ellipsis == "object" ? Object.assign(
+    } : typeof l.ellipsis == "object" ? Object.assign(
       {
         rows: 1,
-        tooltip: o.content,
+        tooltip: l.content,
         htmlTitle: ""
       },
-      o.ellipsis
+      l.ellipsis
     ) : {});
     function T() {
       return (window.top !== window ? window.top : window) ?? window;
     }
-    function g(n) {
-      var a;
+    function g(a) {
+      var r;
       const e = T();
-      if ((a = e == null ? void 0 : e.navigator) != null && a.clipboard)
-        e.navigator.clipboard.writeText(n);
+      if ((r = e == null ? void 0 : e.navigator) != null && r.clipboard)
+        e.navigator.clipboard.writeText(a);
       else if (e.document) {
         const t = e.document.createElement("textarea");
-        t.value = n, t.style.position = "fixed", t.style.top = "-1000px", e.document.body.appendChild(t), t.focus(), t.select();
+        t.value = a, t.style.position = "fixed", t.style.top = "-1000px", e.document.body.appendChild(t), t.focus(), t.select();
         try {
           e.document.execCommand("copy");
         } catch (s) {
@@ -45,56 +46,55 @@ const G = /* @__PURE__ */ x({
       }
     }
     function k() {
-      var e, a, t;
-      const n = ((e = r.value) == null ? void 0 : e.tooltip) ?? ((t = (a = o.content) == null ? void 0 : a.props) == null ? void 0 : t.value) ?? o.content;
-      g(n), p.value || (p.value = !0, setTimeout(() => {
-        p.value = !1;
+      const a = l.rawValue || "";
+      g(a), n.value || (n.value = !0, setTimeout(() => {
+        n.value = !1;
       }, 2200));
     }
-    return (n, e) => {
-      var a, t;
+    return (a, e) => {
+      var r, t;
       return i(), f("div", E({
-        class: [l(u)()]
+        class: [o(u)()]
       }, {
-        ...n.$attrs
+        ...a.$attrs
       }, {
         style: {
-          "--ap-table-paragraph-ellipsis-rows": (a = r.value) == null ? void 0 : a.rows
+          "--ap-table-paragraph-ellipsis-rows": (r = p.value) == null ? void 0 : r.rows
         }
       }), [
         O("div", {
-          class: y([l(u)("content")])
+          class: y([o(u)("content")])
         }, [
-          v(l(w), null, j({
+          b(o(h), null, V({
             default: m(() => {
               var s;
               return [
-                (i(), c(b(
-                  h("span", { title: (s = r.value) == null ? void 0 : s.htmlTitle }, [o.content])
+                (i(), c(v(
+                  w("span", { title: (s = p.value) == null ? void 0 : s.htmlTitle }, [l.content])
                 )))
               ];
             }),
             _: 2
           }, [
-            (t = r.value) != null && t.tooltip ? {
+            (t = p.value) != null && t.tooltip ? {
               name: "title",
               fn: m(() => [
-                (i(), c(b(h("div", [r.value.tooltip]))))
+                (i(), c(v(w("div", [p.value.tooltip]))))
               ]),
               key: "0"
             } : void 0
           ]), 1024)
         ], 2),
-        o.copyable ? (i(), f("div", {
+        l.copyable ? (i(), f("div", {
           key: 0,
-          class: y([l(u)("copyable")]),
+          class: y([o(u)("copyable")]),
           onClick: k
         }, [
-          v(l(w), {
-            title: p.value ? l(d)("ap.apTable.paragraphEllipsis.copySuccess") : l(d)("ap.apTable.paragraphEllipsis.copy")
+          b(o(h), {
+            title: n.value ? o(d)("ap.apTable.paragraphEllipsis.copySuccess") : o(d)("ap.apTable.paragraphEllipsis.copy")
           }, {
             default: m(() => [
-              p.value ? (i(), c(l(V), { key: 1 })) : (i(), c(l(S), { key: 0 }))
+              n.value ? (i(), c(o(S), { key: 1 })) : (i(), c(o(j), { key: 0 }))
             ]),
             _: 1
           }, 8, ["title"])

package/es/src/business/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './usePageListApTable';
 export * from './useTableRefresh';
+export * from './usePageListApGrid';

package/es/src/business/hooks/index.mjs

@@ -1,6 +1,8 @@
 import { usePageListApTable as o } from "./usePageListApTable.mjs";
-import { useTableRefresh as a } from "./useTableRefresh.mjs";
+import { useTableRefresh as p } from "./useTableRefresh.mjs";
+import { usePageListApGrid as a } from "./usePageListApGrid.mjs";
 export {
+  a as usePageListApGrid,
   o as usePageListApTable,
-  a as useTableRefresh
+  p as useTableRefresh
 };

package/es/src/business/hooks/usePageListApGrid.d.ts

@@ -0,0 +1,34 @@
+import { UseTableRefreshOption } from '..';
+import { ApGridExpose, ApGridProps } from '../../ap-grid';
+export interface UsePageListApGrid extends ApGridProps {
+    /** 是否显示默认的行选择配置
+     * @default true
+     */
+    isShowRowSelection?: boolean;
+    /** 转化ApGrid查询参数 */
+    transformSearchFormValues?: (values: any) => any;
+    /** ApGrid数据接口 */
+    api?(record: any): Promise<any>;
+    /** 发起请求的时候情况行选中
+     * @default true
+     */
+    clearSelectionOnRequest?: boolean;
+    /** 用于覆盖默认的class */
+    class?: string;
+    /**
+     * 表格刷新相关
+     */
+    tableRefresh?: boolean | Omit<UseTableRefreshOption, 'apTableRef'>;
+}
+/**
+ * 集成了列表页面的ApGrid的默认配置
+ * 表格分页器吸底效果，表格可拖动，表格行选择等
+ */
+export declare function usePageListApGrid(props?: UsePageListApGrid): [ApGridProps, {
+    reload: () => void;
+    reset: () => void;
+    getSearchFormValues: (transform?: boolean) => any;
+    getApGridInstance: () => ApGridExpose | undefined;
+    getSearchFormValuesAndSorted: (transform?: boolean) => any;
+    clearSelection: () => void;
+}];

package/es/src/business/hooks/usePageListApGrid.mjs

@@ -0,0 +1,90 @@
+import "../../config-provider/index.mjs";
+import "../index.mjs";
+import { merge as h, cloneDeep as S } from "lodash-unified";
+import { ref as g } from "vue";
+import { useGlobalConfig as v } from "../../config-provider/hooks/use-global-config.mjs";
+import { useTableRefresh as b } from "./useTableRefresh.mjs";
+function k(s) {
+  const o = g(null), {
+    isShowRowSelection: c = !0,
+    clearSelectionOnRequest: i = !0,
+    transformSearchFormValues: a,
+    api: l,
+    tableRefresh: f = !1,
+    ...d
+  } = s || {};
+  let n = null;
+  const m = v("uiMode", "aplus"), u = () => {
+    var e, r;
+    (r = (e = o.value) == null ? void 0 : e.rowSelection) == null || r.clearAll();
+  };
+  return b({
+    ...R(f),
+    apTableRef: o
+  }), [h(
+    {
+      // scroll，tableLayout，columnResizable设置表格可拖动
+      scroll: { x: "100%", y: "100%" },
+      columnResizable: !0,
+      // 表格分页器吸底效果
+      sticky: !0,
+      request: l ? async (e) => {
+        n = e.sort;
+        const r = a ? a(e) : e;
+        try {
+          if (!l) throw new Error("api is not defined");
+          const { records: t, total: p } = await l(r);
+          return i && u(), {
+            data: t,
+            total: p
+          };
+        } catch (t) {
+          return console.error(t), {
+            data: [],
+            total: 0
+          };
+        }
+      } : void 0,
+      rowSelection: c ? {
+        fixed: "left",
+        columnWidth: 50
+      } : void 0,
+      ref(e) {
+        o.value = e;
+      },
+      // 新UI规范，需要都添加分割线
+      card: !0,
+      bordered: m.value === "admin"
+    },
+    d
+  ), {
+    reload: () => {
+      var e;
+      (e = o.value) == null || e.submit();
+    },
+    reset: () => {
+      var e;
+      (e = o.value) == null || e.reset();
+    },
+    getSearchFormValues: (e = !0) => {
+      var t;
+      const r = ((t = o.value) == null ? void 0 : t.getSearchFormValues(!!e)) || {};
+      return a ? a(r) : r;
+    },
+    getApGridInstance: () => o.value,
+    getSearchFormValuesAndSorted: (e = !0) => {
+      var t;
+      const r = ((t = o.value) == null ? void 0 : t.getSearchFormValues(!!e)) || {};
+      return r.sort = n && S(n), a ? a(r) : r;
+    },
+    clearSelection: u
+  }];
+}
+function R(s) {
+  return s === !0 ? {} : s === !1 ? {
+    refreshBefore: () => !1
+  } : s;
+}
+export {
+  k as usePageListApGrid
+};