@king-one/antdv 1.2.21 → 2.0.0

package/dist/lib/components/pro-user-avatar/src/index.vue2.js

@@ -1 +1,69 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("../../../hooks/use-namespace/index.js"),w=require("ant-design-vue"),B=require("./util.js"),L=require("./load-error.png.js"),S=["data-src","alt"],E={key:1,style:{width:"100%",height:"100%"}},C={key:1},I=["src"],_=e.defineComponent({name:"ProUserAvatar",__name:"index",props:{name:{default:""},avatar:{},size:{default:"default"},round:{default:"50%"},fontSize:{},preview:{type:Boolean,default:!0}},emits:["error"],setup(v,{expose:f,emit:m}){const r=v,g=m,l=z.useNamespace("user-avatar"),i=e.ref(!1),s=e.ref(!1),n=e.ref(null),p=e.ref(!1),t=e.ref(null),u=e.computed(()=>r.name.length>=2?r.name.slice(r.name.length-2):r.name?r.name:"unknown");function h(a){s.value=a}function c(){r.preview&&!i.value&&r.avatar&&(s.value=!0)}function k(a){i.value=!0,g("error",a)}function y(){if(n.value){const a="loading"in HTMLImageElement.prototype,o=n.value.complete||n.value.currentSrc!=="";return p.value=a,console.log("浏览器支持原生懒加载:",a),console.log("图片已开始加载:",o),{hasNativeLazyLoading:a,hasStartedLoading:o}}return{hasNativeLazyLoading:!1,hasStartedLoading:!1}}function b(){if(!("IntersectionObserver"in window)){d();return}t.value=new IntersectionObserver(a=>{a.forEach(o=>{o.isIntersecting&&(d(),t.value&&n.value&&t.value.unobserve(n.value))})},{root:null,rootMargin:"0px",threshold:.5}),n.value&&t.value.observe(n.value)}function d(){if(n.value&&r.avatar){const a=n.value.getAttribute("data-src");a&&(n.value.src=a)}}return e.onMounted(()=>{b()}),e.onBeforeUnmount(()=>{t.value&&(t.value.disconnect(),t.value=null)}),f({handlePreview:c,checkLazyLoading:y}),(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).b(a.size)]),onClick:c},[a.avatar&&!i.value?(e.openBlock(),e.createElementBlock("img",{key:0,ref_key:"imgRef",ref:n,class:e.normalizeClass([e.unref(l).e("img")]),style:e.normalizeStyle({borderRadius:a.round}),"data-src":a.avatar,alt:a.name,onError:k},null,46,S)):(e.openBlock(),e.createElementBlock("div",E,[u.value!=="unknown"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(l).e("name")]),style:e.normalizeStyle({backgroundColor:e.unref(B.getColorFromString)(a.name),borderRadius:a.round,fontSize:`${a.fontSize} !important`})},e.toDisplayString(u.value),7)):(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("img",{src:e.unref(L.default),style:{width:"100%",height:"100%","max-width":"200px","max-height":"200px"},alt:""},null,8,I)]))])),a.avatar&&!i.value&&a.preview?(e.openBlock(),e.createBlock(e.unref(w.Image),{key:2,style:{display:"none"},preview:{visible:s.value,onVisibleChange:h},src:a.avatar},null,8,["preview","src"])):e.createCommentVNode("v-if",!0)],2))}});exports.default=_;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../hooks/use-namespace/index.js");
+const util = require("./util.js");
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProUserAvatar"
+  },
+  __name: "index",
+  props: {
+    name: { default: "未知" },
+    avatar: {},
+    size: { default: "default" }
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("user-avatar");
+    const imgLoadError = vue.ref(false);
+    const nameChars = vue.computed(() => {
+      if (props.name.length >= 2) {
+        return props.name.slice(props.name.length - 2);
+      } else {
+        return props.name ? props.name : "未知";
+      }
+    });
+    function handleError(event) {
+      imgLoadError.value = true;
+      emit("error", event);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).b(_ctx.size)])
+        },
+        [
+          _ctx.avatar && !imgLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            class: vue.normalizeClass([vue.unref(ns).e("img")]),
+            src: _ctx.avatar,
+            alt: _ctx.name,
+            loading: "lazy",
+            decoding: "async",
+            onError: handleError
+          }, null, 42, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: vue.normalizeClass([vue.unref(ns).e("name")]),
+              style: vue.normalizeStyle({
+                backgroundColor: vue.unref(util.getColorFromString)(_ctx.name)
+              })
+            },
+            vue.toDisplayString(nameChars.value),
+            7
+            /* TEXT, CLASS, STYLE */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/pro-user-avatar/src/style/index.js

@@ -1 +1,3 @@
-"use strict";require("../../../base/style/index.js");require("@king-one/antdv/dist/theme-chalk/pro-user-avatar.css");
+"use strict";
+require("../../../base/style/index.js");
+require("@king-one/antdv/dist/theme-chalk/pro-user-avatar.css");

package/dist/lib/components/pro-user-avatar/src/util.js

@@ -1 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t){if(!t)return"#e1e1e1";let e=0;for(let o=0;o<t.length;o++)e=t.charCodeAt(o)+((e<<5)-e);const a=["#3286fa","#f56a00","#7265e6","#ffbf00","#00a2ae","#1890ff","#52c41a","#faad14","#722ed1","#eb2f96","#fa8c16","#13c2c2","#fadb14"],f=Math.abs(e)%a.length;return a[f]}exports.getColorFromString=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getColorFromString(str) {
+  if (!str)
+    return "#e1e1e1";
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const colors = [
+    "#3286fa",
+    "#f56a00",
+    "#7265e6",
+    "#ffbf00",
+    "#00a2ae",
+    "#1890ff",
+    "#52c41a",
+    "#faad14",
+    "#722ed1",
+    "#eb2f96",
+    "#fa8c16",
+    "#13c2c2",
+    "#fadb14"
+  ];
+  const index = Math.abs(hash) % colors.length;
+  return colors[index];
+}
+exports.getColorFromString = getColorFromString;

package/dist/lib/components/scale-virtual-list/component/scale-virtual-list.vue.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./scale-virtual-list.vue2.js");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const scaleVirtualList_vue_vue_type_script_setup_true_lang = require("./scale-virtual-list.vue2.js");
+exports.default = scaleVirtualList_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/components/scale-virtual-list/component/scale-virtual-list.vue2.js

@@ -1 +1,93 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../../hooks/use-namespace/index.js"),g=require("@vueuse/core"),w=require("../hooks/useVirtualList.js"),y=e.defineComponent({__name:"scale-virtual-list",props:{list:{},option:{},itemClassName:{default:`${s.defaultNamespace}-scale-virtual-item`}},emits:["update:state"],setup(n,{expose:o,emit:i}){const a=n,u=i,l=e.ref(null),{width:c}=g.useElementBounding(l),p=e.computed(()=>({width:`${c.value}px`})),{list:d}=e.toRefs(a),{list:m,containerProps:f,wrapperProps:v,scrollTo:k,scaleTo:N,state:B,onUpdate:_}=w.useVirtualList(d,a.option);return o({scrollTo:k,scaleTo:N,state:B}),_(t=>u("update:state",t)),(t,E)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:`${e.unref(s.defaultNamespace)}-scale-virtual-list`},e.unref(f)),[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.defaultNamespace)}-scale-virtual-list-container`),style:e.normalizeStyle(p.value)},[e.createElementVNode("div",e.mergeProps(e.unref(v),{ref_key:"wrapperRef",ref:l,class:`${e.unref(s.defaultNamespace)}-scale-vittual-wrapper`}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),r=>(e.openBlock(),e.createElementBlock("div",{key:r.index,class:e.normalizeClass(t.itemClassName)},[e.renderSlot(t.$slots,"default",{item:r,index:r.index})],2))),128))],16)],6)],16))}});exports.default=y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../hooks/use-namespace/index.js");
+const core = require("@vueuse/core");
+const useVirtualList = require("../hooks/useVirtualList.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "scale-virtual-list",
+  props: {
+    list: {},
+    option: {},
+    itemClassName: { default: `${index.defaultNamespace}-scale-virtual-item` }
+  },
+  emits: ["update:state"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const wrapperRef = vue.ref(null);
+    const { width } = core.useElementBounding(wrapperRef);
+    const containerSty = vue.computed(() => {
+      return {
+        width: `${width.value}px`
+      };
+    });
+    const { list: Items } = vue.toRefs(props);
+    const { list, containerProps, wrapperProps, scrollTo, scaleTo, state, onUpdate } = useVirtualList.useVirtualList(Items, props.option);
+    __expose({
+      scrollTo,
+      scaleTo,
+      state
+    });
+    onUpdate((value) => emit("update:state", value));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        vue.mergeProps({
+          class: `${vue.unref(index.defaultNamespace)}-scale-virtual-list`
+        }, vue.unref(containerProps)),
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(`${vue.unref(index.defaultNamespace)}-scale-virtual-list-container`),
+              style: vue.normalizeStyle(containerSty.value)
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                vue.mergeProps(vue.unref(wrapperProps), {
+                  ref_key: "wrapperRef",
+                  ref: wrapperRef,
+                  class: `${vue.unref(index.defaultNamespace)}-scale-vittual-wrapper`
+                }),
+                [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(vue.unref(list), (item) => {
+                      return vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: item.index,
+                          class: vue.normalizeClass(_ctx.itemClassName)
+                        },
+                        [
+                          vue.renderSlot(_ctx.$slots, "default", {
+                            item,
+                            index: item.index
+                          })
+                        ],
+                        2
+                        /* CLASS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                16
+                /* FULL_PROPS */
+              )
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/lib/components/scale-virtual-list/hooks/useVirtualList.js

@@ -1 +1,220 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("@vueuse/shared"),f=require("vue"),G=require("@vueuse/core");function S(r,t){const{containerStyle:a,wrapperProps:c,scrollTo:n,calculateRange:e,currentList:o,containerRef:l,scaleTo:u,state:s,onUpdate:v}="itemHeight"in t?F(t,r):_(t,r);return{onUpdate:v,state:s,scaleTo:u,list:o,scrollTo:n,containerProps:{ref:l,onScroll:()=>{e()},style:a},wrapperProps:c}}function $(r){const t=f.ref(null),a=G.useElementSize(t),c=f.ref([]),n=f.shallowRef(r);return{state:f.ref({start:0,end:10,current:0,scale:1}),source:n,currentList:c,size:a,containerRef:t}}function P(r,t,a){return c=>{const{start:n=0,scale:e=1}=r.value;if(typeof a=="number")return Math.ceil(c/(a*e));let o=0,l=0;for(let u=n;u<t.value.length;u++){const s=a(u)*e;if(o+=s,l=u,o>c)break}return l-n}}function k(r,t,a){return c=>{const{scale:n=1}=a.value;if(typeof t=="number")return Math.floor(c/(t*n))+1;let e=0,o=0;for(let l=0;l<r.value.length;l++){const u=t(l)*n;if(e+=u,e>c){o=l;break}}return o+1}}function x(r,t,a,c,{containerRef:n,state:e,currentList:o,source:l},u){return()=>{const s=n.value;if(s){const v=a(r==="vertical"?Math.ceil(s.scrollTop)+1:Math.ceil(s.scrollLeft)),i=c(r==="vertical"?s.clientHeight:s.clientWidth),g=v-t,h=v+i+t;e.value={start:g<0?0:g,end:h>l.value.length?l.value.length:h,current:v-1,scale:e.value.scale},o.value=l.value.slice(e.value.start,e.value.end).map((d,p)=>({data:d,index:p+e.value.start})),u(e.value)}}}function z(r,t,a){return c=>{const{scale:n=1}=a.value;if(typeof r=="number"){const o=c*(r*n);return Math.ceil(o)}const e=t.value.slice(0,c).reduce((o,l,u)=>o+r(u)*n,0);return Math.ceil(e)}}function E(r,t,a,c){f.watch([r.width,r.height,t,a],()=>{c()})}function W(r,t,a){return f.computed(()=>{const{scale:c=1}=a.value;return typeof r=="number"?t.value.length*r*c:t.value.reduce((n,e,o)=>n+r(o)*c,0)})}const U={horizontal:"scrollLeft",vertical:"scrollTop"};function q(r,t,a,c){return n=>{if(c.value){if(n<0)return;c.value[U[r]]=a(n),t()}}}function _(r,t){const{on:a,trigger:c}=O.createEventHook(),n=$(t),{state:e,source:o,currentList:l,size:u,containerRef:s}=n,v={overflowX:"auto"},{itemWidth:i,overscan:g=5}=r,h=P(e,o,i),d=k(o,i,e),p=x("horizontal",g,d,h,n,c),m=z(i,o,e),y=f.computed(()=>m(e.value.start)),b=W(i,o,e);E(u,t,s,p);const R=q("horizontal",p,m,s),V=T=>{e.value.scale=T},H=f.computed(()=>({style:{height:"100%",width:`${b.value-y.value}px`,marginLeft:`${y.value}px`,display:"flex",transform:`scale(${e.value.scale})`,transformOrigin:"0% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,scrollTo:R,calculateRange:p,wrapperProps:H,containerStyle:v,currentList:l,containerRef:s}}function F(r,t){const{on:a,trigger:c}=O.createEventHook(),n=$(t),{state:e,source:o,currentList:l,size:u,containerRef:s}=n,v={overflowY:"auto"},{itemHeight:i,overscan:g=5}=r,h=P(e,o,i),d=k(o,i,e),p=x("vertical",g,d,h,n,c),m=z(i,o,e),y=f.computed(()=>m(e.value.start)),b=W(i,o,e);E(u,t,s,p);const R=q("vertical",p,m,s),V=T=>{const L=s.value;if(L){const{current:M}=e.value;let w=0;typeof i=="number"?w=M*(T*i-e.value.scale*i):w=o.value.slice(0,M).reduce((D,X,C)=>D+T*i(C)-e.value.scale*i(C),0),L.scrollTop=L.scrollTop+w>=0?L.scrollTop+w:0,e.value.scale=T}},H=f.computed(()=>({style:{height:`${b.value-y.value}px`,marginTop:`${y.value}px`,transform:`translateX(-50%) scale(${e.value.scale})`,transformOrigin:"50% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,calculateRange:p,scrollTo:R,containerStyle:v,wrapperProps:H,currentList:l,containerRef:s}}exports.useVirtualList=S;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const shared = require("@vueuse/shared");
+const vue = require("vue");
+const core = require("@vueuse/core");
+function useVirtualList(list, options) {
+  const { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef, scaleTo, state, onUpdate } = "itemHeight" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);
+  return {
+    onUpdate,
+    state,
+    scaleTo,
+    list: currentList,
+    scrollTo,
+    containerProps: {
+      ref: containerRef,
+      onScroll: () => {
+        calculateRange();
+      },
+      style: containerStyle
+    },
+    wrapperProps
+  };
+}
+function useVirtualListResources(list) {
+  const containerRef = vue.ref(null);
+  const size = core.useElementSize(containerRef);
+  const currentList = vue.ref([]);
+  const source = vue.shallowRef(list);
+  const state = vue.ref({ start: 0, end: 10, current: 0, scale: 1 });
+  return { state, source, currentList, size, containerRef };
+}
+function createGetViewCapacity(state, source, itemSize) {
+  return (containerSize) => {
+    const { start = 0, scale = 1 } = state.value;
+    if (typeof itemSize === "number")
+      return Math.ceil(containerSize / (itemSize * scale));
+    let sum = 0;
+    let capacity = 0;
+    for (let i = start; i < source.value.length; i++) {
+      const size = itemSize(i) * scale;
+      sum += size;
+      capacity = i;
+      if (sum > containerSize)
+        break;
+    }
+    return capacity - start;
+  };
+}
+function createGetOffset(source, itemSize, state) {
+  return (scrollDirection) => {
+    const { scale = 1 } = state.value;
+    if (typeof itemSize === "number")
+      return Math.floor(scrollDirection / (itemSize * scale)) + 1;
+    let sum = 0;
+    let offset = 0;
+    for (let i = 0; i < source.value.length; i++) {
+      const size = itemSize(i) * scale;
+      sum += size;
+      if (sum > scrollDirection) {
+        offset = i;
+        break;
+      }
+    }
+    return offset + 1;
+  };
+}
+function createCalculateRange(type, overscan, getOffset, getViewCapacity, { containerRef, state, currentList, source }, updateTrigger) {
+  return () => {
+    const element = containerRef.value;
+    if (element) {
+      const offset = getOffset(type === "vertical" ? Math.ceil(element.scrollTop) + 1 : Math.ceil(element.scrollLeft));
+      const viewCapacity = getViewCapacity(type === "vertical" ? element.clientHeight : element.clientWidth);
+      const from = offset - overscan;
+      const to = offset + viewCapacity + overscan;
+      state.value = {
+        start: from < 0 ? 0 : from,
+        end: to > source.value.length ? source.value.length : to,
+        current: offset - 1,
+        scale: state.value.scale
+      };
+      currentList.value = source.value.slice(state.value.start, state.value.end).map((ele, index) => ({
+        data: ele,
+        index: index + state.value.start
+      }));
+      updateTrigger(state.value);
+    }
+  };
+}
+function createGetDistance(itemSize, source, state) {
+  return (index) => {
+    const { scale = 1 } = state.value;
+    if (typeof itemSize === "number") {
+      const size2 = index * (itemSize * scale);
+      return Math.ceil(size2);
+    }
+    const size = source.value.slice(0, index).reduce((sum, _, i) => sum + itemSize(i) * scale, 0);
+    return Math.ceil(size);
+  };
+}
+function useWatchForSizes(size, list, containerRef, calculateRange) {
+  vue.watch([size.width, size.height, list, containerRef], () => {
+    calculateRange();
+  });
+}
+function createComputedTotalSize(itemSize, source, state) {
+  return vue.computed(() => {
+    const { scale = 1 } = state.value;
+    if (typeof itemSize === "number")
+      return source.value.length * itemSize * scale;
+    return source.value.reduce((sum, _, index) => sum + itemSize(index) * scale, 0);
+  });
+}
+const scrollToDictionaryForElementScrollKey = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function createScrollTo(type, calculateRange, getDistance, containerRef) {
+  return (index) => {
+    if (containerRef.value) {
+      if (index < 0)
+        return;
+      containerRef.value[scrollToDictionaryForElementScrollKey[type]] = getDistance(index);
+      calculateRange();
+    }
+  };
+}
+function useHorizontalVirtualList(options, list) {
+  const { on: onUpdate, trigger: updateTrigger } = shared.createEventHook();
+  const resources = useVirtualListResources(list);
+  const { state, source, currentList, size, containerRef } = resources;
+  const containerStyle = { overflowX: "auto" };
+  const { itemWidth, overscan = 5 } = options;
+  const getViewCapacity = createGetViewCapacity(state, source, itemWidth);
+  const getOffset = createGetOffset(source, itemWidth, state);
+  const calculateRange = createCalculateRange("horizontal", overscan, getOffset, getViewCapacity, resources, updateTrigger);
+  const getDistanceLeft = createGetDistance(itemWidth, source, state);
+  const offsetLeft = vue.computed(() => getDistanceLeft(state.value.start));
+  const totalWidth = createComputedTotalSize(itemWidth, source, state);
+  useWatchForSizes(size, list, containerRef, calculateRange);
+  const scrollTo = createScrollTo("horizontal", calculateRange, getDistanceLeft, containerRef);
+  const scaleTo = (s) => {
+    state.value.scale = s;
+  };
+  const wrapperProps = vue.computed(() => {
+    return {
+      style: {
+        height: "100%",
+        width: `${totalWidth.value - offsetLeft.value}px`,
+        marginLeft: `${offsetLeft.value}px`,
+        display: "flex",
+        transform: `scale(${state.value.scale})`,
+        transformOrigin: "0% 0%"
+        // position: 'absolute',
+        // left: '50%'
+      }
+    };
+  });
+  return {
+    onUpdate,
+    state,
+    scaleTo,
+    scrollTo,
+    calculateRange,
+    wrapperProps,
+    containerStyle,
+    currentList,
+    containerRef
+  };
+}
+function useVerticalVirtualList(options, list) {
+  const { on: onUpdate, trigger: updateTrigger } = shared.createEventHook();
+  const resources = useVirtualListResources(list);
+  const { state, source, currentList, size, containerRef } = resources;
+  const containerStyle = { overflowY: "auto" };
+  const { itemHeight, overscan = 5 } = options;
+  const getViewCapacity = createGetViewCapacity(state, source, itemHeight);
+  const getOffset = createGetOffset(source, itemHeight, state);
+  const calculateRange = createCalculateRange("vertical", overscan, getOffset, getViewCapacity, resources, updateTrigger);
+  const getDistanceTop = createGetDistance(itemHeight, source, state);
+  const offsetTop = vue.computed(() => getDistanceTop(state.value.start));
+  const totalHeight = createComputedTotalSize(itemHeight, source, state);
+  useWatchForSizes(size, list, containerRef, calculateRange);
+  const scrollTo = createScrollTo("vertical", calculateRange, getDistanceTop, containerRef);
+  const scaleTo = (s) => {
+    const element = containerRef.value;
+    if (element) {
+      const { current } = state.value;
+      let offsetScroll = 0;
+      if (typeof itemHeight === "number") {
+        offsetScroll = current * (s * itemHeight - state.value.scale * itemHeight);
+      } else {
+        offsetScroll = source.value.slice(0, current).reduce((sum, _, i) => sum + s * itemHeight(i) - state.value.scale * itemHeight(i), 0);
+      }
+      element.scrollTop = element.scrollTop + offsetScroll >= 0 ? element.scrollTop + offsetScroll : 0;
+      state.value.scale = s;
+    }
+  };
+  const wrapperProps = vue.computed(() => {
+    return {
+      style: {
+        height: `${totalHeight.value - offsetTop.value}px`,
+        marginTop: `${offsetTop.value}px`,
+        transform: `translateX(-50%) scale(${state.value.scale})`,
+        transformOrigin: "50% 0%"
+      }
+    };
+  });
+  return {
+    onUpdate,
+    state,
+    scaleTo,
+    calculateRange,
+    scrollTo,
+    containerStyle,
+    wrapperProps,
+    currentList,
+    containerRef
+  };
+}
+exports.useVirtualList = useVirtualList;

package/dist/lib/components/scale-virtual-list/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../utils/install.js");require("./component/scale-virtual-list.vue.js");require("./style/index.js");require("./component/types.js");const r=require("./component/scale-virtual-list.vue2.js"),e=t.withInstall(r.default);exports.KScaleVirtualList=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../utils/install.js");
+require("./component/scale-virtual-list.vue.js");
+require("./style/index.js");
+require("./component/types.js");
+const scaleVirtualList_vue_vue_type_script_setup_true_lang = require("./component/scale-virtual-list.vue2.js");
+const KScaleVirtualList = install.withInstall(scaleVirtualList_vue_vue_type_script_setup_true_lang.default);
+exports.KScaleVirtualList = KScaleVirtualList;
+exports.default = KScaleVirtualList;

package/dist/lib/components/scale-virtual-list/style/index.js

@@ -1 +1,3 @@
-"use strict";require("../../base/style/index.js");require("@king-one/antdv/dist/theme-chalk/scale-virtual-list.css");
+"use strict";
+require("../../base/style/index.js");
+require("@king-one/antdv/dist/theme-chalk/scale-virtual-list.css");

package/dist/lib/components/scroll-bar/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../utils/install.js"),l=require("./src/scroll-bar.js");require("./style/index.js");const t=require("./src/types.js"),r=e.withInstall(l.default);exports.scrollbarProps=t.scrollbarProps;exports.KScrollBar=r;exports.default=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../utils/install.js");
+const scrollBar = require("./src/scroll-bar.js");
+require("./style/index.js");
+const types = require("./src/types.js");
+const KScrollBar = install.withInstall(scrollBar.default);
+exports.scrollbarProps = types.scrollbarProps;
+exports.KScrollBar = KScrollBar;
+exports.default = KScrollBar;