@aplus-frontend/ui 7.7.3 → 7.7.5

package/lib/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/lib/src/scroll-bar/internal.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),S=require("./utils/index.js"),P=require("./style/index.js"),$=require("../config-provider/hooks/use-namespace.js"),q=r.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(w,{expose:y}){const t=w,p=r.ref(),c=r.ref(),l=r.ref(),{b:E,e:h,m:L,em:i,cssVar:C}=$.useNamespace("scroll-bar"),R=P.default("scroll-bar"),o=r.ref(t.scroll),{handleMouseDown:b}=T.useTrack({currentScroll:o,track:c,bar:l,type:r.toRef(t,"direction"),trackSpeed:r.toRef(t,"trackSpeed"),barLength:r.toRef(t,"barLength"),disabled:r.toRef(t,"disabled"),onDown:e=>{t.onScrollStart?.(e)},onUp:e=>{t.onScrollEnd?.(e)},onScroll:e=>{t.onScroll?.(e)}});r.watch(()=>t.scroll,e=>{o.value=e}),r.watchEffect(()=>{if(!r.unref(l))return;const e=`${(100-t.barLength)*o.value/t.barLength}%`,n=`${t.barLength}%`;t.direction==="vertical"?(l.value.style.height=n,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=n,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,s,u;function M(e){if(t.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const n=r.unref(c),a=r.unref(l);if(!n||!a)return;document.addEventListener("pointermove",k),document.addEventListener("pointerup",v);const d=n.getBoundingClientRect(),g=a.getBoundingClientRect();t.direction==="vertical"?(f=d.height,s=g.top-d.top,u=e.clientY):(f=d.width,s=g.left-d.left,u=e.clientX),t.onScrollStart?.(r.unref(o))}function k(e){e.stopPropagation(),e.preventDefault();let n;t.direction==="vertical"?n=s+e.clientY-u:n=s+e.clientX-u;const a=n/f/(100-t.barLength)*1e4;o.value=S.ensureRangeValue(a),t.onScroll?.(r.unref(o))}function v(e){e.preventDefault(),document.removeEventListener("pointermove",k),document.removeEventListener("pointerup",v),t.onScrollEnd?.(r.unref(o))}function m(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){Math.abs(r.unref(o)-e)<=.001||(o.value=S.ensureRangeValue(e))}return y({currentScroll:o,container:p,bar:l,track:c,scroll:D}),(e,n)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"container",ref:p,class:r.normalizeClass([r.unref(E)(),r.unref(L)(e.direction),r.unref(R)]),style:r.normalizeStyle(r.unref(C)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0},!1))},[r.createElementVNode("div",{ref_key:"track",ref:c,class:r.normalizeClass([r.unref(h)("track"),e.disabled?r.unref(i)("track","disabled"):null,e.showTrack?null:r.unref(i)("track","hidden")]),onPointerdown:n[0]||(n[0]=(...a)=>r.unref(b)&&r.unref(b)(...a)),onTouchstart:m},null,34),r.createElementVNode("div",{ref_key:"bar",ref:l,class:r.normalizeClass([r.unref(h)("bar"),r.unref(i)("bar",e.direction),e.disabled?r.unref(i)("bar","disabled"):null]),onPointerdown:M,onTouchstart:m},null,34)],6))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),w=require("./utils/index.js"),P=require("./style/index.js"),$=require("../config-provider/hooks/use-namespace.js"),q=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(S,{expose:y}){const r=S,h=t.shallowRef(),s=t.shallowRef(),l=t.shallowRef(),{b:R,e:p,m:E,em:c,cssVar:L}=$.useNamespace("scroll-bar"),C=P.default("scroll-bar"),o=t.ref(r.scroll),{handleMouseDown:b}=T.useTrack({currentScroll:o,track:s,bar:l,type:t.toRef(r,"direction"),trackSpeed:t.toRef(r,"trackSpeed"),barLength:t.toRef(r,"barLength"),disabled:t.toRef(r,"disabled"),onDown:e=>{r.onScrollStart?.(e)},onUp:e=>{r.onScrollEnd?.(e)},onScroll:e=>{r.onScroll?.(e)}});t.watch(()=>r.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-r.barLength)*o.value/r.barLength}%`,n=`${r.barLength}%`;r.direction==="vertical"?(l.value.style.height=n,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=n,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,i,u;function M(e){if(r.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const n=t.unref(s),a=t.unref(l);if(!n||!a)return;document.addEventListener("pointermove",k),document.addEventListener("pointerup",v);const d=n.getBoundingClientRect(),g=a.getBoundingClientRect();r.direction==="vertical"?(f=d.height,i=g.top-d.top,u=e.clientY):(f=d.width,i=g.left-d.left,u=e.clientX),r.onScrollStart?.(t.unref(o))}function k(e){e.stopPropagation(),e.preventDefault();let n;r.direction==="vertical"?n=i+e.clientY-u:n=i+e.clientX-u;const a=n/f/(100-r.barLength)*1e4;o.value=w.ensureRangeValue(a),r.onScroll?.(t.unref(o))}function v(e){e.preventDefault(),document.removeEventListener("pointermove",k),document.removeEventListener("pointerup",v),r.onScrollEnd?.(t.unref(o))}function m(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){Math.abs(t.unref(o)-e)<=.001||(o.value=w.ensureRangeValue(e))}return y({currentScroll:o,container:h,bar:l,track:s,scroll:D}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(R)(),t.unref(E)(e.direction),t.unref(C)]),style:t.normalizeStyle(t.unref(L)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0},!1))},[t.createElementVNode("div",{ref_key:"track",ref:s,class:t.normalizeClass([t.unref(p)("track"),e.disabled?t.unref(c)("track","disabled"):null,e.showTrack?null:t.unref(c)("track","hidden")]),onPointerdown:n[0]||(n[0]=(...a)=>t.unref(b)&&t.unref(b)(...a)),onTouchstart:m},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(p)("bar"),t.unref(c)("bar",e.direction),e.disabled?t.unref(c)("bar","disabled"):null]),onPointerdown:M,onTouchstart:m},null,34)],6))}});exports.default=q;

package/lib/src/scroll-view/hooks/use-scroll-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { InternalScrollBarExpose } from '../../scroll-bar';
-import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
 declare const useScrollWrapper: () => {
     maxScrollDistance: {
         x: number;
@@ -9,11 +9,11 @@ declare const useScrollWrapper: () => {
         x: number;
         y: number;
     };
-    xBarRef: Ref<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
-    yBarRef: Ref<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
+    xBarRef: ShallowRef<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
+    yBarRef: ShallowRef<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
     scrollYBar: () => void;
     scrollXBar: () => void;
-    containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    containerRef: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     updateMaxScrollDistance: () => void;
 };
 export default useScrollWrapper;

package/lib/src/scroll-view/hooks/use-scroll-wrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../scroll-bar/utils/index.js"),l=require("vue"),z=()=>{const e=l.ref(),a=l.reactive({x:0,y:0}),i=l.reactive({x:0,y:0}),n=l.ref(),s=l.ref();l.watch(()=>e.value,()=>{u()});function u(){const t=l.unref(e);if(!t)return;const{visibleSize:r,totalSize:o}=c.getScrollable(t,"horizontal"),{visibleSize:S,totalSize:b}=c.getScrollable(t,"vertical");a.x=o-r,a.y=b-S}function v(){if(!e.value)return;const{totalSize:t,visibleSize:r}=c.getScrollable(e.value,"vertical"),o=i.y/(t-r||1)*100;s.value?.scroll(o)}function f(){if(!e.value)return;const{totalSize:t,visibleSize:r}=c.getScrollable(e.value,"horizontal"),o=i.x/(t-r||1)*100;n.value?.scroll(o)}return{maxScrollDistance:a,scrollOffset:i,xBarRef:n,yBarRef:s,scrollYBar:v,scrollXBar:f,containerRef:e,updateMaxScrollDistance:u}};exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../scroll-bar/utils/index.js"),t=require("vue"),z=()=>{const e=t.shallowRef(),a=t.reactive({x:0,y:0}),i=t.reactive({x:0,y:0}),n=t.shallowRef(),s=t.shallowRef();t.watch(()=>e.value,()=>{u()});function u(){const l=t.unref(e);if(!l)return;const{visibleSize:o,totalSize:r}=c.getScrollable(l,"horizontal"),{visibleSize:S,totalSize:b}=c.getScrollable(l,"vertical");a.x=r-o,a.y=b-S}function v(){if(!e.value)return;const{totalSize:l,visibleSize:o}=c.getScrollable(e.value,"vertical"),r=i.y/(l-o||1)*100;s.value?.scroll(r)}function f(){if(!e.value)return;const{totalSize:l,visibleSize:o}=c.getScrollable(e.value,"horizontal"),r=i.x/(l-o||1)*100;n.value?.scroll(r)}return{maxScrollDistance:a,scrollOffset:i,xBarRef:n,yBarRef:s,scrollYBar:v,scrollXBar:f,containerRef:e,updateMaxScrollDistance:u}};exports.default=z;

package/lib/src/scroll-view/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ScrollOptions, ScrollViewProps } from './interface';
 import { ScrollBarDirection, InternalScrollBarProps } from '../scroll-bar';
-import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ComputedRef } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, Ref, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, ComputedRef } from 'vue';
 declare function scroll(x?: number, y?: number): void;
 declare function scrollTo({ smooth, left, top }: ScrollOptions): void;
 declare function scrollIntoView(element: HTMLElement, position?: 'start' | 'center' | 'end'): void;
@@ -14,9 +14,9 @@ declare function __VLS_template(): {
         contentRef: HTMLDivElement;
         yBarRef: 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;
@@ -38,9 +38,9 @@ declare function __VLS_template(): {
             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;
@@ -52,9 +52,9 @@ declare function __VLS_template(): {
         }> | null;
         xBarRef: 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;
@@ -76,9 +76,9 @@ declare function __VLS_template(): {
             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;
@@ -130,9 +130,9 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
     contentRef: HTMLDivElement;
     yBarRef: 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;
@@ -154,9 +154,9 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         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;
@@ -168,9 +168,9 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
     }> | null;
     xBarRef: 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;
@@ -192,9 +192,9 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         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/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.7.3";
+declare const _default: "7.7.5";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.3";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.7.5";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.7.3",
+  "version": "7.7.5",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -43,16 +43,16 @@
     "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.2.20",
+    "@aplus-frontend/antdv": "^1.2.22",
     "@aplus-frontend/icon": "^2.0.4",
-    "@aplus-frontend/oss": "^1.1.2",
+    "@aplus-frontend/oss": "^1.1.9",
     "vue": "^3.5.21",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.2.20",
+    "@aplus-frontend/antdv": "^1.2.22",
     "@aplus-frontend/icon": "^2.0.4",
-    "@aplus-frontend/oss": "^1.1.2",
+    "@aplus-frontend/oss": "^1.1.9",
     "@emotion/serialize": "^1.3.3",
     "@types/sortablejs": "^1.15.8",
     "@vue/test-utils": "^2.4.6",