@aplus-frontend/ui 7.5.0 → 7.7.0

package/es/src/loading-bar/index.vue2.mjs

@@ -1,10 +1,11 @@
 import { defineComponent as $, computed as u, ref as o, watch as n, onMounted as L, onBeforeUnmount as M, createBlock as N, openBlock as X, Transition as E, unref as h, withCtx as G, withDirectives as U, createElementVNode as _, normalizeStyle as z, normalizeClass as P, vShow as V } from "vue";
 import "../config-provider/index.mjs";
 import j from "./style/index.mjs";
-import { isDef as k } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import { useToken as H } from "../config-provider/hooks/use-token.mjs";
 import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
-const K = ["aria-valuenow"], O = 0.05, ae = /* @__PURE__ */ $({
+import { isDef as k } from "../utils/is.mjs";
+const K = ["aria-valuenow"], O = 0.05, te = /* @__PURE__ */ $({
   __name: "index",
   props: {
     defaultProgress: {
@@ -108,5 +109,5 @@ const K = ["aria-valuenow"], O = 0.05, ae = /* @__PURE__ */ $({
   }
 });
 export {
-  ae as default
+  te as default
 };

package/es/src/loading-bar/style/index.mjs

@@ -1,10 +1,10 @@
-import { keyframes as e } from "@emotion/css";
+import { keyframes as t } from "@emotion/css";
 import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
-const s = {
+const c = {
   loadingBarAnimateDuration: 250
 };
-function c() {
-  const a = e`
+function s() {
+  const a = t`
     0% {
       opacity: 0;
     }
@@ -12,7 +12,7 @@ function c() {
     100% {
       opacity: 1;
     }
-  `, n = e`
+  `, n = t`
     0% {
       opacity: 1;
     }
@@ -24,7 +24,7 @@ function c() {
   return [a, n];
 }
 const m = (a) => {
-  const [n, t] = c(), { componentCls: o, loadingBarAnimateDuration: r } = a;
+  const [n, e] = s(), { componentCls: o, loadingBarAnimateDuration: r } = a;
   return {
     [o]: {
       position: "absolute",
@@ -35,7 +35,7 @@ const m = (a) => {
         width: "100%",
         height: "100%",
         pointerEvents: "none",
-        transition: "background-color .25s ease, transform .25s ease",
+        transition: `background-color ${a.motionDurationMid} ease, transform ${a.motionDurationMid} ease`,
         willChange: "transform"
       },
       "&--default": {
@@ -64,7 +64,7 @@ const m = (a) => {
           animationDuration: `${r}ms`
         },
         "&-leave-active": {
-          animationName: t,
+          animationName: e,
           animationDuration: `${r}ms`
         }
       }
@@ -73,13 +73,13 @@ const m = (a) => {
 }, u = i(
   "LoadingBar",
   (a) => [m(a)],
-  s,
+  c,
   {
     skipUnit: ["loadingBarAnimateDuration"]
   }
 );
 export {
   u as default,
-  c as genFadeKeyFrames,
+  s as genFadeKeyFrames,
   m as genLoadingBarStyle
 };

package/es/src/scroll-view/hooks/use-scroll-smooth.mjs

@@ -1,20 +1,21 @@
 import "../../scroll-bar/index.mjs";
 import { useRafFn as R } from "@vueuse/core";
-import { isDef as f } from "../../utils/index.mjs";
+import "../../utils/index.mjs";
 import { ensureRangeValue as s } from "../../scroll-bar/utils/index.mjs";
+import { isDef as f } from "../../utils/is.mjs";
 const g = () => {
-}, b = (i) => 1 - Math.pow(1 - i, 3), V = ({
+}, b = (i) => 1 - Math.pow(1 - i, 3), X = ({
   scrollOffset: i,
   maxScrollDistance: r,
   timer: l = 500,
-  onScroll: u = g,
+  onScroll: m = g,
   onScrollEnd: T = g
 }) => {
-  let m, e, t, o, n;
+  let u, e, t, o, n;
   const { pause: a, resume: w, isActive: p } = R(
     () => {
-      const v = Date.now() - m, c = s(v / l, 0, 1), y = b(c);
-      c === 1 ? (o && (i.x = t.x), n && (i.y = t.y), a(), u(o, n), T(o, n)) : (o && (t.x > e.x ? i.x = s(
+      const v = Date.now() - u, c = s(v / l, 0, 1), y = b(c);
+      c === 1 ? (o && (i.x = t.x), n && (i.y = t.y), a(), m(o, n), T(o, n)) : (o && (t.x > e.x ? i.x = s(
         e.x + (t.x - e.x) * y,
         e.x,
         r.x
@@ -30,12 +31,12 @@ const g = () => {
         t.y + (e.y - t.y) * (1 - y),
         0,
         e.y
-      )), u(o, n));
+      )), m(o, n));
     },
     { immediate: !1 }
   );
   function d(x) {
-    p.value && a(), m = Date.now(), e = {
+    p.value && a(), u = Date.now(), e = {
       x: i.x,
       y: i.y
     }, t = x, o = f(x.x), n = f(x.y), w();
@@ -46,5 +47,5 @@ const g = () => {
   return { start: d, stop: h, isActive: p };
 };
 export {
-  V as useScrollSmooth
+  X as useScrollSmooth
 };

package/es/src/scroll-view/index.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as ue, ref as he, reactive as pe, computed as v, unref as a, watchEffect as _, watch as ye, createElementBlock as me, openBlock as P, withModifiers as M, normalizeStyle as A, normalizeClass as w, createElementVNode as z, renderSlot as de, createBlock as L, createCommentVNode as O, mergeProps as I } from "vue";
 import "../config-provider/index.mjs";
 import "../scroll-bar/index.mjs";
-import { isDef as f } from "../utils/index.mjs";
+import "../utils/index.mjs";
 import { ensureRangeValue as n, getScrollable as k } from "../scroll-bar/utils/index.mjs";
 import ve from "./hooks/use-scroll-wrapper.mjs";
 import { isString as T } from "lodash-unified";
@@ -12,8 +12,9 @@ import { useScrollSmooth as Be } from "./hooks/use-scroll-smooth.mjs";
 import { getElementScrollOffset as Se } from "./utils/index.mjs";
 import ge from "./style/index.mjs";
 import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
+import { isDef as f } from "../utils/is.mjs";
 import F from "../scroll-bar/internal.vue.mjs";
-const Ae = /* @__PURE__ */ ue({
+const Le = /* @__PURE__ */ ue({
   name: "ScrollView",
   __name: "index",
   props: {
@@ -248,5 +249,5 @@ const Ae = /* @__PURE__ */ ue({
   }
 });
 export {
-  Ae as default
+  Le as default
 };

package/es/src/splitter/style/index.mjs

@@ -1,5 +1,5 @@
-import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
-const t = () => ({
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+const i = () => ({
   position: "absolute",
   top: "50%",
   left: "50%",
@@ -13,7 +13,7 @@ const t = () => ({
   transition: "none",
   pointerEvents: "none"
 }), s = (r) => {
-  const { componentCls: e, namespace: o } = r, i = `--${o}-splitter-bar-preview-offset`;
+  const { componentCls: e, namespace: l } = r, t = `--${l}-splitter-bar-preview-offset`;
   return {
     [e]: {
       boxSizing: "border-box",
@@ -34,18 +34,18 @@ const t = () => ({
         userSelect: "none",
         [`${e}-bar-dragger`]: {
           zIndex: 1,
-          ...t(r),
+          ...i(r),
           // Hover background
           "&::before": {
             content: '""',
             background: "rgba(0, 0, 0, 0.04)",
-            ...t(r)
+            ...i(r)
           },
           // Spinner
           "&::after": {
             content: '""',
             background: "rgba(0, 0, 0, 0.15)",
-            ...t(r)
+            ...i(r)
           },
           // Hover
           [`&:hover:not(${e}-bar-dragger-active)`]: {
@@ -74,11 +74,11 @@ const t = () => ({
           }
         },
         [`${e}-bar-collapse-bar`]: {
-          ...t(r),
+          ...i(r),
           zIndex: 1e3,
           background: "rgba(0,0,0,0.04)",
           fontSize: r.fontSizeSM,
-          borderRadius: "2px",
+          borderRadius: r.calc(r.borderRadius).div(2).equal(),
           color: r.textColor1,
           cursor: "pointer",
           opacity: 0,
@@ -119,7 +119,7 @@ const t = () => ({
             ...a(r),
             "&-active": {
               display: "block",
-              transform: `translateX(var(${i}))`
+              transform: `translateX(var(${t}))`
             }
           },
           [`${e}-bar-dragger`]: {
@@ -161,7 +161,7 @@ const t = () => ({
             ...a(r),
             [`&${e}-bar-preview-active`]: {
               display: "block",
-              transform: `translateY(var(${i}))`
+              transform: `translateY(var(${t}))`
             }
           },
           [`${e}-bar-dragger`]: {
@@ -208,7 +208,7 @@ const t = () => ({
       }
     }
   };
-}, g = l(
+}, g = o(
   "Splitter",
   (r) => [s(r)],
   {

package/es/src/text/index.vue.mjs

@@ -3,10 +3,11 @@ import { TypographyLink as H, TypographyText as J } from "@aplus-frontend/antdv"
 import { isUndefined as s, omit as u, isString as K } from "lodash-unified";
 import "../config-provider/index.mjs";
 import { useInjectApTextGroup as M } from "./context.mjs";
-import { isDef as Q } from "../utils/index.mjs";
-import W from "./style/index.mjs";
-import { useNamespace as X } from "../config-provider/hooks/use-namespace.mjs";
-const ie = /* @__PURE__ */ O({
+import "../utils/index.mjs";
+import Q from "./style/index.mjs";
+import { useNamespace as W } from "../config-provider/hooks/use-namespace.mjs";
+import { isDef as X } from "../utils/is.mjs";
+const pe = /* @__PURE__ */ O({
   name: "ApText",
   __name: "index",
   props: {
@@ -72,7 +73,7 @@ const ie = /* @__PURE__ */ O({
       e: i,
       em: S,
       m: P
-    } = X("ap-text"), h = W("ap-text"), {
+    } = W("ap-text"), h = Q("ap-text"), {
       colon: f,
       vertical: y,
       labelStyle: N
@@ -83,7 +84,7 @@ const ie = /* @__PURE__ */ O({
       if (e.label)
         return z(e.label) ? e.label : x(D, null, [e.label]);
     }), A = n(() => {
-      const l = Q(e.linkProps.ellipsis) ? e.linkProps.ellipsis : !!e.ellipsis;
+      const l = X(e.linkProps.ellipsis) ? e.linkProps.ellipsis : !!e.ellipsis;
       return {
         href: K(e.link) ? e.link : void 0,
         ...u(e, ["linkProps"]),
@@ -127,5 +128,5 @@ const ie = /* @__PURE__ */ O({
   }
 });
 export {
-  ie as default
+  pe as default
 };

package/es/src/time-ago/index.vue.mjs

@@ -5,8 +5,9 @@ import { getTimeAgoStr as D } from "./utils.mjs";
 import h from "./useTimeAgo.mjs";
 import B from "./style/index.mjs";
 import { useLocale as S } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Y } from "../config-provider/hooks/use-namespace.mjs";
-const b = ["title"], M = /* @__PURE__ */ f({
+import { useNamespace as T } from "../config-provider/hooks/use-namespace.mjs";
+const Y = ["title"], M = /* @__PURE__ */ f({
+  name: "TimeAgo",
   __name: "index",
   props: {
     value: {
@@ -21,24 +22,24 @@ const b = ["title"], M = /* @__PURE__ */ f({
       default: 1e4
     }
   },
-  setup(s) {
-    const e = s, {
-      locale: l
+  setup(m) {
+    const t = m, {
+      locale: s
     } = S(), {
-      b: m
-    } = Y("time-ago"), i = B("time-ago"), u = h(r(e, "value"), Date.now(), r(e, "interval")), c = a(() => D(u.value, l.value)), p = a(() => {
-      const t = e.title;
-      if (t === !1)
+      b: l
+    } = T("time-ago"), i = B("time-ago"), u = h(r(t, "value"), Date.now(), r(t, "interval")), c = a(() => D(u.value, s.value)), p = a(() => {
+      const e = t.title;
+      if (e === !1)
         return;
-      if (typeof t == "string")
-        return t;
-      const o = t === !0 ? "YYYY-MM-DD HH:mm:ss" : t.format;
-      return y(e.value).format(o);
+      if (typeof e == "string")
+        return e;
+      const o = e === !0 ? "YYYY-MM-DD HH:mm:ss" : e.format;
+      return y(t.value).format(o);
     });
-    return (t, o) => (g(), d("span", {
+    return (e, o) => (g(), d("span", {
       title: p.value,
-      class: v([n(m)(), n(i)])
-    }, _(c.value), 11, b));
+      class: v([n(l)(), n(i)])
+    }, _(c.value), 11, Y));
   }
 });
 export {

package/es/src/time-ago/useTimeAgo.mjs

@@ -1,56 +1,57 @@
 import v from "dayjs";
-import { ref as d, watch as M, onBeforeUnmount as h } from "vue";
-function s(n, o) {
-  const t = Math.abs(n - o), e = {
+import { ref as M, watch as h, onBeforeUnmount as p } from "vue";
+function s(n, u) {
+  const t = Math.abs(n - u), e = {
     diffMs: t,
-    type: n < o ? "ago" : "late"
+    type: n < u ? "ago" : "late"
   };
-  return t < 60 * 1e3 ? (e.unit = "s", e.count = Math.floor(t / 1e3)) : t < 60 * 60 * 1e3 ? (e.unit = "m", e.count = Math.floor(t / (60 * 1e3))) : t < 24 * 60 * 60 * 1e3 ? (e.unit = "h", e.count = Math.floor(t / (60 * 60 * 1e3))) : t < 30 * 24 * 60 * 60 * 1e3 ? (e.unit = "d", e.count = Math.floor(t / (24 * 60 * 60 * 1e3))) : t < 365 * 24 * 60 * 60 * 1e3 ? (e.unit = "M", e.count = Math.floor(t / (30 * 24 * 60 * 60 * 1e3))) : (e.unit = "y", e.count = Math.floor(t / 365 / (24 * 60 * 60 * 1e3))), e;
+  return t < 60 * 1e3 ? (e.unit = "s", e.count = Math.round(t / 1e3)) : t < 60 * 60 * 1e3 ? (e.unit = "m", e.count = Math.round(t / (60 * 1e3))) : t < 24 * 60 * 60 * 1e3 ? (e.unit = "h", e.count = Math.round(t / (60 * 60 * 1e3))) : t < 30 * 24 * 60 * 60 * 1e3 ? (e.unit = "d", e.count = Math.round(t / (24 * 60 * 60 * 1e3))) : t < 365 * 24 * 60 * 60 * 1e3 ? (e.unit = "M", e.count = Math.round(t / (30 * 24 * 60 * 60 * 1e3))) : (e.unit = "y", e.count = Math.round(t / 365 / (24 * 60 * 60 * 1e3))), e;
 }
-function u(n) {
+function o(n) {
   return v(n).valueOf();
 }
-let p = 1;
-function g() {
-  return p++;
+let g = 1;
+function b() {
+  return g++;
 }
 const i = /* @__PURE__ */ new Map();
-let l, f;
-function w(n, o) {
-  i.set(n, o), i.size && !f && (clearInterval(l), l = setInterval(() => {
-    f = !0;
+let r, l;
+function w(n, u) {
+  i.set(n, u), i.size && !l && (clearInterval(r), r = setInterval(() => {
+    l = !0;
     const t = Date.now();
     i.forEach((e) => {
-      e.interval && Math.abs(t - e.updated - e.interval) <= 50 && (e.timeAgo.value = s(e.ts, t), e.updated = t);
+      e.interval && Math.abs(t - e.updated - e.interval) < 50 && (e.timeAgo.value = s(e.ts, t), e.updated = t);
     });
   }, 5e3));
 }
-function b(n) {
-  i.delete(n), i.size || (clearInterval(l), f = !1);
+function I(n) {
+  i.delete(n), i.size || (clearInterval(r), l = !1);
 }
-const y = (n, o, t) => {
-  const e = g(), a = d(
-    s(u(n.value), u(o))
-  ), r = {
-    ts: u(n.value),
+const T = (n, u, t) => {
+  const e = b(), a = M(
+    s(o(n.value), o(u))
+  ), f = {
+    ts: o(n.value),
     timeAgo: a,
     interval: t.value,
     updated: Date.now()
   };
-  return M(
+  return h(
     () => n.value,
-    (m) => {
-      const c = u(m);
-      r.ts = c, a.value = s(c, u(o));
+    (c, m) => {
+      console.log("run target", c, m);
+      const d = o(c);
+      f.ts = d, a.value = s(d, o(u));
     }
-  ), w(e, r), h(() => {
-    b(e);
+  ), w(e, f), p(() => {
+    I(e);
   }), a;
 };
 export {
-  y as default,
-  g as getId,
+  T as default,
+  b as getId,
   s as getTimeAgo,
   w as subscribe,
-  b as unsubscribe
+  I as unsubscribe
 };

package/es/src/utils/cssinjs/TokenUtil.d.ts

@@ -6,6 +6,7 @@ export declare class TokenUtil {
     sub(cssVar: string | number | TokenUtil): this;
     mul(cssVar: string | number | TokenUtil): this;
     div(cssVar: string | number | TokenUtil): this;
+    colorOpacity(opacity: number): string;
     getResult(): string;
     equal(): string;
 }

package/es/src/utils/cssinjs/TokenUtil.mjs

@@ -14,6 +14,9 @@ class s {
   div(t) {
     return this.lowPriority && (this.result = `(${this.result})`), t instanceof s ? this.result = `${this.result} / ${t.getResult()}` : this.result = `${this.result} / ${t}`, this.lowPriority = !1, this;
   }
+  colorOpacity(t) {
+    return `color-mix(in srgb, ${this.result} ${t}%, transparent)`;
+  }
   getResult() {
     return this.lowPriority ? `(${this.result})` : this.result;
   }

package/es/src/utils/decimal.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 数值计算加
+ * @param params
+ * @returns
+ */
+export declare function plus(...params: number[]): number | undefined;
+/**
+ * 数值计算加（同plus）
+ */
+export declare const add: typeof plus;
+/**
+ * 数值计算减
+ * @param params
+ * @returns
+ */
+export declare function sub(...params: number[]): number | undefined;
+/**
+ * 数值计算减（同sub）
+ */
+export declare const minus: typeof sub;
+/**
+ * 数值计算乘
+ * @param params
+ * @returns
+ */
+export declare function mul(...params: number[]): number | undefined;
+/**
+ * 数值计算乘（同mul）
+ */
+export declare const times: typeof mul;
+/**
+ * 数值计算除
+ * @param params
+ * @returns
+ */
+export declare function div(...params: number[]): number | undefined;

package/es/src/utils/decimal.mjs

@@ -0,0 +1,45 @@
+import u from "decimal.js";
+function l(...e) {
+  if (!e || !e.length)
+    return;
+  let t = new u(0);
+  return e.forEach((n) => {
+    t = t.plus(new u(n));
+  }), t.toNumber();
+}
+const f = l;
+function r(...e) {
+  if (!e || !e.length)
+    return;
+  let t = new u(e[0]);
+  for (let n = 1; n <= e.length - 1; n += 1)
+    t = t.sub(new u(e[n]));
+  return t.toNumber();
+}
+const c = r;
+function o(...e) {
+  if (!e || !e.length)
+    return;
+  let t = new u(1);
+  return e.forEach((n) => {
+    t = t.mul(new u(n));
+  }), t.toNumber();
+}
+const h = o;
+function w(...e) {
+  if (!e || !e.length)
+    return;
+  let t = new u(e[0]);
+  for (let n = 1; n <= e.length - 1; n += 1)
+    t = t.div(new u(e[n]));
+  return t.toNumber();
+}
+export {
+  f as add,
+  w as div,
+  c as minus,
+  o as mul,
+  l as plus,
+  r as sub,
+  h as times
+};

package/es/src/utils/format.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 四舍五入取（最多）小数位
+ * @param num 待舍入的数字
+ * @param fractionDigits 小数位（默认为0）
+ * @returns
+ */
+export declare function roundWith(num: number, fractionDigits?: number): number | undefined;
+/**
+ * 向下取（最多）小数位
+ * @param num
+ * @param fractionDigits 小数位（默认为0）
+ * @returns
+ */
+export declare function floorWith(num: number, fractionDigits?: number): number | undefined;
+/**
+ * 数字千分位格式化
+ * @param val 待格式化的数字
+ * @param limitDecimals 小数位，传入后将使用四舍五入
+ * @returns
+ */
+export declare function toDecimalMark(val: number, limitDecimals?: number): string | undefined;

package/es/src/utils/format.mjs

@@ -0,0 +1,32 @@
+import "./index.mjs";
+import { div as p, mul as a } from "./decimal.mjs";
+import { isDef as e } from "./is.mjs";
+function m(r, o = 0) {
+  if (!e(r))
+    return;
+  const t = Math.pow(10, o);
+  return p(Math.round(a(r, t)), t);
+}
+function g(r, o = 0) {
+  if (!e(r))
+    return;
+  const t = Math.pow(10, o);
+  return p(Math.floor(a(r, t)), t);
+}
+function w(r, o) {
+  if (!e(r))
+    return;
+  let t = typeof o < "u" ? m(r, o) : r;
+  const i = t < 0;
+  i && (t = Math.abs(t));
+  const f = String(t).split("."), h = f[0].split(""), c = f[1] || "";
+  let n = "";
+  return h.reverse().forEach(function(s, u) {
+    u !== 0 && u % 3 === 0 ? n = s + "," + n : n = s + n;
+  }), (i ? "-" : "") + n + (c ? "." + c : "");
+}
+export {
+  g as floorWith,
+  m as roundWith,
+  w as toDecimalMark
+};

package/es/src/utils/index.d.ts

@@ -1,9 +1,10 @@
 import { Recordable } from '../type';
+import { isDef } from './is';
 /**
  * @description:  Set ui mount node
  */
 export declare function getPopupContainer(node?: HTMLElement): HTMLElement;
-export declare function isDef<T = unknown>(val?: T): val is T;
+export { isDef };
 export declare function getDynamicProps<T extends Record<string, unknown>, U>(props: T): Partial<U>;
 /**
  * 按条件移除