@aplus-frontend/ui 0.4.14 → 0.4.15

package/es/src/ap-upload/components/SingleFile.vue2.mjs

@@ -1,81 +1,81 @@
-import { defineComponent as ne, inject as s, ref as h, watch as oe, computed as le, openBlock as _, createElementBlock as x, normalizeClass as se, unref as a, createElementVNode as i, toDisplayString as z, createCommentVNode as A, normalizeStyle as re, createBlock as ie, withModifiers as ce, createVNode as ue } from "vue";
+import { defineComponent as oe, inject as o, ref as _, watch as le, computed as se, openBlock as k, createElementBlock as z, normalizeClass as re, unref as a, createElementVNode as i, toDisplayString as A, createCommentVNode as b, normalizeStyle as ie, createBlock as ce, withModifiers as ue, createVNode as pe } from "vue";
 import "../../config-provider/index.mjs";
-import { getName as pe, getReturnData as q } from "../utils/returnData.mjs";
-import { useOss as ve, useOssInit as de } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as fe, getAcceptText as me } from "../utils/accept.mjs";
-import { message as u, Progress as ge } from "@aplus-frontend/antdv";
-import { DeleteOutlined as he } from "@ant-design/icons-vue";
-import I from "../assets/single-file-icon.png.mjs";
-import { useLocale as _e } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ke } from "../../config-provider/hooks/use-namespace.mjs";
-const ye = ["accept"], we = {
+import { getName as ve, getReturnData as I } from "../utils/returnData.mjs";
+import { useOss as de, useOssInit as fe } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as me, getAcceptText as ge } from "../utils/accept.mjs";
+import { message as u, Progress as he } from "@aplus-frontend/antdv";
+import { DeleteOutlined as _e } from "@ant-design/icons-vue";
+import j from "../assets/single-file-icon.png.mjs";
+import { useLocale as ke } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ye } from "../../config-provider/hooks/use-namespace.mjs";
+const we = ["accept"], De = {
   key: 0,
   class: "state-un"
-}, De = ["src"], Ue = { class: "state-un-title" }, Fe = { class: "state-un-subtitle" }, Ce = {
+}, Ue = ["src"], Fe = { class: "state-un-title" }, Ce = { class: "state-un-subtitle" }, Ee = {
   key: 1,
   class: "state-ing"
-}, Ee = { class: "left" }, Se = ["src"], Ne = { class: "center" }, xe = { class: "center-progress" }, qe = /* @__PURE__ */ ne({
+}, Se = { class: "left" }, Ne = ["src"], xe = { class: "center" }, ze = { class: "center-progress" }, Ie = /* @__PURE__ */ oe({
   __name: "SingleFile",
-  setup(ze, { expose: j }) {
-    const { t: r } = _e(), { b: k } = ke("ap-upload-single-file"), { put: G, client: b } = ve(), y = s("theme"), W = s("dirName"), w = s("accept") || "*", D = s("maxSize") ?? 500, H = s("title") || r("ap.apUpload.clickOrDragUpload"), U = s("subTitle"), n = s("value"), F = s("needName"), p = s("uploadingCount"), B = s("beforeUpload"), R = s("customRequest"), J = s("getOssAccess"), K = s("maxSizeErrorMsg"), Q = s("acceptErrorMsg"), o = h(null);
-    oe(
-      () => n == null ? void 0 : n.value,
+  setup(Ae, { expose: G }) {
+    const { t: r } = ke(), { b: y } = ye("ap-upload-single-file"), { put: W, client: B } = de(), w = o("theme"), H = o("dirName"), D = o("accept") || "*", U = o("maxSize") ?? 500, J = o("title") || r("ap.apUpload.clickOrDragUpload"), F = o("subTitle"), l = o("value"), C = o("needName"), p = o("uploadingCount"), R = o("beforeUpload"), M = o("customRequest"), K = o("getOssAccess"), Q = o("maxSizeErrorMsg"), X = o("acceptErrorMsg"), f = o("onRemove"), n = _(null);
+    le(
+      () => l == null ? void 0 : l.value,
       function(e) {
-        o.value === null && e && M(e);
+        n.value === null && e && O(e);
       },
       { immediate: !0 }
     );
-    function M(e) {
+    function O(e) {
       e ? setTimeout(() => {
-        const t = pe(F, e);
-        l.value = 3, o.value = new File([e], t, {}), n.value = e;
-      }) : (l.value = 1, o.value = null, n.value = void 0);
+        const t = ve(C, e);
+        s.value = 3, n.value = new File([e], t, {}), l.value = e;
+      }) : (s.value = 1, n.value = null, l.value = void 0);
     }
-    j({ setValue: M });
-    const l = h(1), f = h(0), m = h(null), O = le(() => o.value && (n == null ? void 0 : n.value));
-    function X() {
+    G({ setValue: O });
+    const s = _(1), m = _(0), g = _(null), P = se(() => n.value && (l == null ? void 0 : l.value));
+    function Y() {
       var e;
-      l.value === 1 && ((e = m.value) == null || e.click());
+      s.value === 1 && ((e = g.value) == null || e.click());
     }
-    function P(e) {
+    function T(e) {
       e.preventDefault(), e.stopPropagation();
     }
-    function Y(e) {
-      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
-    }
     function Z(e) {
-      T(e);
+      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
     }
     function V(e) {
-      if (e.preventDefault(), e.stopPropagation(), l.value !== 1)
+      L(e);
+    }
+    function ee(e) {
+      if (e.preventDefault(), e.stopPropagation(), s.value !== 1)
         return;
-      var t = e.dataTransfer, c = [], L = 0, $ = t.files.length;
+      var t = e.dataTransfer, c = [], $ = 0, q = t.files.length;
       function v() {
-        L === $ - 1 && Z(c), L++;
+        $ === q - 1 && V(c), $++;
       }
       if (t.items !== void 0)
-        for (var C = 0; C < t.items.length; C++) {
-          var E = t.items[C];
-          if (E.kind === "file" && E.webkitGetAsEntry().isFile) {
-            var ae = E.getAsFile();
-            c.push(ae), v();
+        for (var E = 0; E < t.items.length; E++) {
+          var S = t.items[E];
+          if (S.kind === "file" && S.webkitGetAsEntry().isFile) {
+            var ne = S.getAsFile();
+            c.push(ne), v();
           }
         }
       else
-        for (let N = 0; N < $; N++) {
-          var g = t.files[N];
-          if (g.type)
-            c.push(g), v();
+        for (let x = 0; x < q; x++) {
+          var h = t.files[x];
+          if (h.type)
+            c.push(h), v();
           else
             try {
-              var S = new FileReader();
-              S.readAsDataURL(g.slice(0, 3)), S.addEventListener(
+              var N = new FileReader();
+              N.readAsDataURL(h.slice(0, 3)), N.addEventListener(
                 "load",
                 function(d) {
-                  console.warn(d, "load"), c.push(g), v();
+                  console.warn(d, "load"), c.push(h), v();
                 },
                 !1
-              ), S.addEventListener(
+              ), N.addEventListener(
                 "error",
                 function(d) {
                   console.warn(d, "error"), u.warning(r("ap.apUpload.foldersNotSupported")), v();
@@ -87,143 +87,143 @@ const ye = ["accept"], we = {
             }
         }
     }
-    async function ee(e) {
+    async function te(e) {
       const t = e.target;
-      await T(t == null ? void 0 : t.files), m.value && (m.value.value = "");
+      await L(t == null ? void 0 : t.files), g.value && (g.value.value = "");
     }
-    async function T(e) {
+    async function L(e) {
       if (e != null && e.length) {
-        if (e[0].size > D * 1024 * 1024) {
+        if (e[0].size > U * 1024 * 1024) {
           u.warning(
-            K || r("ap.apUpload.maxUploadFileSize", {
-              maxSize: D
+            Q || r("ap.apUpload.maxUploadFileSize", {
+              maxSize: U
             })
           );
           return;
         }
-        if (!fe(e[0], w)) {
+        if (!me(e[0], D)) {
           u.warning(
-            Q || r("ap.apUpload.fileFormatNotSupported")
+            X || r("ap.apUpload.fileFormatNotSupported")
           );
           return;
         }
-        if (typeof B == "function" && await B(e[0]) === !1)
+        if (typeof R == "function" && await R(e[0]) === !1)
           return;
-        if (o.value = e[0], l.value = 2, f.value = 0, p.value++, typeof R == "function") {
-          R({
+        if (n.value = e[0], s.value = 2, m.value = 0, p.value++, typeof M == "function") {
+          M({
             onProgress: (t) => {
-              f.value = t;
+              m.value = t;
             },
             onError: (t) => {
-              u.warning(t || r("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, p.value--;
+              u.warning(t || r("ap.apUpload.networkAnomaly")), s.value = 1, n.value = null, p.value--;
             },
             onSuccess: (t) => {
-              n.value = q(
-                F,
+              l.value = I(
+                C,
                 t,
-                o.value.name
-              ), l.value = 3, p.value--;
+                n.value.name
+              ), s.value = 3, p.value--;
             },
             file: e[0]
           });
           return;
         }
         try {
-          await de(J), G({
-            file: o.value,
-            dirName: W,
-            oss: b,
+          await fe(K), W({
+            file: n.value,
+            dirName: H,
+            oss: B,
             successCallBack(t) {
-              n.value = q(
-                F,
+              l.value = I(
+                C,
                 t,
-                o.value.name
-              ), l.value = 3, p.value--;
+                n.value.name
+              ), s.value = 3, p.value--;
             },
             errorCallBack(t) {
-              u.warning(t || r("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, p.value--;
+              u.warning(t || r("ap.apUpload.networkAnomaly")), s.value = 1, n.value = null, p.value--;
             },
             progressCallBack(t) {
-              f.value = t;
+              m.value = t;
             }
           });
         } catch (t) {
           u.warning(
             typeof (t == null ? void 0 : t.message) == "string" ? t.message : r("ap.apUpload.networkAnomaly")
-          ), l.value = 1, o.value = null, p.value--;
+          ), s.value = 1, n.value = null, p.value--;
         }
       }
     }
-    function te() {
-      o.value && !(n != null && n.value) && b.pauseUpload(), l.value = 1, o.value = null, n.value = void 0;
+    function ae() {
+      f && (f == null || f(n.value)), n.value && !(l != null && l.value) && B.pauseUpload(), s.value = 1, n.value = null, l.value = void 0;
     }
     return (e, t) => {
       var c;
-      return _(), x("div", {
-        class: se({
-          [a(k)()]: !0,
-          [a(k)("admin")]: a(y) === "admin",
-          [a(k)("un")]: l.value === 1
+      return k(), z("div", {
+        class: re({
+          [a(y)()]: !0,
+          [a(y)("admin")]: a(w) === "admin",
+          [a(y)("un")]: s.value === 1
         }),
-        onClick: X,
-        onDragenter: P,
-        onDragover: Y,
-        onDragleave: P,
-        onDrop: V
+        onClick: Y,
+        onDragenter: T,
+        onDragover: Z,
+        onDragleave: T,
+        onDrop: ee
       }, [
         i("input", {
           ref_key: "fileRef",
-          ref: m,
+          ref: g,
           style: { display: "none" },
           type: "file",
-          accept: a(w),
-          onChange: ee
-        }, null, 40, ye),
-        l.value === 1 ? (_(), x("div", we, [
+          accept: a(D),
+          onChange: te
+        }, null, 40, we),
+        s.value === 1 ? (k(), z("div", De, [
           i("img", {
             class: "state-un-icon",
-            src: a(I)
-          }, null, 8, De),
-          i("div", Ue, z(a(H)), 1),
-          i("div", Fe, z(typeof a(U) == "string" && a(U).length > 0 ? a(U) : `${a(r)("ap.apUpload.supportExtension")}：${a(me)(
-            a(w)
+            src: a(j)
+          }, null, 8, Ue),
+          i("div", Fe, A(a(J)), 1),
+          i("div", Ce, A(typeof a(F) == "string" && a(F).length > 0 ? a(F) : `${a(r)("ap.apUpload.supportExtension")}：${a(ge)(
+            a(D)
           )}，${a(r)("ap.apUpload.maxWarnUploadFileSize", {
-            maxSize: a(D)
+            maxSize: a(U)
           })}`), 1)
-        ])) : A("", !0),
-        [2, 3].includes(l.value) ? (_(), x("div", Ce, [
-          i("div", Ee, [
-            i("img", { src: a(I) }, null, 8, Se)
+        ])) : b("", !0),
+        [2, 3].includes(s.value) ? (k(), z("div", Ee, [
+          i("div", Se, [
+            i("img", { src: a(j) }, null, 8, Ne)
           ]),
-          i("div", Ne, [
+          i("div", xe, [
             i("div", {
               class: "center-title",
-              style: re({
-                color: O.value ? "#0070FF" : "#182948"
+              style: ie({
+                color: P.value ? "#0070FF" : "#182948"
               })
-            }, z((c = o.value) == null ? void 0 : c.name), 5),
-            i("div", xe, [
-              O.value ? A("", !0) : (_(), ie(a(ge), {
+            }, A((c = n.value) == null ? void 0 : c.name), 5),
+            i("div", ze, [
+              P.value ? b("", !0) : (k(), ce(a(he), {
                 key: 0,
-                percent: f.value,
+                percent: m.value,
                 size: 4,
                 "show-info": !1,
-                "trail-color": a(y) === "admin" ? "#D9D9D9" : "#DEE4ED",
-                "stroke-color": a(y) === "admin" ? "#34B77C" : "#0070FF"
+                "trail-color": a(w) === "admin" ? "#D9D9D9" : "#DEE4ED",
+                "stroke-color": a(w) === "admin" ? "#34B77C" : "#0070FF"
               }, null, 8, ["percent", "trail-color", "stroke-color"]))
             ])
           ]),
           i("div", {
             class: "right",
-            onClick: ce(te, ["stop"])
+            onClick: ue(ae, ["stop"])
           }, [
-            ue(a(he))
+            pe(a(_e))
           ])
-        ])) : A("", !0)
+        ])) : b("", !0)
       ], 34);
     };
   }
 });
 export {
-  qe as default
+  Ie as default
 };

package/es/src/config-provider/config-provider.d.ts

@@ -417,6 +417,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             color: {
                 primary: string;
             };
+            scrollbar: {
+                size: string;
+            };
         };
         'ap-descriptions': {
             item: {

package/es/src/config-provider/css-var.d.ts

@@ -66,6 +66,9 @@ declare const aplusCssVarObj: {
         color: {
             primary: string;
         };
+        scrollbar: {
+            size: string;
+        };
     };
     'ap-descriptions': {
         item: {

package/es/src/config-provider/css-var.mjs

@@ -1,4 +1,5 @@
-const F = {
+import { getScrollbarSize as F } from "../utils/index.mjs";
+const l = F(), p = {
   "ap-form": {
     bordered: {
       "border-color": {
@@ -64,6 +65,9 @@ const F = {
   basic: {
     color: {
       primary: "#0070ff"
+    },
+    scrollbar: {
+      size: `${l}px`
     }
   },
   "ap-descriptions": {
@@ -100,7 +104,7 @@ const F = {
       "color-disabled": "rgba(24, 41, 72, 0.25)"
     }
   }
-}, b = {
+}, d = {
   "ap-form": {
     bordered: {
       "border-color": {
@@ -166,6 +170,9 @@ const F = {
   basic: {
     color: {
       primary: "#34b77c"
+    },
+    scrollbar: {
+      size: `${l}px`
     }
   },
   "ap-descriptions": {
@@ -203,26 +210,26 @@ const F = {
     }
   }
 };
-function i(t) {
+function n(t) {
   const o = {};
-  function r(a, l) {
-    const s = Object.keys(a);
-    for (const c of s) {
-      const e = a[c], n = [...l, c];
-      e !== null && typeof e == "object" ? r(e, n) : o[`--${n.join("-")}`] = e;
+  function r(a, s) {
+    const b = Object.keys(a);
+    for (const c of b) {
+      const e = a[c], i = [...s, c];
+      e !== null && typeof e == "object" ? r(e, i) : o[`--${i.join("-")}`] = e;
     }
   }
   return r(t, []), o;
 }
-const d = i(F), p = i(b);
-function u(t) {
+const g = n(p), m = n(d);
+function D(t) {
   Object.entries(t).forEach(([o, r]) => {
     document.documentElement.style.setProperty(o, r);
   });
 }
 export {
-  p as adminCssVar,
-  d as aplusCssVar,
-  i as generateCssVar,
-  u as setCSSVariables
+  m as adminCssVar,
+  g as aplusCssVar,
+  n as generateCssVar,
+  D as setCSSVariables
 };

package/es/src/config-provider/index.d.ts

@@ -228,6 +228,9 @@ export declare const APConfigProvider: {
                     color: {
                         primary: string;
                     };
+                    scrollbar: {
+                        size: string;
+                    };
                 };
                 'ap-descriptions': {
                     item: {
@@ -374,6 +377,9 @@ export declare const APConfigProvider: {
                 color: {
                     primary: string;
                 };
+                scrollbar: {
+                    size: string;
+                };
             };
             'ap-descriptions': {
                 item: {
@@ -628,6 +634,9 @@ export declare const APConfigProvider: {
                     color: {
                         primary: string;
                     };
+                    scrollbar: {
+                        size: string;
+                    };
                 };
                 'ap-descriptions': {
                     item: {
@@ -774,6 +783,9 @@ export declare const APConfigProvider: {
                 color: {
                     primary: string;
                 };
+                scrollbar: {
+                    size: string;
+                };
             };
             'ap-descriptions': {
                 item: {
@@ -1069,6 +1081,9 @@ export declare const APConfigProvider: {
             color: {
                 primary: string;
             };
+            scrollbar: {
+                size: string;
+            };
         };
         'ap-descriptions': {
             item: {

package/es/src/scroll-bar/index.vue.d.ts

@@ -3,6 +3,7 @@ import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, Compo
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
     scroll: ((percent: number) => void) | undefined;
+    visible: ComputedRef<boolean>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
     disabled: boolean;
     direction: ScrollBarDirection;

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

@@ -1,10 +1,10 @@
-import { defineComponent as z, toRef as g, ref as d, watchEffect as k, unref as c, watch as x, computed as C, openBlock as L, createBlock as _, mergeProps as B, createCommentVNode as R } from "vue";
+import { defineComponent as g, toRef as x, ref as d, watchEffect as _, unref as i, watch as k, computed as p, openBlock as C, createBlock as B, mergeProps as L, createCommentVNode as R } from "vue";
 import "./internal.vue2.mjs";
 import { omit as w } from "lodash-unified";
 import { getScrollable as s, ensureRangeValue as y } from "./utils/index.mjs";
 import { useResizeObserver as E } from "@vueuse/core";
 import N from "./internal.vue.mjs";
-const W = /* @__PURE__ */ z({
+const j = /* @__PURE__ */ g({
   name: "ScrollBar",
   __name: "index",
   props: {
@@ -24,67 +24,68 @@ const W = /* @__PURE__ */ z({
     onScroll: {},
     onScrollEnd: {}
   },
-  setup(p, { expose: S }) {
+  setup(S, { expose: m }) {
     var f;
-    const r = p, o = g(r, "scrollContainer"), l = d(), i = d(r.barLength);
-    function m() {
+    const r = S, o = x(r, "scrollContainer"), l = d(), n = d(r.barLength);
+    function v() {
       if (!o.value || !l.value) return;
-      const { totalSize: e, visibleSize: t, distance: n } = s(
+      const { totalSize: e, visibleSize: t, distance: a } = s(
         o.value,
         r.direction
-      ), a = n / (e + r.extraSize - t || 1) * 100;
-      l.value.scroll(a);
+      ), c = a / (e + r.extraSize - t || 1) * 100;
+      l.value.scroll(c);
     }
     function u() {
       const { visibleSize: e, totalSize: t } = s(
         o.value,
         r.direction
       );
-      i.value = y(
-        Math.min(e / (t + r.extraSize || 1) * 100)
+      n.value = y(
+        e / (t + r.extraSize || 1) * 100
       );
     }
     E(o, () => {
       u();
-    }), k(
+    }), _(
       () => {
-        const e = c(o.value);
-        e && (u(), e.addEventListener("scroll", m));
+        const e = i(o.value);
+        e && (u(), e.addEventListener("scroll", v));
       },
       { flush: "post" }
-    ), x(
+    ), k(
       () => r.barLength,
       (e) => {
-        i.value = e;
+        n.value = e;
       }
     );
-    function h(e) {
-      const t = c(o);
+    function b(e) {
+      const t = i(o);
       if (!t) return;
-      const { totalSize: n, visibleSize: a, topOrLeft: v } = s(
+      const { totalSize: a, visibleSize: c, topOrLeft: h } = s(
         t,
         r.direction
       );
-      if (n <= a) return;
-      const b = `scroll${v}`;
-      t[b] = e * (n + r.extraSize - a) / 100;
+      if (a <= c) return;
+      const z = `scroll${h}`;
+      t[z] = e * (a + r.extraSize - c) / 100;
     }
-    return S({
-      currentScroll: C(() => {
+    return m({
+      currentScroll: p(() => {
         var e;
-        return c((e = l.value) == null ? void 0 : e.currentScroll);
+        return i((e = l.value) == null ? void 0 : e.currentScroll);
       }),
-      scroll: (f = l.value) == null ? void 0 : f.scroll
-    }), (e, t) => e.barLength !== 100 ? (L(), _(N, B({
+      scroll: (f = l.value) == null ? void 0 : f.scroll,
+      visible: p(() => n.value < 100)
+    }), (e, t) => n.value !== 100 ? (C(), B(N, L({
       key: 0,
       ref_key: "barRef",
       ref: l
-    }, c(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
-      "bar-length": i.value,
-      onScroll: h
+    }, i(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
+      "bar-length": n.value,
+      onScroll: b
     }), null, 16, ["bar-length"])) : R("", !0);
   }
 });
 export {
-  W as default
+  j as default
 };

package/es/src/scroll-bar/interface.d.ts

@@ -63,4 +63,6 @@ export interface InternalScrollBarExpose {
     bar: Ref<HTMLElement>;
     scroll: (percent: number) => void;
 }
-export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'>;
+export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'> & {
+    visible?: Ref<boolean>;
+};