@aplus-frontend/ui 6.34.0 → 6.35.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as We, useSlots as $e, ref as h, computed as n, unref as o, toRef as De, createVNode as c, Fragment as te, watch as x, createElementBlock as B, openBlock as p, normalizeStyle as E, normalizeClass as f, createCommentVNode as ae, createElementVNode as K, 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 { 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";
@@ -16,12 +16,13 @@ import { useProvideApTable as ir } 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 { useNamespace as fr } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as mr } from "../config-provider/hooks/use-global-config.mjs";
-import yr from "./components/paragraph-ellipsis/index.vue2.mjs";
-import gr from "./components/setting/modal/index.vue2.mjs";
-import br from "../scroll-bar/index.vue.mjs";
-const Dr = /* @__PURE__ */ We({
+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({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -150,20 +151,22 @@ const Dr = /* @__PURE__ */ We({
     expose: me
   }) {
     const r = fe;
-    let L = 0;
-    const y = $e(), [, ye] = Me(), {
+    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 {
       e: I,
       b: u,
-      be: O,
-      m: ge,
-      cssVar: be
-    } = fr("ap-table"), A = mr("valueTypeMap"), {
+      be: L,
+      m: be,
+      cssVar: ye
+    } = mr("ap-table"), O = gr("valueTypeMap"), {
       height: Se,
       contentRef: he
-    } = sr(), W = h(), $ = h(), {
-      isStickyMode: D,
+    } = sr(), W = h(), D = h(), {
+      isStickyMode: $,
       scrollBarRef: R
-    } = cr(W), z = h(r.size), s = h([]), j = h([]), H = ur(), _ = n(() => (L++, r.columns?.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !de.includes(e.valueType))?.sort((e, a) => {
+    } = 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) => {
       let t = ie(e.order);
       return ie(a.order) - t;
     })?.map((e) => {
@@ -175,18 +178,18 @@ const Dr = /* @__PURE__ */ We({
           // tips: 在表格中的查询表单项默认是带边框的
           bordered: !0,
           ...a || {},
-          _signal: L
+          _signal: K
         },
         renderNode: void 0
       };
-      return t.renderNode = Ze(t, o(A)), t;
+      return t.renderNode = Ze(t, o(O)), t;
     }) || [])), we = n(() => ce(o(s), (e) => {
       if (e.sorter === !0)
         return e.key || e?.dataIndex;
     }).filter(Boolean)), ve = n(() => ce(o(s), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e?.dataIndex;
-    }).filter(Boolean)), Re = n(() => m(r.dataSource) ? g.records : r.dataSource), Ce = n(() => pe(r.manual) ? r.manual : pr(y.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
+    }).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")), {
       rowSelection: C,
       selectedRows: T,
       ...F
@@ -197,11 +200,11 @@ const Dr = /* @__PURE__ */ We({
       dataSource: Re
     }), {
       formRef: i,
-      submit: N,
-      reset: P,
+      submit: P,
+      reset: N,
       tableProps: U,
       refresh: q,
-      data: g,
+      data: b,
       setDataSource: Te,
       getColumnSFConfig: M,
       sortedInfo: Fe,
@@ -224,7 +227,7 @@ const Dr = /* @__PURE__ */ We({
       },
       filterFields: ve,
       sortFields: we,
-      params: De(r, "params"),
+      params: $e(r, "params"),
       defaultData: r.defaultData,
       manual: o(Ce),
       formatParams: r.beforeSearchSubmit,
@@ -240,12 +243,12 @@ const Dr = /* @__PURE__ */ We({
       updateSize(e) {
         z.value = e;
       },
-      dataSource: n(() => o(g).records),
+      dataSource: n(() => o(b).records),
       getSearchFormValues: X,
       setSearchFormValues: Q,
-      submit: N,
+      submit: P,
       submitWith: G,
-      reset: P,
+      reset: N,
       refresh: q,
       getSearchFormSorterItems: Y,
       setSearchFormSorterItems: Z,
@@ -260,27 +263,27 @@ const Dr = /* @__PURE__ */ We({
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(l),
           fixed: d ? d.fixed : l.fixed,
-          title: er(l, O("table-header", "title"), y.headerCell, o(ye).colorTextTertiary),
+          title: er(l, L("table-header", "title"), g.headerCell, o(ge).colorTextTertiary),
           customRender({
-            value: b,
+            value: y,
             ...S
           }) {
-            const re = rr(l), Le = or({
+            const re = rr(l), Ke = or({
               ...l,
               valueType: re
             }, {
-              value: b,
+              value: y,
               ...S
-            }), Oe = tr(re, Le, S.record, o(A)), oe = l.renderText?.({
-              value: b,
+            }), Le = tr(re, Ke, S.record, o(O)), oe = l.renderText?.({
+              value: y,
               ...S
-            }) || b, Ae = l.renderText ? c(te, null, [l.renderText?.({
-              value: b,
+            }) || y, Oe = l.renderText ? c(te, null, [l.renderText?.({
+              value: y,
               ...S
-            })]) : Oe;
-            let V = Ee(l, oe, Ae);
+            })]) : Le;
+            let V = Ae(l, oe, Oe);
             return l.customRender && (V = l.customRender({
-              value: b,
+              value: y,
               ...S,
               column: l,
               originalNode: V,
@@ -309,15 +312,15 @@ const Dr = /* @__PURE__ */ We({
     }, {
       deep: !0
     });
-    const Ne = n(() => {
-      if (r.adaptive && (g.total > 0 || r.dataSource?.length))
+    const Pe = n(() => {
+      if (r.adaptive && (b.total > 0 || r.dataSource?.length))
         return {
           y: o(Se),
           x: r.scroll?.x || "100%"
         };
       if (r.scroll)
         return r.scroll;
-    }), Pe = n(() => {
+    }), Ne = n(() => {
       if (r.tableLayout)
         return r.tableLayout;
       if (r.columns?.some((e) => e.ellipsis))
@@ -334,14 +337,14 @@ const Dr = /* @__PURE__ */ We({
         } : lr(r.rowSelection),
         loading: m(r.loading) ? e.loading : r.loading,
         pagination: r.pagination === !1 ? !1 : e.pagination,
-        scroll: o(Ne)
+        scroll: o(Pe)
       };
-    }), Ve = n(() => [u(), r.card ? null : u("wrapper"), r.adaptive ? u("adaptive") : null, D.value && R.value?.visible ? ge(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean));
-    function Ee(e, a, t) {
+    }), 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) {
       if (de.includes(e.valueType))
         return t;
       const d = nr(a);
-      return e.copyable || e.ellipsis ? c(yr, {
+      return e.copyable || e.ellipsis ? c(br, {
         copyable: e.copyable,
         rawValue: d,
         ellipsis: e.ellipsis ? Qe(e.ellipsis) ? {
@@ -354,7 +357,7 @@ const Dr = /* @__PURE__ */ We({
         content: t
       }, null) : t;
     }
-    x(() => o(g).loading, (e) => {
+    x(() => o(b).loading, (e) => {
       r.onLoadingChange?.(e);
     }), x(() => r.dataSource, (e) => {
       Te(e);
@@ -377,20 +380,20 @@ const Dr = /* @__PURE__ */ We({
     function ee() {
       i.value?.resetSorterItems();
     }
-    function Ke() {
+    function Ee() {
       return o(s);
     }
     return me({
-      submit: () => N(),
-      reset: () => P(),
+      submit: () => P(),
+      reset: () => N(),
       refresh: () => q(),
       submitWith: () => G(),
       setSearchFormValues: Q,
       getSearchFormValues: X,
       setPaging: Be,
       getPaging: ke,
-      getShownColumns: Ke,
-      dataSource: n(() => o(g).records),
+      getShownColumns: Ee,
+      dataSource: n(() => o(b).records),
       rowSelection: {
         selectedRows: n(() => o(T)),
         ...F
@@ -409,49 +412,49 @@ const Dr = /* @__PURE__ */ We({
       ref_key: "tableWrapperRef",
       ref: W,
       class: f(Ve.value),
-      style: E(o(be)({
+      style: A(o(ye)({
         "scroll-bar-width": `${o(H)}px`
       }))
     }, [o(m)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (p(), B("div", {
       key: 0,
       class: f(e.card ? o(I)("search-wrapper") : null),
-      style: E(e.searchFormWrapperStyle)
+      style: A(e.searchFormWrapperStyle)
     }, [c(o(Ge).SearchForm, k(e.searchForm || {}, {
       ref_key: "formRef",
       ref: i,
       "custom-reset": "",
       "submit-loading": o(U).loading,
-      onSubmit: o(N),
-      onReset: o(P)
+      onSubmit: o(P),
+      onReset: o(N)
     }), le({
       default: w(() => [(p(!0), B(te, null, ne(_.value, (t) => (p(), se(je(t.renderNode), {
         key: t.dataIndex
       }))), 128))]),
       _: 2
-    }, [y.searchFormExtra ? {
+    }, [g.searchFormExtra ? {
       name: "extra",
       fn: w(() => [v(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ae("", !0), K("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ae("", !0), E("div", {
       ref_key: "contentRef",
       ref: he,
       class: f([o(I)("table-wrapper"), e.card ? o(I)("table-wrapper-card") : null]),
-      style: E(e.tableWrapperStyle)
-    }, [K("div", {
+      style: A(e.tableWrapperStyle)
+    }, [E("div", {
       class: f(o(u)("header-wrapper"))
     }, [e.settings ? (p(), B("div", {
       key: 0,
       class: f(o(u)("header"))
-    }, [K("div", {
-      class: f(o(O)("header", "title"))
+    }, [E("div", {
+      class: f(o(L)("header", "title"))
     }, [v(e.$slots, "title", k({
       selectedRows: o(T),
       selectedRowKeys: o(C).selectedRowKeys,
       shownColumns: s.value
-    }, F))], 2), y.title ? (p(), se(o(Ue), {
+    }, F))], 2), g.title ? (p(), se(o(Ue), {
       key: 0,
       type: "vertical"
-    })) : ae("", !0), c(gr, {
+    })) : ae("", !0), c(yr, {
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : v(e.$slots, "title", k({
       key: 1,
@@ -460,11 +463,11 @@ const Dr = /* @__PURE__ */ We({
       shownColumns: s.value
     }, F))], 2), c(o(qe), k({
       ref_key: "antdTableRef",
-      ref: $,
+      ref: D,
       class: o(u)("table")
     }, J.value, {
       size: z.value,
-      "table-layout": Pe.value,
+      "table-layout": Ne.value,
       columns: s.value,
       onResizeColumn: a[0] || (a[0] = (t, d) => d.width = t)
     }), le({
@@ -474,23 +477,23 @@ const Dr = /* @__PURE__ */ We({
         selectedRows: o(T)
       })]),
       _: 2
-    }, [o(D) ? {
+    }, [o($) ? {
       name: "bottomPaginationTop",
-      fn: w(() => [c(o(br), {
+      fn: w(() => [c(o(Sr), {
         ref_key: "scrollBarRef",
         ref: R,
-        "scroll-container": $.value?.table?.scrollBodyRef,
+        "scroll-container": D.value?.table?.scrollBodyRef,
         direction: "horizontal",
         "bar-color": "var(--ap-scrollbar-thumb-color-base)",
         "track-color": "var(--ap-table-header-bg, #f2f6f9)"
       }, null, 8, ["scroll-container"])]),
       key: "0"
-    } : void 0, ne(o(ue)(y, ["title", "searchFormExtra", "headerCell", "summary"]), (t, d) => ({
+    } : void 0, ne(o(ue)(g, ["title", "searchFormExtra", "headerCell", "summary"]), (t, d) => ({
       name: d,
       fn: w((l) => [v(e.$slots, d, He(_e(l || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
   }
 });
 export {
-  Dr as default
+  _r as default
 };

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent as S, ref as C, computed as n, unref as f, watch as j, nextTick as G, onMounted as L, onUnmounted as A, createBlock as g, openBlock as a, mergeProps as w, withCtx as d, createElementVNode as t, normalizeStyle as b, normalizeClass as k, createElementBlock as _, createCommentVNode as F, Fragment as I, renderList as U, toDisplayString as W, renderSlot as q, createTextVNode as H } from "vue";
-import { Tooltip as J } from "@aplus-frontend/antdv";
-import K from "@ant-design/icons-vue";
+import { defineComponent as j, ref as C, computed as n, unref as f, watch as G, nextTick as L, onMounted as A, onUnmounted as F, createBlock as g, openBlock as a, mergeProps as w, withCtx as d, createElementVNode as t, normalizeStyle as b, normalizeClass as k, createElementBlock as _, createCommentVNode as I, Fragment as U, renderList as q, toDisplayString as W, renderSlot as H, createTextVNode as J } from "vue";
+import { Tooltip as K } from "@aplus-frontend/antdv";
+import O from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";
-import { omit as O } from "lodash-unified";
+import { omit as Q } from "lodash-unified";
 import { getTextWidth as T } from "./utils.mjs";
 import "../hooks/index.mjs";
-import { useLocale as Q } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as X } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as Y } from "../config-provider/hooks/use-namespace.mjs";
-import { useResize as Z } from "../hooks/useResize.mjs";
-import ee from "./ap-tag.vue.mjs";
-const de = /* @__PURE__ */ S({
+import { useDevWarning as X } from "../utils/warning.mjs";
+import { useLocale as Y } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as Z } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as ee } from "../config-provider/hooks/use-namespace.mjs";
+import { useResize as te } from "../hooks/useResize.mjs";
+import le from "./ap-tag.vue.mjs";
+const ye = /* @__PURE__ */ j({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -20,14 +21,14 @@ const de = /* @__PURE__ */ S({
     ellipsis: { default: () => ({}) }
   },
   setup(z) {
-    const { t: V } = Q(), o = z, v = X("uiMode"), { b: B, bm: h } = Y("tag-group"), r = C(), { observe: E, unobserve: $ } = Z(), i = n(() => ({
+    const { t: V } = Y(), o = z, B = X("ApTagGroup"), v = Z("uiMode"), { b: E, bm: h } = ee("tag-group"), r = C(), { observe: D, unobserve: M } = te(), i = n(() => ({
       ...{
         iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
         text: V("ap.common.more")
       },
       ...o.ellipsis
-    })), M = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? O(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), P = n(() => o.list.map((e) => e.text).join("、")), D = n(() => [B()].filter(Boolean)), N = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = () => {
+    })), P = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? Q(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), N = n(() => o.list.map((e) => e.text).join("、")), R = n(() => [E()].filter(Boolean)), S = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = () => {
       let e = 0, l = 0;
       if (!r.value) return;
       const u = r.value.offsetWidth;
@@ -48,10 +49,10 @@ const de = /* @__PURE__ */ S({
       }
       c.value = l;
     };
-    j(
+    G(
       () => o.list,
       (e, l) => {
-        e !== l && G(() => {
+        e !== l && L(() => {
           y();
         });
       },
@@ -59,43 +60,45 @@ const de = /* @__PURE__ */ S({
         immediate: !0
       }
     );
-    const R = () => {
+    const $ = () => {
       y();
     };
-    return L(() => {
+    return A(() => {
       [["ellipsisColor", "ellipse.color"]].forEach(
         ([e, l]) => {
-          o[e] && console.error(
-            `[ApTagGroup]: \`${e}\` is deprecated, please use \`${l}\` instead.`
+          B.deprecated(
+            !o[e],
+            e,
+            l
           );
         }
-      ), r.value && E(r.value, R);
-    }), A(() => {
-      r.value && $(r.value);
-    }), (e, l) => (a(), g(f(J), w({ trigger: "hover" }, M.value), {
+      ), r.value && D(r.value, $);
+    }), F(() => {
+      r.value && M(r.value);
+    }), (e, l) => (a(), g(f(K), w({ trigger: "hover" }, P.value), {
       title: d(() => [
-        q(e.$slots, "tooltip", { tags: e.list }, () => [
-          H(W(P.value), 1)
+        H(e.$slots, "tooltip", { tags: e.list }, () => [
+          J(W(N.value), 1)
         ])
       ]),
       default: d(() => [
         t("div", {
           ref_key: "container",
           ref: r,
-          class: k(D.value),
+          class: k(R.value),
           style: b({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (a(!0), _(I, null, U(e.list, (u, s) => (a(), g(ee, w({ ref_for: !0 }, u, {
+          (a(!0), _(U, null, q(e.list, (u, s) => (a(), g(le, w({ ref_for: !0 }, u, {
             key: s,
             style: {
               display: s >= c.value ? "none" : "inline-flex",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && i.value.symbol === "icon" ? (a(), g(f(K), {
+          p.value && i.value.symbol === "icon" ? (a(), g(f(O), {
             key: 0,
             style: b({
               color: e.ellipsisColor || i.value.iconColor,
@@ -160,9 +163,9 @@ const de = /* @__PURE__ */ S({
             _: 1
           }, 8, ["style"])) : p.value && i.value.symbol === "text" ? (a(), _("span", {
             key: 1,
-            class: k(N.value),
+            class: k(S.value),
             style: { cursor: "pointer" }
-          }, W(i.value.text), 3)) : F("", !0)
+          }, W(i.value.text), 3)) : I("", !0)
         ], 6)
       ]),
       _: 3
@@ -170,5 +173,5 @@ const de = /* @__PURE__ */ S({
   }
 });
 export {
-  de as default
+  ye as default
 };