@aplus-frontend/ui 7.7.2 → 7.7.4

package/es/src/editable-table/index.vue.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as H, useSlots as $, ref as b, watch as v, unref as s, createBlock as q, openBlock as J, withCtx as p, createVNode as w, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
-import { Table as te } from "@aplus-frontend/antdv";
+import { defineComponent as W, useSlots as H, shallowRef as $, ref as q, watch as b, unref as s, createBlock as J, openBlock as Q, withCtx as p, createVNode as w, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { Table as ae } from "@aplus-frontend/antdv";
 import { ApForm as m } from "../ap-form/index.mjs";
-import { isEqual as ae, isArray as c, isUndefined as ne, isNumber as h, cloneDeep as oe, omit as x } from "lodash-unified";
+import { isEqual as ne, isArray as c, isUndefined as oe, isNumber as h, cloneDeep as le, omit as v } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import "../utils/index.mjs";
-import { scrollToRowIndex as le } from "./utils.mjs";
-import se from "./hooks/use-get-columns.mjs";
-import { useDevWarning as re } from "../utils/warning.mjs";
-import ue from "./style/index.mjs";
-import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as de } from "../hooks/useControllableValue.mjs";
-import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as y } from "../utils/is.mjs";
-const Ve = /* @__PURE__ */ H({
+import { scrollToRowIndex as se } from "./utils.mjs";
+import re from "./hooks/use-get-columns.mjs";
+import { useDevWarning as ue } from "../utils/warning.mjs";
+import ie from "./style/index.mjs";
+import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as fe } from "../hooks/useControllableValue.mjs";
+import { useGlobalConfig as pe } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as x } from "../utils/is.mjs";
+const Se = /* @__PURE__ */ W({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -113,41 +113,41 @@ const Ve = /* @__PURE__ */ H({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(C, {
-    expose: R,
-    emit: F
+  setup(y, {
+    expose: C,
+    emit: R
   }) {
-    const t = C;
-    re("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    const t = y;
+    ue("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
-      b: B
-    } = ie("editable-table"), T = ue("editable-table"), E = $(), V = F, g = b(), {
+      b: F
+    } = de("editable-table"), B = ie("editable-table"), T = H(), E = R, g = $(), {
       value: i,
-      updateValue: S
-    } = de(t, V), r = b(), D = fe("valueTypeMap"), f = m.useWatch(t.name, r);
-    v(() => f.value, (e) => {
-      S(e), t.onChange?.(e);
+      updateValue: V
+    } = fe(t, E), r = q(), S = pe("valueTypeMap"), f = m.useWatch(t.name, r);
+    b(() => f.value, (e) => {
+      V(e), t.onChange?.(e);
     }, {
       deep: !0,
       flush: "post"
-    }), v(i, (e) => {
-      e !== s(f) && (ae(e, s(f)) || r.value?.setFieldValue(t.name, e));
+    }), b(i, (e) => {
+      e !== s(f) && (ne(e, s(f)) || r.value?.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const L = se(t, D);
-    function _() {
+    const D = re(t, S);
+    function L() {
       r.value?.resetFields();
     }
-    function k(e) {
+    function _(e) {
       return e ? (c(e) ? e : [e]).map((n) => c(n) ? [t.name, ...n] : [t.name, n]) : void 0;
     }
-    async function N(e, l) {
-      return (await r.value?.validateFields(k(e), l))?.[t.name];
+    async function k(e, l) {
+      return (await r.value?.validateFields(_(e), l))?.[t.name];
     }
-    function A(e, l) {
+    function N(e, l) {
       const n = s(i)?.length || 0;
-      if (y(t.maxLength) && n >= t.maxLength)
+      if (x(t.maxLength) && n >= t.maxLength)
         return;
       const a = {
         ...e || {}
@@ -157,14 +157,14 @@ const Ve = /* @__PURE__ */ H({
           o[u] = [a];
           return;
         }
-        ne(l) ? o[u].push(a) : o[u].splice(l, 0, a);
+        oe(l) ? o[u].push(a) : o[u].splice(l, 0, a);
       });
     }
-    function I(e, l = "suffix") {
+    function A(e, l = "suffix") {
       const n = s(i)?.length || 0, a = h(e) ? e : e.length;
-      if (y(t.maxLength) && n + a > t.maxLength)
+      if (x(t.maxLength) && n + a > t.maxLength)
         return;
-      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
+      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
       r.value?.setFieldValue?.(t.name, o, !0, (u, d) => {
         if (!u[d]) {
           u[d] = [...o];
@@ -173,28 +173,28 @@ const Ve = /* @__PURE__ */ H({
         l === "suffix" ? u[d].push(...o) : u[d].unshift(...o);
       });
     }
-    function P(e) {
+    function I(e) {
       const l = new Set(h(e) ? [e] : e);
       r.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o, u) => !l.has(u));
       });
     }
-    function z(e) {
+    function P(e) {
       const l = new Set(c(e) ? e : [e]);
       l.size !== 0 && r.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o) => !l.has(o[t.rowKey]));
       });
     }
-    function K() {
+    function z() {
       return s(i);
     }
-    function O(e) {
+    function K(e) {
       r.value?.setFieldValue(t.name, e);
     }
-    function j(e) {
+    function O(e) {
       return s(i)?.[e];
     }
-    function G(e, l, n = !0) {
+    function j(e, l, n = !0) {
       r.value?.setFieldValue?.(t.name, void 0, !0, (a, o) => {
         !a[o] || !a[o][e] || (a[o][e] = {
           ...n ? a[o][e] : {},
@@ -202,27 +202,27 @@ const Ve = /* @__PURE__ */ H({
         });
       });
     }
-    function U(e, l) {
+    function G(e, l) {
       const n = e === "end" ? i.value.length - 1 : e;
-      le(n, g.value?.$el, l);
+      se(n, g.value?.$el, l);
     }
-    function W() {
+    function U() {
       r.value?.setFieldValue?.(t.name, []);
     }
-    return R({
-      resetFields: _,
-      validateFields: N,
-      add: A,
-      remove: P,
-      getRowData: j,
-      getRowsData: K,
-      setRowData: G,
-      addMultiple: I,
-      scrollTo: U,
-      clear: W,
-      setTableData: O,
-      removeByKey: z
-    }), (e, l) => (J(), q(s(m), {
+    return C({
+      resetFields: L,
+      validateFields: k,
+      add: N,
+      remove: I,
+      getRowData: O,
+      getRowsData: z,
+      setRowData: j,
+      addMultiple: A,
+      scrollTo: G,
+      clear: U,
+      setTableData: K,
+      removeByKey: P
+    }), (e, l) => (Q(), J(s(m), {
       ref_key: "formRef",
       ref: r,
       "initial-values": {
@@ -233,17 +233,17 @@ const Ve = /* @__PURE__ */ H({
         name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [w(s(te), Q(s(x)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+        default: p(() => [w(s(ae), X(s(v)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
           ref_key: "tableRef",
           ref: g,
-          class: [s(B)(), s(T)],
-          columns: s(L),
+          class: [s(F)(), s(B)],
+          columns: s(D),
           "data-source": s(i)
-        }), X({
+        }), Y({
           _: 2
-        }, [Y(s(x)(E, ["headerCell"]), (n, a) => ({
+        }, [Z(s(v)(T, ["headerCell"]), (n, a) => ({
           name: a,
-          fn: p((o) => [Z(e.$slots, a, M(ee(o || {})))])
+          fn: p((o) => [M(e.$slots, a, ee(te(o || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -252,5 +252,5 @@ const Ve = /* @__PURE__ */ H({
   }
 });
 export {
-  Ve as default
+  Se as default
 };

package/es/src/editable-table/style/index.mjs

@@ -62,14 +62,14 @@ const n = (a) => {
       }
     }
   };
-}, r = l(
+}, i = l(
   "EditableTable",
   (a) => [n(a)],
-  {
-    editableTableHeaderBg: "#F2F6F9"
-  }
+  (a) => ({
+    editableTableHeaderBg: a.tableHeaderBg
+  })
 );
 export {
-  r as default,
+  i as default,
   n as genEditableTableStyle
 };

package/es/src/index.mjs

@@ -135,31 +135,32 @@ import { NeedNameKeyDefault as pp } from "./business/ap-upload/apUploadTypes.mjs
 import { default as mp } from "./business/ap-upload/apUpload.vue.mjs";
 import { ApDownLoadNeedNameKeyDefault as lp } from "./business/ap-download/interface.mjs";
 import { default as xp } from "./business/ap-download/ap-download.vue.mjs";
-import { default as Ap } from "./business/ap-descriptions/ap-descriptions.vue.mjs";
-import { useTablePaging as ip } from "./ap-table/hooks/use-table-paging.mjs";
-import { default as cp } from "./editable-table/index.vue.mjs";
-import { default as Ip } from "./editable-table/form-item.vue.mjs";
-import { ensureRangeValue as Tp } from "./scroll-bar/utils/index.mjs";
-import { default as bp } from "./scroll-bar/index.vue.mjs";
-import { default as Gp } from "./scroll-bar/internal.vue.mjs";
-import { default as hp } from "./scroll-view/index.vue.mjs";
-import { default as Pp } from "./portal/index.vue.mjs";
-import { default as Np } from "./full-screen/index.vue.mjs";
-import { default as yp } from "./resize-observer/index.vue.mjs";
-import { ROW_SELECTION_FIELD as wp } from "./ap-grid/constants.mjs";
-import { toTreeArray as Bp } from "./ap-grid/utils/to-tree-array.mjs";
-import { default as kp } from "./ap-grid/index.vue.mjs";
-import { default as Up } from "./ap-grid/editable/index.vue.mjs";
-import { default as _p } from "./ap-grid/editable/form-item.vue.mjs";
-import { default as Hp } from "./text/index.vue.mjs";
-import { default as Wp } from "./text/group.vue.mjs";
-import { default as Jp } from "./mask/index.vue.mjs";
-import { default as Xp } from "./ag-grid/index.vue.mjs";
-import { default as Zp } from "./ag-grid/editable/index.vue.mjs";
-import { default as ea } from "./ag-grid/editable/form-item.vue.mjs";
+import { formatString as Ap } from "./business/ap-descriptions/formatter/utils.mjs";
+import { default as ip } from "./business/ap-descriptions/ap-descriptions.vue.mjs";
+import { useTablePaging as cp } from "./ap-table/hooks/use-table-paging.mjs";
+import { default as Ip } from "./editable-table/index.vue.mjs";
+import { default as Tp } from "./editable-table/form-item.vue.mjs";
+import { ensureRangeValue as bp } from "./scroll-bar/utils/index.mjs";
+import { default as Gp } from "./scroll-bar/index.vue.mjs";
+import { default as hp } from "./scroll-bar/internal.vue.mjs";
+import { default as Pp } from "./scroll-view/index.vue.mjs";
+import { default as Np } from "./portal/index.vue.mjs";
+import { default as yp } from "./full-screen/index.vue.mjs";
+import { default as wp } from "./resize-observer/index.vue.mjs";
+import { ROW_SELECTION_FIELD as Bp } from "./ap-grid/constants.mjs";
+import { toTreeArray as kp } from "./ap-grid/utils/to-tree-array.mjs";
+import { default as Up } from "./ap-grid/index.vue.mjs";
+import { default as _p } from "./ap-grid/editable/index.vue.mjs";
+import { default as Hp } from "./ap-grid/editable/form-item.vue.mjs";
+import { default as Wp } from "./text/index.vue.mjs";
+import { default as Jp } from "./text/group.vue.mjs";
+import { default as Xp } from "./mask/index.vue.mjs";
+import { default as Zp } from "./ag-grid/index.vue.mjs";
+import { default as ea } from "./ag-grid/editable/index.vue.mjs";
+import { default as ra } from "./ag-grid/editable/form-item.vue.mjs";
 export {
   I as APConfigProvider,
-  Xp as AgGrid,
+  Zp as AgGrid,
   Jo as ApActionButton,
   Uo as ApActionGroup,
   P as ApActionItem,
@@ -175,7 +176,7 @@ export {
   br as ApCard,
   Xo as ApConfirmButton,
   Et as ApCopy,
-  Ap as ApDescriptions,
+  ip as ApDescriptions,
   lp as ApDownLoadNeedNameKeyDefault,
   xp as ApDownload,
   Ht as ApDraggableGrid,
@@ -224,7 +225,7 @@ export {
   to as ApFormProvider,
   ze as ApFormSearchForm,
   Qe as ApFormSet,
-  kp as ApGrid,
+  Up as ApGrid,
   wr as ApImage,
   Br as ApInputRadio,
   Bt as ApKeepAlive,
@@ -249,8 +250,8 @@ export {
   lr as ApTableModal,
   ep as ApTag,
   rp as ApTagGroup,
-  Hp as ApText,
-  Wp as ApTextGroup,
+  Wp as ApText,
+  Jp as ApTextGroup,
   Xr as ApTitle,
   mr as ApTransformDataHelper,
   mp as ApUpload,
@@ -263,25 +264,25 @@ export {
   Ae as ConfigProvider,
   q as DEFAULT_NAMESPACE,
   J as DEFAULT_UIMODE,
-  Zp as EditableAgGrid,
-  ea as EditableAgGridFormItem,
-  Up as EditableGrid,
-  _p as EditableGridFormItem,
-  cp as EditableTable,
-  Ip as EditableTableFormItem,
-  Np as FullScreen,
+  ea as EditableAgGrid,
+  ra as EditableAgGridFormItem,
+  _p as EditableGrid,
+  Hp as EditableGridFormItem,
+  Ip as EditableTable,
+  Tp as EditableTableFormItem,
+  yp as FullScreen,
   pr as Highlight,
-  Gp as InternalScrollBar,
+  hp as InternalScrollBar,
   O as LoadingBar,
   kt as LruCacher,
-  Jp as Mask,
+  Xp as Mask,
   pp as NeedNameKeyDefault,
-  Pp as Portal,
-  wp as ROW_SELECTION_FIELD,
+  Np as Portal,
+  Bp as ROW_SELECTION_FIELD,
   Zo as Render,
-  yp as ResizeObserver,
-  bp as ScrollBar,
-  hp as ScrollView,
+  wp as ResizeObserver,
+  Gp as ScrollBar,
+  Pp as ScrollView,
   z as Splitter,
   er as TimeAgo,
   D as adminToken,
@@ -293,11 +294,12 @@ export {
   j as configProviderProps,
   yr as convertExportField,
   fe as defaultNamespace,
-  Tp as ensureRangeValue,
+  bp as ensureRangeValue,
   at as flattenColumns,
   wt as forceStopTags,
   mt as formatDataIndex,
   ft as formatNumber,
+  Ap as formatString,
   se as globalConfigCached,
   Nr as handleExportDownload,
   _t as isNameMatches,
@@ -306,7 +308,7 @@ export {
   Vr as locales,
   le as namespaceContextKey,
   Z as provideGlobalConfig,
-  Bp as toTreeArray,
+  kp as toTreeArray,
   pe as translate,
   Jt as useAgGridModal,
   Xt as useAgGridSelectModal,
@@ -319,7 +321,7 @@ export {
   et as usePageListApGrid,
   Zr as usePageListApTable,
   xr as useTableModal,
-  ip as useTablePaging,
+  cp as useTablePaging,
   Ar as useTableSelectModal,
   rr as useTimeAgo
 };

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

@@ -1,5 +1,5 @@
 import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
-import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, ShallowRef, GlobalComponents, GlobalDirectives } from 'vue';
 declare function handleBarScroll(percent: number): void;
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
@@ -16,9 +16,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
         currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         scroll: (percent: number) => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         scroll: number;
@@ -40,9 +40,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
         Defaults: {};
     }, Readonly< InternalScrollBarProps> & Readonly<{}>, {
         currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         scroll: (percent: number) => void;
     }, {}, {}, {}, {
         scroll: number;

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

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

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

@@ -1,11 +1,11 @@
 import { InternalScrollBarProps, ScrollBarDirection } from './interface';
-import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, Ref, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function scroll(percent: number): void;
 declare const _default: DefineComponent<InternalScrollBarProps, {
     currentScroll: Ref<number, number>;
-    container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     scroll: typeof scroll;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InternalScrollBarProps> & Readonly<{}>, {
     scroll: number;

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

@@ -1,10 +1,10 @@
-import { defineComponent as V, ref as f, toRef as p, watch as W, watchEffect as z, unref as o, createElementBlock as A, openBlock as N, normalizeStyle as U, normalizeClass as b, createElementVNode as E } from "vue";
+import { defineComponent as V, shallowRef as h, ref as W, toRef as f, watch as z, watchEffect as A, unref as o, createElementBlock as N, openBlock as U, normalizeStyle as X, normalizeClass as b, createElementVNode as E } from "vue";
 import "../config-provider/index.mjs";
-import { useTrack as X } from "./hooks/use-track.mjs";
+import { useTrack as Y } from "./hooks/use-track.mjs";
 import { ensureRangeValue as L } from "./utils/index.mjs";
-import Y from "./style/index.mjs";
-import { useNamespace as I } from "../config-provider/hooks/use-namespace.mjs";
-const K = /* @__PURE__ */ V({
+import I from "./style/index.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const O = /* @__PURE__ */ V({
   __name: "internal",
   props: {
     direction: { default: "vertical" },
@@ -22,14 +22,14 @@ const K = /* @__PURE__ */ V({
     onScrollEnd: {}
   },
   setup(C, { expose: D }) {
-    const t = C, m = f(), i = f(), l = f(), { b: M, e: k, m: B, em: c, cssVar: P } = I("scroll-bar"), R = Y("scroll-bar"), n = f(t.scroll), { handleMouseDown: v } = X({
+    const t = C, m = h(), i = h(), l = h(), { b: M, e: k, m: R, em: c, cssVar: B } = j("scroll-bar"), P = I("scroll-bar"), n = W(t.scroll), { handleMouseDown: v } = Y({
       currentScroll: n,
       track: i,
       bar: l,
-      type: p(t, "direction"),
-      trackSpeed: p(t, "trackSpeed"),
-      barLength: p(t, "barLength"),
-      disabled: p(t, "disabled"),
+      type: f(t, "direction"),
+      trackSpeed: f(t, "trackSpeed"),
+      barLength: f(t, "barLength"),
+      disabled: f(t, "disabled"),
       onDown: (e) => {
         t.onScrollStart?.(e);
       },
@@ -40,17 +40,17 @@ const K = /* @__PURE__ */ V({
         t.onScroll?.(e);
       }
     });
-    W(
+    z(
       () => t.scroll,
       (e) => {
         n.value = e;
       }
-    ), z(() => {
+    ), A(() => {
       if (!o(l)) return;
       const e = `${(100 - t.barLength) * n.value / t.barLength}%`, r = `${t.barLength}%`;
       t.direction === "vertical" ? (l.value.style.height = r, l.value.style.transform = `translate3d(0, ${e}, 0)`) : (l.value.style.width = r, l.value.style.transform = `translate3d(${e}, 0, 0)`);
     });
-    let h, s, d;
+    let p, s, d;
     function T(e) {
       if (t.disabled || e.button !== 0) return;
       e.preventDefault(), e.stopPropagation();
@@ -59,13 +59,13 @@ const K = /* @__PURE__ */ V({
         return;
       document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
       const u = r.getBoundingClientRect(), y = a.getBoundingClientRect();
-      t.direction === "vertical" ? (h = u.height, s = y.top - u.top, d = e.clientY) : (h = u.width, s = y.left - u.left, d = e.clientX), t.onScrollStart?.(o(n));
+      t.direction === "vertical" ? (p = u.height, s = y.top - u.top, d = e.clientY) : (p = u.width, s = y.left - u.left, d = e.clientX), t.onScrollStart?.(o(n));
     }
     function g(e) {
       e.stopPropagation(), e.preventDefault();
       let r;
       t.direction === "vertical" ? r = s + e.clientY - d : r = s + e.clientX - d;
-      const a = r / h / (100 - t.barLength) * 1e4;
+      const a = r / p / (100 - t.barLength) * 1e4;
       n.value = L(a), t.onScroll?.(o(n));
     }
     function S(e) {
@@ -83,12 +83,12 @@ const K = /* @__PURE__ */ V({
       bar: l,
       track: i,
       scroll: $
-    }), (e, r) => (N(), A("div", {
+    }), (e, r) => (U(), N("div", {
       ref_key: "container",
       ref: m,
-      class: b([o(M)(), o(B)(e.direction), o(R)]),
-      style: U(
-        o(P)(
+      class: b([o(M)(), o(R)(e.direction), o(P)]),
+      style: X(
+        o(B)(
           {
             "bar-color": e.barColor,
             "track-color": e.trackColor,
@@ -126,5 +126,5 @@ const K = /* @__PURE__ */ V({
   }
 });
 export {
-  K as default
+  O as default
 };