vft 0.0.376 → 0.0.378

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

@@ -1 +1,120 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/use"),x=require("../menu/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const h=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={class:"vft-sub-menu"},w=e.defineComponent({name:"vft-context-menu"}),k=e.defineComponent({...w,props:{axis:{},styles:{},width:{},items:{}},setup(o){const d=h.useNamespace("context-menu");let c=e.ref();const a=e.computed(()=>{const{x:n,y:r}=o.axis||{x:0,y:0},t=(o.items||[]).length*40,s=o.width||0,u=document.body,v=u.clientWidth<n+s?n-s:n,m=u.clientHeight<r+t?r-t:r;return{zIndex:3e3,...o.styles,position:"fixed",width:`${o.width}px`,left:`${v+1}px`,top:`${m+1}px`}});let i=e.ref(!1);l.useTimeoutFn(()=>{i.value=!0},0),l.useClickAway(c,()=>{i.value=!1},{listenerOptions:{capture:!0}}),l.useEventListener(window,"scroll",()=>{i.value=!1},{capture:!0}),l.useEventListener(window,"drag",()=>{i.value=!1},{capture:!0});function f(n){n?.disabled||(n.handler?.(),i.value=!1)}return(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"contextMenuRef",ref:c,style:e.normalizeStyle(a.value),onClick:r[0]||(r[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass([e.unref(d).b(),"vft-menu"])},[e.createElementVNode("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(t,s)=>(e.openBlock(),e.createBlock(e.unref(x.VftMenuItem),{onClick:u=>f(t),index:s+t.text,title:t.text,divider:t.divider,disabled:t.disabled,icon:t.iconCfg,"is-alone-use":"",key:s},null,8,["onClick","index","title","divider","disabled","icon"]))),128))])],6),[[e.vShow,e.unref(i)]])]),_:1}))}});exports.default=k;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const use = require("@vft/use");
+const index$1 = require("../menu/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const _hoisted_1 = { class: "vft-sub-menu" };
+const __default__ = vue.defineComponent({
+  name: "vft-context-menu"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    axis: {},
+    styles: {},
+    width: {},
+    items: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("context-menu");
+    let contextMenuRef = vue.ref();
+    const getStyle = vue.computed(() => {
+      const { x, y } = __props.axis || { x: 0, y: 0 };
+      const menuHeight = (__props.items || []).length * 40;
+      const menuWidth = __props.width || 0;
+      const body = document.body;
+      const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;
+      const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;
+      return {
+        zIndex: 3e3,
+        ...__props.styles,
+        position: "fixed",
+        width: `${__props.width}px`,
+        left: `${left + 1}px`,
+        top: `${top + 1}px`
+      };
+    });
+    let show = vue.ref(false);
+    use.useTimeoutFn(() => {
+      show.value = true;
+    }, 0);
+    use.useClickAway(
+      contextMenuRef,
+      () => {
+        show.value = false;
+      },
+      {
+        listenerOptions: {
+          capture: true
+        }
+      }
+    );
+    use.useEventListener(
+      window,
+      "scroll",
+      () => {
+        show.value = false;
+      },
+      {
+        capture: true
+      }
+    );
+    use.useEventListener(
+      window,
+      "drag",
+      () => {
+        show.value = false;
+      },
+      {
+        capture: true
+      }
+    );
+    function handleClick(item) {
+      if (!item?.disabled) {
+        item.handler?.();
+        show.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "vft-zoom-in-top" }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            ref_key: "contextMenuRef",
+            ref: contextMenuRef,
+            style: vue.normalizeStyle(getStyle.value),
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"])),
+            class: vue.normalizeClass([vue.unref(ns).b(), "vft-menu"])
+          }, [
+            vue.createElementVNode("div", _hoisted_1, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index2) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftMenuItem), {
+                  onClick: ($event) => handleClick(item),
+                  index: index2 + item.text,
+                  title: item.text,
+                  divider: item.divider,
+                  disabled: item.disabled,
+                  icon: item.iconCfg,
+                  "is-alone-use": "",
+                  key: index2
+                }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]);
+              }), 128))
+            ])
+          ], 6), [
+            [vue.vShow, vue.unref(show)]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/context-menu/createContextMenu.cjs

@@ -1 +1,58 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@vft/utils"),l=require("vue"),m=require("./context-menu.vue2.cjs"),e={domList:[],resolve:()=>{}},f=function(r){const{event:t}=r||{};if(t&&t?.preventDefault(),!!a.isClient)return new Promise(d=>{const n=document.body,c=document.createElement("div"),s={...r};r.event&&(s.axis={x:t.clientX,y:t.clientY},delete s.event);const v=l.createVNode(m.default,s);l.render(v,c);const i=function(){e.resolve("")};e.domList.push(c);const u=function(){e.domList.forEach(o=>{try{o&&n.removeChild(o)}catch{}}),n.removeEventListener("click",i),n.removeEventListener("scroll",i)};e.resolve=function(o){u(),d(o)},u(),n.appendChild(c)})},y=function(){e&&(e.resolve(""),e.domList=[])};exports.createContextMenu=f;exports.destroyContextMenu=y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const vue = require("vue");
+const contextMenu_vue_vue_type_script_setup_true_lang = require("./context-menu.vue2.cjs");
+const menuManager = {
+  domList: [],
+  resolve: () => {
+  }
+};
+const createContextMenu = function(options) {
+  const { event } = options || {};
+  event && event?.preventDefault();
+  if (!utils.isClient) {
+    return;
+  }
+  return new Promise((resolve) => {
+    const body = document.body;
+    const container = document.createElement("div");
+    const propsData = {
+      ...options
+    };
+    if (options.event) {
+      propsData.axis = { x: event.clientX, y: event.clientY };
+      delete propsData.event;
+    }
+    const vm = vue.createVNode(contextMenu_vue_vue_type_script_setup_true_lang.default, propsData);
+    vue.render(vm, container);
+    const handleClick = function() {
+      menuManager.resolve("");
+    };
+    menuManager.domList.push(container);
+    const remove = function() {
+      menuManager.domList.forEach((dom) => {
+        try {
+          dom && body.removeChild(dom);
+        } catch (error) {
+        }
+      });
+      body.removeEventListener("click", handleClick);
+      body.removeEventListener("scroll", handleClick);
+    };
+    menuManager.resolve = function(arg) {
+      remove();
+      resolve(arg);
+    };
+    remove();
+    body.appendChild(container);
+  });
+};
+const destroyContextMenu = function() {
+  if (menuManager) {
+    menuManager.resolve("");
+    menuManager.domList = [];
+  }
+};
+exports.createContextMenu = createContextMenu;
+exports.destroyContextMenu = destroyContextMenu;

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

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./createContextMenu.cjs");require("../icon/index.cjs");require("vue");const t=require("./useContextMenu.cjs");exports.createContextMenu=e.createContextMenu;exports.destroyContextMenu=e.destroyContextMenu;exports.useContextMenu=t.useContextMenu;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createContextMenu = require("./createContextMenu.cjs");
+require("../icon/index.cjs");
+require("vue");
+const useContextMenu = require("./useContextMenu.cjs");
+exports.createContextMenu = createContextMenu.createContextMenu;
+exports.destroyContextMenu = createContextMenu.destroyContextMenu;
+exports.useContextMenu = useContextMenu.useContextMenu;

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

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

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

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

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

@@ -1 +1,3 @@
-"use strict";require("../icon/index.cjs");require("vue");
+"use strict";
+require("../icon/index.cjs");
+require("vue");

package/lib/components/context-menu/useContextMenu.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./createContextMenu.cjs");function u(n=!0){return t.getCurrentInstance()&&n&&t.onUnmounted(()=>{e.destroyContextMenu()}),[e.createContextMenu,e.destroyContextMenu]}exports.useContextMenu=u;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const createContextMenu = require("./createContextMenu.cjs");
+function useContextMenu(authRemove = true) {
+  if (vue.getCurrentInstance() && authRemove) {
+    vue.onUnmounted(() => {
+      createContextMenu.destroyContextMenu();
+    });
+  }
+  return [createContextMenu.createContextMenu, createContextMenu.destroyContextMenu];
+}
+exports.useContextMenu = useContextMenu;

package/lib/components/countdown/countdown.cjs

@@ -1 +1,48 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const r=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const i=require("../../constants/event.cjs");require("vue");const e=require("../../utils/vue/props/runtime.cjs"),n=e.buildProps({format:{type:String,default:"HH:mm:ss"},prefix:String,suffix:String,title:String,value:{type:e.definePropType([Number,Object]),default:0},valueStyle:{type:e.definePropType([String,Object,Array])}}),u={finish:()=>!0,[i.CHANGE_EVENT]:t=>r.isNumber(t)};exports.countdownEmits=u;exports.countdownProps=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("@vueuse/core");
+const utils = require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+const event = require("../../constants/event.cjs");
+require("vue");
+const runtime = require("../../utils/vue/props/runtime.cjs");
+const countdownProps = runtime.buildProps({
+  /**
+   * @description Formatting the countdown display
+   */
+  format: {
+    type: String,
+    default: "HH:mm:ss"
+  },
+  /**
+   * @description Sets the prefix of a countdown
+   */
+  prefix: String,
+  /**
+   * @description Sets the suffix of a countdown
+   */
+  suffix: String,
+  /**
+   * @description countdown titles
+   */
+  title: String,
+  /**
+   * @description target time
+   */
+  value: {
+    type: runtime.definePropType([Number, Object]),
+    default: 0
+  },
+  /**
+   * @description Styles countdown values
+   */
+  valueStyle: {
+    type: runtime.definePropType([String, Object, Array])
+  }
+});
+const countdownEmits = {
+  finish: () => true,
+  [event.CHANGE_EVENT]: (value) => utils.isNumber(value)
+};
+exports.countdownEmits = countdownEmits;
+exports.countdownProps = countdownProps;

package/lib/components/countdown/countdown.vue.cjs

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

package/lib/components/countdown/countdown.vue2.cjs

@@ -1 +1,92 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../statistic/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const S=require("../../constants/event.cjs");require("lodash-es");const l=require("../../utils/vue/raf.cjs"),m=require("./countdown.cjs"),u=require("./utils.cjs"),y=e.defineComponent({name:"VftCountdown"}),C=e.defineComponent({...y,props:m.countdownProps,emits:m.countdownEmits,setup(d,{expose:p,emit:v}){const r=d,f=v;let o;const n=e.ref(0),q=e.computed(()=>u.formatTime(n.value,r.format)),w=t=>u.formatTime(t,r.format),s=()=>{o&&(l.cAF(o),o=void 0)},T=()=>{const t=u.getTime(r.value),a=()=>{let i=t-Date.now();f(S.CHANGE_EVENT,i),i<=0?(i=0,s(),f("finish")):o=l.rAF(a),n.value=i};o=l.rAF(a)};return e.onMounted(()=>{n.value=u.getTime(r.value)-Date.now(),e.watch(()=>[r.value,r.format],()=>{s(),T()},{immediate:!0})}),e.onBeforeUnmount(()=>{s()}),p({displayValue:q}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(_.VftStatistic),{value:n.value,title:t.title,prefix:t.prefix,suffix:t.suffix,"value-style":t.valueStyle,formatter:w},e.createSlots({_:2},[e.renderList(t.$slots,(i,c)=>({name:c,fn:e.withCtx(()=>[e.renderSlot(t.$slots,c)])}))]),1032,["value","title","prefix","suffix","value-style"]))}});exports.default=C;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../statistic/index.cjs");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+const event = require("../../constants/event.cjs");
+require("lodash-es");
+const raf = require("../../utils/vue/raf.cjs");
+const countdown = require("./countdown.cjs");
+const utils = require("./utils.cjs");
+const __default__ = vue.defineComponent({
+  name: "VftCountdown"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: countdown.countdownProps,
+  emits: countdown.countdownEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let timer;
+    const rawValue = vue.ref(0);
+    const displayValue = vue.computed(() => utils.formatTime(rawValue.value, props.format));
+    const formatter = (val) => utils.formatTime(val, props.format);
+    const stopTimer = () => {
+      if (timer) {
+        raf.cAF(timer);
+        timer = void 0;
+      }
+    };
+    const startTimer = () => {
+      const timestamp = utils.getTime(props.value);
+      const frameFunc = () => {
+        let diff = timestamp - Date.now();
+        emit(event.CHANGE_EVENT, diff);
+        if (diff <= 0) {
+          diff = 0;
+          stopTimer();
+          emit("finish");
+        } else {
+          timer = raf.rAF(frameFunc);
+        }
+        rawValue.value = diff;
+      };
+      timer = raf.rAF(frameFunc);
+    };
+    vue.onMounted(() => {
+      rawValue.value = utils.getTime(props.value) - Date.now();
+      vue.watch(
+        () => [props.value, props.format],
+        () => {
+          stopTimer();
+          startTimer();
+        },
+        {
+          immediate: true
+        }
+      );
+    });
+    vue.onBeforeUnmount(() => {
+      stopTimer();
+    });
+    __expose({
+      /**
+       * @description current display value
+       */
+      displayValue
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.VftStatistic), {
+        value: rawValue.value,
+        title: _ctx.title,
+        prefix: _ctx.prefix,
+        suffix: _ctx.suffix,
+        "value-style": _ctx.valueStyle,
+        formatter
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(_ctx.$slots, (_, name) => {
+          return {
+            name,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, name)
+            ])
+          };
+        })
+      ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/countdown/index.cjs

@@ -1 +1,15 @@
-"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 u=require("../../utils/vue/install.cjs");require("lodash-es");const o=require("./countdown.vue2.cjs"),e=require("./countdown.cjs"),t=u.withInstall(o.default);exports.countdownEmits=e.countdownEmits;exports.countdownProps=e.countdownProps;exports.VftCountdown=t;exports.default=t;
+"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 countdown_vue_vue_type_script_setup_true_lang = require("./countdown.vue2.cjs");
+const countdown = require("./countdown.cjs");
+const VftCountdown = install.withInstall(countdown_vue_vue_type_script_setup_true_lang.default);
+exports.countdownEmits = countdown.countdownEmits;
+exports.countdownProps = countdown.countdownProps;
+exports.VftCountdown = VftCountdown;
+exports.default = VftCountdown;

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

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

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

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

package/lib/components/countdown/utils.cjs

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),m=[["Y",1e3*60*60*24*365],["M",1e3*60*60*24*30],["D",1e3*60*60*24],["H",1e3*60*60],["m",1e3*60],["s",1e3],["S",1]],p=e=>l.isNumber(e)?new Date(e).getTime():e.valueOf(),u=(e,c)=>{let r=e;const i=/\[([^\]]*)]/g;return m.reduce((t,[a,n])=>{const o=new RegExp(`${a}+(?![^\\[\\]]*\\])`,"g");if(o.test(t)){const s=Math.floor(r/n);return r-=s*n,t.replace(o,g=>String(s).padStart(g.length,"0"))}return t},c).replace(i,"$1")};exports.formatTime=u;exports.getTime=p;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@vft/utils");
+const timeUnits = [
+  ["Y", 1e3 * 60 * 60 * 24 * 365],
+  // years
+  ["M", 1e3 * 60 * 60 * 24 * 30],
+  // months
+  ["D", 1e3 * 60 * 60 * 24],
+  // days
+  ["H", 1e3 * 60 * 60],
+  // hours
+  ["m", 1e3 * 60],
+  // minutes
+  ["s", 1e3],
+  // seconds
+  ["S", 1]
+  // million seconds
+];
+const getTime = (value) => {
+  return utils.isNumber(value) ? new Date(value).getTime() : value.valueOf();
+};
+const formatTime = (timestamp, format) => {
+  let timeLeft = timestamp;
+  const escapeRegex = /\[([^\]]*)]/g;
+  const replacedText = timeUnits.reduce((current, [name, unit]) => {
+    const replaceRegex = new RegExp(`${name}+(?![^\\[\\]]*\\])`, "g");
+    if (replaceRegex.test(current)) {
+      const value = Math.floor(timeLeft / unit);
+      timeLeft -= value * unit;
+      return current.replace(
+        replaceRegex,
+        (match) => String(value).padStart(match.length, "0")
+      );
+    }
+    return current;
+  }, format);
+  return replacedText.replace(escapeRegex, "$1");
+};
+exports.formatTime = formatTime;
+exports.getTime = getTime;