@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

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

@@ -1,28 +1,29 @@
-import { defineComponent as We, useSlots as De, ref as h, computed as n, unref as o, toRef as $e, createVNode as c, Fragment as te, watch as x, createElementBlock as B, openBlock as p, normalizeStyle as A, normalizeClass as f, createCommentVNode as ae, createElementVNode as E, mergeProps as k, createSlots as le, withCtx as w, renderList as ne, createBlock as se, resolveDynamicComponent as je, renderSlot as v, normalizeProps as He, guardReactiveProps as _e } from "vue";
-import { Divider as Ue, Table as qe } from "@aplus-frontend/antdv";
-import { useToken as Me } from "@aplus-frontend/antdv/es/theme/internal";
-import { ApForm as Ge } from "../ap-form/index.mjs";
+import { defineComponent as De, useSlots as $e, ref as h, computed as n, unref as o, toRef as je, createVNode as c, Fragment as te, watch as x, createElementBlock as B, openBlock as p, normalizeStyle as A, normalizeClass as f, createCommentVNode as ae, createElementVNode as E, mergeProps as k, createSlots as le, withCtx as w, renderList as ne, createBlock as se, resolveDynamicComponent as He, renderSlot as v, normalizeProps as _e, guardReactiveProps as Ue } from "vue";
+import { Divider as qe, Table as Me } from "@aplus-frontend/antdv";
+import { useToken as Ge } from "@aplus-frontend/antdv/es/theme/internal";
+import { ApForm as Je } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as de } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Je } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as m, omit as ue, isBoolean as Qe } from "lodash-unified";
-import { getColumnOrder as ie, updateFormProps as Xe, getFieldProps as Ye, getSearchFormItemRenderNode as Ze, recursionApColumns as ce, getTableTitle as er, getTableRenderType as rr, getTableRenderProps as or, getTableCellRenderNode as tr, apColumnToColumn as ar, falseToUndefined as lr, objectToString as nr } from "./utils.mjs";
-import sr from "./hooks/use-table-content-height.mjs";
-import dr from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as ur, isDef as pe } from "../utils/index.mjs";
+import { useTablePaging as Qe } from "./hooks/use-table-paging-ng.mjs";
+import { isUndefined as m, omit as ue, isBoolean as Xe } from "lodash-unified";
+import { getColumnOrder as ie, updateFormProps as Ye, getFieldProps as Ze, getSearchFormItemRenderNode as er, recursionApColumns as ce, getTableTitle as rr, getTableRenderType as or, getTableRenderProps as tr, getTableCellRenderNode as ar, apColumnToColumn as lr, falseToUndefined as nr, objectToString as sr } from "./utils.mjs";
+import dr from "./hooks/use-table-content-height.mjs";
+import ur from "./hooks/use-table-row-selection.mjs";
+import { getScrollbarSize as ir, isDef as pe } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import { useProvideApTable as ir } from "./context.mjs";
+import { useProvideApTable as cr } from "./context.mjs";
 import "../scroll-bar/index.mjs";
-import { useStickyScroll as cr } from "./hooks/use-sticky-scroll.mjs";
-import { getValidVNodeList as pr } from "../utils/slot.mjs";
-import { useDevWarning as fr } from "../utils/warning.mjs";
-import { useNamespace as mr } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as gr } from "../config-provider/hooks/use-global-config.mjs";
-import br from "./components/paragraph-ellipsis/index.vue2.mjs";
-import yr from "./components/setting/modal/index.vue2.mjs";
-import Sr from "../scroll-bar/index.vue.mjs";
-const _r = /* @__PURE__ */ We({
+import { useStickyScroll as pr } from "./hooks/use-sticky-scroll.mjs";
+import { getValidVNodeList as fr } from "../utils/slot.mjs";
+import { useDevWarning as mr } from "../utils/warning.mjs";
+import gr from "./style/index.mjs";
+import { useNamespace as br } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as yr } from "../config-provider/hooks/use-global-config.mjs";
+import Sr from "./components/paragraph-ellipsis/index.vue2.mjs";
+import hr from "./components/setting/modal/index.vue2.mjs";
+import wr from "../scroll-bar/index.vue.mjs";
+const Mr = /* @__PURE__ */ De({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -152,25 +153,25 @@ const _r = /* @__PURE__ */ We({
   }) {
     const r = fe;
     let K = 0;
-    const g = De(), [, ge] = Me();
-    fr("ApTable")(!1, "breaking", "ApTable has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead.");
+    const g = $e(), [, ge] = Ge();
+    mr("ApTable")(!1, "breaking", "ApTable has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead.");
     const {
       e: I,
       b: u,
       be: L,
       m: be,
       cssVar: ye
-    } = mr("ap-table"), O = gr("valueTypeMap"), {
-      height: Se,
-      contentRef: he
-    } = sr(), W = h(), D = h(), {
+    } = br("ap-table"), Se = gr("ap-table"), O = yr("valueTypeMap"), {
+      height: he,
+      contentRef: we
+    } = dr(), W = h(), D = h(), {
       isStickyMode: $,
       scrollBarRef: R
-    } = cr(W), z = h(r.size), s = h([]), j = h([]), H = ur(), _ = n(() => (K++, r.columns?.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !de.includes(e.valueType))?.sort((e, a) => {
+    } = pr(W), z = h(r.size), s = h([]), j = h([]), H = ir(), _ = n(() => (K++, r.columns?.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !de.includes(e.valueType))?.sort((e, a) => {
       let t = ie(e.order);
       return ie(a.order) - t;
     })?.map((e) => {
-      const a = Xe(e, Ye(e.fieldProps, {})), t = {
+      const a = Ye(e, Ze(e.fieldProps, {})), t = {
         ...e,
         fieldProps: {
           label: e.title,
@@ -182,22 +183,22 @@ const _r = /* @__PURE__ */ We({
         },
         renderNode: void 0
       };
-      return t.renderNode = Ze(t, o(O)), t;
-    }) || [])), we = n(() => ce(o(s), (e) => {
+      return t.renderNode = er(t, o(O)), t;
+    }) || [])), ve = n(() => ce(o(s), (e) => {
       if (e.sorter === !0)
         return e.key || e?.dataIndex;
-    }).filter(Boolean)), ve = n(() => ce(o(s), (e) => {
+    }).filter(Boolean)), Re = n(() => ce(o(s), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e?.dataIndex;
-    }).filter(Boolean)), Re = n(() => m(r.dataSource) ? b.records : r.dataSource), Ce = n(() => pe(r.manual) ? r.manual : pr(g.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
+    }).filter(Boolean)), Ce = n(() => m(r.dataSource) ? b.records : r.dataSource), Te = n(() => pe(r.manual) ? r.manual : fr(g.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
       rowSelection: C,
       selectedRows: T,
       ...F
-    } = dr({
+    } = ur({
       fixed: !0,
       ...r.rowSelection === !0 ? {} : r.rowSelection,
       rowKey: r.rowKey,
-      dataSource: Re
+      dataSource: Ce
     }), {
       formRef: i,
       submit: P,
@@ -205,14 +206,14 @@ const _r = /* @__PURE__ */ We({
       tableProps: U,
       refresh: q,
       data: b,
-      setDataSource: Te,
+      setDataSource: Fe,
       getColumnSFConfig: M,
-      sortedInfo: Fe,
-      filteredInfo: xe,
-      setPaging: Be,
-      getPaging: ke,
+      sortedInfo: xe,
+      filteredInfo: Be,
+      setPaging: ke,
+      getPaging: Ie,
       submitWith: G
-    } = Je({
+    } = Qe({
       async request(e) {
         if (!C.value.preserveSelectedRowKeys && m(r.dataSource) && F.clearAll(), !m(r.dataSource))
           return {
@@ -225,15 +226,15 @@ const _r = /* @__PURE__ */ We({
           total: a?.total || 0
         };
       },
-      filterFields: ve,
-      sortFields: we,
-      params: $e(r, "params"),
+      filterFields: Re,
+      sortFields: ve,
+      params: je(r, "params"),
       defaultData: r.defaultData,
-      manual: o(Ce),
+      manual: o(Te),
       formatParams: r.beforeSearchSubmit,
       pagination: r.pagination
     });
-    ir({
+    cr({
       columns: n(() => s.value),
       columnsBackup: n(() => j.value),
       size: n(() => z.value),
@@ -254,34 +255,34 @@ const _r = /* @__PURE__ */ We({
       setSearchFormSorterItems: Z,
       resetSearchFormSorterItems: ee
     });
-    const Ie = () => {
+    const ze = () => {
       let e = r.columns?.filter((t) => !t.hideInTable) || [];
       function a(t, d) {
         return t.map((l) => ({
           resizable: pe(l.resizable) ? l.resizable : r.columnResizable,
-          ...ue(ar(l), ["ellipsis"]),
+          ...ue(lr(l), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(l),
           fixed: d ? d.fixed : l.fixed,
-          title: er(l, L("table-header", "title"), g.headerCell, o(ge).colorTextTertiary),
+          title: rr(l, L("table-header", "title"), g.headerCell, o(ge).colorTextTertiary),
           customRender({
             value: y,
             ...S
           }) {
-            const re = rr(l), Ke = or({
+            const re = or(l), Le = tr({
               ...l,
               valueType: re
             }, {
               value: y,
               ...S
-            }), Le = tr(re, Ke, S.record, o(O)), oe = l.renderText?.({
+            }), Oe = ar(re, Le, S.record, o(O)), oe = l.renderText?.({
               value: y,
               ...S
-            }) || y, Oe = l.renderText ? c(te, null, [l.renderText?.({
+            }) || y, We = l.renderText ? c(te, null, [l.renderText?.({
               value: y,
               ...S
-            })]) : Le;
-            let V = Ae(l, oe, Oe);
+            })]) : Oe;
+            let V = Ee(l, oe, We);
             return l.customRender && (V = l.customRender({
               value: y,
               ...S,
@@ -294,7 +295,7 @@ const _r = /* @__PURE__ */ We({
         }));
       }
       return a(e);
-    }, ze = () => {
+    }, Pe = () => {
       function e(a) {
         for (const t of a)
           t.children?.length ? e(t.children) : M(t, !0);
@@ -302,25 +303,25 @@ const _r = /* @__PURE__ */ We({
       e(s.value);
     };
     x(() => [r.columns, r.columnResizable], () => {
-      const e = Ie();
+      const e = ze();
       s.value = e, j.value = e;
     }, {
       deep: !0,
       immediate: !0
-    }), x(() => [Fe.value, xe.value], () => {
-      ze();
+    }), x(() => [xe.value, Be.value], () => {
+      Pe();
     }, {
       deep: !0
     });
-    const Pe = n(() => {
+    const Ne = n(() => {
       if (r.adaptive && (b.total > 0 || r.dataSource?.length))
         return {
-          y: o(Se),
+          y: o(he),
           x: r.scroll?.x || "100%"
         };
       if (r.scroll)
         return r.scroll;
-    }), Ne = n(() => {
+    }), Ve = n(() => {
       if (r.tableLayout)
         return r.tableLayout;
       if (r.columns?.some((e) => e.ellipsis))
@@ -334,20 +335,20 @@ const _r = /* @__PURE__ */ We({
           ...a,
           // tips 如果是前端分页，则默认会走缓存
           preserveSelectedRowKeys: m(r.dataSource) ? a.preserveSelectedRowKeys : !0
-        } : lr(r.rowSelection),
+        } : nr(r.rowSelection),
         loading: m(r.loading) ? e.loading : r.loading,
         pagination: r.pagination === !1 ? !1 : e.pagination,
-        scroll: o(Pe)
+        scroll: o(Ne)
       };
-    }), Ve = n(() => [u(), r.card ? null : u("wrapper"), r.adaptive ? u("adaptive") : null, $.value && R.value?.visible ? be(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean));
-    function Ae(e, a, t) {
+    }), Ae = n(() => [u(), r.card ? null : u("wrapper"), r.adaptive ? u("adaptive") : null, $.value && R.value?.visible ? be(`sticky-${H === 0 ? "absolute" : "relative"}`) : null, Se.value].filter(Boolean));
+    function Ee(e, a, t) {
       if (de.includes(e.valueType))
         return t;
-      const d = nr(a);
-      return e.copyable || e.ellipsis ? c(br, {
+      const d = sr(a);
+      return e.copyable || e.ellipsis ? c(Sr, {
         copyable: e.copyable,
         rawValue: d,
-        ellipsis: e.ellipsis ? Qe(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Xe(e.ellipsis) ? {
           tooltip: t,
           rows: 1
         } : {
@@ -360,7 +361,7 @@ const _r = /* @__PURE__ */ We({
     x(() => o(b).loading, (e) => {
       r.onLoadingChange?.(e);
     }), x(() => r.dataSource, (e) => {
-      Te(e);
+      Fe(e);
     }, {
       immediate: !0
     });
@@ -380,7 +381,7 @@ const _r = /* @__PURE__ */ We({
     function ee() {
       i.value?.resetSorterItems();
     }
-    function Ee() {
+    function Ke() {
       return o(s);
     }
     return me({
@@ -390,9 +391,9 @@ const _r = /* @__PURE__ */ We({
       submitWith: () => G(),
       setSearchFormValues: Q,
       getSearchFormValues: X,
-      setPaging: Be,
-      getPaging: ke,
-      getShownColumns: Ee,
+      setPaging: ke,
+      getPaging: Ie,
+      getShownColumns: Ke,
       dataSource: n(() => o(b).records),
       rowSelection: {
         selectedRows: n(() => o(T)),
@@ -411,7 +412,7 @@ const _r = /* @__PURE__ */ We({
     }), (e, a) => (p(), B("div", {
       ref_key: "tableWrapperRef",
       ref: W,
-      class: f(Ve.value),
+      class: f(Ae.value),
       style: A(o(ye)({
         "scroll-bar-width": `${o(H)}px`
       }))
@@ -419,7 +420,7 @@ const _r = /* @__PURE__ */ We({
       key: 0,
       class: f(e.card ? o(I)("search-wrapper") : null),
       style: A(e.searchFormWrapperStyle)
-    }, [c(o(Ge).SearchForm, k(e.searchForm || {}, {
+    }, [c(o(Je).SearchForm, k(e.searchForm || {}, {
       ref_key: "formRef",
       ref: i,
       "custom-reset": "",
@@ -427,7 +428,7 @@ const _r = /* @__PURE__ */ We({
       onSubmit: o(P),
       onReset: o(N)
     }), le({
-      default: w(() => [(p(!0), B(te, null, ne(_.value, (t) => (p(), se(je(t.renderNode), {
+      default: w(() => [(p(!0), B(te, null, ne(_.value, (t) => (p(), se(He(t.renderNode), {
         key: t.dataIndex
       }))), 128))]),
       _: 2
@@ -437,7 +438,7 @@ const _r = /* @__PURE__ */ We({
       key: "0"
     } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ae("", !0), E("div", {
       ref_key: "contentRef",
-      ref: he,
+      ref: we,
       class: f([o(I)("table-wrapper"), e.card ? o(I)("table-wrapper-card") : null]),
       style: A(e.tableWrapperStyle)
     }, [E("div", {
@@ -451,23 +452,23 @@ const _r = /* @__PURE__ */ We({
       selectedRows: o(T),
       selectedRowKeys: o(C).selectedRowKeys,
       shownColumns: s.value
-    }, F))], 2), g.title ? (p(), se(o(Ue), {
+    }, F))], 2), g.title ? (p(), se(o(qe), {
       key: 0,
       type: "vertical"
-    })) : ae("", !0), c(yr, {
+    })) : ae("", !0), c(hr, {
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : v(e.$slots, "title", k({
       key: 1,
       selectedRows: o(T),
       selectedRowKeys: o(C).selectedRowKeys,
       shownColumns: s.value
-    }, F))], 2), c(o(qe), k({
+    }, F))], 2), c(o(Me), k({
       ref_key: "antdTableRef",
       ref: D,
       class: o(u)("table")
     }, J.value, {
       size: z.value,
-      "table-layout": Ne.value,
+      "table-layout": Ve.value,
       columns: s.value,
       onResizeColumn: a[0] || (a[0] = (t, d) => d.width = t)
     }), le({
@@ -479,7 +480,7 @@ const _r = /* @__PURE__ */ We({
       _: 2
     }, [o($) ? {
       name: "bottomPaginationTop",
-      fn: w(() => [c(o(Sr), {
+      fn: w(() => [c(o(wr), {
         ref_key: "scrollBarRef",
         ref: R,
         "scroll-container": D.value?.table?.scrollBodyRef,
@@ -490,10 +491,10 @@ const _r = /* @__PURE__ */ We({
       key: "0"
     } : void 0, ne(o(ue)(g, ["title", "searchFormExtra", "headerCell", "summary"]), (t, d) => ({
       name: d,
-      fn: w((l) => [v(e.$slots, d, He(_e(l || {})))])
+      fn: w((l) => [v(e.$slots, d, _e(Ue(l || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
   }
 });
 export {
-  _r as default
+  Mr as default
 };

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

@@ -1,7 +1,8 @@
-import { defineComponent as n, computed as l, createElementBlock as s, openBlock as p, normalizeClass as d, toDisplayString as m } from "vue";
+import { defineComponent as l, computed as s, createElementBlock as p, openBlock as d, normalizeClass as m, toDisplayString as c } from "vue";
 import "../../../config-provider/index.mjs";
-import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
-const _ = /* @__PURE__ */ n({
+import i from "../../style/index-comp.mjs";
+import { useNamespace as u } from "../../../config-provider/hooks/use-namespace.mjs";
+const B = /* @__PURE__ */ l({
   name: "ApTableIndex",
   __name: "index",
   props: {
@@ -9,12 +10,14 @@ const _ = /* @__PURE__ */ n({
     value: {}
   },
   setup(e) {
-    const o = e, { m: a } = c("ap-table-index"), r = l(() => [o.bordered ? a("bordered") : null].filter(Boolean));
-    return (t, i) => (p(), s("div", {
-      class: d(r.value)
-    }, m(t.value), 3));
+    const o = e, { m: a } = u("ap-table-index"), t = i("ap-table-index"), r = s(() => [o.bordered ? a("bordered") : null, t.value].filter(
+      Boolean
+    ));
+    return (n, f) => (d(), p("div", {
+      class: m(r.value)
+    }, c(n.value), 3));
   }
 });
 export {
-  _ as default
+  B as default
 };

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

@@ -1,11 +1,12 @@
-import { defineComponent as C, ref as k, computed as T, createElementBlock as c, openBlock as l, mergeProps as g, unref as e, createElementVNode as w, createCommentVNode as _, normalizeClass as u, createVNode as m, createSlots as B, withCtx as i, createBlock as s, resolveDynamicComponent as f, h as y } from "vue";
+import { defineComponent as k, ref as g, computed as T, createElementBlock as c, openBlock as l, mergeProps as w, unref as e, createElementVNode as _, createCommentVNode as B, normalizeClass as u, createVNode as m, createSlots as O, withCtx as i, createBlock as s, resolveDynamicComponent as f, h as y } from "vue";
 import "../../../config-provider/index.mjs";
 import { Tooltip as d } from "@aplus-frontend/antdv";
-import { CopyOutlined as O, CheckOutlined as E } from "@ant-design/icons-vue";
-import { copy as N } from "../../../utils/copy.mjs";
-import { useNamespace as V } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as j } from "../../../config-provider/hooks/use-locale.mjs";
-const $ = /* @__PURE__ */ C({
+import { CopyOutlined as E, CheckOutlined as N } from "@ant-design/icons-vue";
+import { copy as V } from "../../../utils/copy.mjs";
+import j from "../../style/ellipsis.mjs";
+import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as S } from "../../../config-provider/hooks/use-locale.mjs";
+const F = /* @__PURE__ */ k({
   name: "ApTableParagraphEllipsis",
   __name: "index",
   props: {
@@ -14,8 +15,8 @@ const $ = /* @__PURE__ */ C({
     rawValue: {},
     ellipsis: { type: [Boolean, Object] }
   },
-  setup(v) {
-    const { b: p } = V("ap-table-paragraph-ellipsis"), { t: n } = j(), t = v, o = k(!1), a = T(() => t.ellipsis === !0 ? {
+  setup(h) {
+    const t = h, { b: p } = x("ap-table-paragraph-ellipsis"), b = j("ap-table-paragraph-ellipsis"), { t: n } = S(), o = g(!1), a = T(() => t.ellipsis === !0 ? {
       rows: 1,
       tooltip: t.content,
       htmlTitle: ""
@@ -27,14 +28,14 @@ const $ = /* @__PURE__ */ C({
       },
       t.ellipsis
     ) : {});
-    function b() {
+    function v() {
       const r = t.rawValue || "";
-      N(r) && !o.value && (o.value = !0, setTimeout(() => {
+      V(r) && !o.value && (o.value = !0, setTimeout(() => {
         o.value = !1;
       }, 2200));
     }
-    return (r, h) => (l(), c("div", g({
-      class: [e(p)()]
+    return (r, C) => (l(), c("div", w({
+      class: [e(p)(), e(b)]
     }, {
       ...r.$attrs
     }, {
@@ -42,10 +43,10 @@ const $ = /* @__PURE__ */ C({
         "--ap-table-paragraph-ellipsis-rows": a.value?.rows
       }
     }), [
-      w("div", {
+      _("div", {
         class: u([e(p)("content")])
       }, [
-        m(e(d), null, B({
+        m(e(d), null, O({
           default: i(() => [
             (l(), s(f(
               y("span", { title: a.value?.htmlTitle }, [t.content])
@@ -65,20 +66,20 @@ const $ = /* @__PURE__ */ C({
       t.copyable ? (l(), c("div", {
         key: 0,
         class: u([e(p)("copyable")]),
-        onClick: b
+        onClick: v
       }, [
         m(e(d), {
           title: o.value ? e(n)("ap.apTable.paragraphEllipsis.copySuccess") : e(n)("ap.apTable.paragraphEllipsis.copy")
         }, {
           default: i(() => [
-            o.value ? (l(), s(e(E), { key: 1 })) : (l(), s(e(O), { key: 0 }))
+            o.value ? (l(), s(e(N), { key: 1 })) : (l(), s(e(E), { key: 0 }))
           ]),
           _: 1
         }, 8, ["title"])
-      ], 2)) : _("", !0)
+      ], 2)) : B("", !0)
     ], 16));
   }
 });
 export {
-  $ as default
+  F as default
 };