@aplus-frontend/ui 7.4.4 → 7.5.0

package/es/src/ap-pro-card/components/title/index.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as u, computed as r, createElementBlock as i, openBlock as p, normalizeClass as m, renderSlot as c } from "vue";
+import { defineComponent as s, computed as a, createElementBlock as i, openBlock as p, normalizeClass as m, renderSlot as c } from "vue";
 import "../../../config-provider/index.mjs";
 import { mergeClass as f } from "../../../editable-table/utils.mjs";
 import C from "../../style/title.mjs";
-import { useNamespace as $ } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as v } from "../../../config-provider/hooks/use-global-config.mjs";
-const P = /* @__PURE__ */ u({
+import { useNamespace as v } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as M } from "../../../config-provider/hooks/use-global-config.mjs";
+const P = /* @__PURE__ */ s({
   name: "ApProCardTitle",
   __name: "index",
   props: {
@@ -15,18 +15,18 @@ const P = /* @__PURE__ */ u({
       default: void 0
     }
   },
-  setup(a) {
+  setup(l) {
     const {
-      b: l
-    } = $("pro-card-title"), n = C("pro-card-title"), d = v("apProCard", {
+      b: u
+    } = v("pro-card-title"), d = C("pro-card-title"), t = M("apProCard", {
       uiMode: "aplus"
-    }), o = a, t = r(() => o.uiMode || d.value?.uiMode), s = r(() => {
-      const e = l();
-      return f(`${e}`, [o.type ? `${e}-${o.type}` : void 0, t.value ? `${e}-${o.type ?? "default"}-${t.value}` : void 0, n.value].filter(Boolean));
+    }), e = l, r = a(() => (e.uiMode || t.value?.uiMode) === "aplus" ? "user" : e.uiMode || t.value?.uiMode), n = a(() => {
+      const o = u();
+      return f(`${o}`, [e.type ? `${o}-${e.type}` : void 0, r.value ? `${o}-${e.type ?? "default"}-${r.value}` : void 0, d.value].filter(Boolean));
     });
-    return (e, y) => (p(), i("div", {
-      class: m(s.value)
-    }, [c(e.$slots, "default")], 2));
+    return (o, $) => (p(), i("div", {
+      class: m(n.value)
+    }, [c(o.$slots, "default")], 2));
   }
 });
 export {

package/es/src/ap-pro-card/style/title.mjs

@@ -9,7 +9,7 @@ const r = (t) => {
         fontSize: "12px",
         display: "flex",
         alignItems: "center",
-        "&-aplus": {
+        "&-user": {
           paddingLeft: "10px",
           "&::before": {
             position: "absolute",
@@ -41,10 +41,10 @@ const r = (t) => {
       }
     }
   };
-}, a = e("ProCard.Title", (t) => [
+}, i = e("ProCard.Title", (t) => [
   r(t)
 ]);
 export {
-  a as default,
+  i as default,
   r as genProCardTitleStyle
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as $e, useSlots as je, ref as c, computed as n, unref as o, toRef as He, createVNode as p, Fragment as ae, watch as x, createElementBlock as B, openBlock as f, normalizeStyle as E, normalizeClass as m, createCommentVNode as le, createElementVNode as K, mergeProps as k, createSlots as ne, withCtx as w, renderList as se, createBlock as ue, resolveDynamicComponent as _e, renderSlot as v, normalizeProps as Ue, guardReactiveProps as qe } from "vue";
+import { defineComponent as $e, useSlots as je, ref as c, computed as n, unref as o, toRef as He, createVNode as p, Fragment as ae, watch as B, createElementBlock as k, openBlock as f, normalizeStyle as E, normalizeClass as m, createCommentVNode as le, createElementVNode as K, mergeProps as z, createSlots as ne, withCtx as w, renderList as se, createBlock as ue, resolveDynamicComponent as _e, renderSlot as v, normalizeProps as Ue, guardReactiveProps as qe } from "vue";
 import { Divider as Me, Table as Ge } from "@aplus-frontend/antdv";
 import { useToken as Je } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as Qe } from "../ap-form/index.mjs";
@@ -167,7 +167,7 @@ const Gr = /* @__PURE__ */ $e({
     } = dr(), D = c(), $ = c(), {
       isStickyMode: j,
       scrollBarRef: R
-    } = fr(D), z = c(r.size), s = c([]), H = c([]), _ = cr(), P = c(!0), U = n(() => (L++, r.columns?.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !de.includes(e.valueType))?.sort((e, a) => {
+    } = fr(D), C = c(r.size), s = c([]), H = c([]), _ = cr(), P = c(!0), U = n(() => (L++, r.columns?.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !de.includes(e.valueType))?.sort((e, a) => {
       let t = ce(e.order);
       return ce(a.order) - t;
     })?.map((e) => {
@@ -191,9 +191,9 @@ const Gr = /* @__PURE__ */ $e({
       if (e.filters && !e.onFilter)
         return e.key || e?.dataIndex;
     }).filter(Boolean)), Te = n(() => g(r.dataSource) ? y.records : r.dataSource), Fe = n(() => fe(r.manual) ? r.manual : mr(b.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), {
-      rowSelection: C,
-      selectedRows: T,
-      ...F
+      rowSelection: T,
+      selectedRows: F,
+      ...x
     } = ir({
       fixed: !0,
       ...r.rowSelection === !0 ? {} : r.rowSelection,
@@ -210,12 +210,12 @@ const Gr = /* @__PURE__ */ $e({
       getColumnSFConfig: G,
       sortedInfo: Be,
       filteredInfo: ke,
-      setPaging: Ie,
-      getPaging: ze,
+      setPaging: ze,
+      getPaging: Ie,
       submitWith: J
     } = Xe({
       async request(e) {
-        if (!C.value.preserveSelectedRowKeys && g(r.dataSource) && !P.value && F.clearAll(), P.value && (P.value = !1), !g(r.dataSource))
+        if (!T.value.preserveSelectedRowKeys && g(r.dataSource) && !P.value && x.clearAll(), P.value && (P.value = !1), !g(r.dataSource))
           return {
             data: r.dataSource || [],
             total: r.dataSource.length || 0
@@ -237,12 +237,12 @@ const Gr = /* @__PURE__ */ $e({
     pr({
       columns: n(() => s.value),
       columnsBackup: n(() => H.value),
-      size: n(() => z.value),
+      size: n(() => C.value),
       updateColumns(e) {
         s.value = e;
       },
       updateSize(e) {
-        z.value = e;
+        C.value = e;
       },
       dataSource: n(() => o(y).records),
       getSearchFormValues: Y,
@@ -302,13 +302,13 @@ const Gr = /* @__PURE__ */ $e({
       }
       e(s.value);
     };
-    x(() => [r.columns, r.columnResizable], () => {
+    B(() => [r.columns, r.columnResizable], () => {
       const e = Pe();
       s.value = e, H.value = e;
     }, {
       deep: !0,
       immediate: !0
-    }), x(() => [Be.value, ke.value], () => {
+    }), B(() => [Be.value, ke.value], () => {
       Ne();
     }, {
       deep: !0
@@ -327,7 +327,7 @@ const Gr = /* @__PURE__ */ $e({
       if (r.columns?.some((e) => e.ellipsis))
         return "fixed";
     }), Q = n(() => {
-      const e = o(q), a = o(C);
+      const e = o(q), a = o(T);
       return {
         ...r,
         ...e,
@@ -358,9 +358,9 @@ const Gr = /* @__PURE__ */ $e({
         content: t
       }, null) : t;
     }
-    x(() => o(y).loading, (e) => {
+    B(() => o(y).loading, (e) => {
       r.onLoadingChange?.(e);
-    }), x(() => r.dataSource, (e) => {
+    }), B(() => r.dataSource, (e) => {
       xe(e);
     }, {
       immediate: !0
@@ -391,13 +391,13 @@ const Gr = /* @__PURE__ */ $e({
       submitWith: () => J(),
       setSearchFormValues: X,
       getSearchFormValues: Y,
-      setPaging: Ie,
-      getPaging: ze,
+      setPaging: ze,
+      getPaging: Ie,
       getShownColumns: Le,
       dataSource: n(() => o(y).records),
       rowSelection: {
-        selectedRows: n(() => o(T)),
-        ...F
+        selectedRows: n(() => o(F)),
+        ...x
       },
       scrollBar: {
         x: {
@@ -409,18 +409,18 @@ const Gr = /* @__PURE__ */ $e({
       getSearchFormSorterItems: Z,
       setSearchFormSorterItems: ee,
       resetSearchFormSorterItems: re
-    }), (e, a) => (f(), B("div", {
+    }), (e, a) => (f(), k("div", {
       ref_key: "tableWrapperRef",
       ref: D,
       class: m(Ee.value),
       style: E(o(Se)({
         "scroll-bar-width": `${o(_)}px`
       }))
-    }, [o(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (f(), B("div", {
+    }, [o(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (f(), k("div", {
       key: 0,
       class: m(e.card ? o(I)("search-wrapper") : null),
       style: E(e.searchFormWrapperStyle)
-    }, [p(o(Qe).SearchForm, k(e.searchForm || {}, {
+    }, [p(o(Qe).SearchForm, z(e.searchForm || {}, {
       ref_key: "formRef",
       ref: i,
       "custom-reset": "",
@@ -428,7 +428,7 @@ const Gr = /* @__PURE__ */ $e({
       onSubmit: o(N),
       onReset: o(V)
     }), ne({
-      default: w(() => [(f(!0), B(ae, null, se(U.value, (t) => (f(), ue(_e(t.renderNode), {
+      default: w(() => [(f(!0), k(ae, null, se(U.value, (t) => (f(), ue(_e(t.renderNode), {
         key: t.dataIndex
       }))), 128))]),
       _: 2
@@ -443,31 +443,31 @@ const Gr = /* @__PURE__ */ $e({
       style: E(e.tableWrapperStyle)
     }, [K("div", {
       class: m(o(d)("header-wrapper"))
-    }, [e.settings ? (f(), B("div", {
+    }, [e.settings ? (f(), k("div", {
       key: 0,
       class: m(o(d)("header"))
     }, [K("div", {
       class: m(o(O)("header", "title"))
-    }, [v(e.$slots, "title", k({
-      selectedRows: o(T),
-      selectedRowKeys: o(C).selectedRowKeys,
+    }, [v(e.$slots, "title", z({
+      selectedRows: o(F),
+      selectedRowKeys: o(T).selectedRowKeys,
       shownColumns: s.value
-    }, F))], 2), b.title ? (f(), ue(o(Me), {
+    }, x))], 2), b.title ? (f(), ue(o(Me), {
       key: 0,
       type: "vertical"
     })) : le("", !0), p(wr, {
       config: e.settings === !0 ? {} : e.settings
-    }, null, 8, ["config"])], 2)) : v(e.$slots, "title", k({
+    }, null, 8, ["config"])], 2)) : v(e.$slots, "title", z({
       key: 1,
-      selectedRows: o(T),
-      selectedRowKeys: o(C).selectedRowKeys,
+      selectedRows: o(F),
+      selectedRowKeys: o(T).selectedRowKeys,
       shownColumns: s.value
-    }, F))], 2), p(o(Ge), k({
+    }, x))], 2), p(o(Ge), z({
       ref_key: "antdTableRef",
       ref: $,
       class: o(d)("table")
     }, Q.value, {
-      size: z.value,
+      size: C.value,
       "table-layout": Ae.value,
       columns: s.value,
       onResizeColumn: a[0] || (a[0] = (t, u) => u.width = t)
@@ -475,7 +475,7 @@ const Gr = /* @__PURE__ */ $e({
       summary: w(() => [v(e.$slots, "summary", {
         columns: s.value,
         records: Q.value.dataSource,
-        selectedRows: o(T)
+        selectedRows: o(F)
       })]),
       _: 2
     }, [o(j) ? {
@@ -486,8 +486,9 @@ const Gr = /* @__PURE__ */ $e({
         "scroll-container": $.value?.table?.scrollBodyRef,
         direction: "horizontal",
         "bar-color": "var(--scrollbar-thumb-color-base)",
-        "track-color": "var(--table-header-bg, #f2f6f9)"
-      }, null, 8, ["scroll-container"])]),
+        "track-color": "var(--table-header-bg, #f2f6f9)",
+        "extra-size": C.value === "middle" ? 13 : 10
+      }, null, 8, ["scroll-container", "extra-size"])]),
       key: "0"
     } : void 0, se(o(ie)(b, ["title", "searchFormExtra", "headerCell", "summary"]), (t, u) => ({
       name: u,

package/es/src/business/ap-image/ApImage.vue2.mjs

@@ -5,7 +5,7 @@ import { injectLocaleToOss as G, getOssInstance as $, getSignatureUrl as q } fro
 import "../../config-provider/index.mjs";
 import H from "./style/index.mjs";
 import J from "./imgs/admin-fallback.jpg.mjs";
-import K from "./imgs/aplus-fallback.jpg.mjs";
+import K from "./imgs/user-fallback.jpg.mjs";
 import { omit as Q } from "lodash-unified";
 import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as c } from "../../config-provider/hooks/use-global-config.mjs";

package/es/src/business/ap-label/group/ApLabelGroup.mjs

@@ -1,29 +1,29 @@
-import { defineComponent as l, createVNode as o, mergeProps as t, createTextVNode as m } from "vue";
+import { defineComponent as m, createVNode as o, mergeProps as t, createTextVNode as s } from "vue";
 import "../../../config-provider/index.mjs";
-import s from "../ApLabel.mjs";
+import i from "../ApLabel.mjs";
 import { omit as n } from "lodash-unified";
-import { ApLabelGroupProps as i } from "../constans.mjs";
+import { ApLabelGroupProps as p } from "../constans.mjs";
 import "../../ap-tag/index.mjs";
-import { useNamespace as p } from "../../../config-provider/hooks/use-namespace.mjs";
-import c from "../../ap-tag/ap-tag.vue.mjs";
-const {
-  b: f
-} = p("ap-label-group"), _ = /* @__PURE__ */ l({
+import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
+import f from "../../ap-tag/ap-tag.vue.mjs";
+const _ = /* @__PURE__ */ m({
   name: "ApLabelGroup",
-  props: i(),
+  props: p(),
   setup(r) {
-    const a = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(c, t(n(u, ["type", "size"]), {
+    const {
+      b: a
+    } = c("ap-label-group"), l = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(f, t(n(u, ["type", "size"]), {
       size: "small",
       type: "border"
     }), null)) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
     return () => o("div", {
-      class: f()
-    }, [r.columns ? r.columns.map((e, u) => o(s, t({
+      class: a()
+    }, [r.columns ? r.columns.map((e, u) => o(i, t({
       key: u,
       show: r.value === e.value
     }, n(e, ["value", "tagConfig", "customRender"])), {
-      custom: a(e)
-    })) : o("div", null, [m("columns数组不能为空")])]);
+      custom: l(e)
+    })) : o("div", null, [s("columns数组不能为空")])]);
   }
 });
 export {

package/es/src/business/ap-title/ApTitle.vue2.mjs

@@ -16,14 +16,15 @@ const O = /* @__PURE__ */ y({
     trigger: { default: "hover" },
     uiMode: {}
   },
-  setup(m) {
-    const o = m, { b: u, e: s, m: c } = B("ap-title"), d = A("ap-title"), f = V("apTitle", { uiMode: "aplus" }), g = a(
-      () => o.uiMode || f.value?.uiMode
-    ), h = a(() => o.helpIconColor ? {
+  setup(u) {
+    const o = u, { b: m, e: s, m: c } = B("ap-title"), d = A("ap-title"), f = V("apTitle", { uiMode: "aplus" }), g = a(() => {
+      const e = o.uiMode || f.value?.uiMode;
+      return e === "aplus" ? "user" : e;
+    }), h = a(() => o.helpIconColor ? {
       color: `${o.helpIconColor}`
     } : {});
     return (e, b) => (l(), n("div", {
-      class: r([t(u)(), `${t(c)(g.value)}`, t(d)])
+      class: r([t(m)(), `${t(c)(g.value)}`, t(d)])
     }, [
       i("div", {
         class: r(t(s)("prefix"))

package/es/src/index.d.ts

@@ -11,6 +11,7 @@ export * from './ap-drawer';
 export * from './ap-pro-card';
 export * from './loading-bar';
 export * from './render';
+export * from './time-ago';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';