@king-one/antdv 1.0.22 → 1.0.24

package/dist/lib/components/form/component/form.vue2.js

@@ -1,30 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var form = require('./form.js');
-
-const _hoisted_1 = { class: "king-form" };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(
-  "div",
-  null,
-  "\u4F1F\u5927\u7684\u597D\u6B4C",
-  -1
-  /* HOISTED */
-);
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "form",
-  props: form.formType,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("form", _hoisted_1, [
-        _hoisted_2,
-        vue.renderSlot(_ctx.$slots, "default")
-      ]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
-//# sourceMappingURL=form.vue2.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./form.js"),r={class:"king-form"},n=e.createElementVNode("div",null,"伟大的好歌",-1),s=e.defineComponent({__name:"form",props:t.formType,setup(l){return(o,c)=>(e.openBlock(),e.createElementBlock("form",r,[n,e.renderSlot(o.$slots,"default")]))}});exports.default=s;

package/dist/lib/components/form/index.js

@@ -1,15 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var install = require('../utils/install.js');
-require('./component/form.vue.js');
-var form = require('./component/form.js');
-var form_vue_vue_type_script_setup_true_lang = require('./component/form.vue2.js');
-
-const KForm = install.withInstall(form_vue_vue_type_script_setup_true_lang.default);
-
-exports.formType = form.formType;
-exports.KForm = KForm;
-exports.default = KForm;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/install.js");require("./component/form.vue.js");const t=require("./component/form.js"),u=require("./component/form.vue2.js"),e=r.withInstall(u.default);exports.formType=t.formType;exports.KForm=e;exports.default=e;

package/dist/lib/components/index.js

@@ -1,25 +1 @@
-'use strict';
-
-var index = require('./form/index.js');
-var index$1 = require('./virtual-list/index.js');
-var index$2 = require('./collapse-transtion/index.js');
-var index$3 = require('./pro-dialog/index.js');
-var form = require('./form/component/form.js');
-var types = require('./virtual-list/src/types.js');
-var types$1 = require('./collapse-transtion/src/types.js');
-var useProDialog = require('./pro-dialog/hooks/useProDialog.js');
-var types$2 = require('./pro-dialog/src/types.js');
-
-
-
-exports.KForm = index.KForm;
-exports.KVirtualList = index$1.KVirtualList;
-exports.KCollapseTranstion = index$2.KCollapseTranstion;
-exports.KProDialog = index$3.KProDialog;
-exports.formType = form.formType;
-exports.virtualListProps = types.virtualListProps;
-exports.collapseProps = types$1.collapseProps;
-exports.useProDialog = useProDialog.useProDialog;
-exports.useProDialogInit = useProDialog.useProDialogInit;
-exports.ProDialogProps = types$2.ProDialogProps;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./form/index.js"),e=require("./virtual-list/index.js"),i=require("./collapse-transtion/index.js"),o=require("./pro-dialog/index.js"),t=require("./scroll-bar/index.js"),l=require("./scale-virtual-list/index.js");exports.KForm=r.KForm;exports.KVirtualList=e.KVirtualList;exports.KCollapseTranstion=i.KCollapseTranstion;exports.KProDialog=o.KProDialog;exports.KScrollBar=t.KScrollBar;exports.KScaleVirtualList=l.KScaleVirtualList;

package/dist/lib/components/pro-dialog/hooks/useProDialog.js

@@ -1,52 +1 @@
-'use strict';
-
-var vue = require('vue');
-
-function useProDialog() {
-  const dialogVisible = vue.ref(false);
-  const openDialog = () => {
-    dialogVisible.value = true;
-  };
-  const closeDialog = () => {
-    dialogVisible.value = false;
-  };
-  const dialogMethods = {
-    openDialog,
-    closeDialog
-  };
-  const instance = vue.getCurrentInstance();
-  if (instance) {
-    instance.emit("init", dialogMethods);
-  }
-  return { dialogVisible, openDialog, closeDialog };
-}
-function useProDialogInit() {
-  const modalRef = vue.ref(null);
-  const getInstance = () => {
-    const instance = vue.unref(modalRef.value);
-    if (!instance) {
-      console.error("useModal instance is undefined!");
-    }
-    return instance;
-  };
-  const initDialog = (modalInstance) => {
-    vue.onBeforeUnmount(() => {
-    });
-    modalRef.value = modalInstance;
-  };
-  const methods = {
-    openDialog: () => {
-      var _a;
-      (_a = getInstance()) == null ? void 0 : _a.openDialog();
-    },
-    closeDialog: () => {
-      var _a;
-      return (_a = getInstance()) == null ? void 0 : _a.closeDialog();
-    }
-  };
-  return [initDialog, methods];
-}
-
-exports.useProDialog = useProDialog;
-exports.useProDialogInit = useProDialogInit;
-//# sourceMappingURL=useProDialog.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function l(){const o=t.ref(!1),n=()=>{o.value=!0},i=()=>{o.value=!1},s={openDialog:n,closeDialog:i},e=t.getCurrentInstance();return e&&e.emit("init",s),{dialogVisible:o,openDialog:n,closeDialog:i}}function a(){const o=t.ref(null),n=()=>{const e=t.unref(o.value);return e||console.error("useModal instance is undefined!"),e};return[e=>{o.value=e},{openDialog:()=>{var e;(e=n())==null||e.openDialog()},closeDialog:()=>{var e;return(e=n())==null?void 0:e.closeDialog()}}]}exports.useProDialog=l;exports.useProDialogInit=a;

package/dist/lib/components/pro-dialog/index.js

@@ -1,19 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var install = require('../utils/install.js');
-require('./src/pro-dialog.vue.js');
-require('./style/index.js');
-var useProDialog = require('./hooks/useProDialog.js');
-var types = require('./src/types.js');
-var proDialog_vue_vue_type_script_setup_true_lang = require('./src/pro-dialog.vue2.js');
-
-const KProDialog = install.withInstall(proDialog_vue_vue_type_script_setup_true_lang.default);
-
-exports.useProDialog = useProDialog.useProDialog;
-exports.useProDialogInit = useProDialog.useProDialogInit;
-exports.ProDialogProps = types.ProDialogProps;
-exports.KProDialog = KProDialog;
-exports.default = KProDialog;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/install.js");require("./src/pro-dialog.vue.js");const o=require("./hooks/useProDialog.js"),r=require("./src/types.js"),i=require("./src/pro-dialog.vue2.js"),t=e.withInstall(i.default);exports.useProDialog=o.useProDialog;exports.useProDialogInit=o.useProDialogInit;exports.proDialogProps=r.proDialogProps;exports.KProDialog=t;

package/dist/lib/components/pro-dialog/src/pro-dialog.vue.js

@@ -1,10 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var proDialog_vue_vue_type_script_setup_true_lang = require('./pro-dialog.vue2.js');
-
-
-
-exports.default = proDialog_vue_vue_type_script_setup_true_lang.default;
-//# sourceMappingURL=pro-dialog.vue.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./pro-dialog.vue2.js");exports.default=e.default;

package/dist/lib/components/pro-dialog/src/pro-dialog.vue2.js

@@ -1,42 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../../hooks/use-namespace/index.js');
-var antDesignVue = require('ant-design-vue');
-var types = require('./types.js');
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "ProDialog"
-  },
-  __name: "pro-dialog",
-  props: types.ProDialogProps,
-  emits: ["onConfirm", "onCancel", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const model = vue.useModel(props, "modelValue");
-    const handleClick = () => emits("onConfirm");
-    const handleCancel = () => emits("onCancel");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Modal), {
-        open: vue.unref(model),
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => vue.isRef(model) ? model.value = $event : null),
-        "wrap-class-name": `${vue.unref(index.defaultNamespace)}-pro-dialog`,
-        onOk: handleClick,
-        onCancel: handleCancel
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["open", "wrap-class-name"]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
-//# sourceMappingURL=pro-dialog.vue2.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue"),s=require("./types.js"),a=e.defineComponent({__name:"pro-dialog",props:e.mergeModels(s.proDialogProps,{modelValue:{required:!0,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=e.useModel(l,"modelValue");return(u,r)=>(e.openBlock(),e.createBlock(e.unref(t.Modal),e.mergeProps({open:o.value,"onUpdate:open":r[0]||(r[0]=n=>o.value=n)},u.dialogProps),null,16,["open"]))}});exports.default=a;

package/dist/lib/components/pro-dialog/src/types.js

@@ -1,11 +1 @@
-'use strict';
-
-const ProDialogProps = {
-  modelValue: {
-    type: Boolean,
-    required: true
-  }
-};
-
-exports.ProDialogProps = ProDialogProps;
-//# sourceMappingURL=types.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={dialogProps:{type:Object}};exports.proDialogProps=o;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../../hooks/use-namespace/index.js"),d=require("../hooks/useVirtualList.js"),f=e.defineComponent({__name:"scale-virtual-list",props:{list:{},option:{}},setup(s,{expose:n}){const l=s,{list:a,containerProps:o,wrapperProps:c,scrollTo:i,scaleTo:u}=d.useVirtualList(l.list,l.option);return n({scrollTo:i,scaleTo:u}),(p,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:`${e.unref(t.defaultNamespace)}-scale-virtual-list`},e.unref(o)),[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.defaultNamespace)}-scale-virtual-list-container`)},[e.createElementVNode("div",e.mergeProps({class:`${e.unref(t.defaultNamespace)}-scale-vittual-wrapper`},e.unref(c)),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),r=>(e.openBlock(),e.createElementBlock("div",{key:r.index},[e.renderSlot(p.$slots,"default",{item:r,index:r.index})]))),128))],16)],2)],16))}});exports.default=f;

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue-demi"),M=require("@vueuse/core");function S(c,t){const{containerStyle:n,wrapperProps:e,scrollTo:r,calculateRange:a,currentList:u,containerRef:o,scaleTo:s,state:l}="itemHeight"in t?q(t,c):k(t,c);return{state:l,scaleTo:s,list:u,scrollTo:r,containerProps:{ref:o,onScroll:()=>{a()},style:n},wrapperProps:e}}function C(c){const t=i.ref(null),n=M.useElementSize(t),e=i.ref([]),r=i.shallowRef(c);return{state:i.ref({start:0,end:10,current:0,scale:1}),source:r,currentList:e,size:n,containerRef:t}}function O(c,t,n){return e=>{const{start:r=0,scale:a=1}=c.value;if(typeof n=="number")return Math.ceil(e/(n*a));let u=0,o=0;for(let s=r;s<t.value.length;s++){const l=n(s)*a;if(u+=l,o=s,u>e)break}return o-r}}function $(c,t,n){return e=>{const{scale:r=1}=n.value;if(typeof t=="number")return Math.floor(e/(t*r))+1;let a=0,u=0;for(let o=0;o<c.value.length;o++){const s=t(o)*r;if(a+=s,a>=e){u=o;break}}return u+1}}function x(c,t,n,e,{containerRef:r,state:a,currentList:u,source:o}){return()=>{const s=r.value;if(s){const l=n(c==="vertical"?s.scrollTop:s.scrollLeft),h=e(c==="vertical"?s.clientHeight:s.clientWidth),p=l-t,g=l+h+t;a.value={start:p<0?0:p,end:g>o.value.length?o.value.length:g,current:l-1,scale:a.value.scale},u.value=o.value.slice(a.value.start,a.value.end).map((f,v)=>({data:f,index:v+a.value.start}))}}}function H(c,t,n){return e=>{const{scale:r=1}=n.value;return typeof c=="number"?e*(c*r):t.value.slice(0,e).reduce((u,o,s)=>u+c(s)*r,0)}}function P(c,t,n,e){i.watch([c.width,c.height,t,n],()=>{e()})}function D(c,t,n){return i.computed(()=>{const{scale:e=1}=n.value;return typeof c=="number"?t.value.length*c*e:t.value.reduce((r,a,u)=>r+c(u)*e,0)})}const _={horizontal:"scrollLeft",vertical:"scrollTop"};function W(c,t,n,e){return r=>{e.value&&(e.value[_[c]]=n(r),t())}}function k(c,t){const n=C(t),{state:e,source:r,currentList:a,size:u,containerRef:o}=n,s={overflowX:"auto"},{itemWidth:l,overscan:h=5}=c,p=O(e,r,l),g=$(r,l,e),f=x("horizontal",h,g,p,n),v=H(l,r,e),m=i.computed(()=>v(e.value.start)),L=D(l,r,e);P(u,t,o,f);const w=W("horizontal",f,v,o),b=d=>{e.value.scale=d},R=i.computed(()=>({style:{height:"100%",width:`${L.value-m.value}px`,marginLeft:`${m.value}px`,display:"flex",transform:`scale(${e.value.scale})`,transformOrigin:"50% 0%"}}));return{state:e,scaleTo:b,scrollTo:w,calculateRange:f,wrapperProps:R,containerStyle:s,currentList:a,containerRef:o}}function q(c,t){const n=C(t),{state:e,source:r,currentList:a,size:u,containerRef:o}=n,s={overflowY:"auto"},{itemHeight:l,overscan:h=5}=c,p=O(e,r,l),g=$(r,l,e),f=x("vertical",h,g,p,n),v=H(l,r,e),m=i.computed(()=>v(e.value.start)),L=D(l,r,e);P(u,t,o,f);const w=W("vertical",f,v,o),b=d=>{const y=o.value;if(y){const{current:V}=e.value;let T=0;typeof l=="number"?T=V*(d*l-e.value.scale*l):T=r.value.slice(0,V).reduce((G,E,z)=>G+d*l(z)-e.value.scale*l(z),0),y.scrollTop=y.scrollTop+T>=0?y.scrollTop+T:0,e.value.scale=d}},R=i.computed(()=>({style:{height:`${L.value-m.value}px`,marginTop:`${m.value}px`,transform:`translateX(-50%) scale(${e.value.scale})`,transformOrigin:"50% 0%"}}));return{state:e,scaleTo:b,calculateRange:f,scrollTo:w,containerStyle:s,wrapperProps:R,currentList:a,containerRef:o}}exports.useVirtualList=S;

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

@@ -0,0 +1 @@
+"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;

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

@@ -0,0 +1 @@
+"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,15 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var install = require('../utils/install.js');
-var scrollBar = require('./src/scroll-bar.js');
-require('./style/index.js');
-var types = require('./src/types.js');
-
-const KScrollBar = install.withInstall(scrollBar.default);
-
-exports.scrollbarProps = types.scrollbarProps;
-exports.KScrollBar = KScrollBar;
-exports.default = KScrollBar;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../utils/install.js"),l=require("./src/scroll-bar.js"),t=require("./src/types.js"),r=e.withInstall(l.default);exports.scrollbarProps=t.scrollbarProps;exports.KScrollBar=r;exports.default=r;

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

@@ -1,390 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var vueuc = require('vueuc');
-var evtd = require('evtd');
-var index = require('../../../hooks/use-namespace/index.js');
-var types = require('./types.js');
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-var ScrollBar = /* @__PURE__ */ vue.defineComponent({
-  name: "KScrollbar",
-  props: types.scrollbarProps,
-  inheritAttrs: false,
-  setup(props) {
-    vue.onMounted(() => {
-      if (props.container) return;
-      sync();
-    });
-    const handleContentResize = () => {
-      sync();
-    };
-    const handleContainerResize = () => {
-      sync();
-    };
-    const contentRef = vue.ref(null);
-    const containerRef = vue.ref(null);
-    const yRailRef = vue.ref(null);
-    const xRailRef = vue.ref(null);
-    const contentHeightRef = vue.ref(null);
-    const contentWidthRef = vue.ref(null);
-    const containerHeightRef = vue.ref(null);
-    const containerWidthRef = vue.ref(null);
-    const yRailSizeRef = vue.ref(null);
-    const xRailSizeRef = vue.ref(null);
-    const mergedContentRef = vue.computed(() => {
-      var _a;
-      return ((_a = props.content) == null ? void 0 : _a.call(props)) || contentRef.value;
-    });
-    const mergedContainerRef = vue.computed(() => {
-      var _a;
-      return ((_a = props.container) == null ? void 0 : _a.call(props)) || containerRef.value;
-    });
-    const containerScrollTopRef = vue.ref(0);
-    const containerScrollLeftRef = vue.ref(0);
-    const needYBarRef = vue.computed(() => {
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      return containerHeight !== null && contentHeight !== null && contentHeight > containerHeight;
-    });
-    const yBarSizeRef = vue.computed(() => {
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      const {
-        value: yRailSize
-      } = yRailSizeRef;
-      if (containerHeight === null || contentHeight === null || yRailSize === null) {
-        return 0;
-      } else {
-        return Math.min(containerHeight, yRailSize * containerHeight / contentHeight + 5 * 1.5);
-      }
-    });
-    const yBarSizePxRef = vue.computed(() => {
-      return `${yBarSizeRef.value}px`;
-    });
-    const yBarTopRef = vue.computed(() => {
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: containerScrollTop
-      } = containerScrollTopRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      const {
-        value: yRailSize
-      } = yRailSizeRef;
-      if (containerHeight === null || contentHeight === null || yRailSize === null) {
-        return 0;
-      } else {
-        const heightDiff = contentHeight - containerHeight;
-        if (!heightDiff) return 0;
-        return containerScrollTop / heightDiff * (yRailSize - yBarSizeRef.value);
-      }
-    });
-    const yBarTopPxRef = vue.computed(() => {
-      return `${yBarTopRef.value}px`;
-    });
-    let yBarPressed = false;
-    let memoYTop = 0;
-    let memoMouseY = 0;
-    let yBarVanishTimerId;
-    let xBarVanishTimerId;
-    const handleYScrollMouseMove = (e) => {
-      if (!yBarPressed) return;
-      if (xBarVanishTimerId !== void 0) {
-        window.clearTimeout(xBarVanishTimerId);
-      }
-      if (yBarVanishTimerId !== void 0) {
-        window.clearTimeout(yBarVanishTimerId);
-      }
-      const {
-        value: containerHeight
-      } = containerHeightRef;
-      const {
-        value: contentHeight
-      } = contentHeightRef;
-      const {
-        value: yBarSize
-      } = yBarSizeRef;
-      if (containerHeight === null || contentHeight === null) return;
-      const dY = e.clientY - memoMouseY;
-      const dScrollTop = dY * (contentHeight - containerHeight) / (containerHeight - yBarSize);
-      const toScrollTopUpperBound = contentHeight - containerHeight;
-      let toScrollTop = memoYTop + dScrollTop;
-      toScrollTop = Math.min(toScrollTopUpperBound, toScrollTop);
-      toScrollTop = Math.max(toScrollTop, 0);
-      const {
-        value: container
-      } = mergedContainerRef;
-      if (container) {
-        container.scrollTop = toScrollTop;
-      }
-    };
-    const handleYScrollMouseUp = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      evtd.off("mousemove", window, handleYScrollMouseMove, true);
-      evtd.off("mouseup", window, handleYScrollMouseUp, true);
-      yBarPressed = false;
-      sync();
-    };
-    const handleYScrollMouseDown = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      evtd.on("mousemove", window, handleYScrollMouseMove, true);
-      evtd.on("mouseup", window, handleYScrollMouseUp, true);
-      memoYTop = containerScrollTopRef.value;
-      memoMouseY = e.clientY;
-      yBarPressed = true;
-    };
-    function handleScroll(e) {
-      const {
-        onScroll
-      } = props;
-      if (onScroll) onScroll(e);
-      syncScrollState();
-    }
-    const needXBarRef = vue.computed(() => {
-      const {
-        value: containerWidth
-      } = containerWidthRef;
-      const {
-        value: contentWidth
-      } = contentWidthRef;
-      return containerWidth !== null && contentWidth !== null && contentWidth > containerWidth;
-    });
-    const xBarSizeRef = vue.computed(() => {
-      const {
-        value: containerWidth
-      } = containerWidthRef;
-      const {
-        value: contentWidth
-      } = contentWidthRef;
-      const {
-        value: xRailSize
-      } = xRailSizeRef;
-      if (containerWidth === null || contentWidth === null || xRailSize === null) {
-        return 0;
-      } else {
-        return xRailSize * containerWidth / contentWidth + 5 * 1.5;
-      }
-    });
-    const xBarSizePxRef = vue.computed(() => {
-      return `${xBarSizeRef.value}px`;
-    });
-    const xBarLeftRef = vue.computed(() => {
-      const {
-        value: containerWidth
-      } = containerWidthRef;
-      const {
-        value: containerScrollLeft
-      } = containerScrollLeftRef;
-      const {
-        value: contentWidth
-      } = contentWidthRef;
-      const {
-        value: xRailSize
-      } = xRailSizeRef;
-      if (containerWidth === null || contentWidth === null || xRailSize === null) {
-        return 0;
-      } else {
-        const widthDiff = contentWidth - containerWidth;
-        if (!widthDiff) return 0;
-        return containerScrollLeft / widthDiff * (xRailSize - xBarSizeRef.value);
-      }
-    });
-    const xBarLeftPxRef = vue.computed(() => {
-      return `${xBarLeftRef.value}px`;
-    });
-    let xBarPressed = false;
-    let memoXLeft = 0;
-    let memoMouseX = 0;
-    const handleXScrollMouseMove = (e) => {
-      if (!xBarPressed) return;
-      if (xBarVanishTimerId !== void 0) {
-        window.clearTimeout(xBarVanishTimerId);
-      }
-      if (yBarVanishTimerId !== void 0) {
-        window.clearTimeout(yBarVanishTimerId);
-      }
-      const {
-        value: containerWidth
-      } = containerWidthRef;
-      const {
-        value: contentWidth
-      } = contentWidthRef;
-      const {
-        value: xBarSize
-      } = xBarSizeRef;
-      if (containerWidth === null || contentWidth === null) return;
-      const dX = e.clientX - memoMouseX;
-      const dScrollLeft = dX * (contentWidth - containerWidth) / (containerWidth - xBarSize);
-      const toScrollLeftUpperBound = contentWidth - containerWidth;
-      let toScrollLeft = memoXLeft + dScrollLeft;
-      toScrollLeft = Math.min(toScrollLeftUpperBound, toScrollLeft);
-      toScrollLeft = Math.max(toScrollLeft, 0);
-      const {
-        value: container
-      } = mergedContainerRef;
-      if (container) {
-        container.scrollLeft = toScrollLeft;
-      }
-    };
-    const handleXScrollMouseUp = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      evtd.off("mousemove", window, handleXScrollMouseMove, true);
-      evtd.off("mouseup", window, handleXScrollMouseUp, true);
-      xBarPressed = false;
-      sync();
-    };
-    function handleXScrollMouseDown(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      xBarPressed = true;
-      evtd.on("mousemove", window, handleXScrollMouseMove, true);
-      evtd.on("mouseup", window, handleXScrollMouseUp, true);
-      memoXLeft = containerScrollLeftRef.value;
-      memoMouseX = e.clientX;
-    }
-    function syncScrollState() {
-      const {
-        value: container
-      } = mergedContainerRef;
-      if (container) {
-        containerScrollTopRef.value = container.scrollTop;
-        containerScrollLeftRef.value = container.scrollLeft;
-      }
-    }
-    const syncPositionState = () => {
-      const {
-        value: content
-      } = mergedContentRef;
-      if (content) {
-        const contentClient = content.getBoundingClientRect();
-        contentHeightRef.value = contentClient.height;
-        contentWidthRef.value = contentClient.width;
-      }
-      const {
-        value: container
-      } = mergedContainerRef;
-      if (container) {
-        const containerClient = container.getBoundingClientRect();
-        containerHeightRef.value = containerClient.height;
-        containerWidthRef.value = containerClient.width;
-      }
-      const {
-        value: yRailEl
-      } = yRailRef;
-      if (yRailEl) {
-        yRailSizeRef.value = yRailEl.offsetHeight;
-      }
-      const {
-        value: xRailEl
-      } = xRailRef;
-      if (xRailEl) {
-        xRailSizeRef.value = xRailEl.offsetWidth;
-      }
-    };
-    function sync() {
-      syncPositionState();
-      syncScrollState();
-    }
-    return {
-      sync,
-      handleContentResize,
-      handleContainerResize,
-      contentRef,
-      yRailRef,
-      xRailRef,
-      containerRef,
-      contentHeightRef,
-      containerHeightRef,
-      needYBarRef,
-      needXBarRef,
-      yBarSizePxRef,
-      handleYScrollMouseDown,
-      handleXScrollMouseDown,
-      yBarTopPxRef,
-      handleScroll,
-      xBarSizePxRef,
-      xBarLeftPxRef
-    };
-  },
-  render() {
-    let _slot;
-    const {
-      $slots,
-      xScrollable
-    } = this;
-    const createXBar = () => {
-      return vue.createVNode("div", {
-        "class": `${index.defaultNamespace}-scrollbar-rail ${index.defaultNamespace}-scrollbar-rail--horizontal`,
-        "ref": "xRailRef"
-      }, [this.needXBarRef && vue.createVNode("div", {
-        "class": `${index.defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,
-        "style": {
-          width: this.xBarSizePxRef,
-          left: this.xBarLeftPxRef
-        },
-        "onMousedown": this.handleXScrollMouseDown
-      }, null)]);
-    };
-    const createYBar = () => {
-      return vue.createVNode("div", {
-        "class": `${index.defaultNamespace}-scrollbar-rail ${index.defaultNamespace}-scrollbar-rail--vertical`,
-        "ref": "yRailRef"
-      }, [this.needYBarRef && vue.createVNode("div", {
-        "class": `${index.defaultNamespace}-scrollbar-rail__scrollbar--vertical`,
-        "style": {
-          height: this.yBarSizePxRef,
-          top: this.yBarTopPxRef
-        },
-        "onMousedown": this.handleYScrollMouseDown
-      }, null)]);
-    };
-    const createChildren = () => {
-      var _a;
-      return vue.createVNode("div", vue.mergeProps({
-        "class": `${index.defaultNamespace}-scrollbar`
-      }, this.$attrs), [this.container ? (_a = $slots.default) == null ? void 0 : _a.call($slots) : vue.createVNode("div", {
-        "class": `${index.defaultNamespace}-scrollbar-container`,
-        "onScroll": this.handleScroll,
-        "ref": "containerRef"
-      }, [vue.createVNode(vueuc.VResizeObserver, {
-        "onResize": this.handleContentResize
-      }, {
-        default: () => {
-          var _a2;
-          return [vue.createVNode("div", {
-            "ref": "contentRef",
-            "class": `${index.defaultNamespace}-scrollbar-content`
-          }, [(_a2 = $slots.default) == null ? void 0 : _a2.call($slots)])];
-        }
-      })]), createYBar(), xScrollable && createXBar()]);
-    };
-    const createBarNode = this.container ? createChildren() : vue.createVNode(vueuc.VResizeObserver, {
-      "onResize": this.handleContainerResize
-    }, _isSlot(_slot = createChildren()) ? _slot : {
-      default: () => [_slot]
-    });
-    return createBarNode;
-  }
-});
-
-exports.default = ScrollBar;
-//# sourceMappingURL=scroll-bar.js.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),I=require("vueuc"),s=require("evtd"),u=require("../../../hooks/use-namespace/index.js"),oe=require("./types.js"),ae=n.defineComponent({name:"KScrollbar",props:oe.scrollbarProps,inheritAttrs:!1,setup(o){n.onMounted(()=>{o.container||d()});const g=()=>{d()},z=()=>{d()},S=n.ref(null),v=n.ref(null),y=n.ref(null),h=n.ref(null),i=n.ref(null),m=n.ref(null),f=n.ref(null),R=n.ref(null),M=n.ref(null),b=n.ref(null),j=n.computed(()=>{var e;return((e=o.content)==null?void 0:e.call(o))||S.value}),w=n.computed(()=>{var e;return((e=o.container)==null?void 0:e.call(o))||v.value}),T=n.ref(0),P=n.ref(0),A=n.computed(()=>{const{value:e}=f,{value:t}=i;return e!==null&&t!==null&&t>e}),X=n.computed(()=>{const{value:e}=f,{value:t}=i,{value:l}=M;return e===null||t===null||l===null?0:Math.min(e,l*e/t+5*1.5)}),K=n.computed(()=>`${X.value}px`),k=n.computed(()=>{const{value:e}=f,{value:t}=T,{value:l}=i,{value:r}=M;if(e===null||l===null||r===null)return 0;{const a=l-e;return a?t/a*(r-X.value):0}}),F=n.computed(()=>`${k.value}px`);let Y=!1,N=0,W=0,x,B;const $=e=>{if(!Y)return;B!==void 0&&window.clearTimeout(B),x!==void 0&&window.clearTimeout(x);const{value:t}=f,{value:l}=i,{value:r}=X;if(t===null||l===null)return;const H=(e.clientY-W)*(l-t)/(t-r),L=l-t;let c=N+H;c=Math.min(L,c),c=Math.max(c,0);const{value:p}=w;p&&(p.scrollTop=c)},D=e=>{e.preventDefault(),e.stopPropagation(),s.off("mousemove",window,$,!0),s.off("mouseup",window,D,!0),Y=!1,d()},G=e=>{e.preventDefault(),e.stopPropagation(),s.on("mousemove",window,$,!0),s.on("mouseup",window,D,!0),N=T.value,W=e.clientY,Y=!0};function J(e){const{onScroll:t}=o;t&&t(e),O()}const Q=n.computed(()=>{const{value:e}=R,{value:t}=m;return e!==null&&t!==null&&t>e}),C=n.computed(()=>{const{value:e}=R,{value:t}=m,{value:l}=b;return e===null||t===null||l===null?0:l*e/t+5*1.5}),Z=n.computed(()=>`${C.value}px`),ee=n.computed(()=>{const{value:e}=R,{value:t}=P,{value:l}=m,{value:r}=b;if(e===null||l===null||r===null)return 0;{const a=l-e;return a?t/a*(r-C.value):0}}),te=n.computed(()=>`${ee.value}px`);let E=!1,_=0,q=0;const U=e=>{if(!E)return;B!==void 0&&window.clearTimeout(B),x!==void 0&&window.clearTimeout(x);const{value:t}=R,{value:l}=m,{value:r}=C;if(t===null||l===null)return;const H=(e.clientX-q)*(l-t)/(t-r),L=l-t;let c=_+H;c=Math.min(L,c),c=Math.max(c,0);const{value:p}=w;p&&(p.scrollLeft=c)},V=e=>{e.preventDefault(),e.stopPropagation(),s.off("mousemove",window,U,!0),s.off("mouseup",window,V,!0),E=!1,d()};function ne(e){e.preventDefault(),e.stopPropagation(),E=!0,s.on("mousemove",window,U,!0),s.on("mouseup",window,V,!0),_=P.value,q=e.clientX}function O(){const{value:e}=w;e&&(T.value=e.scrollTop,P.value=e.scrollLeft)}const le=()=>{const{value:e}=j;if(e){const a=e.getBoundingClientRect();i.value=a.height,m.value=a.width}const{value:t}=w;if(t){const a=t.getBoundingClientRect();f.value=a.height,R.value=a.width}const{value:l}=y;l&&(M.value=l.offsetHeight);const{value:r}=h;r&&(b.value=r.offsetWidth)};function d(){le(),O()}return{sync:d,handleContentResize:g,handleContainerResize:z,contentRef:S,yRailRef:y,xRailRef:h,containerRef:v,contentHeightRef:i,containerHeightRef:f,needYBarRef:A,needXBarRef:Q,yBarSizePxRef:K,handleYScrollMouseDown:G,handleXScrollMouseDown:ne,yBarTopPxRef:F,handleScroll:J,xBarSizePxRef:Z,xBarLeftPxRef:te}},render(){const{$slots:o,xScrollable:g}=this,z=()=>React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail ${u.defaultNamespace}-scrollbar-rail--horizontal`,ref:"xRailRef"},this.needXBarRef&&React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail__scrollbar--horizontal`,style:{width:this.xBarSizePxRef,left:this.xBarLeftPxRef},onMousedown:this.handleXScrollMouseDown})),S=()=>React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail ${u.defaultNamespace}-scrollbar-rail--vertical`,ref:"yRailRef"},this.needYBarRef&&React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-rail__scrollbar--vertical`,style:{height:this.yBarSizePxRef,top:this.yBarTopPxRef},onMousedown:this.handleYScrollMouseDown})),v=()=>{var h,i;return React.createElement("div",{class:`${u.defaultNamespace}-scrollbar`,...this.$attrs},this.container?(h=o.default)==null?void 0:h.call(o):React.createElement("div",{class:`${u.defaultNamespace}-scrollbar-container`,onScroll:this.handleScroll,ref:"containerRef"},React.createElement(I.VResizeObserver,{onResize:this.handleContentResize},React.createElement("div",{ref:"contentRef",class:`${u.defaultNamespace}-scrollbar-content`},(i=o.default)==null?void 0:i.call(o)))),S(),g&&z())};return this.container?v():React.createElement(I.VResizeObserver,{onResize:this.handleContainerResize},v())}});exports.default=ae;