@aplus-frontend/ui 0.4.3 → 0.4.5

package/es/src/business/ap-summary/ap-summary.vue2.mjs

@@ -1,19 +1,18 @@
-import { defineComponent as I, computed as L, createVNode as N, Fragment as y, openBlock as m, createBlock as i, unref as r, normalizeClass as f, withCtx as x, createElementBlock as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as R } from "vue";
-import { isNil as A, get as c } from "lodash-unified";
-import { TableSummaryRow as D, TableSummaryCell as F } from "@aplus-frontend/antdv";
-import { flattenColumns as V, formatDataIndex as u } from "./utils.mjs";
+import { defineComponent as w, computed as y, createVNode as z, Fragment as f, openBlock as m, createBlock as i, unref as r, normalizeClass as x, withCtx as k, createElementBlock as B, renderList as R, normalizeStyle as A, resolveDynamicComponent as D } from "vue";
+import { isNil as F, get as c } from "lodash-unified";
+import { TableSummaryRow as V, TableSummaryCell as E } from "@aplus-frontend/antdv";
+import { flattenColumns as P, formatDataIndex as u } from "./utils.mjs";
 import "../../config-provider/index.mjs";
-import { isNumeric as E, toThousand as P, toFixed as $ } from "@aplus-frontend/utils";
-import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
-const Q = /* @__PURE__ */ I({
+import { isNumeric as $, toThousand as j, toFixed as q } from "@aplus-frontend/utils";
+import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
+const Y = /* @__PURE__ */ w({
   name: "ApSummary",
   __name: "ap-summary",
   props: {
     data: {},
     columns: {},
-    summaryTitle: {
-      default: "合计"
-    },
+    summaryTitle: {},
     hasSelect: {
       type: Boolean,
       default: !0
@@ -22,14 +21,16 @@ const Q = /* @__PURE__ */ I({
       default: "middle"
     }
   },
-  setup(k) {
-    const n = k, h = (a) => a === 0, T = (a, o) => {
+  setup(h) {
+    const n = h, {
+      t: T
+    } = G(), S = y(() => n.summaryTitle ?? T("ap.apSummary.total")), C = (a) => a === 0, _ = (a, o) => {
       var s;
-      if (!E(a) || o.valueType !== "number")
+      if (!$(a) || o.valueType !== "number")
         return a;
       const e = (s = o.fieldProps) == null ? void 0 : s.field, t = (e == null ? void 0 : e.precision) || 0;
-      return (A(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? P(a, t) : $(a, t);
-    }, C = L(() => {
+      return (F(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? j(a, t) : q(a, t);
+    }, g = y(() => {
       let a = [];
       n.hasSelect && a.push({
         key: "select",
@@ -37,17 +38,17 @@ const Q = /* @__PURE__ */ I({
         align: "left",
         value: ""
       });
-      const e = V(n.columns).map((t, d) => {
+      const e = P(n.columns).map((t, d) => {
         let s;
-        const b = c(n.data, u(t.dataIndex || t.key));
-        if (h(d))
-          s = n.summaryTitle;
-        else if (b && (t.customRender || t.renderText)) {
-          const p = c(n.data, u(t.dataIndex || t.key)), v = u(t.dataIndex || t.key), l = t.customRender || t.renderText;
+        const L = c(n.data, u(t.dataIndex || t.key));
+        if (C(d))
+          s = S.value;
+        else if (L && (t.customRender || t.renderText)) {
+          const p = c(n.data, u(t.dataIndex || t.key)), N = u(t.dataIndex || t.key), l = t.customRender || t.renderText;
           s = l == null ? void 0 : l({
             value: p,
             record: {
-              [v]: p
+              [N]: p
             },
             text: void 0,
             index: 0,
@@ -55,32 +56,32 @@ const Q = /* @__PURE__ */ I({
             column: {}
           });
         } else
-          s = T(c(n.data, u(t.dataIndex || t.key)), t);
+          s = _(c(n.data, u(t.dataIndex || t.key)), t);
         return {
           key: t.key,
           rowSpan: 1,
           align: t.align,
-          value: N(y, null, [s])
+          value: z(f, null, [s])
         };
       });
       return a.concat(e);
     }), {
-      b: S,
-      e: _,
-      em: g
-    } = j("ap-summary");
-    return (a, o) => (m(), i(r(D), {
-      class: f(r(S)())
+      b: v,
+      e: b,
+      em: I
+    } = H("ap-summary");
+    return (a, o) => (m(), i(r(V), {
+      class: x(r(v)())
     }, {
-      default: x(() => [(m(!0), w(y, null, z(C.value, (e, t) => (m(), i(r(F), {
+      default: k(() => [(m(!0), B(f, null, R(g.value, (e, t) => (m(), i(r(E), {
         key: e.key,
-        class: f(`${n.size === "small" ? r(g)("item", "small") : r(_)("item")}`),
+        class: x(`${n.size === "small" ? r(I)("item", "small") : r(b)("item")}`),
         index: t,
-        style: B({
+        style: A({
           textAlign: e.align
         })
       }, {
-        default: x(() => [(m(), i(R(e.value)))]),
+        default: k(() => [(m(), i(D(e.value)))]),
         _: 2
       }, 1032, ["class", "index", "style"]))), 128))]),
       _: 1
@@ -88,5 +89,5 @@ const Q = /* @__PURE__ */ I({
   }
 });
 export {
-  Q as default
+  Y as default
 };

package/es/src/business/ap-summary/index.d.ts

@@ -5,7 +5,6 @@ export * from './utils';
 declare const ApSummary: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         size: "middle" | "small";
-        summaryTitle: string;
         hasSelect: boolean;
     }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -16,7 +15,6 @@ declare const ApSummary: {
         Defaults: {};
     }, Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, {
         size: "middle" | "small";
-        summaryTitle: string;
         hasSelect: boolean;
     }>;
     __isFragment?: never;
@@ -24,7 +22,6 @@ declare const ApSummary: {
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     size: "middle" | "small";
-    summaryTitle: string;
     hasSelect: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {

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

@@ -117,7 +117,9 @@ const pe = /* @__PURE__ */ U({
           var u, p;
           if (l.length > e.maxCount) {
             B.warning(
-              g("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
+              g("ap.apTableModal.messageMaxCount", {
+                maxCount: e.maxCount
+              })
             );
             return;
           }
@@ -132,7 +134,9 @@ const pe = /* @__PURE__ */ U({
           if (l) {
             if (a.value.length >= e.maxCount) {
               B.warning(
-                g("ap.apTableModal.messageMaxCount", { maxCount: e.maxCount })
+                g("ap.apTableModal.messageMaxCount", {
+                  maxCount: e.maxCount
+                })
               );
               return;
             }
@@ -209,7 +213,7 @@ const pe = /* @__PURE__ */ U({
           onDeleteItem: E
         }), {
           default: h(() => [
-            S(s(ee), y(s(R)(e.apTableProps, "dataSource"), {
+            S(s(ee), y({
               ref_key: "apTableRef",
               ref: d,
               scroll: { y: "100%" },
@@ -220,7 +224,7 @@ const pe = /* @__PURE__ */ U({
               "row-selection": A.value,
               bordered: s(I) === "admin",
               "data-source": C.value
-            }), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
+            }, s(R)(e.apTableProps, "dataSource")), null, 16, ["columns", "row-key", "row-selection", "bordered", "data-source"])
           ]),
           _: 1
         }, 16, ["selected-list"])

package/es/src/business/batch-input-group/form-item.vue.d.ts

@@ -1,6 +1,14 @@
-import { ApFormItemBatchInputProps } from './interface';
+import { ApFormItemBatchInputProps, BatchInputGroupProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<ApFormItemBatchInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemBatchInputProps> & Readonly<{}>, {
     trim: boolean;
+    disabled: boolean;
+    bordered: boolean;
+    field: Omit< BatchInputGroupProps, "value" | "onUpdate:value">;
+    colon: boolean;
+    required: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
+    validateFirst: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/src/business/batch-input-group/form-item.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as B, computed as n, openBlock as b, createBlock as _, mergeProps as u, unref as f, withCtx as g, createVNode as x } from "vue";
+import { defineComponent as b, computed as r, openBlock as B, createBlock as g, mergeProps as u, unref as m, withCtx as _, createVNode as V } from "vue";
 import "./index.vue2.mjs";
 import "../../ap-form/item/index.vue2.mjs";
-import { isValid as d } from "@aplus-frontend/utils";
+import { isValid as s } from "@aplus-frontend/utils";
 import { omit as p } from "lodash-unified";
-import V from "../../ap-form/item/index.vue.mjs";
+import x from "../../ap-form/item/index.vue.mjs";
 import k from "./index.vue.mjs";
-const A = /* @__PURE__ */ B({
+const A = /* @__PURE__ */ b({
   __name: "form-item",
   props: {
     htmlFor: {},
@@ -15,15 +15,15 @@ const A = /* @__PURE__ */ B({
     extra: {},
     labelCol: {},
     wrapperCol: {},
-    hasFeedback: { type: Boolean },
-    colon: { type: Boolean },
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
     labelAlign: {},
     prop: {},
     name: {},
     rules: {},
-    autoLink: { type: Boolean },
-    required: { type: Boolean },
-    validateFirst: { type: Boolean },
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
     validateStatus: {},
     validateTrigger: {},
     messageVariables: {},
@@ -42,58 +42,62 @@ const A = /* @__PURE__ */ B({
     xl: {},
     xxl: {},
     flex: {},
-    bordered: { type: Boolean },
+    bordered: { type: Boolean, default: !1 },
     valuePropName: {},
     initialValue: {},
     _signal: {},
     transform: {},
-    field: {},
-    disabled: { type: Boolean },
+    field: { default: () => ({}) },
+    disabled: { type: Boolean, default: void 0 },
     placeholer: {},
     trim: { type: Boolean, default: !0 }
   },
-  setup(c) {
-    const l = c, y = n(() => (l == null ? void 0 : l.transform) || {
+  setup(v) {
+    const l = v, c = r(() => (l == null ? void 0 : l.transform) || {
       flat: !1,
       transformer: (e) => {
-        var o, a, i, r, m, s;
+        var a, o, i, n, d, f;
         if (e)
-          return !(e != null && e.value) || ((o = e == null ? void 0 : e.value) == null ? void 0 : o.length) < 1 ? void 0 : (a = l == null ? void 0 : l.field) != null && a.options ? {
+          return !(e != null && e.value) || ((a = e == null ? void 0 : e.value) == null ? void 0 : a.length) < 1 ? void 0 : (o = l == null ? void 0 : l.field) != null && o.options ? {
             ...e,
-            value: (r = (i = e == null ? void 0 : e.value) == null ? void 0 : i.filter((t) => d(t == null ? void 0 : t.trim()))) == null ? void 0 : r.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
-          } : (s = (m = e == null ? void 0 : e.value) == null ? void 0 : m.filter((t) => d(t == null ? void 0 : t.trim()))) == null ? void 0 : s.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
+            value: (n = (i = e == null ? void 0 : e.value) == null ? void 0 : i.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : n.map((t) => l.trim ? t == null ? void 0 : t.trim() : t)
+          } : (f = (d = e == null ? void 0 : e.value) == null ? void 0 : d.filter((t) => s(t == null ? void 0 : t.trim()))) == null ? void 0 : f.map((t) => l.trim ? t == null ? void 0 : t.trim() : t);
       }
-    }), v = n(() => {
+    }), y = r(() => {
       var e;
       return ((e = l.field) == null ? void 0 : e.style) || "width:auto";
-    }), h = n(() => {
-      var e, o;
+    }), h = r(() => {
+      var e, a;
       return (l == null ? void 0 : l.initialValue) || {
-        key: (o = (e = l == null ? void 0 : l.field) == null ? void 0 : e.options) == null ? void 0 : o.map((a) => a.value)
+        key: (a = (e = l == null ? void 0 : l.field) == null ? void 0 : e.options) == null ? void 0 : a.map((o) => o.value)
       };
     });
-    return (e, o) => (b(), _(V, u(
-      f(p)(l, [
-        "field",
-        "initialValue",
-        "transform",
-        "placeholder",
-        "disabled"
-      ]),
-      {
-        "initial-value": h.value,
-        transform: y.value
-      }
-    ), {
-      default: g(() => [
-        x(k, u(f(p)(l.field, ["style"]), {
-          style: v.value,
-          disabled: e.disabled,
-          placeholer: e.placeholer
-        }), null, 16, ["style", "disabled", "placeholer"])
-      ]),
-      _: 1
-    }, 16, ["initial-value", "transform"]));
+    return (e, a) => {
+      var o, i;
+      return B(), g(x, u(
+        m(p)(l, [
+          "field",
+          "initialValue",
+          "transform",
+          "placeholder",
+          "disabled"
+        ]),
+        {
+          "initial-value": h.value,
+          transform: c.value,
+          bordered: (i = (o = e.field) == null ? void 0 : o.options) != null && i.length ? !1 : e.bordered
+        }
+      ), {
+        default: _(() => [
+          V(k, u(m(p)(l.field, ["style"]), {
+            style: y.value,
+            disabled: e.disabled,
+            placeholer: e.placeholer
+          }), null, 16, ["style", "disabled", "placeholer"])
+        ]),
+        _: 1
+      }, 16, ["initial-value", "transform", "bordered"]);
+    };
   }
 });
 export {

package/es/src/config-provider/hooks/use-namespace.d.ts

@@ -15,7 +15,7 @@ export declare const useNamespace: (block: string, namespaceOverrides?: Ref<stri
         (name: string, state: boolean | undefined): string;
         (name: string): string;
     };
-    cssVar: (object: Record<string, string>) => Record<string, string>;
+    cssVar: (object: Record<string, string | undefined | null>) => Record<string, string>;
     cssVarName: (name: string) => string;
     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
     cssVarBlockName: (name: string) => string;

package/es/src/config-provider/hooks/use-namespace.mjs

@@ -1,7 +1,7 @@
 import { getCurrentInstance as v, inject as N, ref as p, computed as V, unref as y } from "vue";
-const m = "aplus", l = "is-", c = (a, r, t, o, $) => {
+const m = "aplus", l = "is-", c = (a, r, t, $, o) => {
   let u = `${a}-${r}`;
-  return t && (u += `-${t}`), o && (u += `__${o}`), $ && (u += `--${$}`), u;
+  return t && (u += `-${t}`), $ && (u += `__${$}`), o && (u += `--${o}`), u;
 }, B = Symbol("namespaceContextKey"), C = (a) => {
   const r = a || (v() ? N(B, p(m)) : p(m));
   return V(() => y(r) || m);
@@ -23,7 +23,7 @@ const m = "aplus", l = "is-", c = (a, r, t, o, $) => {
     cssVar: (s) => {
       const e = {};
       for (const n in s)
-        s[n] && (e[`--${t.value}-${n}`] = s[n]);
+        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
       return e;
     },
     cssVarName: (s) => `--${t.value}-${s}`,

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

@@ -1,2 +1,4 @@
 export { useMessage } from './useMessage';
 export { useControllableValue } from './useControllableValue';
+export { useManualRef } from './useManualRef';
+export { useThrottleRef } from './useThrottleRef';

package/es/src/hooks/index.mjs

@@ -1,6 +1,10 @@
 import { useMessage as r } from "./useMessage.mjs";
-import { useControllableValue as s } from "./useControllableValue.mjs";
+import { useControllableValue as f } from "./useControllableValue.mjs";
+import { useManualRef as s } from "./useManualRef.mjs";
+import { useThrottleRef as a } from "./useThrottleRef.mjs";
 export {
-  s as useControllableValue,
-  r as useMessage
+  f as useControllableValue,
+  s as useManualRef,
+  r as useMessage,
+  a as useThrottleRef
 };

package/es/src/hooks/useManualRef.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+export declare function useManualRef(): {
+    updateSet: Set<() => void>;
+    manualRef: <T>(value: T) => Ref<T, T>;
+    triggerUpdate: () => void;
+};

package/es/src/hooks/useManualRef.mjs

@@ -0,0 +1,27 @@
+import { customRef as g } from "vue";
+function d() {
+  const r = /* @__PURE__ */ new Set();
+  function o(t) {
+    return g((i, c) => {
+      let n = t;
+      const u = () => {
+        t !== n && (n = t, c());
+      };
+      return {
+        get: () => (i(), t),
+        set: (e) => {
+          e !== t && (t = e, r.add(u));
+        }
+      };
+    });
+  }
+  function f() {
+    for (const t of r)
+      t();
+    r.clear();
+  }
+  return { updateSet: r, manualRef: o, triggerUpdate: f };
+}
+export {
+  d as useManualRef
+};

package/es/src/hooks/useThrottleRef.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useThrottleRef<T = any>(value: T, delay?: number): Ref<T, T>;

package/es/src/hooks/useThrottleRef.mjs

@@ -0,0 +1,31 @@
+import { customRef as a } from "vue";
+function m(n, o = 16.67) {
+  let l = n, r = !1, e = null;
+  return a((s, f) => {
+    const u = (t) => {
+      if (t !== l) {
+        if (r) {
+          e = t;
+          return;
+        }
+        l = t, f(), r = !0, setTimeout(() => {
+          if (r = !1, e !== null) {
+            const i = e;
+            e = null, u(i);
+          }
+        }, o);
+      }
+    };
+    return {
+      get() {
+        return s(), l;
+      },
+      set(t) {
+        u(t);
+      }
+    };
+  });
+}
+export {
+  m as useThrottleRef
+};

package/es/src/index.d.ts

@@ -17,4 +17,4 @@ export * from './business';
 export * from './ap-table';
 export * from './editable-table';
 export * from './ap-descriptions';
-export * from './ap-scroll-bar';
+export * from './scroll-bar';