vft 0.0.368 → 0.0.369

package/lib/components/side-menu/index.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./side-menu.vue2.cjs");require("vue-router");const e=r.withInstall(u.default);exports.VftSideMenu=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const sideMenu_vue_vue_type_script_setup_true_lang = require("./side-menu.vue2.cjs");
+require("vue-router");
+const VftSideMenu = install.withInstall(sideMenu_vue_vue_type_script_setup_true_lang.default);
+exports.VftSideMenu = VftSideMenu;
+exports.default = VftSideMenu;

package/lib/components/side-menu/side-menu.vue.cjs

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

package/lib/components/side-menu/side-menu.vue2.cjs

@@ -1 +1,337 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),D=require("@vft/router"),X=require("@vft/use/sortable"),m=require("@vft/utils");require("@vueuse/core");const R=require("../../utils/helper.cjs");require("lodash-es");const ee=require("../icon/index.cjs"),g=require("../menu/index.cjs"),te=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./use-drag-line.cjs");function oe(h){return typeof h=="function"||Object.prototype.toString.call(h)==="[object Object]"&&!n.isVNode(h)}const le=n.defineComponent({name:"vft-side-menu"}),ae=n.defineComponent({...le,props:{isFixedLeft:{type:Boolean,default:!0},menus:{},width:{default:200},height:{default:"100%"},collapseWidth:{default:50},attrMapping:{},menuTopBottomHeight:{default:0},showCollapse:{type:Boolean,default:!1},dragOption:{},dragWidthCfg:{type:[Boolean,Object],default:!1},useRouterJump:{type:Boolean,default:!1},openDisabled:{type:Boolean},autoScrollActiveDom:{type:[Boolean,Number],default:!0},openMenuCollapse:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},uniqueOpened:{type:Boolean,default:!0},disabledJudgeTurnOver:{type:Boolean,default:!1},defaultActive:{},defaultOpeneds:{}},emits:["update:collapse","update:width","dragEnd","dragWidthEnd","select","subMenuClick","menuItemMouseenter","menuItemMouseleave"],setup(h,{expose:k,emit:A}){const t=h,{defaultActive:I,collapse:f,uniqueOpened:W,defaultOpeneds:j,openMenuCollapse:J}=n.toRefs(t),c=A,s=te.useNamespace("side-menu"),i=n.useSlots(),M=n.getCurrentInstance(),C=n.ref(),a=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping}));D.listenerRouteChange(({route:e})=>{!e||e.meta?.hideSide&&!t.useRouterJump||(C.value=e.path)});const E=e=>{const u=e.e;if(t.autoScrollActiveDom&&u){const o=m.isNumber(t.autoScrollActiveDom)?t.autoScrollActiveDom:0,l=u.target;v.value?.menu&&l&&setTimeout(()=>{v.value.menu.scrollTop=v.value.menu.scrollTop+(l.getBoundingClientRect().top-v.value.menu.getBoundingClientRect().top)+o},300)}c("subMenuClick",e)},L=e=>{c("menuItemMouseenter",e)},P=e=>{c("menuItemMouseleave",e)},O=(e,u)=>{const o=e[a.value.path],l=e[a.value.title],d=e?.[a.value.children],p=e?.[a.value.index],q=e?.[a.value.icon],N=!!e?.[a.value.disabled],w=t.disabledJudgeTurnOver?!N:N,B=p||o||u+l;return d?.length?n.h(g.VftSubMenu,{...e,popperAppendToBody:!0,key:B,index:B,title:l,icon:q,disabled:t.openDisabled&&w,popperClass:s.e("popper")},{default:()=>d?.map((r,Y)=>{const y=r[a.value.path],T=r[a.value.index],G=r[a.value.icon],K=r[a.value.title],V=!!r[a.value.disabled],Q=t.disabledJudgeTurnOver?!V:V;return r?.[a.value.children]?.length?O(r,Y):n.h(g.VftMenuItem,{...r,key:T||y,index:T||y,route:y,icon:G,title:K,disabled:t.openDisabled&&Q},i.menuItem?()=>i.menuItem?.({item:r}):"")})}):n.h(g.VftMenuItem,{...e,key:p||o,index:p||o,title:l,route:o,icon:q,disabled:t.openDisabled&&w,onMouseenter:()=>L(e),onMouseleave:()=>P(e)},i.menuItem?()=>i.menuItem?.({item:e,index:u}):"")},v=n.ref(),U=n.computed(()=>({...t.collapseWidth===0&&f.value?{width:0}:{},height:`calc(100% - ${t.menuTopBottomHeight}px)`})),$=n.computed(()=>{let e;return n.h(n.createVNode(g.VftMenu,{ref:v.value,onSelect:H,onOpen:E,defaultActive:I?.value||C.value,defaultOpeneds:j?.value,class:[s.e("con"),t.dragOption?.dragClassName?s.e(t.dragOption?.dragClassName):""],style:U.value,collapse:J.value?f.value:!1,uniqueOpened:W.value,collapseTransition:!1},oe(e=t.menus.map((u,o)=>O(u,o)))?e:{default:()=>[e]}))}),S=M.appContext.config.globalProperties.$router;async function H(e){if(t.useRouterJump){const{go:u}=D.useRouterHelper(S),o=e.route;let l=e.route;e.indexPath.some(p=>m.isUrl(p))&&(l=e.indexPath.slice(-2).join("/"));const d=S.getRoutes().filter(p=>p.path===l)?.[0]?.meta?.linkTarget;u(d?{url:o,winOpenOpt:{target:d}}:o)}c("select",e)}n.onMounted(()=>{n.nextTick(()=>{if(t.dragOption?.dragClassName){const e=document.querySelectorAll("."+s.e(t.dragOption?.dragClassName))?.[0],{initSortable:u}=X.useSortable(e,{draggable:".vft-menu-item",onEnd:o=>{const{oldIndex:l,newIndex:d}=o;m.isNullOrUndefined(l)||m.isNullOrUndefined(d)||l===d||c("dragEnd",l,d)},...t.dragOption});u()}})});const b=n.ref(),x=n.ref(),_=n.ref(),F=n.computed(()=>({...t.collapseWidth===0&&f.value?{borderRight:"none"}:{},width:R.addUnit(t.width),height:t.height}));n.watch(()=>f.value,e=>{e?c("update:width",t.collapseWidth):c("update:width",_.value||t.width),_.value=t.width}),t.dragWidthCfg&&ne.useDragLine(b,x,M);const Z=n.computed(()=>({left:R.addUnit(t.width)})),z=n.computed(()=>[s.b(),t.isFixedLeft?s.m("fixed"):""]);return k({sideRef:b}),()=>n.createVNode("div",{ref:b,class:z.value,style:F.value},[i.top?n.createVNode("div",{class:s.e("top")},[i.top()]):null,$.value,i.bottom?n.createVNode("div",{class:s.e("bottom")},[i.bottom()]):t.showCollapse?n.createVNode("div",{onClick:()=>c("update:collapse",!f.value),class:[s.e("bottom"),s.e("collapse")]},[n.createVNode(ee.VftIcon,{style:{transform:f.value?"rotateY(180deg)":""},size:20,icon:"icon-sidebar-collapse"},null)]):null,i.default?.(),t.dragWidthCfg?n.createVNode("div",{ref:x,style:Z.value,class:s.e("drag-bar")},null):null])}});exports.default=ae;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const router = require("@vft/router");
+const sortable = require("@vft/use/sortable");
+const utils = require("@vft/utils");
+require("@vueuse/core");
+const helper = require("../../utils/helper.cjs");
+require("lodash-es");
+const index$2 = require("../icon/index.cjs");
+const index$1 = require("../menu/index.cjs");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useDragLine = require("./use-drag-line.cjs");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const __default__ = vue.defineComponent({
+  name: "vft-side-menu"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    isFixedLeft: {
+      type: Boolean,
+      default: true
+    },
+    menus: {},
+    width: {
+      default: 200
+    },
+    height: {
+      default: "100%"
+    },
+    collapseWidth: {
+      default: 50
+    },
+    attrMapping: {},
+    menuTopBottomHeight: {
+      default: 0
+    },
+    showCollapse: {
+      type: Boolean,
+      default: false
+    },
+    dragOption: {},
+    dragWidthCfg: {
+      type: [Boolean, Object],
+      default: false
+    },
+    useRouterJump: {
+      type: Boolean,
+      default: false
+    },
+    openDisabled: {
+      type: Boolean
+    },
+    autoScrollActiveDom: {
+      type: [Boolean, Number],
+      default: true
+    },
+    openMenuCollapse: {
+      type: Boolean,
+      default: true
+    },
+    collapse: {
+      type: Boolean,
+      default: false
+    },
+    uniqueOpened: {
+      type: Boolean,
+      default: true
+    },
+    disabledJudgeTurnOver: {
+      type: Boolean,
+      default: false
+    },
+    defaultActive: {},
+    defaultOpeneds: {}
+  },
+  emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    const {
+      defaultActive,
+      collapse,
+      uniqueOpened,
+      defaultOpeneds,
+      openMenuCollapse
+    } = vue.toRefs(props);
+    const emit = __emit;
+    const ns = index.useNamespace("side-menu");
+    const slots = vue.useSlots();
+    const instance = vue.getCurrentInstance();
+    const _defaultActive = vue.ref();
+    const _attrMapping = vue.computed(() => {
+      return {
+        path: "path",
+        children: "children",
+        title: "title",
+        index: "path",
+        icon: "icon",
+        disabled: "disabled",
+        ...props.attrMapping
+      };
+    });
+    router.listenerRouteChange(({
+      route
+    }) => {
+      if (!route || route.meta?.hideSide && !props.useRouterJump) {
+        return;
+      }
+      _defaultActive.value = route.path;
+    });
+    const handleSubMenuClick = (data) => {
+      const e = data.e;
+      if (props.autoScrollActiveDom && e) {
+        const customTopNum = utils.isNumber(props.autoScrollActiveDom) ? props.autoScrollActiveDom : 0;
+        const activeDom = e.target;
+        if (menuRef.value?.menu && activeDom) {
+          setTimeout(() => {
+            menuRef.value.menu.scrollTop = menuRef.value.menu.scrollTop + (activeDom.getBoundingClientRect().top - menuRef.value.menu.getBoundingClientRect().top) + customTopNum;
+          }, 300);
+        }
+      }
+      emit("subMenuClick", data);
+    };
+    const handleMenuItemMouseEnter = (item) => {
+      emit("menuItemMouseenter", item);
+    };
+    const handleMenuItemMouseLeave = (item) => {
+      emit("menuItemMouseleave", item);
+    };
+    const vSubMenu = (item, itemIndex) => {
+      const _path = item[_attrMapping.value.path];
+      const _title = item[_attrMapping.value.title];
+      const _children = item?.[_attrMapping.value.children];
+      const _index = item?.[_attrMapping.value.index];
+      const _icon = item?.[_attrMapping.value.icon];
+      const _disabledVal = !!item?.[_attrMapping.value.disabled];
+      const _disabled = props.disabledJudgeTurnOver ? !_disabledVal : _disabledVal;
+      const _key = _index || _path || itemIndex + _title;
+      return _children?.length ? vue.h(
+        // @ts-ignore
+        index$1.VftSubMenu,
+        {
+          ...item,
+          popperAppendToBody: true,
+          key: _key,
+          index: _key,
+          title: _title,
+          icon: _icon,
+          disabled: props.openDisabled && _disabled,
+          popperClass: ns.e("popper")
+        },
+        {
+          default: () => {
+            return _children?.map((subItem, index2) => {
+              const subPath = subItem[_attrMapping.value.path];
+              const subIndex = subItem[_attrMapping.value.index];
+              const subIcon = subItem[_attrMapping.value.icon];
+              const subTitle = subItem[_attrMapping.value.title];
+              const subDisabledVal = !!subItem[_attrMapping.value.disabled];
+              const subDisabled = props.disabledJudgeTurnOver ? !subDisabledVal : subDisabledVal;
+              return subItem?.[_attrMapping.value.children]?.length ? vSubMenu(subItem, index2) : (
+                // @ts-ignore
+                vue.h(index$1.VftMenuItem, {
+                  ...subItem,
+                  key: subIndex || subPath,
+                  index: subIndex || subPath,
+                  route: subPath,
+                  icon: subIcon,
+                  title: subTitle,
+                  disabled: props.openDisabled && subDisabled
+                }, slots.menuItem ? () => slots.menuItem?.({
+                  item: subItem
+                }) : "")
+              );
+            });
+          }
+        }
+      ) : vue.h(index$1.VftMenuItem, {
+        ...item,
+        key: _index || _path,
+        index: _index || _path,
+        title: _title,
+        route: _path,
+        icon: _icon,
+        disabled: props.openDisabled && _disabled,
+        onMouseenter: () => handleMenuItemMouseEnter(item),
+        onMouseleave: () => handleMenuItemMouseLeave(item)
+      }, slots.menuItem ? () => slots.menuItem?.({
+        item,
+        index: itemIndex
+      }) : "");
+    };
+    const menuRef = vue.ref();
+    const menuStyle = vue.computed(() => {
+      const widthStyle = props.collapseWidth === 0 && collapse.value ? {
+        width: 0
+      } : {};
+      return {
+        ...widthStyle,
+        height: `calc(100% - ${props.menuTopBottomHeight}px)`
+      };
+    });
+    const vMenu = vue.computed(() => {
+      let _slot;
+      return vue.h(vue.createVNode(index$1.VftMenu, {
+        "ref": menuRef.value,
+        "onSelect": handleSelect,
+        "onOpen": handleSubMenuClick,
+        "defaultActive": defaultActive?.value || _defaultActive.value,
+        "defaultOpeneds": defaultOpeneds?.value,
+        "class": [ns.e("con"), props.dragOption?.dragClassName ? ns.e(props.dragOption?.dragClassName) : ""],
+        "style": menuStyle.value,
+        "collapse": openMenuCollapse.value ? collapse.value : false,
+        "uniqueOpened": uniqueOpened.value,
+        "collapseTransition": false
+      }, _isSlot(_slot = props.menus.map((item, index2) => {
+        return vSubMenu(item, index2);
+      })) ? _slot : {
+        default: () => [_slot]
+      }));
+    });
+    const _router = instance.appContext.config.globalProperties.$router;
+    async function handleSelect(data) {
+      if (props.useRouterJump) {
+        const {
+          go
+        } = router.useRouterHelper(_router);
+        const path = data.route;
+        let _path = data.route;
+        if (data.indexPath.some((item) => utils.isUrl(item))) {
+          _path = data.indexPath.slice(-2).join("/");
+        }
+        const linkTarget = _router.getRoutes().filter((item) => item.path === _path)?.[0]?.meta?.linkTarget;
+        if (linkTarget) {
+          go({
+            url: path,
+            winOpenOpt: {
+              target: linkTarget
+            }
+          });
+        } else {
+          go(path);
+        }
+      }
+      emit("select", data);
+    }
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        if (props.dragOption?.dragClassName) {
+          const el = document.querySelectorAll("." + ns.e(props.dragOption?.dragClassName))?.[0];
+          const {
+            initSortable
+          } = sortable.useSortable(el, {
+            draggable: ".vft-menu-item",
+            onEnd: (evt) => {
+              const {
+                oldIndex,
+                newIndex
+              } = evt;
+              if (utils.isNullOrUndefined(oldIndex) || utils.isNullOrUndefined(newIndex) || oldIndex === newIndex) {
+                return;
+              }
+              emit("dragEnd", oldIndex, newIndex);
+            },
+            ...props.dragOption
+          });
+          initSortable();
+        }
+      });
+    });
+    const sideRef = vue.ref();
+    const dragBarRef = vue.ref();
+    const beforeCollapseWidth = vue.ref();
+    const style = vue.computed(() => {
+      const collapseZeroStyle = props.collapseWidth === 0 && collapse.value ? {
+        borderRight: "none"
+      } : {};
+      return {
+        ...collapseZeroStyle,
+        width: helper.addUnit(props.width),
+        height: props.height
+      };
+    });
+    vue.watch(() => collapse.value, (val) => {
+      if (!val) {
+        emit("update:width", beforeCollapseWidth.value || props.width);
+      } else {
+        emit("update:width", props.collapseWidth);
+      }
+      beforeCollapseWidth.value = props.width;
+    });
+    props.dragWidthCfg && useDragLine.useDragLine(sideRef, dragBarRef, instance);
+    const getDragBarStyle = vue.computed(() => {
+      return {
+        left: helper.addUnit(props.width)
+      };
+    });
+    const menuClass = vue.computed(() => [ns.b(), props.isFixedLeft ? ns.m("fixed") : ""]);
+    __expose({
+      sideRef
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "ref": sideRef,
+        "class": menuClass.value,
+        "style": style.value
+      }, [slots.top ? vue.createVNode("div", {
+        "class": ns.e("top")
+      }, [slots.top()]) : null, vMenu.value, slots.bottom ? vue.createVNode("div", {
+        "class": ns.e("bottom")
+      }, [slots.bottom()]) : props.showCollapse ? vue.createVNode("div", {
+        "onClick": () => emit("update:collapse", !collapse.value),
+        "class": [ns.e("bottom"), ns.e("collapse")]
+      }, [vue.createVNode(index$2.VftIcon, {
+        "style": {
+          transform: collapse.value ? "rotateY(180deg)" : ""
+        },
+        "size": 20,
+        "icon": "icon-sidebar-collapse"
+      }, null)]) : null, slots.default?.(), props.dragWidthCfg ? vue.createVNode("div", {
+        "ref": dragBarRef,
+        "style": getDragBarStyle.value,
+        "class": ns.e("drag-bar")
+      }, null) : null]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/side-menu/style/css.cjs

@@ -1 +1,11 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-side-menu.css");require("vft/theme-style/vft-tooltip.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-menu.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-menu-item.css");require("vft/theme-style/vft-menu-item-group.css");require("vft/theme-style/vft-sub-menu.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-side-menu.css");
+require("vft/theme-style/vft-tooltip.css");
+require("vft/theme-style/vft-popper.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-menu.css");
+require("vft/theme-style/vft-divider.css");
+require("vft/theme-style/vft-menu-item.css");
+require("vft/theme-style/vft-menu-item-group.css");
+require("vft/theme-style/vft-sub-menu.css");

package/lib/components/side-menu/style/index.cjs

@@ -1 +1,11 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/side-menu.scss");require("vft/theme-style/src/tooltip.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/menu.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/menu-item.scss");require("vft/theme-style/src/menu-item-group.scss");require("vft/theme-style/src/sub-menu.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/side-menu.scss");
+require("vft/theme-style/src/tooltip.scss");
+require("vft/theme-style/src/popper.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/menu.scss");
+require("vft/theme-style/src/divider.scss");
+require("vft/theme-style/src/menu-item.scss");
+require("vft/theme-style/src/menu-item-group.scss");
+require("vft/theme-style/src/sub-menu.scss");

package/lib/components/side-menu/types.cjs

@@ -1 +1,2 @@
-"use strict";require("vue-router");
+"use strict";
+require("vue-router");

package/lib/components/side-menu/use-drag-line.cjs

@@ -1 +1,63 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vft/use"),u=require("vue");function W(l,d,r){const a=r.props?.dragWidthCfg?.minWidth||200;u.onMounted(()=>{u.nextTick(()=>{f.useDebounceFn(h,100)()})});function s(e){const n=u.unref(e);return n?Reflect.has(n,"$el")?u.unref(e)?.$el:u.unref(e):null}function m(e,n,i){document.onmousemove=function(o){let t=e.left+(o.clientX-i);o=o||window.event;const c=r.props?.dragWidthCfg?.maxWidth||800,g=u.unref(a);return t<=g?void 0:(t<0&&(t=0),t>c&&(t=c),e.style.left=t+"px",f.useThrottleFn(()=>{r.emit("update:width",t)},150)(),!1)}}function p(e){document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,e.releaseCapture?.()}}function h(){const e=s(d);if(!e)return;const n=s(l);n&&(e.onmousedown=i=>{const o=i?.clientX;return e.left=e.offsetLeft,m(e,n,o),p(e),e.setCapture?.(),!1})}return{}}exports.useDragLine=W;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const use = require("@vft/use");
+const vue = require("vue");
+function useDragLine(siderRef, dragBarRef, instance) {
+  const minWidth = instance.props?.dragWidthCfg?.minWidth || 200;
+  vue.onMounted(() => {
+    vue.nextTick(() => {
+      const exec = use.useDebounceFn(changeWrapWidth, 100);
+      exec();
+    });
+  });
+  function getEl(elRef) {
+    const el = vue.unref(elRef);
+    if (!el) return null;
+    if (Reflect.has(el, "$el")) {
+      return vue.unref(elRef)?.$el;
+    }
+    return vue.unref(elRef);
+  }
+  function handleMouseMove(ele, wrap, clientX) {
+    document.onmousemove = function(innerE) {
+      let iT = ele.left + (innerE.clientX - clientX);
+      innerE = innerE || window.event;
+      const maxT = instance.props?.dragWidthCfg?.maxWidth || 800;
+      const minT = vue.unref(minWidth);
+      if (iT <= minT) {
+        return;
+      }
+      iT < 0 && (iT = 0);
+      iT > maxT && (iT = maxT);
+      ele.style.left = iT + "px";
+      const updateWidth = use.useThrottleFn(() => {
+        instance.emit("update:width", iT);
+      }, 150);
+      updateWidth();
+      return false;
+    };
+  }
+  function removeMouseup(ele) {
+    document.onmouseup = function() {
+      document.onmousemove = null;
+      document.onmouseup = null;
+      ele.releaseCapture?.();
+    };
+  }
+  function changeWrapWidth() {
+    const ele = getEl(dragBarRef);
+    if (!ele) return;
+    const wrap = getEl(siderRef);
+    if (!wrap) return;
+    ele.onmousedown = (e) => {
+      const clientX = e?.clientX;
+      ele.left = ele.offsetLeft;
+      handleMouseMove(ele, wrap, clientX);
+      removeMouseup(ele);
+      ele.setCapture?.();
+      return false;
+    };
+  }
+  return {};
+}
+exports.useDragLine = useDragLine;

package/lib/components/skeleton/index.cjs

@@ -1 +1,17 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const e=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./skeleton.vue2.cjs"),t=require("./skeleton-item.vue2.cjs"),u=e.withInstall(r.default,{SkeletonItem:t.default}),l=e.withNoopInstall(t.default);exports.VftSkeleton=u;exports.VftSkeletonItem=l;exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const skeleton_vue_vue_type_script_setup_true_lang = require("./skeleton.vue2.cjs");
+const skeletonItem_vue_vue_type_script_setup_true_lang = require("./skeleton-item.vue2.cjs");
+const VftSkeleton = install.withInstall(skeleton_vue_vue_type_script_setup_true_lang.default, {
+  SkeletonItem: skeletonItem_vue_vue_type_script_setup_true_lang.default
+});
+const VftSkeletonItem = install.withNoopInstall(skeletonItem_vue_vue_type_script_setup_true_lang.default);
+exports.VftSkeleton = VftSkeleton;
+exports.VftSkeletonItem = VftSkeletonItem;
+exports.default = VftSkeleton;

package/lib/components/skeleton/skeleton-item.vue.cjs

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

package/lib/components/skeleton/skeleton-item.vue2.cjs

@@ -1 +1,35 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const o=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"VftSkeletonItem"}),u=e.defineComponent({...i,props:{variant:{default:"text"}},setup(a){const r=o.useNamespace("skeleton");return(t,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).e("item"),e.unref(r).e(t.variant)])},[t.variant==="image"?(e.openBlock(),e.createBlock(e.unref(n.VftIcon),{key:0,icon:"icon-picture-filled"})):e.createCommentVNode("",!0)],2))}});exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../icon/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftSkeletonItem"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    variant: { default: "text" }
+  },
+  setup(__props) {
+    const ns = index.useNamespace("skeleton");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).e("item"), vue.unref(ns).e(_ctx.variant)])
+      }, [
+        _ctx.variant === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), {
+          key: 0,
+          icon: "icon-picture-filled"
+        })) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/skeleton/skeleton.vue.cjs

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

package/lib/components/skeleton/skeleton.vue2.cjs

@@ -1 +1,65 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const d=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const s=require("./skeleton-item.vue2.cjs"),c=e.defineComponent({name:"vft-skeleton"}),m=e.defineComponent({...c,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(n,{expose:u}){const t=i.useNamespace("skeleton"),o=d.useThrottleRender(e.computed(()=>n.loading),n.throttle);return u({uiLoading:o}),(r,p)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(t).b(),e.unref(t).is("animated",r.animated)]},r.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.count,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l},[r.loading?e.renderSlot(r.$slots,"template",{key:l},()=>[e.createVNode(s.default,{class:e.normalizeClass(e.unref(t).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.rows,a=>(e.openBlock(),e.createBlock(s.default,{key:a,class:e.normalizeClass([e.unref(t).e("paragraph"),e.unref(t).is("last",a===r.rows&&r.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(r.$slots,"default",e.normalizeProps(e.mergeProps({key:1},r.$attrs)))}});exports.default=m;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+const index$1 = require("../../hooks/use-throttle-render/index.cjs");
+require("../../hooks/use-z-index/index.cjs");
+const skeletonItem_vue_vue_type_script_setup_true_lang = require("./skeleton-item.vue2.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-skeleton"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    animated: { type: Boolean, default: false },
+    count: { default: 1 },
+    rows: { default: 3 },
+    loading: { type: Boolean, default: true },
+    throttle: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const ns = index.useNamespace("skeleton");
+    const uiLoading = index$1.useThrottleRender(
+      vue.computed(() => __props.loading),
+      __props.throttle
+    );
+    __expose({
+      /** @description loading state */
+      uiLoading
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
+      }, _ctx.$attrs), [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (i) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
+            _ctx.loading ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
+              vue.createVNode(skeletonItem_vue_vue_type_script_setup_true_lang.default, {
+                class: vue.normalizeClass(vue.unref(ns).is("first")),
+                variant: "p"
+              }, null, 8, ["class"]),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (item) => {
+                return vue.openBlock(), vue.createBlock(skeletonItem_vue_vue_type_script_setup_true_lang.default, {
+                  key: item,
+                  class: vue.normalizeClass([
+                    vue.unref(ns).e("paragraph"),
+                    vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                  ]),
+                  variant: "p"
+                }, null, 8, ["class"]);
+              }), 128))
+            ]) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ], 16)) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/skeleton/style/css.cjs

@@ -1 +1,5 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-skeleton-item.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-skeleton.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-skeleton-item.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-skeleton.css");

package/lib/components/skeleton/style/index.cjs

@@ -1 +1,5 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/skeleton-item.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/skeleton.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/skeleton-item.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/skeleton.scss");

package/lib/components/skeleton-item/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-skeleton-item.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-skeleton-item.css");

package/lib/components/skeleton-item/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/skeleton-item.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/skeleton-item.scss");

package/lib/components/slider/button.vue.cjs

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