vft 0.0.369 → 0.0.371

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

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

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

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

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

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

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

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

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

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

package/lib/components/loading/index.cjs

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

package/lib/components/loading/loading.cjs

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

package/lib/components/loading/service.cjs

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

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

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

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

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