vft 0.0.375 → 0.0.376

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

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

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

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

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

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

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

@@ -1,11 +1 @@
-"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,11 +1 @@
-"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,2 +1 @@
-"use strict";
-require("vue-router");
+"use strict";require("vue-router");

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

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

package/lib/components/skeleton/index.cjs

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

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

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

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

@@ -1,39 +1 @@
-"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");
-const utils = 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" },
-    imgIcon: {}
-  },
-  setup(__props) {
-    const _icon = vue.computed(
-      () => utils.singleAttrToObj(__props.imgIcon, "icon", {
-        size: 20,
-        icon: "icon-picture-filled"
-      })
-    );
-    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), vue.normalizeProps(vue.mergeProps({ key: 0 }, _icon.value)), null, 16)) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs");require("@vueuse/core");const u=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const c=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const s=e.defineComponent({name:"VftSkeletonItem"}),a=e.defineComponent({...s,props:{variant:{default:"text"},imgIcon:{}},setup(t){const o=e.computed(()=>u.singleAttrToObj(t.imgIcon,"icon",{size:20,icon:"icon-picture-filled"})),r=c.useNamespace("skeleton");return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).e("item"),e.unref(r).e(n.variant)])},[n.variant==="image"?(e.openBlock(),e.createBlock(e.unref(i.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0)],2))}});exports.default=a;

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

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

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

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

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

@@ -1,5 +1 @@
-"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,5 +1 @@
-"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,3 +1 @@
-"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,3 +1 @@
-"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,4 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./button.vue2.cjs");exports.default=e.default;