vft 0.0.363 → 0.0.365

package/lib/components/collapse/collapse-item.vue2.cjs

@@ -1,101 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("../collapse-transition/index.cjs");
-const index = require("../icon/index.cjs");
-const collapseItem = require("./collapse-item.cjs");
-const useCollapseItem = require("./use-collapse-item.cjs");
-const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
-const __default__ = vue.defineComponent({
-  name: "VftCollapseItem"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: collapseItem.collapseItemProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const {
-      focusing,
-      id,
-      isActive,
-      handleFocus,
-      handleHeaderClick,
-      handleEnterClick
-    } = useCollapseItem.useCollapseItem(props);
-    const {
-      arrowKls,
-      headKls,
-      rootKls,
-      itemTitleKls,
-      itemWrapperKls,
-      itemContentKls,
-      scopedContentId,
-      scopedHeadId
-    } = useCollapseItem.useCollapseItemDOM(props, { focusing, isActive, id });
-    __expose({
-      /** @description current collapse-item whether active */
-      isActive
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(rootKls))
-      }, [
-        vue.createElementVNode("div", {
-          id: vue.unref(scopedHeadId),
-          class: vue.normalizeClass(vue.unref(headKls)),
-          "aria-expanded": vue.unref(isActive),
-          "aria-controls": vue.unref(scopedContentId),
-          "aria-describedby": vue.unref(scopedContentId),
-          tabindex: _ctx.disabled ? -1 : 0,
-          role: "button",
-          onClick: _cache[0] || (_cache[0] = //@ts-ignore
-          (...args) => vue.unref(handleHeaderClick) && vue.unref(handleHeaderClick)(...args)),
-          onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(
-            //@ts-ignore
-            (...args) => vue.unref(handleEnterClick) && vue.unref(handleEnterClick)(...args),
-            ["stop"]
-          ), ["space", "enter"])),
-          onFocus: _cache[2] || (_cache[2] = //@ts-ignore
-          (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
-        }, [
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(vue.unref(itemTitleKls))
-          }, [
-            vue.renderSlot(_ctx.$slots, "title", { isActive: vue.unref(isActive) }, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          vue.renderSlot(_ctx.$slots, "icon", { isActive: vue.unref(isActive) }, () => [
-            vue.createVNode(vue.unref(index.VftIcon), {
-              icon: _ctx.icon,
-              class: vue.normalizeClass(vue.unref(arrowKls))
-            }, null, 8, ["icon", "class"])
-          ])
-        ], 42, _hoisted_1),
-        vue.createVNode(vue.unref(index$1.VftCollapseTransition), null, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              id: vue.unref(scopedContentId),
-              role: "region",
-              class: vue.normalizeClass(vue.unref(itemWrapperKls)),
-              "aria-hidden": !vue.unref(isActive),
-              "aria-labelledby": vue.unref(scopedHeadId)
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(itemContentKls))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default")
-              ], 2)
-            ], 10, _hoisted_2), [
-              [vue.vShow, vue.unref(isActive)]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../collapse-transition/index.cjs"),N=require("../icon/index.cjs"),S=require("./collapse-item.cjs"),c=require("./use-collapse-item.cjs"),h=["id","aria-expanded","aria-controls","aria-describedby","tabindex"],z=["id","aria-hidden","aria-labelledby"],E=e.defineComponent({name:"VftCollapseItem"}),g=e.defineComponent({...E,props:S.collapseItemProps,setup(p,{expose:m}){const t=p,{focusing:i,id:C,isActive:r,handleFocus:a,handleHeaderClick:d,handleEnterClick:u}=c.useCollapseItem(t),{arrowKls:b,headKls:v,rootKls:V,itemTitleKls:I,itemWrapperKls:y,itemContentKls:K,scopedContentId:o,scopedHeadId:f}=c.useCollapseItemDOM(t,{focusing:i,isActive:r,id:C});return m({isActive:r}),(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(V))},[e.createElementVNode("div",{id:e.unref(f),class:e.normalizeClass(e.unref(v)),"aria-expanded":e.unref(r),"aria-controls":e.unref(o),"aria-describedby":e.unref(o),tabindex:s.disabled?-1:0,role:"button",onClick:n[0]||(n[0]=(...l)=>e.unref(d)&&e.unref(d)(...l)),onKeydown:n[1]||(n[1]=e.withKeys(e.withModifiers((...l)=>e.unref(u)&&e.unref(u)(...l),["stop"]),["space","enter"])),onFocus:n[2]||(n[2]=(...l)=>e.unref(a)&&e.unref(a)(...l)),onBlur:n[3]||(n[3]=l=>i.value=!1)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(I))},[e.renderSlot(s.$slots,"title",{isActive:e.unref(r)},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),e.renderSlot(s.$slots,"icon",{isActive:e.unref(r)},()=>[e.createVNode(e.unref(N.VftIcon),{icon:s.icon,class:e.normalizeClass(e.unref(b))},null,8,["icon","class"])])],42,h),e.createVNode(e.unref(w.VftCollapseTransition),null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:e.unref(o),role:"region",class:e.normalizeClass(e.unref(y)),"aria-hidden":!e.unref(r),"aria-labelledby":e.unref(f)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(K))},[e.renderSlot(s.$slots,"default")],2)],10,z),[[e.vShow,e.unref(r)]])]),_:3})],2))}});exports.default=g;

package/lib/components/collapse/collapse.cjs

@@ -1,42 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@vft/utils");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-const typescript = require("../../utils/typescript.cjs");
-const event = require("../../constants/event.cjs");
-const emitChangeFn = (value) => utils.isNumber(value) || utils.isString(value) || utils.isArray(value);
-const collapseProps = runtime.buildProps({
-  /**
-   * @description whether to activate accordion mode
-   */
-  accordion: Boolean,
-  /**
-   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`
-   */
-  modelValue: {
-    type: runtime.definePropType([Array, String, Number]),
-    default: () => typescript.mutable([])
-  },
-  /**
-   * @description set expand icon position
-   */
-  expandIconPosition: {
-    type: runtime.definePropType([String]),
-    default: "right"
-  },
-  /**
-   * @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing
-   */
-  beforeCollapse: {
-    type: runtime.definePropType(
-      Function
-    )
-  }
-});
-const collapseEmits = {
-  [event.UPDATE_MODEL_EVENT]: emitChangeFn,
-  [event.CHANGE_EVENT]: emitChangeFn
-};
-exports.collapseEmits = collapseEmits;
-exports.collapseProps = collapseProps;
-exports.emitChangeFn = emitChangeFn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const o=require("../../constants/event.cjs");require("vue");const n=require("../../utils/typescript.cjs"),e=require("../../utils/vue/props/runtime.cjs"),i=r=>t.isNumber(r)||t.isString(r)||t.isArray(r),s=e.buildProps({accordion:Boolean,modelValue:{type:e.definePropType([Array,String,Number]),default:()=>n.mutable([])},expandIconPosition:{type:e.definePropType([String]),default:"right"},beforeCollapse:{type:e.definePropType(Function)}}),p={[o.UPDATE_MODEL_EVENT]:i,[o.CHANGE_EVENT]:i};exports.collapseEmits=p;exports.collapseProps=s;exports.emitChangeFn=i;

package/lib/components/collapse/collapse.vue.cjs

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

package/lib/components/collapse/collapse.vue2.cjs

@@ -1,33 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const collapse = require("./collapse.cjs");
-const useCollapse = require("./use-collapse.cjs");
-const __default__ = vue.defineComponent({
-  name: "VftCollapse"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: collapse.collapseProps,
-  emits: collapse.collapseEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { activeNames, setActiveNames } = useCollapse.useCollapse(props, emit);
-    const { rootKls } = useCollapse.useCollapseDOM(props);
-    __expose({
-      /** @description active names */
-      activeNames,
-      /** @description set active names */
-      setActiveNames
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(rootKls))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./collapse.cjs"),t=require("./use-collapse.cjs"),m=e.defineComponent({name:"VftCollapse"}),d=e.defineComponent({...m,props:o.collapseProps,emits:o.collapseEmits,setup(l,{expose:n,emit:r}){const s=l,a=r,{activeNames:c,setActiveNames:u}=t.useCollapse(s,a),{rootKls:i}=t.useCollapseDOM(s);return n({activeNames:c,setActiveNames:u}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i))},[e.renderSlot(p.$slots,"default")],2))}});exports.default=d;

package/lib/components/collapse/constants.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapseContextKey = Symbol("collapseContextKey");
-exports.collapseContextKey = collapseContextKey;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("collapseContextKey");exports.collapseContextKey=e;

package/lib/components/collapse/index.cjs

@@ -1,20 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const collapse_vue_vue_type_script_setup_true_lang = require("./collapse.vue2.cjs");
-const collapseItem_vue_vue_type_script_setup_true_lang = require("./collapse-item.vue2.cjs");
-const collapse = require("./collapse.cjs");
-const collapseItem = require("./collapse-item.cjs");
-const constants = require("./constants.cjs");
-const install = require("../../utils/vue/install.cjs");
-const VftCollapse = install.withInstall(collapse_vue_vue_type_script_setup_true_lang.default, {
-  CollapseItem: collapseItem_vue_vue_type_script_setup_true_lang.default
-});
-const VftCollapseItem = install.withNoopInstall(collapseItem_vue_vue_type_script_setup_true_lang.default);
-exports.collapseEmits = collapse.collapseEmits;
-exports.collapseProps = collapse.collapseProps;
-exports.emitChangeFn = collapse.emitChangeFn;
-exports.collapseItemProps = collapseItem.collapseItemProps;
-exports.collapseContextKey = constants.collapseContextKey;
-exports.VftCollapse = VftCollapse;
-exports.VftCollapseItem = VftCollapseItem;
-exports.default = VftCollapse;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const o=require("./collapse.vue2.cjs"),l=require("./collapse-item.vue2.cjs"),e=require("./collapse.cjs"),r=require("./collapse-item.cjs"),a=require("./constants.cjs"),s=t.withInstall(o.default,{CollapseItem:l.default}),p=t.withNoopInstall(l.default);exports.collapseEmits=e.collapseEmits;exports.collapseProps=e.collapseProps;exports.emitChangeFn=e.emitChangeFn;exports.collapseItemProps=r.collapseItemProps;exports.collapseContextKey=a.collapseContextKey;exports.VftCollapse=s;exports.VftCollapseItem=p;exports.default=s;

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

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

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

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

package/lib/components/collapse/use-collapse-item.cjs

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

package/lib/components/collapse/use-collapse.cjs

@@ -1,87 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const lodashEs = require("lodash-es");
-const constants = require("./constants.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-const error = require("../../utils/error.cjs");
-const event = require("../../constants/event.cjs");
-const SCOPE = "VftCollapse";
-const useCollapse = (props, emit) => {
-  const activeNames = vue.ref(lodashEs.castArray(props.modelValue));
-  const setActiveNames = (_activeNames) => {
-    activeNames.value = _activeNames;
-    const value = props.accordion ? activeNames.value[0] : activeNames.value;
-    emit(event.UPDATE_MODEL_EVENT, value);
-    emit(event.CHANGE_EVENT, value);
-  };
-  const handleChange = (name) => {
-    if (props.accordion) {
-      setActiveNames([activeNames.value[0] === name ? "" : name]);
-    } else {
-      const _activeNames = [...activeNames.value];
-      const index2 = _activeNames.indexOf(name);
-      if (index2 > -1) {
-        _activeNames.splice(index2, 1);
-      } else {
-        _activeNames.push(name);
-      }
-      setActiveNames(_activeNames);
-    }
-  };
-  const handleItemClick = async (name) => {
-    const { beforeCollapse } = props;
-    if (!beforeCollapse) {
-      handleChange(name);
-      return;
-    }
-    const shouldChange = beforeCollapse(name);
-    const isPromiseOrBool = [
-      utils.isPromise(shouldChange),
-      utils.isBoolean(shouldChange)
-    ].includes(true);
-    if (!isPromiseOrBool) {
-      error.throwError(
-        SCOPE,
-        "beforeCollapse must return type `Promise<boolean>` or `boolean`"
-      );
-    }
-    if (utils.isPromise(shouldChange)) {
-      shouldChange.then((result) => {
-        if (result !== false) {
-          handleChange(name);
-        }
-      }).catch((e) => {
-        error.debugWarn(SCOPE, `some error occurred: ${e}`);
-      });
-    } else if (shouldChange) {
-      handleChange(name);
-    }
-  };
-  vue.watch(
-    () => props.modelValue,
-    () => activeNames.value = lodashEs.castArray(props.modelValue),
-    { deep: true }
-  );
-  vue.provide(constants.collapseContextKey, {
-    activeNames,
-    handleItemClick
-  });
-  return {
-    activeNames,
-    setActiveNames
-  };
-};
-const useCollapseDOM = (props) => {
-  const ns = index.useNamespace("collapse");
-  const rootKls = vue.computed(() => [
-    ns.b(),
-    ns.b(`icon-position-${props.expandIconPosition}`)
-  ]);
-  return {
-    rootKls
-  };
-};
-exports.useCollapse = useCollapse;
-exports.useCollapseDOM = useCollapseDOM;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue");require("@vueuse/core");const a=require("@vft/utils"),d=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const f=require("../../constants/event.cjs"),v=require("lodash-es"),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 m=require("./constants.cjs"),C="VftCollapse",E=(r,l)=>{const s=c.ref(v.castArray(r.modelValue)),i=e=>{s.value=e;const o=r.accordion?s.value[0]:s.value;l(f.UPDATE_MODEL_EVENT,o),l(f.CHANGE_EVENT,o)},n=e=>{if(r.accordion)i([s.value[0]===e?"":e]);else{const o=[...s.value],t=o.indexOf(e);t>-1?o.splice(t,1):o.push(e),i(o)}},q=async e=>{const{beforeCollapse:o}=r;if(!o){n(e);return}const t=o(e);[a.isPromise(t),a.isBoolean(t)].includes(!0)||d.throwError(C,"beforeCollapse must return type `Promise<boolean>` or `boolean`"),a.isPromise(t)?t.then(u=>{u!==!1&&n(e)}).catch(u=>{d.debugWarn(C,`some error occurred: ${u}`)}):t&&n(e)};return c.watch(()=>r.modelValue,()=>s.value=v.castArray(r.modelValue),{deep:!0}),c.provide(m.collapseContextKey,{activeNames:s,handleItemClick:q}),{activeNames:s,setActiveNames:i}},b=r=>{const l=h.useNamespace("collapse");return{rootKls:c.computed(()=>[l.b(),l.b(`icon-position-${r.expandIconPosition}`)])}};exports.useCollapse=E;exports.useCollapseDOM=b;

package/lib/components/collapse-item/style/css.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-collapse-item.css");

package/lib/components/collapse-item/style/index.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/collapse-item.scss");

package/lib/components/collapse-transition/collapse-transition.vue.cjs

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

package/lib/components/collapse-transition/collapse-transition.vue2.cjs

@@ -1,72 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index = require("../../hooks/use-namespace/index.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-collapse-transition"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props) {
-    const ns = index.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;
-      },
-      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";
-      },
-      afterEnter(el) {
-        el.style.maxHeight = "";
-        el.style.overflow = el.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";
-      },
-      leave(el) {
-        if (el.scrollHeight !== 0) {
-          el.style.maxHeight = 0;
-          el.style.paddingTop = 0;
-          el.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;
-      }
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
-        name: vue.unref(ns).b()
-      }, vue.toHandlers(on)), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["name"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const a=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const s=e.defineComponent({name:"vft-collapse-transition"}),i=e.defineComponent({...s,setup(n){const o=a.useNamespace("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(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(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow},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(t){t.scrollHeight!==0&&(t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0)},afterLeave(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom}};return(t,r)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(o).b()},e.toHandlers(d)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["name"]))}});exports.default=i;

package/lib/components/collapse-transition/index.cjs

@@ -1,10 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const collapseTransition_vue_vue_type_script_setup_true_lang = require("./collapse-transition.vue2.cjs");
-collapseTransition_vue_vue_type_script_setup_true_lang.default.install = (app) => {
-  app.component(collapseTransition_vue_vue_type_script_setup_true_lang.default.name, collapseTransition_vue_vue_type_script_setup_true_lang.default);
-};
-const _CollapseTransition = collapseTransition_vue_vue_type_script_setup_true_lang.default;
-const VftCollapseTransition = _CollapseTransition;
-exports.VftCollapseTransition = VftCollapseTransition;
-exports.default = _CollapseTransition;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./collapse-transition.vue2.cjs");e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,a=t;exports.VftCollapseTransition=a;exports.default=t;

package/lib/components/collapse-transition/style/css.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-collapse-transition.css");

package/lib/components/collapse-transition/style/index.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/collapse-transition.scss");

package/lib/components/collection/collection-item.vue.cjs

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

package/lib/components/collection/collection-item.vue2.cjs

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const __default__ = vue.defineComponent({
-  name: "VftCollectionItem",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=e.defineComponent({name:"VftCollectionItem",inheritAttrs:!1}),o=e.defineComponent({...n,setup(r){return(t,s)=>e.renderSlot(t.$slots,"default")}});exports.default=o;

package/lib/components/collection/collection.cjs

@@ -1,68 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("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 = vue.ref(null);
-      const itemMap = /* @__PURE__ */ new Map();
-      const getItems = () => {
-        const collectionEl = vue.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)
-        );
-      };
-      vue.provide(COLLECTION_INJECTION_KEY, {
-        itemMap,
-        getItems,
-        collectionRef
-      });
-      return () => vue.h("div", { ref: collectionRef }, slots.default?.());
-    }
-  };
-  const VftCollectionItem = {
-    name: COLLECTION_ITEM_NAME,
-    inheritAttrs: false,
-    setup(_, { attrs, slots }) {
-      const collectionItemRef = vue.ref(null);
-      const collectionInjection = vue.inject(COLLECTION_INJECTION_KEY, void 0);
-      vue.provide(COLLECTION_ITEM_INJECTION_KEY, {
-        collectionItemRef
-      });
-      vue.onMounted(() => {
-        const collectionItemEl = vue.unref(collectionItemRef);
-        if (collectionItemEl) {
-          collectionInjection.itemMap.set(collectionItemEl, {
-            ref: collectionItemEl,
-            ...attrs
-          });
-        }
-      });
-      vue.onBeforeUnmount(() => {
-        const collectionItemEl = vue.unref(collectionItemRef);
-        collectionInjection.itemMap.delete(collectionItemEl);
-      });
-      return () => vue.h("div", { ref: collectionItemRef }, slots.default?.());
-    }
-  };
-  return {
-    COLLECTION_INJECTION_KEY,
-    COLLECTION_ITEM_INJECTION_KEY,
-    VftCollection,
-    VftCollectionItem
-  };
-};
-exports.COLLECTION_ITEM_SIGN = COLLECTION_ITEM_SIGN;
-exports.createCollectionWithScope = createCollectionWithScope;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u="data-vft-collection-item",d=C=>{const l=`Vft${C}Collection`,s=`${l}Item`,r=Symbol(l),f=Symbol(s);return{COLLECTION_INJECTION_KEY:r,COLLECTION_ITEM_INJECTION_KEY:f,VftCollection:{name:l,inheritAttrs:!1,setup(m,{slots:i}){const n=e.ref(null),o=new Map,c=()=>{const t=e.unref(n);if(!t)return[];const I=Array.from(t.querySelectorAll(`[${u}]`));return[...o.values()].sort((E,a)=>I.indexOf(E.ref)-I.indexOf(a.ref))};return e.provide(r,{itemMap:o,getItems:c,collectionRef:n}),()=>e.h("div",{ref:n},i.default?.())}},VftCollectionItem:{name:s,inheritAttrs:!1,setup(m,{attrs:i,slots:n}){const o=e.ref(null),c=e.inject(r,void 0);return e.provide(f,{collectionItemRef:o}),e.onMounted(()=>{const t=e.unref(o);t&&c.itemMap.set(t,{ref:t,...i})}),e.onBeforeUnmount(()=>{const t=e.unref(o);c.itemMap.delete(t)}),()=>e.h("div",{ref:o},n.default?.())}}}};exports.COLLECTION_ITEM_SIGN=u;exports.createCollectionWithScope=d;

package/lib/components/collection/collection.vue.cjs

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

package/lib/components/collection/collection.vue2.cjs

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const __default__ = vue.defineComponent({
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  __name: "collection",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=e.defineComponent({inheritAttrs:!1}),o=e.defineComponent({...n,__name:"collection",setup(r){return(t,s)=>e.renderSlot(t.$slots,"default")}});exports.default=o;