vft 0.0.375 → 0.0.376

package/lib/components/popper/trigger.vue2.cjs

@@ -1,149 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const onlyChild = require("../slot/only-child.cjs");
-const core = require("@vueuse/core");
-require("../config-provider/hooks/use-global-config.cjs");
-const lodashEs = require("lodash-es");
-const index = require("../../hooks/use-forward-ref/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const constants = require("./constants.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftPopperTrigger",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    virtualRef: {},
-    virtualTriggering: { type: Boolean },
-    onMouseenter: {},
-    onMouseleave: {},
-    onClick: {},
-    onKeydown: {},
-    onFocus: {},
-    onBlur: {},
-    onContextmenu: {},
-    id: {},
-    open: { type: Boolean }
-  },
-  setup(__props, { expose: __expose }) {
-    const instance = vue.getCurrentInstance();
-    const { role, triggerRef } = vue.inject(constants.POPPER_INJECTION_KEY, void 0);
-    index.useForwardRef(triggerRef);
-    const ariaControls = vue.computed(() => {
-      return ariaHaspopup.value ? __props.id : void 0;
-    });
-    const ariaDescribedby = vue.computed(() => {
-      if (role && role.value === "tooltip") {
-        return __props.open && __props.id ? __props.id : void 0;
-      }
-      return void 0;
-    });
-    const ariaHaspopup = vue.computed(() => {
-      if (role && role.value !== "tooltip") {
-        return role.value;
-      }
-      return void 0;
-    });
-    const ariaExpanded = vue.computed(() => {
-      return ariaHaspopup.value ? `${__props.open}` : void 0;
-    });
-    let virtualTriggerAriaStopWatch = void 0;
-    vue.onMounted(() => {
-      vue.watch(
-        () => __props.virtualRef,
-        (virtualEl) => {
-          if (virtualEl) {
-            triggerRef.value = core.unrefElement(virtualEl);
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-      vue.watch(
-        triggerRef,
-        (el, prevEl) => {
-          virtualTriggerAriaStopWatch?.();
-          virtualTriggerAriaStopWatch = void 0;
-          if (utils.isElement(el)) {
-            [
-              "onMouseenter",
-              "onMouseleave",
-              "onClick",
-              "onKeydown",
-              "onFocus",
-              "onBlur",
-              "onContextmenu"
-            ].forEach((eventName) => {
-              const handler = instance.props[eventName];
-              if (handler) {
-                el.addEventListener(
-                  eventName.slice(2).toLowerCase(),
-                  handler
-                );
-                prevEl?.removeEventListener?.(
-                  eventName.slice(2).toLowerCase(),
-                  handler
-                );
-              }
-            });
-            virtualTriggerAriaStopWatch = vue.watch(
-              [ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded],
-              (watches) => {
-                [
-                  "aria-controls",
-                  "aria-describedby",
-                  "aria-haspopup",
-                  "aria-expanded"
-                ].forEach((key, idx) => {
-                  lodashEs.isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-                });
-              },
-              { immediate: true }
-            );
-          }
-          if (utils.isElement(prevEl)) {
-            [
-              "aria-controls",
-              "aria-describedby",
-              "aria-haspopup",
-              "aria-expanded"
-            ].forEach((key) => prevEl.removeAttribute(key));
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-    });
-    vue.onBeforeUnmount(() => {
-      virtualTriggerAriaStopWatch?.();
-      virtualTriggerAriaStopWatch = void 0;
-    });
-    __expose({
-      /**
-       * @description trigger element
-       */
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return !_ctx.virtualTriggering ? (vue.openBlock(), vue.createBlock(vue.unref(onlyChild.OnlyChild), vue.mergeProps({ key: 0 }, _ctx.$attrs, {
-        "aria-controls": ariaControls.value,
-        "aria-describedby": ariaDescribedby.value,
-        "aria-expanded": ariaExpanded.value,
-        "aria-haspopup": ariaHaspopup.value
-      }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),g=require("../slot/only-child.cjs"),b=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const C=require("lodash-es"),y=require("../../hooks/use-forward-ref/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./constants.cjs"),E=e.defineComponent({name:"VftPopperTrigger",inheritAttrs:!1}),w=e.defineComponent({...E,props:{virtualRef:{},virtualTriggering:{type:Boolean},onMouseenter:{},onMouseleave:{},onClick:{},onKeydown:{},onFocus:{},onBlur:{},onContextmenu:{},id:{},open:{type:Boolean}},setup(t,{expose:m}){const h=e.getCurrentInstance(),{role:n,triggerRef:u}=e.inject(q.POPPER_INJECTION_KEY,void 0);y.useForwardRef(u);const c=e.computed(()=>s.value?t.id:void 0),l=e.computed(()=>{if(n&&n.value==="tooltip")return t.open&&t.id?t.id:void 0}),s=e.computed(()=>{if(n&&n.value!=="tooltip")return n.value}),p=e.computed(()=>s.value?`${t.open}`:void 0);let a;return e.onMounted(()=>{e.watch(()=>t.virtualRef,r=>{r&&(u.value=b.unrefElement(r))},{immediate:!0}),e.watch(u,(r,d)=>{a?.(),a=void 0,f.isElement(r)&&(["onMouseenter","onMouseleave","onClick","onKeydown","onFocus","onBlur","onContextmenu"].forEach(o=>{const i=h.props[o];i&&(r.addEventListener(o.slice(2).toLowerCase(),i),d?.removeEventListener?.(o.slice(2).toLowerCase(),i))}),a=e.watch([c,l,s,p],o=>{["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach((i,v)=>{C.isNil(o[v])?r.removeAttribute(i):r.setAttribute(i,o[v])})},{immediate:!0})),f.isElement(d)&&["aria-controls","aria-describedby","aria-haspopup","aria-expanded"].forEach(o=>d.removeAttribute(o))},{immediate:!0})}),e.onBeforeUnmount(()=>{a?.(),a=void 0}),m({triggerRef:u}),(r,d)=>r.virtualTriggering?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(g.OnlyChild),e.mergeProps({key:0},r.$attrs,{"aria-controls":c.value,"aria-describedby":l.value,"aria-expanded":p.value,"aria-haspopup":s.value}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16,["aria-controls","aria-describedby","aria-expanded","aria-haspopup"]))}});exports.default=w;

package/lib/components/popper/utils.cjs

@@ -1,60 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@vueuse/core");
-const buildPopperOptions = (props, modifiers = []) => {
-  const { placement, strategy, popperOptions } = props;
-  const options = {
-    placement,
-    strategy,
-    ...popperOptions,
-    modifiers: [...genModifiers(props), ...modifiers]
-  };
-  deriveExtraModifiers(options, popperOptions?.modifiers);
-  return options;
-};
-const unwrapMeasurableEl = ($el) => {
-  if (!core.isClient) return;
-  return core.unrefElement($el);
-};
-function genModifiers(options) {
-  const { offset, gpuAcceleration, fallbackPlacements } = options;
-  return [
-    {
-      name: "offset",
-      options: {
-        offset: [0, offset ?? 12]
-      }
-    },
-    {
-      name: "preventOverflow",
-      options: {
-        padding: {
-          top: 2,
-          bottom: 2,
-          left: 5,
-          right: 5
-        }
-      }
-    },
-    {
-      name: "flip",
-      options: {
-        padding: 5,
-        fallbackPlacements
-      }
-    },
-    {
-      name: "computeStyles",
-      options: {
-        gpuAcceleration
-      }
-    }
-  ];
-}
-function deriveExtraModifiers(options, modifiers) {
-  if (modifiers) {
-    options.modifiers = [...options.modifiers, ...modifiers ?? []];
-  }
-}
-exports.buildPopperOptions = buildPopperOptions;
-exports.unwrapMeasurableEl = unwrapMeasurableEl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vueuse/core"),p=(e,t=[])=>{const{placement:o,strategy:n,popperOptions:i}=e,r={placement:o,strategy:n,...i,modifiers:[...f(e),...t]};return l(r,i?.modifiers),r},a=e=>{if(s.isClient)return s.unrefElement(e)};function f(e){const{offset:t,gpuAcceleration:o,fallbackPlacements:n}=e;return[{name:"offset",options:{offset:[0,t??12]}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5,fallbackPlacements:n}},{name:"computeStyles",options:{gpuAcceleration:o}}]}function l(e,t){t&&(e.modifiers=[...e.modifiers,...t??[]])}exports.buildPopperOptions=p;exports.unwrapMeasurableEl=a;

package/lib/components/progress/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 progress_vue_vue_type_script_setup_true_lang = require("./progress.vue2.cjs");
-const VftProgress = install.withInstall(progress_vue_vue_type_script_setup_true_lang.default);
-exports.VftProgress = VftProgress;
-exports.default = VftProgress;
+"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("./progress.vue2.cjs"),e=r.withInstall(t.default);exports.VftProgress=e;exports.default=e;

package/lib/components/progress/progress.vue.cjs

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

package/lib/components/progress/progress.vue2.cjs

@@ -1,220 +1,6 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index$1 = require("../icon/index.cjs");
-require("@vueuse/core");
-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 _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = { viewBox: "0 0 100 100" };
-const _hoisted_3 = ["d", "stroke", "stroke-width"];
-const _hoisted_4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
-const _hoisted_5 = { key: 0 };
-const __default__ = vue.defineComponent({
-  name: "vft-progress"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    type: { default: "line" },
-    percentage: { default: 0 },
-    status: { default: "" },
-    indeterminate: { type: Boolean, default: false },
-    duration: { default: 3 },
-    strokeWidth: { default: 6 },
-    strokeLinecap: { default: "round" },
-    textInside: { type: Boolean, default: false },
-    width: { default: 126 },
-    showText: { type: Boolean, default: true },
-    color: { type: [String, Array, Function], default: "" },
-    striped: { type: Boolean, default: false },
-    stripedFlow: { type: Boolean, default: false },
-    format: { type: Function, default: (percentage) => `${percentage}%` }
-  },
-  setup(__props) {
-    const ns = index.useNamespace("progress");
-    const STATUS_COLOR_MAP = {
-      success: "#13ce66",
-      exception: "#ff4949",
-      warning: "#e6a23c",
-      default: "#20a0ff"
-    };
-    const barStyle = vue.computed(() => ({
-      width: `${__props.percentage}%`,
-      animationDuration: `${__props.duration}s`,
-      backgroundColor: getCurrentColor(__props.percentage)
-    }));
-    const relativeStrokeWidth = vue.computed(
-      () => (__props.strokeWidth / __props.width * 100).toFixed(1)
-    );
-    const radius = vue.computed(() => {
-      if (["circle", "dashboard"].includes(__props.type)) {
-        return Number.parseInt(
-          `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,
-          10
-        );
-      }
-      return 0;
-    });
-    const trackPath = vue.computed(() => {
-      const r = radius.value;
-      const isDashboard = __props.type === "dashboard";
-      return `
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils"),C=require("../icon/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=["aria-valuenow"],N={viewBox:"0 0 100 100"},q=["d","stroke","stroke-width"],V=["d","stroke","opacity","stroke-linecap","stroke-width"],D={key:0},T=e.defineComponent({name:"vft-progress"}),I=e.defineComponent({...T,props:{type:{default:"line"},percentage:{default:0},status:{default:""},indeterminate:{type:Boolean,default:!1},duration:{default:3},strokeWidth:{default:6},strokeLinecap:{default:"round"},textInside:{type:Boolean,default:!1},width:{default:126},showText:{type:Boolean,default:!0},color:{type:[String,Array,Function],default:""},striped:{type:Boolean,default:!1},stripedFlow:{type:Boolean,default:!1},format:{type:Function,default:r=>`${r}%`}},setup(r){const a=z.useNamespace("progress"),f={success:"#13ce66",exception:"#ff4949",warning:"#e6a23c",default:"#20a0ff"},g=e.computed(()=>({width:`${r.percentage}%`,animationDuration:`${r.duration}s`,backgroundColor:v(r.percentage)})),s=e.computed(()=>(r.strokeWidth/r.width*100).toFixed(1)),m=e.computed(()=>["circle","dashboard"].includes(r.type)?Number.parseInt(`${50-Number.parseFloat(s.value)/2}`,10):0),h=e.computed(()=>{const t=m.value,n=r.type==="dashboard";return`
           M 50 50
-          m 0 ${isDashboard ? "" : "-"}${r}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
-          a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
-          `;
-    });
-    const perimeter = vue.computed(() => 2 * Math.PI * radius.value);
-    const rate = vue.computed(() => __props.type === "dashboard" ? 0.75 : 1);
-    const strokeDashoffset = vue.computed(() => {
-      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
-      return `${offset}px`;
-    });
-    const trailPathStyle = vue.computed(() => ({
-      strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
-      strokeDashoffset: strokeDashoffset.value
-    }));
-    const circlePathStyle = vue.computed(() => ({
-      strokeDasharray: `${perimeter.value * rate.value * (__props.percentage / 100)}px, ${perimeter.value}px`,
-      strokeDashoffset: strokeDashoffset.value,
-      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
-    }));
-    const stroke = vue.computed(() => {
-      let ret;
-      if (__props.color) {
-        ret = getCurrentColor(__props.percentage);
-      } else {
-        ret = STATUS_COLOR_MAP[__props.status] || STATUS_COLOR_MAP.default;
-      }
-      return ret;
-    });
-    const statusIcon = vue.computed(() => {
-      if (__props.status === "warning") {
-        return "icon-warning-filled";
-      }
-      if (__props.type === "line") {
-        return __props.status === "success" ? "icon-circle-check" : "icon-circle-close";
-      } else {
-        return __props.status === "success" ? "icon-check" : "icon-close";
-      }
-    });
-    const progressTextSize = vue.computed(() => {
-      return __props.type === "line" ? 12 + __props.strokeWidth * 0.4 : __props.width * 0.111111 + 2;
-    });
-    const content = vue.computed(() => __props.format(__props.percentage));
-    function getColors(_color) {
-      const span = 100 / _color.length;
-      const seriesColors = _color.map((seriesColor, index2) => {
-        if (utils.isString(seriesColor)) {
-          return {
-            color: seriesColor,
-            percentage: (index2 + 1) * span
-          };
-        }
-        return seriesColor;
-      });
-      return seriesColors.sort((a, b) => a.percentage - b.percentage);
-    }
-    const getCurrentColor = (percentage) => {
-      if (utils.isFunction(__props.color)) {
-        return __props.color(percentage);
-      } else if (utils.isString(__props.color)) {
-        return __props.color;
-      } else {
-        const colors = getColors(__props.color);
-        for (const _color of colors) {
-          if (_color.percentage > percentage) return _color.color;
-        }
-        return colors[colors.length - 1]?.color;
-      }
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).m(_ctx.type),
-          vue.unref(ns).is(_ctx.status),
-          {
-            [vue.unref(ns).m("without-text")]: !_ctx.showText,
-            [vue.unref(ns).m("text-inside")]: _ctx.textInside
-          }
-        ]),
-        role: "progressbar",
-        "aria-valuenow": _ctx.percentage,
-        "aria-valuemin": "0",
-        "aria-valuemax": "100"
-      }, [
-        _ctx.type === "line" ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).b("bar"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).be("bar", "outer")),
-            style: vue.normalizeStyle({ height: `${_ctx.strokeWidth}px` })
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([
-                vue.unref(ns).be("bar", "inner"),
-                { [vue.unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
-                { [vue.unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
-                { [vue.unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
-              ]),
-              style: vue.normalizeStyle(barStyle.value)
-            }, [
-              (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).be("bar", "innerText"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-                  vue.createElementVNode("span", null, vue.toDisplayString(content.value), 1)
-                ])
-              ], 2)) : vue.createCommentVNode("", true)
-            ], 6)
-          ], 6)
-        ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: vue.normalizeClass(vue.unref(ns).b("circle")),
-          style: vue.normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
-        }, [
-          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, [
-            vue.createElementVNode("path", {
-              class: vue.normalizeClass(vue.unref(ns).be("circle", "track")),
-              d: trackPath.value,
-              stroke: `var(${vue.unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
-              "stroke-width": relativeStrokeWidth.value,
-              fill: "none",
-              style: vue.normalizeStyle(trailPathStyle.value)
-            }, null, 14, _hoisted_3),
-            vue.createElementVNode("path", {
-              class: vue.normalizeClass(vue.unref(ns).be("circle", "path")),
-              d: trackPath.value,
-              stroke: stroke.value,
-              fill: "none",
-              opacity: _ctx.percentage ? 1 : 0,
-              "stroke-linecap": _ctx.strokeLinecap,
-              "stroke-width": relativeStrokeWidth.value,
-              style: vue.normalizeStyle(circlePathStyle.value)
-            }, null, 14, _hoisted_4)
-          ]))
-        ], 6)),
-        (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: vue.normalizeClass(vue.unref(ns).e("text")),
-          style: vue.normalizeStyle({ fontSize: `${progressTextSize.value}px` })
-        }, [
-          vue.renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
-            !_ctx.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(content.value), 1)) : statusIcon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.normalizeProps(vue.mergeProps({ key: 1 }, statusIcon.value)), null, 16)) : vue.createCommentVNode("", true)
-          ])
-        ], 6)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-exports.default = _sfc_main;
+          m 0 ${n?"":"-"}${t}
+          a ${t} ${t} 0 1 1 0 ${n?"-":""}${t*2}
+          a ${t} ${t} 0 1 1 0 ${n?"":"-"}${t*2}
+          `}),o=e.computed(()=>2*Math.PI*m.value),i=e.computed(()=>r.type==="dashboard"?.75:1),k=e.computed(()=>`${-1*o.value*(1-i.value)/2}px`),b=e.computed(()=>({strokeDasharray:`${o.value*i.value}px, ${o.value}px`,strokeDashoffset:k.value})),$=e.computed(()=>({strokeDasharray:`${o.value*i.value*(r.percentage/100)}px, ${o.value}px`,strokeDashoffset:k.value,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"})),w=e.computed(()=>{let t;return r.color?t=v(r.percentage):t=f[r.status]||f.default,t}),p=e.computed(()=>r.status==="warning"?"icon-warning-filled":r.type==="line"?r.status==="success"?"icon-circle-check":"icon-circle-close":r.status==="success"?"icon-check":"icon-close"),S=e.computed(()=>r.type==="line"?12+r.strokeWidth*.4:r.width*.111111+2),y=e.computed(()=>r.format(r.percentage));function B(t){const n=100/t.length;return t.map((l,c)=>d.isString(l)?{color:l,percentage:(c+1)*n}:l).sort((l,c)=>l.percentage-c.percentage)}const v=t=>{if(d.isFunction(r.color))return r.color(t);if(d.isString(r.color))return r.color;{const n=B(r.color);for(const u of n)if(u.percentage>t)return u.color;return n[n.length-1]?.color}};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a).b(),e.unref(a).m(t.type),e.unref(a).is(t.status),{[e.unref(a).m("without-text")]:!t.showText,[e.unref(a).m("text-inside")]:t.textInside}]),role:"progressbar","aria-valuenow":t.percentage,"aria-valuemin":"0","aria-valuemax":"100"},[t.type==="line"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).b("bar"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).be("bar","outer")),style:e.normalizeStyle({height:`${t.strokeWidth}px`})},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).be("bar","inner"),{[e.unref(a).bem("bar","inner","indeterminate")]:t.indeterminate},{[e.unref(a).bem("bar","inner","striped")]:t.striped},{[e.unref(a).bem("bar","inner","striped-flow")]:t.stripedFlow}]),style:e.normalizeStyle(g.value)},[(t.showText||t.$slots.default)&&t.textInside?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).be("bar","innerText"))},[e.renderSlot(t.$slots,"default",{percentage:t.percentage},()=>[e.createElementVNode("span",null,e.toDisplayString(y.value),1)])],2)):e.createCommentVNode("",!0)],6)],6)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).b("circle")),style:e.normalizeStyle({height:`${t.width}px`,width:`${t.width}px`})},[(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("path",{class:e.normalizeClass(e.unref(a).be("circle","track")),d:h.value,stroke:`var(${e.unref(a).cssVarName("fill-color-light")}, #e5e9f2)`,"stroke-width":s.value,fill:"none",style:e.normalizeStyle(b.value)},null,14,q),e.createElementVNode("path",{class:e.normalizeClass(e.unref(a).be("circle","path")),d:h.value,stroke:w.value,fill:"none",opacity:t.percentage?1:0,"stroke-linecap":t.strokeLinecap,"stroke-width":s.value,style:e.normalizeStyle($.value)},null,14,V)]))],6)),(t.showText||t.$slots.default)&&!t.textInside?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(a).e("text")),style:e.normalizeStyle({fontSize:`${S.value}px`})},[e.renderSlot(t.$slots,"default",{percentage:t.percentage},()=>[t.status?p.value?.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.normalizeProps(e.mergeProps({key:1},p.value)),null,16)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",D,e.toDisplayString(y.value),1))])],6)):e.createCommentVNode("",!0)],10,E))}});exports.default=I;

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

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

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

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

package/lib/components/progress-i/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 progressI_vue_vue_type_script_setup_true_lang = require("./progress-i.vue2.cjs");
-const VftProgressI = install.withInstall(progressI_vue_vue_type_script_setup_true_lang.default);
-exports.VftProgressI = VftProgressI;
-exports.default = VftProgressI;
+"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("./progress-i.vue2.cjs"),e=r.withInstall(t.default);exports.VftProgressI=e;exports.default=e;

package/lib/components/progress-i/progress-i.vue.cjs

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

package/lib/components/progress-i/progress-i.vue2.cjs

@@ -1,13 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "progress-i",
-  setup(__props) {
-    console.log(1);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, "1");
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=e.defineComponent({__name:"progress-i",setup(t){return console.log(1),(n,r)=>(e.openBlock(),e.createElementBlock("div",null,"1"))}});exports.default=o;

package/lib/components/progress-i/style/css.cjs

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

package/lib/components/progress-i/style/index.cjs

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

package/lib/components/qrcode/drawCanvas.cjs

@@ -1,31 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lodashEs = require("lodash-es");
-const qrcode = require("qrcode");
-const renderQrCode = ({
-  canvas,
-  content,
-  width = 0,
-  options: params = {}
-}) => {
-  const options = lodashEs.cloneDeep(params);
-  options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content);
-  return getOriginWidth(content, options).then((_width) => {
-    options.scale = width === 0 ? void 0 : width / _width * 4;
-    return qrcode.toCanvas(canvas, content, options);
-  });
-};
-function getOriginWidth(content, options) {
-  const _canvas = document.createElement("canvas");
-  return qrcode.toCanvas(_canvas, content, options).then(() => _canvas.width);
-}
-function getErrorCorrectionLevel(content) {
-  if (content.length > 36) {
-    return "M";
-  } else if (content.length > 16) {
-    return "Q";
-  } else {
-    return "H";
-  }
-}
-exports.renderQrCode = renderQrCode;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("lodash-es"),t=require("qrcode"),l=({canvas:e,content:r,width:n=0,options:i={}})=>{const o=c.cloneDeep(i);return o.errorCorrectionLevel=o.errorCorrectionLevel||a(r),u(r,o).then(s=>(o.scale=n===0?void 0:n/s*4,t.toCanvas(e,r,o)))};function u(e,r){const n=document.createElement("canvas");return t.toCanvas(n,e,r).then(()=>n.width)}function a(e){return e.length>36?"M":e.length>16?"Q":"H"}exports.renderQrCode=l;

package/lib/components/qrcode/drawLogo.cjs

@@ -1,81 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const drawLogo = ({ canvas, logo }) => {
-  if (!logo) {
-    return new Promise((resolve) => {
-      resolve(canvas.toDataURL());
-    });
-  }
-  const canvasWidth = canvas.width;
-  const {
-    logoSize = 0.15,
-    bgColor = "#fff",
-    borderSize = 0.05,
-    crossOrigin,
-    borderRadius = 8,
-    logoRadius = 0
-  } = logo;
-  const logoSrc = utils.isString(logo) ? logo : logo.src;
-  const logoWidth = canvasWidth * logoSize;
-  const logoXY = canvasWidth * (1 - logoSize) / 2;
-  const logoBgWidth = canvasWidth * (logoSize + borderSize);
-  const logoBgXY = canvasWidth * (1 - logoSize - borderSize) / 2;
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return;
-  canvasRoundRect(ctx)(
-    logoBgXY,
-    logoBgXY,
-    logoBgWidth,
-    logoBgWidth,
-    borderRadius
-  );
-  ctx.fillStyle = bgColor;
-  ctx.fill();
-  const image = new Image();
-  if (crossOrigin || logoRadius) {
-    image.setAttribute("crossOrigin", crossOrigin || "anonymous");
-  }
-  image.src = logoSrc;
-  const drawLogoWithImage = (image2) => {
-    ctx.drawImage(image2, logoXY, logoXY, logoWidth, logoWidth);
-  };
-  const drawLogoWithCanvas = (image2) => {
-    const canvasImage = document.createElement("canvas");
-    canvasImage.width = logoXY + logoWidth;
-    canvasImage.height = logoXY + logoWidth;
-    const imageCanvas = canvasImage.getContext("2d");
-    if (!imageCanvas || !ctx) return;
-    imageCanvas.drawImage(image2, logoXY, logoXY, logoWidth, logoWidth);
-    canvasRoundRect(ctx)(logoXY, logoXY, logoWidth, logoWidth, logoRadius);
-    if (!ctx) return;
-    const fillStyle = ctx.createPattern(canvasImage, "no-repeat");
-    if (fillStyle) {
-      ctx.fillStyle = fillStyle;
-      ctx.fill();
-    }
-  };
-  return new Promise((resolve) => {
-    image.onload = () => {
-      logoRadius ? drawLogoWithCanvas(image) : drawLogoWithImage(image);
-      resolve(canvas.toDataURL());
-    };
-  });
-};
-function canvasRoundRect(ctx) {
-  return (x, y, w, h, r) => {
-    const minSize = Math.min(w, h);
-    if (r > minSize / 2) {
-      r = minSize / 2;
-    }
-    ctx.beginPath();
-    ctx.moveTo(x + r, y);
-    ctx.arcTo(x + w, y, x + w, y + h, r);
-    ctx.arcTo(x + w, y + h, x, y + h, r);
-    ctx.arcTo(x, y + h, x, y, r);
-    ctx.arcTo(x, y, x + w, y, r);
-    ctx.closePath();
-    return ctx;
-  };
-}
-exports.drawLogo = drawLogo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@vft/utils"),C=({canvas:e,logo:t})=>{if(!t)return new Promise(g=>{g(e.toDataURL())});const o=e.width,{logoSize:i=.15,bgColor:c="#fff",borderSize:r=.05,crossOrigin:l,borderRadius:L=8,logoRadius:f=0}=t,P=v.isString(t)?t:t.src,a=o*i,s=o*(1-i)/2,m=o*(i+r),S=o*(1-i-r)/2,n=e.getContext("2d");if(!n)return;w(n)(S,S,m,m,L),n.fillStyle=c,n.fill();const d=new Image;(l||f)&&d.setAttribute("crossOrigin",l||"anonymous"),d.src=P;const R=g=>{n.drawImage(g,s,s,a,a)},T=g=>{const u=document.createElement("canvas");u.width=s+a,u.height=s+a;const h=u.getContext("2d");if(!h||!n||(h.drawImage(g,s,s,a,a),w(n)(s,s,a,a,f),!n))return;const b=n.createPattern(u,"no-repeat");b&&(n.fillStyle=b,n.fill())};return new Promise(g=>{d.onload=()=>{f?T(d):R(d),g(e.toDataURL())}})};function w(e){return(t,o,i,c,r)=>{const l=Math.min(i,c);return r>l/2&&(r=l/2),e.beginPath(),e.moveTo(t+r,o),e.arcTo(t+i,o,t+i,o+c,r),e.arcTo(t+i,o+c,t,o+c,r),e.arcTo(t,o+c,t,o,r),e.arcTo(t,o,t+i,o,r),e.closePath(),e}}exports.drawLogo=C;