vft 0.0.374 → 0.0.375

package/lib/components/link/link.vue2.cjs

@@ -1 +1,65 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");const d=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("@vft/router");require("vue-router");const p=e.defineComponent({name:"vft-link"}),k=e.defineComponent({...p,props:{type:{default:"default"},underline:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},route:{},isReplace:{type:Boolean},icon:{}},emits:["click"],setup(r,{emit:l}){const t=f.useNamespace("link"),i=l,u=e.getCurrentInstance().appContext.config.globalProperties.$router,{go:s}=m.useRouterHelper(u);function a(n){r.route&&s(r.route,r.isReplace),r.disabled||i("click",n)}const o=e.computed(()=>d.singleAttrToObj(r.icon,"icon"));return(n,b)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(n.type),e.unref(t).is("disabled",n.disabled),e.unref(t).is("underline",n.underline&&!n.disabled)]),onClick:a},[o.value?.icon?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0),n.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("inner"))},[e.renderSlot(n.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}});exports.default=k;
+"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 router = require("@vft/router");
+require("vue-router");
+const __default__ = vue.defineComponent({
+  name: "vft-link"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    type: { default: "default" },
+    underline: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    route: {},
+    isReplace: { type: Boolean },
+    icon: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const ns = index.useNamespace("link");
+    const emit = __emit;
+    const instance = vue.getCurrentInstance();
+    const _router = instance.appContext.config.globalProperties.$router;
+    const { go } = router.useRouterHelper(_router);
+    function handleClick(event) {
+      if (__props.route) {
+        go(__props.route, __props.isReplace);
+      }
+      if (!__props.disabled) emit("click", event);
+    }
+    const _icon = vue.computed(() => {
+      return utils.singleAttrToObj(__props.icon, "icon");
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).m(_ctx.type),
+          vue.unref(ns).is("disabled", _ctx.disabled),
+          vue.unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
+        ]),
+        onClick: handleClick
+      }, [
+        _icon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, _icon.value)), null, 16)) : vue.createCommentVNode("", true),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          class: vue.normalizeClass(vue.unref(ns).e("inner"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

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

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

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

package/lib/components/list-cell/index.cjs

@@ -1 +1,12 @@
-"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 t=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./list-cell.vue2.cjs"),e=t.withInstall(r.default);exports.VftListCell=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 listCell_vue_vue_type_script_setup_true_lang = require("./list-cell.vue2.cjs");
+const VftListCell = install.withInstall(listCell_vue_vue_type_script_setup_true_lang.default);
+exports.VftListCell = VftListCell;
+exports.default = VftListCell;

package/lib/components/list-cell/list-cell.vue.cjs

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

package/lib/components/list-cell/list-cell.vue2.cjs

@@ -1 +1,86 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../icon/index.cjs");require("@vueuse/core");const u=require("@vft/utils"),f=require("../../utils/helper.cjs"),v=require("../../utils/ns-cover.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 p=["onClick"],h=e.defineComponent({name:"vft-list-cell"}),q=e.defineComponent({...h,props:{list:{default:()=>[]},cellHeight:{default:50},leftTextDistance:{default:8},activeIndex:{}},emits:["item-click"],setup(c,{emit:d}){const n=C.useNamespace("list-cell"),m=d,s=e.ref(c.activeIndex),k=e.computed(()=>v.generateCssVars({height:f.addUnit(c.cellHeight),"left-text-distance":f.addUnit(c.leftTextDistance)},"list-cell"));function g(r,l){s.value=l,m("item-click",r,l)}const o=(r,l={})=>u.singleAttrToObj(r,"icon",{size:16,...l});return(r,l)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(k.value),class:e.normalizeClass(e.unref(n).b())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.list,(t,i)=>(e.openBlock(),e.createElementBlock("div",{onClick:B=>g(t,i),key:i,class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).is("active",s.value===i)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("left"))},[e.createVNode(e.unref(a.VftIcon),e.mergeProps({ref_for:!0},o(t.leftIcon)),null,16),e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("text"))},e.toDisplayString(t.text),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).m("right"))},[t?.rightContent?(e.openBlock(),e.createBlock(e.unref(u.VNode),{key:0,content:t.rightContent},null,8,["content"])):o(t.rightIcon)?.icon?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:1,ref_for:!0},o(t.rightIcon)),null,16)):e.createCommentVNode("",!0)],2)],10,p))),128))],6))}});exports.default=q;
+"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");
+const helper = require("../../utils/helper.cjs");
+const nsCover = require("../../utils/ns-cover.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 _hoisted_1 = ["onClick"];
+const __default__ = vue.defineComponent({
+  name: "vft-list-cell"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    list: { default: () => [] },
+    cellHeight: { default: 50 },
+    leftTextDistance: { default: 8 },
+    activeIndex: {}
+  },
+  emits: ["item-click"],
+  setup(__props, { emit: __emit }) {
+    const ns = index.useNamespace("list-cell");
+    const emit = __emit;
+    const _activeIndex = vue.ref(__props.activeIndex);
+    const style = vue.computed(() => {
+      return nsCover.generateCssVars(
+        {
+          height: helper.addUnit(__props.cellHeight),
+          "left-text-distance": helper.addUnit(__props.leftTextDistance)
+        },
+        "list-cell"
+      );
+    });
+    function onItemClick(item, index2) {
+      _activeIndex.value = index2;
+      emit("item-click", item, index2);
+    }
+    const iconConfig = (iconCfg, extraIconCfg = {}) => {
+      return utils.singleAttrToObj(iconCfg, "icon", {
+        size: 16,
+        ...extraIconCfg
+      });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: vue.normalizeStyle(style.value),
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, index2) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            onClick: ($event) => onItemClick(item, index2),
+            key: index2,
+            class: vue.normalizeClass([vue.unref(ns).e("item"), vue.unref(ns).is("active", _activeIndex.value === index2)])
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).m("left"))
+            }, [
+              vue.createVNode(vue.unref(index$1.VftIcon), vue.mergeProps({ ref_for: true }, iconConfig(item.leftIcon)), null, 16),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).e("text"))
+              }, vue.toDisplayString(item.text), 3)
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).m("right"))
+            }, [
+              item?.rightContent ? (vue.openBlock(), vue.createBlock(vue.unref(utils.VNode), {
+                key: 0,
+                content: item.rightContent
+              }, null, 8, ["content"])) : iconConfig(item.rightIcon)?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.mergeProps({
+                key: 1,
+                ref_for: true
+              }, iconConfig(item.rightIcon)), null, 16)) : vue.createCommentVNode("", true)
+            ], 2)
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/list-cell/style/css.cjs

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

package/lib/components/list-cell/style/index.cjs

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

package/lib/components/loading/directive.cjs

@@ -1 +1,89 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vft/utils"),m=require("vue"),y=require("./service.cjs"),v=Symbol("VftLoading"),n=(c,s)=>{const t=s.instance,e=a=>u.isObject(s.value)?s.value[a]:void 0,l=a=>{const r=u.isString(a)&&t?.[a]||a;return r&&m.ref(r)},o=a=>l(e(a)??c.getAttribute(`vft-loading-${u.hyphenate(a)}`)),f=e("fullscreen")??s.modifiers.fullscreen,i={text:o("text"),svg:o("svg"),svgViewBox:o("svgViewBox"),spinner:o("spinner"),visible:o("visible"),background:o("background"),customClass:o("customClass"),rotate:o("rotate"),img:o("img"),icon:o("icon"),fullscreen:f,target:e("target")??(f?void 0:c),body:e("body")??s.modifiers.body,lock:e("lock")??s.modifiers.lock};c[v]={options:i,instance:y.Loading(i)}},d=(c,s)=>{for(const t of Object.keys(s))m.isRef(s[t])&&(s[t].value=c[t])},S=p();function p(c){function s(t){c&&(t.value={...c,...t.value})}return{mounted(t,e){e.value!==!1&&(s(e),e.value?.visible===!1&&(e.value=void 0),e.value&&n(t,e))},updated(t,e){const l=t[v];e.oldValue!==e.value&&(e.value&&!e.oldValue||e.value?.visible?(s(e),n(t,e)):e.value&&e.oldValue?(e.value?.visible===!1&&l?.instance.close(),u.isObject(e.value)&&(s(e),d(e.value,l.options))):l?.instance.close())},unmounted(t){t[v]?.instance.close()}}}exports.createLoadingDirective=p;exports.vLoading=S;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const vue = require("vue");
+const service = require("./service.cjs");
+const INSTANCE_KEY = Symbol("VftLoading");
+const createInstance = (el, binding) => {
+  const vm = binding.instance;
+  const getBindingProp = (key) => utils.isObject(binding.value) ? binding.value[key] : void 0;
+  const resolveExpression = (key) => {
+    const data = utils.isString(key) && vm?.[key] || key;
+    if (data) return vue.ref(data);
+    else return data;
+  };
+  const getProp = (name) => resolveExpression(
+    getBindingProp(name) ?? el.getAttribute(`vft-loading-${utils.hyphenate(name)}`)
+  );
+  const fullscreen = getBindingProp("fullscreen") ?? binding.modifiers.fullscreen;
+  const options = {
+    text: getProp("text"),
+    svg: getProp("svg"),
+    svgViewBox: getProp("svgViewBox"),
+    spinner: getProp("spinner"),
+    visible: getProp("visible"),
+    background: getProp("background"),
+    customClass: getProp("customClass"),
+    rotate: getProp("rotate"),
+    img: getProp("img"),
+    icon: getProp("icon"),
+    fullscreen,
+    target: getBindingProp("target") ?? (fullscreen ? void 0 : el),
+    body: getBindingProp("body") ?? binding.modifiers.body,
+    lock: getBindingProp("lock") ?? binding.modifiers.lock
+  };
+  el[INSTANCE_KEY] = {
+    options,
+    instance: service.Loading(options)
+  };
+};
+const updateOptions = (newOptions, originalOptions) => {
+  for (const key of Object.keys(originalOptions)) {
+    if (vue.isRef(originalOptions[key]))
+      originalOptions[key].value = newOptions[key];
+  }
+};
+const vLoading = createLoadingDirective();
+function createLoadingDirective(defaultLoadingCfg) {
+  function defaultConfigSetting(binding) {
+    if (defaultLoadingCfg) {
+      binding.value = { ...defaultLoadingCfg, ...binding.value };
+    }
+  }
+  return {
+    mounted(el, binding) {
+      if (binding.value === false) return;
+      defaultConfigSetting(binding);
+      if (binding.value?.visible === false) {
+        binding.value = void 0;
+      }
+      if (binding.value) {
+        createInstance(el, binding);
+      }
+    },
+    updated(el, binding) {
+      const instance = el[INSTANCE_KEY];
+      if (binding.oldValue !== binding.value) {
+        if (binding.value && !binding.oldValue || binding.value?.visible) {
+          defaultConfigSetting(binding);
+          createInstance(el, binding);
+        } else if (binding.value && binding.oldValue) {
+          if (binding.value?.visible === false) {
+            instance?.instance.close();
+          }
+          if (utils.isObject(binding.value)) {
+            defaultConfigSetting(binding);
+            updateOptions(binding.value, instance.options);
+          }
+        } else {
+          instance?.instance.close();
+        }
+      }
+    },
+    unmounted(el) {
+      el[INSTANCE_KEY]?.instance.close();
+    }
+  };
+}
+exports.createLoadingDirective = createLoadingDirective;
+exports.vLoading = vLoading;

package/lib/components/loading/index.cjs

@@ -1 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./directive.cjs"),i=require("./service.cjs"),t={install(o){o.directive("loading",e.vLoading),o.config.globalProperties.$loading=i.Loading},directive:e.vLoading,service:i.Loading};exports.VftLoadingDirective=e.vLoading;exports.createLoadingDirective=e.createLoadingDirective;exports.vLoading=e.vLoading;exports.VftLoadingService=i.Loading;exports.VftLoading=t;exports.default=t;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const directive = require("./directive.cjs");
+const service = require("./service.cjs");
+const VftLoading = {
+  install(app) {
+    app.directive("loading", directive.vLoading);
+    app.config.globalProperties.$loading = service.Loading;
+  },
+  directive: directive.vLoading,
+  service: service.Loading
+};
+exports.VftLoadingDirective = directive.vLoading;
+exports.createLoadingDirective = directive.createLoadingDirective;
+exports.vLoading = directive.vLoading;
+exports.VftLoadingService = service.Loading;
+exports.VftLoading = VftLoading;
+exports.default = VftLoading;

package/lib/components/loading/loading.cjs

@@ -1 +1,157 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(o){let u;const r=A.useNamespace("loading"),a=t.ref(!1),e=t.reactive({...o,originalPosition:"",originalOverflow:"",visible:!1});function p(n){e.text=n}t.watch(()=>e.visible,n=>{n||v()});function h(){const n=e.parent;if(!n.vLoadingAddClassList){let i=n.getAttribute("loading-number");i=Number.parseInt(i)-1,i?n.setAttribute("loading-number",i.toString()):(l.removeClass(n,r.bm("parent","relative")),n.removeAttribute("loading-number")),l.removeClass(n,r.bm("parent","hidden"))}d(),f.unmount()}function d(){s.$el?.parentNode?.removeChild(s.$el)}function v(){o.beforeClose&&!o.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,o.closed?.())}function c(){if(!a.value)return;const n=e.parent;a.value=!1,n.vLoadingAddClassList=void 0,h()}const x={name:"VftLoading",setup(n,{expose:i}){return()=>{const C=T.useZIndex();i({ns:r,zIndex:C});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,L=b?t.h(w.VftIcon,b):m?t.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):t.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[t.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?t.h("p",{class:r.b("text")},e.text):void 0;return t.h(t.Transition,{name:r.b("fade"),onAfterLeave:c},{default:t.withCtx(()=>[t.withDirectives(t.createVNode("div",{style:{backgroundColor:e.background||""},class:[r.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[t.h("div",{class:r.b("spinner")},[L,q])]),[[t.vShow,e.visible]])])})}}},f=t.createApp(x),s=f.mount(document.createElement("div"));return{...t.toRefs(e),setText:p,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=V;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const index$2 = require("../icon/index.cjs");
+require("@vueuse/core");
+require("../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+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-z-index/index.cjs");
+function createLoadingComponent(options) {
+  let afterLeaveTimer;
+  const ns = index.useNamespace("loading");
+  const afterLeaveFlag = vue.ref(false);
+  const data = vue.reactive({
+    ...options,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: false
+  });
+  function setText(text) {
+    data.text = text;
+  }
+  vue.watch(
+    () => data.visible,
+    (val) => {
+      if (!val) {
+        close();
+      }
+    }
+  );
+  function destroySelf() {
+    const target = data.parent;
+    if (!target.vLoadingAddClassList) {
+      let loadingNumber = target.getAttribute("loading-number");
+      loadingNumber = Number.parseInt(loadingNumber) - 1;
+      if (!loadingNumber) {
+        utils.removeClass(target, ns.bm("parent", "relative"));
+        target.removeAttribute("loading-number");
+      } else {
+        target.setAttribute("loading-number", loadingNumber.toString());
+      }
+      utils.removeClass(target, ns.bm("parent", "hidden"));
+    }
+    removeVftLoadingChild();
+    loadingInstance.unmount();
+  }
+  function removeVftLoadingChild() {
+    vm.$el?.parentNode?.removeChild(vm.$el);
+  }
+  function close() {
+    if (options.beforeClose && !options.beforeClose()) return;
+    afterLeaveFlag.value = true;
+    clearTimeout(afterLeaveTimer);
+    afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
+    data.visible = false;
+    options.closed?.();
+  }
+  function handleAfterLeave() {
+    if (!afterLeaveFlag.value) return;
+    const target = data.parent;
+    afterLeaveFlag.value = false;
+    target.vLoadingAddClassList = void 0;
+    destroySelf();
+  }
+  const VftLoadingComponent = {
+    name: "VftLoading",
+    setup(_, { expose }) {
+      return () => {
+        const zIndex = index$1.useZIndex();
+        expose({
+          ns,
+          zIndex
+        });
+        const svg = data.spinner || data.svg;
+        const img = data.img;
+        const icon = data.icon ? utils.singleAttrToObj(data.icon, "icon") : false;
+        const spinner = icon ? vue.h(index$2.VftIcon, icon) : img ? vue.h("img", {
+          class: [
+            "circular circular-img",
+            data.rotate ? "" : "circular-no-rotate"
+          ],
+          src: img
+        }) : vue.h(
+          "svg",
+          {
+            class: "circular",
+            viewBox: data.svgViewBox ? data.svgViewBox : "0 0 50 50",
+            ...svg ? { innerHTML: svg } : {}
+          },
+          [
+            vue.h("circle", {
+              class: "path",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none"
+            })
+          ]
+        );
+        const spinnerText = data.text ? vue.h("p", { class: ns.b("text") }, data.text) : void 0;
+        return vue.h(
+          vue.Transition,
+          {
+            name: ns.b("fade"),
+            onAfterLeave: handleAfterLeave
+          },
+          {
+            default: vue.withCtx(() => [
+              vue.withDirectives(
+                vue.createVNode(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: data.background || ""
+                    },
+                    class: [
+                      ns.b("mask"),
+                      data.customClass,
+                      data.fullscreen ? "is-fullscreen" : ""
+                    ]
+                  },
+                  [
+                    vue.h(
+                      "div",
+                      {
+                        class: ns.b("spinner")
+                      },
+                      [spinner, spinnerText]
+                    )
+                  ]
+                ),
+                [[vue.vShow, data.visible]]
+              )
+            ])
+          }
+        );
+      };
+    }
+  };
+  const loadingInstance = vue.createApp(VftLoadingComponent);
+  const vm = loadingInstance.mount(document.createElement("div"));
+  return {
+    ...vue.toRefs(data),
+    setText,
+    removeVftLoadingChild,
+    close,
+    handleAfterLeave,
+    vm,
+    get $el() {
+      return vm.$el;
+    }
+  };
+}
+exports.createLoadingComponent = createLoadingComponent;

package/lib/components/loading/service.cjs

@@ -1 +1,109 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils"),c=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const l=require("vue");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const g=require("./loading.cjs");let a;const m=function(t={}){if(!c.isClient)return;const e=b(t);if(e.fullscreen&&a)return a;const r=g.createLoadingComponent({...e,closed:()=>{e.closed?.(),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),l.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},b=t=>{let e;return o.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:l.unref(t.background)||"",svg:l.unref(t.svg)||"",svgViewBox:l.unref(t.svgViewBox)||"",spinner:l.unref(t.spinner)||!1,img:l.unref(t.img)||!1,icon:l.unref(t.icon)||!1,text:l.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:l.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=r.vm.zIndex,s={};if(t.fullscreen)r.originalPosition.value=o.getStyle(document.body,"position"),r.originalOverflow.value=o.getStyle(document.body,"overflow"),s.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=o.getStyle(document.body,"position"),await l.nextTick();for(const i of["top","left"]){const u=i==="top"?"scrollTop":"scrollLeft";s[i]=`${t.target.getBoundingClientRect()[i]+document.body[u]+document.documentElement[u]-Number.parseInt(o.getStyle(document.body,`margin-${i}`),10)}px`}for(const i of["height","width"])s[i]=`${t.target.getBoundingClientRect()[i]}px`}else r.originalPosition.value=o.getStyle(e,"position");for(const[i,u]of Object.entries(s))r.$el.style[i]=u},d=(t,e,r)=>{const n=f.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?o.removeClass(e,n.bm("parent","relative")):o.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?o.addClass(e,n.bm("parent","hidden")):o.removeClass(e,n.bm("parent","hidden"))};exports.Loading=m;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const core = require("@vueuse/core");
+require("../config-provider/hooks/use-global-config.cjs");
+const vue = require("vue");
+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 loading = require("./loading.cjs");
+let fullscreenInstance = void 0;
+const Loading = function(options = {}) {
+  if (!core.isClient) return void 0;
+  const resolved = resolveOptions(options);
+  if (resolved.fullscreen && fullscreenInstance) {
+    return fullscreenInstance;
+  }
+  const instance = loading.createLoadingComponent({
+    ...resolved,
+    closed: () => {
+      resolved.closed?.();
+      if (resolved.fullscreen) fullscreenInstance = void 0;
+    }
+  });
+  addStyle(resolved, resolved.parent, instance);
+  addClassList(resolved, resolved.parent, instance);
+  resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);
+  let loadingNumber = resolved.parent.getAttribute("loading-number");
+  if (!loadingNumber) {
+    loadingNumber = "1";
+  } else {
+    loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;
+  }
+  resolved.parent.setAttribute("loading-number", loadingNumber);
+  resolved.parent.appendChild(instance.$el);
+  vue.nextTick(() => instance.visible.value = resolved.visible);
+  if (resolved.fullscreen) {
+    fullscreenInstance = instance;
+  }
+  return instance;
+};
+const resolveOptions = (options) => {
+  let target;
+  if (utils.isString(options.target)) {
+    target = document.querySelector(options.target) ?? document.body;
+  } else {
+    target = options.target || document.body;
+  }
+  return {
+    parent: target === document.body || options.body ? document.body : target,
+    background: vue.unref(options.background) || "",
+    svg: vue.unref(options.svg) || "",
+    svgViewBox: vue.unref(options.svgViewBox) || "",
+    spinner: vue.unref(options.spinner) || false,
+    img: vue.unref(options.img) || false,
+    icon: vue.unref(options.icon) || false,
+    text: vue.unref(options.text) || "",
+    rotate: options.rotate ?? true,
+    fullscreen: target === document.body && (options.fullscreen ?? true),
+    lock: options.lock ?? false,
+    customClass: vue.unref(options.customClass) || "",
+    visible: options.visible ?? true,
+    target
+  };
+};
+const addStyle = async (options, parent, instance) => {
+  const { nextZIndex } = instance.vm.zIndex;
+  const maskStyle = {};
+  if (options.fullscreen) {
+    instance.originalPosition.value = utils.getStyle(document.body, "position");
+    instance.originalOverflow.value = utils.getStyle(document.body, "overflow");
+    maskStyle.zIndex = nextZIndex();
+  } else if (options.parent === document.body) {
+    instance.originalPosition.value = utils.getStyle(document.body, "position");
+    await vue.nextTick();
+    for (const property of ["top", "left"]) {
+      const scroll = property === "top" ? "scrollTop" : "scrollLeft";
+      maskStyle[property] = `${// @ts-ignore
+      options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - Number.parseInt(
+        utils.getStyle(document.body, `margin-${property}`),
+        10
+      )}px`;
+    }
+    for (const property of ["height", "width"]) {
+      maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
+    }
+  } else {
+    instance.originalPosition.value = utils.getStyle(parent, "position");
+  }
+  for (const [key, value] of Object.entries(maskStyle)) {
+    instance.$el.style[key] = value;
+  }
+};
+const addClassList = (options, parent, instance) => {
+  const ns = index.useNamespace("loading");
+  if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
+    utils.addClass(parent, ns.bm("parent", "relative"));
+  } else {
+    utils.removeClass(parent, ns.bm("parent", "relative"));
+  }
+  if (options.fullscreen && options.lock) {
+    utils.addClass(parent, ns.bm("parent", "hidden"));
+  } else {
+    utils.removeClass(parent, ns.bm("parent", "hidden"));
+  }
+};
+exports.Loading = Loading;

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

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

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

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

package/lib/components/logo/index.cjs

@@ -1 +1,12 @@
-"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 t=require("./logo.vue2.cjs"),e=r.withInstall(t.default);exports.VftLogo=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 logo_vue_vue_type_script_setup_true_lang = require("./logo.vue2.cjs");
+const VftLogo = install.withInstall(logo_vue_vue_type_script_setup_true_lang.default);
+exports.VftLogo = VftLogo;
+exports.default = VftLogo;

package/lib/components/logo/logo.vue.cjs

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