vft 0.0.363 → 0.0.365

package/es/components/collapse/use-collapse-item.js

@@ -1,85 +1,59 @@
-import { inject, ref, computed, unref } from "vue";
-import { collapseContextKey } from "./constants.js";
-import { useIdInjection } from "../../hooks/use-id/index.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const useCollapseItem = (props) => {
-  const collapse = inject(collapseContextKey);
-  const { namespace } = useNamespace("collapse");
-  const focusing = ref(false);
-  const isClick = ref(false);
-  const idInjection = useIdInjection();
-  const id = computed(() => idInjection.current++);
-  const name = computed(() => {
-    return props.name ?? `${namespace.value}-id-${idInjection.prefix}-${unref(id)}`;
-  });
-  const isActive = computed(
-    () => collapse?.activeNames.value.includes(unref(name))
+import { inject as v, ref as b, computed as t, unref as s } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useIdInjection as I } from "../../hooks/use-id/index.js";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { collapseContextKey as g } from "./constants.js";
+const T = (a) => {
+  const c = v(g), { namespace: l } = C("collapse"), n = b(!1), e = b(!1), r = I(), m = t(() => r.current++), i = t(() => a.name ?? `${l.value}-id-${r.prefix}-${s(m)}`), d = t(
+    () => c?.activeNames.value.includes(s(i))
   );
-  const handleFocus = () => {
-    setTimeout(() => {
-      if (!isClick.value) {
-        focusing.value = true;
-      } else {
-        isClick.value = false;
-      }
-    }, 50);
-  };
-  const handleHeaderClick = (e) => {
-    if (props.disabled) return;
-    const target = e.target;
-    if (target?.closest("input, textarea, select")) return;
-    collapse?.handleItemClick(unref(name));
-    focusing.value = false;
-    isClick.value = true;
-  };
-  const handleEnterClick = (e) => {
-    const target = e.target;
-    if (target?.closest("input, textarea, select")) return;
-    e.preventDefault();
-    collapse?.handleItemClick(unref(name));
-  };
   return {
-    focusing,
-    id,
-    isActive,
-    handleFocus,
-    handleHeaderClick,
-    handleEnterClick
+    focusing: n,
+    id: m,
+    isActive: d,
+    handleFocus: () => {
+      setTimeout(() => {
+        e.value ? e.value = !1 : n.value = !0;
+      }, 50);
+    },
+    handleHeaderClick: (o) => {
+      a.disabled || o.target?.closest("input, textarea, select") || (c?.handleItemClick(s(i)), n.value = !1, e.value = !0);
+    },
+    handleEnterClick: (o) => {
+      o.target?.closest("input, textarea, select") || (o.preventDefault(), c?.handleItemClick(s(i)));
+    }
   };
-};
-const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
-  const ns = useNamespace("collapse");
-  const rootKls = computed(() => [
-    ns.b("item"),
-    ns.is("active", unref(isActive)),
-    ns.is("disabled", props.disabled)
-  ]);
-  const headKls = computed(() => [
-    ns.be("item", "header"),
-    ns.is("active", unref(isActive)),
-    { focusing: unref(focusing) && !props.disabled }
-  ]);
-  const arrowKls = computed(() => [
-    ns.be("item", "arrow"),
-    ns.is("active", unref(isActive))
-  ]);
-  const itemTitleKls = computed(() => [ns.be("item", "title")]);
-  const itemWrapperKls = computed(() => ns.be("item", "wrap"));
-  const itemContentKls = computed(() => ns.be("item", "content"));
-  const scopedContentId = computed(() => ns.b(`content-${unref(id)}`));
-  const scopedHeadId = computed(() => ns.b(`head-${unref(id)}`));
+}, y = (a, { focusing: c, isActive: l, id: n }) => {
+  const e = C("collapse"), r = t(() => [
+    e.b("item"),
+    e.is("active", s(l)),
+    e.is("disabled", a.disabled)
+  ]), m = t(() => [
+    e.be("item", "header"),
+    e.is("active", s(l)),
+    { focusing: s(c) && !a.disabled }
+  ]), i = t(() => [
+    e.be("item", "arrow"),
+    e.is("active", s(l))
+  ]), d = t(() => [e.be("item", "title")]), u = t(() => e.be("item", "wrap")), p = t(() => e.be("item", "content")), f = t(() => e.b(`content-${s(n)}`)), o = t(() => e.b(`head-${s(n)}`));
   return {
-    itemTitleKls,
-    arrowKls,
-    headKls,
-    rootKls,
-    itemWrapperKls,
-    itemContentKls,
-    scopedContentId,
-    scopedHeadId
+    itemTitleKls: d,
+    arrowKls: i,
+    headKls: m,
+    rootKls: r,
+    itemWrapperKls: u,
+    itemContentKls: p,
+    scopedContentId: f,
+    scopedHeadId: o
   };
 };
 export {
-  useCollapseItem,
-  useCollapseItemDOM
+  T as useCollapseItem,
+  y as useCollapseItemDOM
 };

package/es/components/collapse/use-collapse.js

@@ -1,87 +1,67 @@
-import { ref, watch, provide, computed } from "vue";
-import { isPromise, isBoolean } from "@vft/utils";
-import { castArray } from "lodash-es";
-import { collapseContextKey } from "./constants.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { throwError, debugWarn } from "../../utils/error.js";
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from "../../constants/event.js";
-const SCOPE = "VftCollapse";
-const useCollapse = (props, emit) => {
-  const activeNames = ref(castArray(props.modelValue));
-  const setActiveNames = (_activeNames) => {
-    activeNames.value = _activeNames;
-    const value = props.accordion ? activeNames.value[0] : activeNames.value;
-    emit(UPDATE_MODEL_EVENT, value);
-    emit(CHANGE_EVENT, value);
-  };
-  const handleChange = (name) => {
-    if (props.accordion) {
-      setActiveNames([activeNames.value[0] === name ? "" : name]);
-    } else {
-      const _activeNames = [...activeNames.value];
-      const index = _activeNames.indexOf(name);
-      if (index > -1) {
-        _activeNames.splice(index, 1);
-      } else {
-        _activeNames.push(name);
-      }
-      setActiveNames(_activeNames);
+import { ref as p, watch as d, provide as v, computed as C } from "vue";
+import "@vueuse/core";
+import { isPromise as n, isBoolean as h } from "@vft/utils";
+import { throwError as E, debugWarn as b } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import { UPDATE_MODEL_EVENT as N, CHANGE_EVENT as P } from "../../constants/event.js";
+import { castArray as m } from "lodash-es";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { collapseContextKey as V } from "./constants.js";
+const u = "VftCollapse", k = (r, l) => {
+  const t = p(m(r.modelValue)), i = (o) => {
+    t.value = o;
+    const e = r.accordion ? t.value[0] : t.value;
+    l(N, e), l(P, e);
+  }, c = (o) => {
+    if (r.accordion)
+      i([t.value[0] === o ? "" : o]);
+    else {
+      const e = [...t.value], s = e.indexOf(o);
+      s > -1 ? e.splice(s, 1) : e.push(o), i(e);
     }
-  };
-  const handleItemClick = async (name) => {
-    const { beforeCollapse } = props;
-    if (!beforeCollapse) {
-      handleChange(name);
+  }, f = async (o) => {
+    const { beforeCollapse: e } = r;
+    if (!e) {
+      c(o);
       return;
     }
-    const shouldChange = beforeCollapse(name);
-    const isPromiseOrBool = [
-      isPromise(shouldChange),
-      isBoolean(shouldChange)
-    ].includes(true);
-    if (!isPromiseOrBool) {
-      throwError(
-        SCOPE,
-        "beforeCollapse must return type `Promise<boolean>` or `boolean`"
-      );
-    }
-    if (isPromise(shouldChange)) {
-      shouldChange.then((result) => {
-        if (result !== false) {
-          handleChange(name);
-        }
-      }).catch((e) => {
-        debugWarn(SCOPE, `some error occurred: ${e}`);
-      });
-    } else if (shouldChange) {
-      handleChange(name);
-    }
+    const s = e(o);
+    [
+      n(s),
+      h(s)
+    ].includes(!0) || E(
+      u,
+      "beforeCollapse must return type `Promise<boolean>` or `boolean`"
+    ), n(s) ? s.then((a) => {
+      a !== !1 && c(o);
+    }).catch((a) => {
+      b(u, `some error occurred: ${a}`);
+    }) : s && c(o);
   };
-  watch(
-    () => props.modelValue,
-    () => activeNames.value = castArray(props.modelValue),
-    { deep: true }
-  );
-  provide(collapseContextKey, {
-    activeNames,
-    handleItemClick
-  });
-  return {
-    activeNames,
-    setActiveNames
+  return d(
+    () => r.modelValue,
+    () => t.value = m(r.modelValue),
+    { deep: !0 }
+  ), v(V, {
+    activeNames: t,
+    handleItemClick: f
+  }), {
+    activeNames: t,
+    setActiveNames: i
   };
-};
-const useCollapseDOM = (props) => {
-  const ns = useNamespace("collapse");
-  const rootKls = computed(() => [
-    ns.b(),
-    ns.b(`icon-position-${props.expandIconPosition}`)
-  ]);
+}, G = (r) => {
+  const l = O("collapse");
   return {
-    rootKls
+    rootKls: C(() => [
+      l.b(),
+      l.b(`icon-position-${r.expandIconPosition}`)
+    ])
   };
 };
 export {
-  useCollapse,
-  useCollapseDOM
+  k as useCollapse,
+  G as useCollapseDOM
 };

package/es/components/collapse-item/style/css.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-collapse-item.css";

package/es/components/collapse-item/style/index.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/collapse-item.scss";

package/es/components/collapse-transition/collapse-transition.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./collapse-transition.vue2.js";
+import f from "./collapse-transition.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/collapse-transition/collapse-transition.vue2.js

@@ -1,72 +1,47 @@
-import { defineComponent, createBlock, openBlock, Transition, mergeProps, unref, toHandlers, withCtx, renderSlot } from "vue";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const __default__ = defineComponent({
+import { defineComponent as o, createBlock as e, openBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as l } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const f = o({
   name: "vft-collapse-transition"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const ns = useNamespace("collapse-transition");
-    const on = {
-      beforeEnter(el) {
-        if (!el.dataset) el.dataset = {};
-        el.dataset.oldPaddingTop = el.style.paddingTop;
-        el.dataset.oldPaddingBottom = el.style.paddingBottom;
-        el.style.maxHeight = 0;
-        el.style.paddingTop = 0;
-        el.style.paddingBottom = 0;
+}), u = /* @__PURE__ */ o({
+  ...f,
+  setup(y) {
+    const a = l("collapse-transition"), d = {
+      beforeEnter(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
       },
-      enter(el) {
-        el.dataset.oldOverflow = el.style.overflow;
-        if (el.scrollHeight !== 0) {
-          el.style.maxHeight = `${el.scrollHeight}px`;
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
-        } else {
-          el.style.maxHeight = 0;
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
-        }
-        el.style.overflow = "hidden";
+      enter(t) {
+        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.maxHeight = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
       },
-      afterEnter(el) {
-        el.style.maxHeight = "";
-        el.style.overflow = el.dataset.oldOverflow;
+      afterEnter(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
       },
-      beforeLeave(el) {
-        if (!el.dataset) el.dataset = {};
-        el.dataset.oldPaddingTop = el.style.paddingTop;
-        el.dataset.oldPaddingBottom = el.style.paddingBottom;
-        el.dataset.oldOverflow = el.style.overflow;
-        el.style.maxHeight = `${el.scrollHeight}px`;
-        el.style.overflow = "hidden";
+      beforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
       },
-      leave(el) {
-        if (el.scrollHeight !== 0) {
-          el.style.maxHeight = 0;
-          el.style.paddingTop = 0;
-          el.style.paddingBottom = 0;
-        }
+      leave(t) {
+        t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
       },
-      afterLeave(el) {
-        el.style.maxHeight = "";
-        el.style.overflow = el.dataset.oldOverflow;
-        el.style.paddingTop = el.dataset.oldPaddingTop;
-        el.style.paddingBottom = el.dataset.oldPaddingBottom;
+      afterLeave(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
       }
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, mergeProps({
-        name: unref(ns).b()
-      }, toHandlers(on)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["name"]);
-    };
+    return (t, c) => (s(), e(i, n({
+      name: r(a).b()
+    }, p(d)), {
+      default: m(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["name"]));
   }
 });
 export {
-  _sfc_main as default
+  u as default
 };

package/es/components/collapse-transition/index.js

@@ -1,10 +1,9 @@
-import _sfc_main from "./collapse-transition.vue2.js";
-_sfc_main.install = (app) => {
-  app.component(_sfc_main.name, _sfc_main);
+import n from "./collapse-transition.vue2.js";
+n.install = (o) => {
+  o.component(n.name, n);
 };
-const _CollapseTransition = _sfc_main;
-const VftCollapseTransition = _CollapseTransition;
+const t = n, s = t;
 export {
-  VftCollapseTransition,
-  _CollapseTransition as default
+  s as VftCollapseTransition,
+  t as default
 };

package/es/components/collapse-transition/style/css.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-collapse-transition.css";

package/es/components/collapse-transition/style/index.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/collapse-transition.scss";

package/es/components/collection/collection-item.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./collection-item.vue2.js";
+import f from "./collection-item.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/collection/collection-item.vue2.js

@@ -1,16 +1,13 @@
-import { defineComponent, renderSlot } from "vue";
-const __default__ = defineComponent({
+import { defineComponent as t, renderSlot as n } from "vue";
+const o = t({
   name: "VftCollectionItem",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ t({
+  ...o,
+  setup(r) {
+    return (e, s) => n(e.$slots, "default");
   }
 });
 export {
-  _sfc_main as default
+  a as default
 };

package/es/components/collection/collection.js

@@ -1,68 +1,52 @@
-import { ref, inject, provide, onMounted, unref, onBeforeUnmount, h } from "vue";
-const COLLECTION_ITEM_SIGN = "data-vft-collection-item";
-const createCollectionWithScope = (name) => {
-  const COLLECTION_NAME = `Vft${name}Collection`;
-  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
-  const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
-  const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
-  const VftCollection = {
-    name: COLLECTION_NAME,
-    inheritAttrs: false,
-    setup(_, { slots }) {
-      const collectionRef = ref(null);
-      const itemMap = /* @__PURE__ */ new Map();
-      const getItems = () => {
-        const collectionEl = unref(collectionRef);
-        if (!collectionEl) return [];
-        const orderedNodes = Array.from(
-          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)
-        );
-        const items = [...itemMap.values()];
-        return items.sort(
-          (a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref)
-        );
-      };
-      provide(COLLECTION_INJECTION_KEY, {
-        itemMap,
-        getItems,
-        collectionRef
-      });
-      return () => h("div", { ref: collectionRef }, slots.default?.());
-    }
-  };
-  const VftCollectionItem = {
-    name: COLLECTION_ITEM_NAME,
-    inheritAttrs: false,
-    setup(_, { attrs, slots }) {
-      const collectionItemRef = ref(null);
-      const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
-      provide(COLLECTION_ITEM_INJECTION_KEY, {
-        collectionItemRef
-      });
-      onMounted(() => {
-        const collectionItemEl = unref(collectionItemRef);
-        if (collectionItemEl) {
-          collectionInjection.itemMap.set(collectionItemEl, {
-            ref: collectionItemEl,
-            ...attrs
+import { ref as I, inject as N, provide as C, onMounted as _, unref as r, onBeforeUnmount as p, h as E } from "vue";
+const L = "data-vft-collection-item", S = (u) => {
+  const n = `Vft${u}Collection`, s = `${n}Item`, l = Symbol(n), f = Symbol(s);
+  return {
+    COLLECTION_INJECTION_KEY: l,
+    COLLECTION_ITEM_INJECTION_KEY: f,
+    VftCollection: {
+      name: n,
+      inheritAttrs: !1,
+      setup(a, { slots: c }) {
+        const o = I(null), e = /* @__PURE__ */ new Map();
+        return C(l, {
+          itemMap: e,
+          getItems: () => {
+            const t = r(o);
+            if (!t) return [];
+            const m = Array.from(
+              t.querySelectorAll(`[${L}]`)
+            );
+            return [...e.values()].sort(
+              (d, O) => m.indexOf(d.ref) - m.indexOf(O.ref)
+            );
+          },
+          collectionRef: o
+        }), () => E("div", { ref: o }, c.default?.());
+      }
+    },
+    VftCollectionItem: {
+      name: s,
+      inheritAttrs: !1,
+      setup(a, { attrs: c, slots: o }) {
+        const e = I(null), i = N(l, void 0);
+        return C(f, {
+          collectionItemRef: e
+        }), _(() => {
+          const t = r(e);
+          t && i.itemMap.set(t, {
+            ref: t,
+            ...c
           });
-        }
-      });
-      onBeforeUnmount(() => {
-        const collectionItemEl = unref(collectionItemRef);
-        collectionInjection.itemMap.delete(collectionItemEl);
-      });
-      return () => h("div", { ref: collectionItemRef }, slots.default?.());
+        }), p(() => {
+          const t = r(e);
+          i.itemMap.delete(t);
+        }), () => E("div", { ref: e }, o.default?.());
+      }
     }
   };
-  return {
-    COLLECTION_INJECTION_KEY,
-    COLLECTION_ITEM_INJECTION_KEY,
-    VftCollection,
-    VftCollectionItem
-  };
 };
 export {
-  COLLECTION_ITEM_SIGN,
-  createCollectionWithScope
+  L as COLLECTION_ITEM_SIGN,
+  S as createCollectionWithScope
 };

package/es/components/collection/collection.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./collection.vue2.js";
+import f from "./collection.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/collection/collection.vue2.js

@@ -1,16 +1,13 @@
-import { defineComponent, renderSlot } from "vue";
-const __default__ = defineComponent({
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+import { defineComponent as e, renderSlot as n } from "vue";
+const o = e({
+  inheritAttrs: !1
+}), a = /* @__PURE__ */ e({
+  ...o,
   __name: "collection",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
+  setup(r) {
+    return (t, _) => n(t.$slots, "default");
   }
 });
 export {
-  _sfc_main as default
+  a as default
 };

package/es/components/collection/index.js

@@ -1,5 +1,5 @@
-import { COLLECTION_ITEM_SIGN, createCollectionWithScope } from "./collection.js";
+import { COLLECTION_ITEM_SIGN as t, createCollectionWithScope as c } from "./collection.js";
 export {
-  COLLECTION_ITEM_SIGN,
-  createCollectionWithScope
+  t as COLLECTION_ITEM_SIGN,
+  c as createCollectionWithScope
 };

package/es/components/color-picker/color-picker.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./color-picker.vue2.js";
+import f from "./color-picker.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };