vft 0.0.363 → 0.0.365

package/lib/hooks/use-namespace/index.cjs

@@ -1,80 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const defaultNamespace = "vft";
-const statePrefix = "is-";
-const _bem = (namespace, block, blockSuffix, element, modifier) => {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-};
-const namespaceContextKey = Symbol("namespaceContextKey");
-const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
-  const namespace = vue.computed(() => {
-    return vue.unref(derivedNamespace) || defaultNamespace;
-  });
-  return namespace;
-};
-const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
-  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true;
-    return name && state ? `${statePrefix}${name}` : "";
-  };
-  const cssVar = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
-      }
-    }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    // css
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName
-  };
-};
-exports.defaultNamespace = defaultNamespace;
-exports.namespaceContextKey = namespaceContextKey;
-exports.useGetDerivedNamespace = useGetDerivedNamespace;
-exports.useNamespace = useNamespace;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),m="vft",y="is-",c=(a,u,t,v,$)=>{let o=`${a}-${u}`;return t&&(o+=`-${t}`),v&&(o+=`__${v}`),$&&(o+=`--${$}`),o},p=Symbol("namespaceContextKey"),N=a=>{const u=a||(r.getCurrentInstance()?r.inject(p,r.ref(m)):r.ref(m));return r.computed(()=>r.unref(u)||m)},l=(a,u)=>{const t=N(u);return{namespace:t,b:(e="")=>c(t.value,a,e,"",""),e:e=>e?c(t.value,a,"",e,""):"",m:e=>e?c(t.value,a,"","",e):"",be:(e,s)=>e&&s?c(t.value,a,e,s,""):"",em:(e,s)=>e&&s?c(t.value,a,"",e,s):"",bm:(e,s)=>e&&s?c(t.value,a,e,"",s):"",bem:(e,s,n)=>e&&s&&n?c(t.value,a,e,s,n):"",is:(e,...s)=>{const n=s.length>=1?s[0]:!0;return e&&n?`${y}${e}`:""},cssVar:e=>{const s={};for(const n in e)e[n]&&(s[`--${t.value}-${n}`]=e[n]);return s},cssVarName:e=>`--${t.value}-${e}`,cssVarBlock:e=>{const s={};for(const n in e)e[n]&&(s[`--${t.value}-${a}-${n}`]=e[n]);return s},cssVarBlockName:e=>`--${t.value}-${a}-${e}`}};exports.defaultNamespace=m;exports.namespaceContextKey=p;exports.useGetDerivedNamespace=N;exports.useNamespace=l;

package/lib/hooks/use-ordered-children/index.cjs

@@ -1,74 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const vnode = require("../../utils/vue/vnode.cjs");
-const getOrderedChildren = (vm, childComponentName, children) => {
-  const nodes = vnode.flattedChildren(vm.subTree).filter(
-    (n) => vue.isVNode(n) && n.type?.name === childComponentName && !!n.component
-  );
-  const uids = nodes.map((n) => n.component.uid);
-  return uids.map((uid) => children[uid]).filter((p) => !!p);
-};
-const useOrderedChildren = (vm, childComponentName) => {
-  const children = vue.shallowRef({});
-  const orderedChildren = vue.shallowRef([]);
-  const nodesMap = /* @__PURE__ */ new WeakMap();
-  const addChild = (child) => {
-    children.value[child.uid] = child;
-    vue.triggerRef(children);
-    vue.onMounted(() => {
-      const childNode = child.getVnode().el;
-      const parentNode = childNode.parentNode;
-      if (!nodesMap.has(parentNode)) {
-        nodesMap.set(parentNode, []);
-        const originalFn = parentNode.insertBefore.bind(parentNode);
-        parentNode.insertBefore = (node, anchor) => {
-          const shouldSortChildren = nodesMap.get(parentNode).some((el) => node === el || anchor === el);
-          if (shouldSortChildren) vue.triggerRef(children);
-          return originalFn(node, anchor);
-        };
-      }
-      nodesMap.get(parentNode).push(childNode);
-    });
-  };
-  const removeChild = (child) => {
-    delete children.value[child.uid];
-    vue.triggerRef(children);
-    const childNode = child.getVnode().el;
-    const parentNode = childNode.parentNode;
-    const childNodes = nodesMap.get(parentNode);
-    const index = childNodes.indexOf(childNode);
-    childNodes.splice(index, 1);
-  };
-  const sortChildren = () => {
-    orderedChildren.value = getOrderedChildren(
-      vm,
-      childComponentName,
-      children.value
-    );
-  };
-  const IsolatedRenderer = (props) => {
-    return props.render();
-  };
-  const ChildrenSorter = vue.defineComponent({
-    setup(_, { slots }) {
-      return () => {
-        sortChildren();
-        return slots.default ? (
-          // Create a new `ReactiveEffect` to ensure `ChildrenSorter` doesn't track any extra dependencies
-          // @ts-ignore TODO: Remove this after Vue is upgraded
-          vue.h(IsolatedRenderer, {
-            render: slots.default
-          })
-        ) : null;
-      };
-    }
-  });
-  return {
-    children: orderedChildren,
-    addChild,
-    removeChild,
-    ChildrenSorter
-  };
-};
-exports.useOrderedChildren = useOrderedChildren;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");require("@vueuse/core");require("@vft/utils");require("../../components/config-provider/hooks/use-global-config.cjs");require("lodash-es");const v=require("../../utils/vue/vnode.cjs"),N=(u,c,o)=>v.flattedChildren(u.subTree).filter(e=>t.isVNode(e)&&e.type?.name===c&&!!e.component).map(e=>e.component.uid).map(e=>o[e]).filter(e=>!!e),q=(u,c)=>{const o=t.shallowRef({}),a=t.shallowRef([]),s=new WeakMap,e=r=>{o.value[r.uid]=r,t.triggerRef(o),t.onMounted(()=>{const d=r.getVnode().el,n=d.parentNode;if(!s.has(n)){s.set(n,[]);const i=n.insertBefore.bind(n);n.insertBefore=(l,h)=>(s.get(n).some(f=>l===f||h===f)&&t.triggerRef(o),i(l,h))}s.get(n).push(d)})},p=r=>{delete o.value[r.uid],t.triggerRef(o);const d=r.getVnode().el,n=d.parentNode,i=s.get(n),l=i.indexOf(d);i.splice(l,1)},g=()=>{a.value=N(u,c,o.value)},C=r=>r.render(),m=t.defineComponent({setup(r,{slots:d}){return()=>(g(),d.default?t.h(C,{render:d.default}):null)}});return{children:a,addChild:e,removeChild:p,ChildrenSorter:m}};exports.useOrderedChildren=q;

package/lib/hooks/use-popper/index.cjs

@@ -1,103 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@popperjs/core");
-const lodashEs = require("lodash-es");
-const vue = require("vue");
-const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
-  const stateUpdater = {
-    name: "updateState",
-    enabled: true,
-    phase: "write",
-    fn: ({ state }) => {
-      const derivedState = deriveState(state);
-      Object.assign(states.value, derivedState);
-    },
-    requires: ["computeStyles"]
-  };
-  const options = vue.computed(() => {
-    const { onFirstUpdate, placement, strategy, modifiers } = vue.unref(opts);
-    return {
-      onFirstUpdate,
-      placement: placement || "bottom",
-      strategy: strategy || "absolute",
-      modifiers: [
-        ...modifiers || [],
-        stateUpdater,
-        { name: "applyStyles", enabled: false }
-      ]
-    };
-  });
-  const instanceRef = vue.shallowRef();
-  const states = vue.ref({
-    styles: {
-      popper: {
-        position: vue.unref(options).strategy,
-        left: "0",
-        top: "0"
-      },
-      arrow: {
-        position: "absolute"
-      }
-    },
-    attributes: {}
-  });
-  const destroy = () => {
-    if (!instanceRef.value) return;
-    instanceRef.value.destroy();
-    instanceRef.value = void 0;
-  };
-  vue.watch(
-    options,
-    (newOptions) => {
-      const instance = vue.unref(instanceRef);
-      if (instance) {
-        instance.setOptions(newOptions);
-      }
-    },
-    {
-      deep: true
-    }
-  );
-  vue.watch(
-    [referenceElementRef, popperElementRef],
-    ([referenceElement, popperElement]) => {
-      destroy();
-      if (!referenceElement || !popperElement) return;
-      instanceRef.value = core.createPopper(
-        referenceElement,
-        popperElement,
-        vue.unref(options)
-      );
-    }
-  );
-  vue.onBeforeUnmount(() => {
-    destroy();
-  });
-  return {
-    state: vue.computed(() => ({ ...vue.unref(instanceRef)?.state || {} })),
-    styles: vue.computed(() => vue.unref(states).styles),
-    attributes: vue.computed(() => vue.unref(states).attributes),
-    update: () => vue.unref(instanceRef)?.update(),
-    forceUpdate: () => vue.unref(instanceRef)?.forceUpdate(),
-    // Preventing end users from modifying the instance.
-    instanceRef: vue.computed(() => vue.unref(instanceRef))
-  };
-};
-function deriveState(state) {
-  const elements = Object.keys(state.elements);
-  const styles = lodashEs.fromPairs(
-    elements.map(
-      (element) => [element, state.styles[element] || {}]
-    )
-  );
-  const attributes = lodashEs.fromPairs(
-    elements.map(
-      (element) => [element, state.attributes[element]]
-    )
-  );
-  return {
-    styles,
-    attributes
-  };
-}
-exports.usePopper = usePopper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@popperjs/core"),f=require("lodash-es"),e=require("vue"),y=(n,a,u={})=>{const i={name:"updateState",enabled:!0,phase:"write",fn:({state:o})=>{const r=b(o);Object.assign(c.value,r)},requires:["computeStyles"]},t=e.computed(()=>{const{onFirstUpdate:o,placement:r,strategy:d,modifiers:l}=e.unref(u);return{onFirstUpdate:o,placement:r||"bottom",strategy:d||"absolute",modifiers:[...l||[],i,{name:"applyStyles",enabled:!1}]}}),s=e.shallowRef(),c=e.ref({styles:{popper:{position:e.unref(t).strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),p=()=>{s.value&&(s.value.destroy(),s.value=void 0)};return e.watch(t,o=>{const r=e.unref(s);r&&r.setOptions(o)},{deep:!0}),e.watch([n,a],([o,r])=>{p(),!(!o||!r)&&(s.value=m.createPopper(o,r,e.unref(t)))}),e.onBeforeUnmount(()=>{p()}),{state:e.computed(()=>({...e.unref(s)?.state||{}})),styles:e.computed(()=>e.unref(c).styles),attributes:e.computed(()=>e.unref(c).attributes),update:()=>e.unref(s)?.update(),forceUpdate:()=>e.unref(s)?.forceUpdate(),instanceRef:e.computed(()=>e.unref(s))}};function b(n){const a=Object.keys(n.elements),u=f.fromPairs(a.map(t=>[t,n.styles[t]||{}])),i=f.fromPairs(a.map(t=>[t,n.attributes[t]]));return{styles:u,attributes:i}}exports.usePopper=y;

package/lib/hooks/use-popper-container/index.cjs

@@ -1,39 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@vueuse/core");
-const vue = require("vue");
-const index$1 = require("../use-id/index.cjs");
-const index = require("../use-namespace/index.cjs");
-const usePopperContainerId = () => {
-  const namespace = index.useGetDerivedNamespace();
-  const idInjection = index$1.useIdInjection();
-  const id = vue.computed(() => {
-    return `${namespace.value}-popper-container-${idInjection.prefix}`;
-  });
-  const selector = vue.computed(() => `#${id.value}`);
-  return {
-    id,
-    selector
-  };
-};
-const createContainer = (id) => {
-  const container = document.createElement("div");
-  container.id = id;
-  document.body.appendChild(container);
-  return container;
-};
-const usePopperContainer = () => {
-  const { id, selector } = usePopperContainerId();
-  vue.onBeforeMount(() => {
-    if (!core.isClient) return;
-    if (process.env.NODE_ENV === "test" || !document.body.querySelector(selector.value)) {
-      createContainer(id.value);
-    }
-  });
-  return {
-    id,
-    selector
-  };
-};
-exports.usePopperContainer = usePopperContainer;
-exports.usePopperContainerId = usePopperContainerId;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vueuse/core"),t=require("vue"),u=require("../use-id/index.cjs"),s=require("../use-namespace/index.cjs"),r=()=>{const n=s.useGetDerivedNamespace(),e=u.useIdInjection(),o=t.computed(()=>`${n.value}-popper-container-${e.prefix}`),c=t.computed(()=>`#${o.value}`);return{id:o,selector:c}},d=n=>{const e=document.createElement("div");return e.id=n,document.body.appendChild(e),e},a=()=>{const{id:n,selector:e}=r();return t.onBeforeMount(()=>{i.isClient&&(process.env.NODE_ENV==="test"||!document.body.querySelector(e.value))&&d(n.value)}),{id:n,selector:e}};exports.usePopperContainer=a;exports.usePopperContainerId=r;

package/lib/hooks/use-same-target/index.cjs

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const useSameTarget = (handleClick) => {
-  if (!handleClick) {
-    return { onClick: utils.noop, onMousedown: utils.noop, onMouseup: utils.noop };
-  }
-  let mousedownTarget = false;
-  let mouseupTarget = false;
-  const onClick = (e) => {
-    if (mousedownTarget && mouseupTarget) {
-      handleClick(e);
-    }
-    mousedownTarget = mouseupTarget = false;
-  };
-  const onMousedown = (e) => {
-    mousedownTarget = e.target === e.currentTarget;
-  };
-  const onMouseup = (e) => {
-    mouseupTarget = e.target === e.currentTarget;
-  };
-  return { onClick, onMousedown, onMouseup };
-};
-exports.useSameTarget = useSameTarget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vft/utils"),r=u=>{if(!u)return{onClick:n.noop,onMousedown:n.noop,onMouseup:n.noop};let e=!1,t=!1;return{onClick:o=>{e&&t&&u(o),e=t=!1},onMousedown:o=>{e=o.target===o.currentTarget},onMouseup:o=>{t=o.target===o.currentTarget}}};exports.useSameTarget=r;

package/lib/hooks/use-size/index.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const SIZE_INJECTION_KEY = Symbol("size");
-const useGlobalSize = () => {
-  const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
-  return vue.computed(() => {
-    return vue.unref(injectedSize.size) || "";
-  });
-};
-exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
-exports.useGlobalSize = useGlobalSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=Symbol("size"),i=()=>{const o=e.inject(t,{});return e.computed(()=>e.unref(o.size)||"")};exports.SIZE_INJECTION_KEY=t;exports.useGlobalSize=i;

package/lib/hooks/use-throttle-render/index.cjs

@@ -1,29 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const useThrottleRender = (loading, throttle = 0) => {
-  if (throttle === 0) return loading;
-  const throttled = vue.ref(false);
-  let timeoutHandle = 0;
-  const dispatchThrottling = () => {
-    if (timeoutHandle) {
-      clearTimeout(timeoutHandle);
-    }
-    timeoutHandle = window.setTimeout(() => {
-      throttled.value = loading.value;
-    }, throttle);
-  };
-  vue.onMounted(dispatchThrottling);
-  vue.watch(
-    () => loading.value,
-    (val) => {
-      if (val) {
-        dispatchThrottling();
-      } else {
-        throttled.value = val;
-      }
-    }
-  );
-  return throttled;
-};
-exports.useThrottleRender = useThrottleRender;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),s=(e,o=0)=>{if(o===0)return e;const t=u.ref(!1);let r=0;const n=()=>{r&&clearTimeout(r),r=window.setTimeout(()=>{t.value=e.value},o)};return u.onMounted(n),u.watch(()=>e.value,l=>{l?n():t.value=l}),t};exports.useThrottleRender=s;

package/lib/hooks/use-timeout/index.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("@vueuse/core");
-function useTimeout() {
-  let timeoutHandle;
-  const registerTimeout = (fn, delay) => {
-    cancelTimeout();
-    timeoutHandle = window.setTimeout(fn, delay);
-  };
-  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
-  core.tryOnScopeDispose(() => cancelTimeout());
-  return {
-    registerTimeout,
-    cancelTimeout
-  };
-}
-exports.useTimeout = useTimeout;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vueuse/core");function r(){let t;const o=(i,u)=>{e(),t=window.setTimeout(i,u)},e=()=>window.clearTimeout(t);return n.tryOnScopeDispose(()=>e()),{registerTimeout:o,cancelTimeout:e}}exports.useTimeout=r;

package/lib/hooks/use-z-index/index.cjs

@@ -1,42 +1,2 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const vue = require("vue");
-const error = require("../../utils/error.cjs");
-const initial = {
-  current: 0
-};
-const zIndex = vue.ref(0);
-const defaultInitialZIndex = 2e3;
-const ZINDEX_INJECTION_KEY = Symbol("vftZIndexContextKey");
-const zIndexContextKey = Symbol("zIndexContextKey");
-const useZIndex = (zIndexOverrides) => {
-  const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
-  const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
-  const initialZIndex = vue.computed(() => {
-    const zIndexFromInjection = vue.unref(zIndexInjection);
-    return utils.isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
-  });
-  const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
-  const nextZIndex = () => {
-    increasingInjection.current++;
-    zIndex.value = increasingInjection.current;
-    return currentZIndex.value;
-  };
-  if (!utils.isClient && !vue.inject(ZINDEX_INJECTION_KEY)) {
-    error.debugWarn(
-      "ZIndexInjection",
-      `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
-usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
-    );
-  }
-  return {
-    initialZIndex,
-    currentZIndex,
-    nextZIndex
-  };
-};
-exports.ZINDEX_INJECTION_KEY = ZINDEX_INJECTION_KEY;
-exports.defaultInitialZIndex = defaultInitialZIndex;
-exports.useZIndex = useZIndex;
-exports.zIndexContextKey = zIndexContextKey;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const u=require("@vft/utils"),v=require("../../utils/error.cjs");require("../../components/config-provider/hooks/use-global-config.cjs");const e=require("vue");require("lodash-es");const c={current:0},s=e.ref(0),I=2e3,n=Symbol("vftZIndexContextKey"),d=Symbol("zIndexContextKey"),Z=a=>{const t=e.getCurrentInstance()?e.inject(n,c):c,x=a||(e.getCurrentInstance()?e.inject(d,void 0):void 0),r=e.computed(()=>{const i=e.unref(x);return u.isNumber(i)?i:I}),o=e.computed(()=>r.value+s.value),l=()=>(t.current++,s.value=t.current,o.value);return!u.isClient&&!e.inject(n)&&v.debugWarn("ZIndexInjection",`Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
+usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,currentZIndex:o,nextZIndex:l}};exports.ZINDEX_INJECTION_KEY=n;exports.defaultInitialZIndex=I;exports.useZIndex=Z;exports.zIndexContextKey=d;