vft 0.0.5 → 0.0.7

package/lib/components/tabs/tab-pane.vue.d.ts

@@ -0,0 +1,45 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/tabs/tab-pane.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tab-pane.vue2.js");exports.default=e.default;
+//# sourceMappingURL=tab-pane.vue.js.map

package/lib/components/tabs/tab-pane.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-pane.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/tabs/tab-pane.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("./types.js"),v=require("../../hooks/use-namespace/index.js");require("@vue/shared");require("@vft/utils");const i=require("@vueuse/core"),y=["id","aria-hidden","aria-labelledby"],d=v.useNamespace("tab-pane"),C=e.defineComponent({name:d.b()}),h=e.defineComponent({...C,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const o=e.getCurrentInstance(),m=e.useSlots(),a=e.inject(f.TabsRootContextKey),r=e.ref(),p=e.computed(()=>n.closable||a.props.closable),t=i.eagerComputed(()=>a.currentName.value===(n.name??r.value)),u=e.ref(t.value),l=e.computed(()=>n.name??r.value),b=i.eagerComputed(()=>!n.lazy||u.value||t.value);e.watch(t,s=>{s&&(u.value=!0)});const c=e.reactive({uid:o.uid,slots:m,props:o.props,paneName:l,active:t,index:r,isClosable:p,attrs:o.attrs});return e.onMounted(()=>{a.registerPane(c)}),e.onUnmounted(()=>{a.unregisterPane(c.uid)}),(s,g)=>e.unref(b)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(l)}`,class:e.normalizeClass(e.unref(d).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(l)}`},[e.renderSlot(s.$slots,"default")],10,y)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=h;
+//# sourceMappingURL=tab-pane.vue2.js.map

package/lib/components/tabs/tab-pane.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-pane.vue2.js","sources":["../../../../../packages/components/tabs/tab-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('tab-pane')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { type TabsPaneContext, TabsRootContextKey } from './types';\nimport { useNamespace } from '@vft-ui/hooks';\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref,\n  useSlots,\n  watch\n} from 'vue';\nimport { eagerComputed } from '@vueuse/core';\n\ninterface TabPaneProps {\n  /** 选项卡标题 */\n  label?: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */\n  name?: Numberish;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 是否禁用 */\n  disabled?: boolean;\n  /** 标签是否延迟渲染 */\n  lazy?: boolean;\n}\n\ndefineProps({\n  \"label\": null,\n  \"name\": null,\n  \"closable\": { type: Boolean,  },\n  \"disabled\": { type: Boolean,  },\n  \"lazy\": { type: Boolean,  }\n})\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst tabsRoot = inject(TabsRootContextKey)!;\n\n\n\n;\n\nconst index = ref<string>();\n// 可关闭\nconst isClosable = computed(() => __props.closable || tabsRoot.props.closable);\n// 激活\nconst active = eagerComputed(() => {\n  return tabsRoot.currentName.value === (__props.name ?? index.value);\n});\n\nconst loaded = ref(active.value);\n\nconst paneName = computed(() => __props.name ?? index.value);\n\nconst shouldBeRender = eagerComputed(() => {\n  return !__props.lazy || loaded.value || active.value;\n});\n\nwatch(active, (val) => {\n  if (val) loaded.value = true;\n});\n\nconst pane = reactive({\n  uid: vm.uid,\n  slots,\n  props: vm.props as unknown as TabPaneProps,\n  paneName,\n  active,\n  index,\n  isClosable,\n  attrs: vm.attrs\n});\n\n\nonMounted(() => {\n  tabsRoot.registerPane(pane as TabsPaneContext);\n});\n\nonUnmounted(() => {\n  tabsRoot.unregisterPane(pane.uid);\n});\n</script>\n\n<template>\n  <div v-if=\"shouldBeRender\" v-show=\"active\" :id=\"`pane-${paneName}`\" :class=\"ns.b()\"\n    role=\"tabpanel\" :aria-hidden=\"!active\" :aria-labelledby=\"`tab-${paneName}`\">\n    <slot />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","vm","getCurrentInstance","slots","useSlots","tabsRoot","inject","TabsRootContextKey","index","ref","isClosable","computed","__props","active","eagerComputed","loaded","paneName","shouldBeRender","watch","val","pane","reactive","onMounted","onUnmounted"],"mappings":"iUACMA,EAAuBC,EAAAA,aAAa,UAAU,EAGpDC,EAA6BC,EAAAA,gBAAmB,CAC9C,KAAMH,EAAG,EAAE,CACb,CAAC,sIAsCD,MAAMI,EAAKC,EAAAA,qBAELC,EAAQC,EAAAA,WAERC,EAAWC,SAAOC,EAAAA,kBAAkB,EAMpCC,EAAQC,EAAAA,MAERC,EAAaC,EAAS,SAAA,IAAMC,EAAQ,UAAYP,EAAS,MAAM,QAAQ,EAEvEQ,EAASC,EAAAA,cAAc,IACpBT,EAAS,YAAY,SAAWO,EAAQ,MAAQJ,EAAM,MAC9D,EAEKO,EAASN,EAAAA,IAAII,EAAO,KAAK,EAEzBG,EAAWL,EAAAA,SAAS,IAAMC,EAAQ,MAAQJ,EAAM,KAAK,EAErDS,EAAiBH,EAAAA,cAAc,IAC5B,CAACF,EAAQ,MAAQG,EAAO,OAASF,EAAO,KAChD,EAEKK,QAAAL,EAASM,GAAQ,CACjBA,IAAKJ,EAAO,MAAQ,GAAA,CACzB,EAED,MAAMK,EAAOC,EAAAA,SAAS,CACpB,IAAKpB,EAAG,IACR,MAAAE,EACA,MAAOF,EAAG,MACV,SAAAe,EACA,OAAAH,EACA,MAAAL,EACA,WAAAE,EACA,MAAOT,EAAG,KAAA,CACX,EAGDqB,OAAAA,EAAAA,UAAU,IAAM,CACdjB,EAAS,aAAae,CAAuB,CAAA,CAC9C,EAEDG,EAAAA,YAAY,IAAM,CACPlB,EAAA,eAAee,EAAK,GAAG,CAAA,CACjC"}

package/lib/components/tabs/tabs.vue.d.ts

@@ -0,0 +1,159 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components';
+import { type TabsPaneContext, type TabsType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    type: {
+        type: __PropType<TabsType | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    addable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<Numberish>;
+        required: true;
+    };
+    editable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    tabPosition: {
+        type: __PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        required: false;
+    };
+    beforeLeave: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    stretch: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    addIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    arrowLeftIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    arrowRightIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}, {
+    currentName: import("vue").Ref<Numberish>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (name: Numberish) => boolean;
+    /** 点击 */
+    tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
+    /** 右键点击 */
+    tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => boolean;
+    tabChange: (name: Numberish) => boolean;
+    edit: (paneName: Numberish | undefined, action: 'remove' | 'add') => boolean;
+    /** 移除 */
+    tabRemove: (name: Numberish) => boolean;
+    /** 增加 */
+    tabAdd: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: __PropType<TabsType | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    addable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<Numberish>;
+        required: true;
+    };
+    editable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    tabPosition: {
+        type: __PropType<"left" | "right" | "top" | "bottom" | undefined>;
+        required: false;
+    };
+    beforeLeave: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    stretch: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    addIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    arrowLeftIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    arrowRightIconCfg: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((name: Numberish) => any) | undefined;
+    onTabClick?: ((pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, ev: Event) => any) | undefined;
+    onTabContextMenu?: ((pane: {
+        uid: number;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        props: {
+            label: string;
+            name: Numberish;
+            closable: boolean;
+            disabled: boolean;
+            lazy: boolean;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        attrs: Record<string, any>;
+    }, index: number, ev: Event) => any) | undefined;
+    onTabChange?: ((name: Numberish) => any) | undefined;
+    onEdit?: ((paneName: Numberish | undefined, action: "remove" | "add") => any) | undefined;
+    onTabRemove?: ((name: Numberish) => any) | undefined;
+    onTabAdd?: (() => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/tabs/tabs.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tabs.vue2.js");exports.default=e.default;
+//# sourceMappingURL=tabs.vue.js.map

package/lib/components/tabs/tabs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/tabs/tabs.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),V=require("../../hooks/use-namespace/index.js"),q=require("../../hooks/use-ordered-children/index.js"),k=require("@vft/constants"),l=require("@vft/utils"),A=require("./tab-nav.vue2.js"),E=require("./types.js"),c=V.useNamespace("tabs"),M=n.defineComponent({name:c.b()}),z=n.defineComponent({...M,props:{type:{default:""},closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[k.UPDATE_MODEL_EVENT]:t=>l.isNumberish(t),tabClick:(t,i)=>i instanceof Event,tabContextMenu:(t,i,a)=>a instanceof Event,tabChange:t=>l.isNumberish(t),edit:(t,i)=>["remove","add"].includes(i),tabRemove:t=>l.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:i,emit:a}){const C=n.getCurrentInstance(),u=n.useSlots(),s=n.ref(),d=n.ref(t.modelValue??"0"),g=e=>{d.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,m;if(!(d.value===e||l.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,d.value))!==!1&&(g(e),(m=(r=s.value)==null?void 0:r.removeFocus)==null||m.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||l.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(d,async()=>{var e;await n.nextTick(),(e=s.value)==null||e.scrollToActiveTab()});const y=()=>{a("edit",void 0,"add"),a("tabAdd")},N=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:c.e("content")},[(e=u.default)==null?void 0:e.call(u)])}),{children:w,addChild:T,removeChild:p}=q.useOrderedChildren(n.getCurrentInstance(),"vri-tab-pane");n.provide(E.TabsRootContextKey,{props:C.props,currentName:d,registerPane:T,unregisterPane:p}),i({currentName:d});const R=n.computed(()=>({icon:"vi-add",color:"black",size:12,...t.addIconCfg})),x=n.computed(()=>({icon:"vi-close",size:12,...t.closeIconCfg})),L=n.computed(()=>({icon:"vi-arrow-left",size:18,...t.arrowLeftIconCfg})),P=n.computed(()=>({icon:"vi-arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[c.e("header"),c.is(t.tabPosition)]},[n.createVNode(A.default,{ref:s,currentName:d.value,panes:w.value,stretch:t.stretch,closeIconCfg:x.value,addIconCfg:R.value,arrowRightIconCfg:P.value,arrowLeftIconCfg:L.value,editable:t.editable,addable:t.addable,type:t.type,onTabClick:h,onTabRemove:I,onTabAdd:y,onTabContextmenu:N},null),(e=u.headerRight)==null?void 0:e.call(u)])});return()=>n.createVNode("div",{class:[c.b(),c.m(t.tabPosition),{[c.m("card")]:t.type==="card",[c.m("border-card")]:t.type==="border-card"}]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=z;
+//# sourceMappingURL=tabs.vue2.js.map

package/lib/components/tabs/tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.vue2.js","sources":["../../../../../packages/components/tabs/tabs.vue"],"sourcesContent":["<script lang=\"tsx\">\nconst ns = /* hoist-static*/ useNamespace('tabs')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"tsx\">\nimport { type IconProps } from '@vft-ui/components';\nimport { useNamespace, useOrderedChildren } from '@vft-ui/hooks';\nimport { UPDATE_MODEL_EVENT } from '@vft/constants';\nimport { isNumberish, isUndefined } from '@vft/utils';\nimport { computed, getCurrentInstance, nextTick, provide, ref, useSlots, watch } from 'vue';\nimport TabNav from './tab-nav.vue';\nimport { type TabsPaneContext, type TabsProps, TabsRootContextKey, type TabsType } from './types';\n\ninterface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  /** 是否自动撑开宽度 */\n  stretch?: boolean;\n  /** icon 配置 */\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\ndefineProps({\n  \"type\": { default: '' },\n  \"closable\": { type: Boolean,  },\n  \"addable\": { type: Boolean, default: false },\n  \"modelValue\": null,\n  \"editable\": { type: Boolean,  },\n  \"tabPosition\": { default: 'top' },\n  \"beforeLeave\": { type: Function,  },\n  \"stretch\": { type: Boolean,  },\n  \"closeIconCfg\": null,\n  \"addIconCfg\": null,\n  \"arrowLeftIconCfg\": null,\n  \"arrowRightIconCfg\": null\n})\n\nconst emit = defineEmits({\n  [UPDATE_MODEL_EVENT]: (name: Numberish) => isNumberish(name),\n  /** 点击 */\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  /** 右键点击 */\n  tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => ev instanceof Event,\n  tabChange: (name: Numberish) => isNumberish(name),\n  edit: (paneName: Numberish | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  /** 移除 */\n  tabRemove: (name: Numberish) => isNumberish(name),\n  /** 增加 */\n  tabAdd: () => true\n});\n\n\n\n;\n\nconst vm = getCurrentInstance()!;\n\nconst slots = useSlots();\n\n// tab-nav 实例\nconst nav$ = ref();\n\n// 默认的激活的 tab\nconst currentName = ref<Numberish>(__props.modelValue ?? '0');\n\n// 更新当前 current tab 触发 tabChange 以及更新 modelValue\nconst changeCurrentName = (value: Numberish) => {\n  currentName.value = value;\n  emit('update:modelValue', value);\n  emit('tabChange', value);\n};\n\n// value 值为当前点击的 tab 值\nconst setCurrentName = async (value?: Numberish) => {\n  // 如果 currentName 等于原值，或者 value 不存在，不执行\n  if (currentName.value === value || isUndefined(value)) return;\n\n  try {\n    // 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n    const canLeave = await __props.beforeLeave?.(value, currentName.value);\n    if (canLeave !== false) {\n      // 更新 tab 值\n      changeCurrentName(value);\n      //\n      nav$.value?.removeFocus?.();\n    }\n  } catch {}\n};\n\n/**\n * @description tab 点击事件\n * @author wfd\n * @date 2022/10/18 09:07\n * @example\n * @param {TabsPaneContext} tab 当前被点击的 tab 信息\n * @param {Numberish} tabName 被点击的 tab 值\n * @param {Event} event\n */\nconst handleTabClick = (tab: TabsPaneContext, tabName: Numberish, event: Event) => {\n  // 如果 TabPaneProps 中设置了 disabled 则禁止点击\n  if (tab.props.disabled) return;\n  // 更新 currentName\n  setCurrentName(tabName);\n  // 抛出 tabClick 事件\n  emit('tabClick', tab, event);\n};\n\nconst handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n  if (pane.props.disabled || isUndefined(pane.props.name)) return;\n  ev.stopPropagation();\n  emit('edit', pane.props.name, 'remove');\n  emit('tabRemove', pane.props.name);\n};\n\n// 监听 modelValue 改变触发改变 currentName\nwatch(\n  () => __props.modelValue,\n  (modelValue) => setCurrentName(modelValue)\n);\n\n// 当前激活的 tab 变化触发 nav$ scrollToActiveTab 方法\nwatch(currentName, async () => {\n  await nextTick();\n  nav$.value?.scrollToActiveTab();\n});\n\n// 增加 tab 事件\nconst handleTabAdd = () => {\n  emit('edit', undefined, 'add');\n  emit('tabAdd');\n};\n\nconst handleContextmenu = (pane: TabsPaneContext, index: number, ev: Event) => {\n  emit('tabContextMenu', pane, index, ev);\n};\n\n// 默认渲染的内容区域\nconst panels = computed(() => {\n  return <div class={ns.e('content')}>{slots.default?.()}</div>;\n});\n\n// 找出当前 tab 组件下 vri-tab-pane 的组件实例对象\nconst { children: panes, addChild: registerPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'vri-tab-pane');\n\nprovide(TabsRootContextKey, {\n  props: vm.props as unknown as TabsProps,\n  currentName,\n  registerPane,\n  unregisterPane\n});\n\ndefineExpose({\n  currentName\n});\n\n// 图标相关\nconst _addIconCfg = computed(() => {\n  return {\n    icon: 'vi-add',\n    color: 'black',\n    size: 12,\n    ...__props.addIconCfg\n  };\n});\n\nconst _closeIconCfg = computed(() => {\n  return {\n    icon: 'vi-close',\n    size: 12,\n    ...__props.closeIconCfg\n  };\n});\n\nconst _arrowLeftIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-left',\n    size: 18,\n    ...__props.arrowLeftIconCfg\n  };\n});\n\nconst _arrowRightIconCfg = computed(() => {\n  return {\n    icon: 'vi-arrow-right',\n    size: 18,\n    ...__props.arrowRightIconCfg\n  };\n});\n\nconst header = computed(() => {\n  return (\n    <div class={[ns.e('header'), ns.is(__props.tabPosition)]}>\n      <TabNav\n        ref={nav$}\n        currentName={currentName.value}\n        panes={panes.value}\n        stretch={__props.stretch}\n        closeIconCfg={_closeIconCfg.value}\n        addIconCfg={_addIconCfg.value}\n        arrowRightIconCfg={_arrowRightIconCfg.value}\n        arrowLeftIconCfg={_arrowLeftIconCfg.value}\n        editable={__props.editable}\n        addable={__props.addable}\n        type={__props.type}\n        onTabClick={handleTabClick}\n        onTabRemove={handleTabRemove}\n        onTabAdd={handleTabAdd}\n        onTabContextmenu={handleContextmenu}\n      />\n      {slots.headerRight?.()}\n    </div>\n  );\n});\n\ndefineRender(() => {\n  return (\n    <div\n      class={[\n        ns.b(),\n        ns.m(__props.tabPosition),\n        {\n          [ns.m('card')]: __props.type === 'card',\n          [ns.m('border-card')]: __props.type === 'border-card'\n        }\n      ]}\n    >\n      {...__props.tabPosition !== 'bottom' ? [header.value, panels.value] : [panels.value, header.value]}\n    </div>\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","name","b","vm","getCurrentInstance","slots","useSlots","nav$","ref","currentName","__props","modelValue","changeCurrentName","value","emit","setCurrentName","isUndefined","beforeLeave","removeFocus","handleTabClick","tab","tabName","event","props","disabled","handleTabRemove","pane","ev","stopPropagation","watch","nextTick","scrollToActiveTab","handleTabAdd","undefined","handleContextmenu","index","panels","computed","_createVNode","e","default","children","panes","addChild","registerPane","removeChild","unregisterPane","useOrderedChildren","provide","TabsRootContextKey","expose","_addIconCfg","icon","color","size","addIconCfg","_closeIconCfg","closeIconCfg","_arrowLeftIconCfg","arrowLeftIconCfg","_arrowRightIconCfg","arrowRightIconCfg","header","is","tabPosition","TabNav","stretch","editable","addable","type","headerRight","m"],"mappings":"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"}

package/lib/components/tabs/types.d.ts

@@ -0,0 +1,58 @@
+import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue';
+import { type IconProps } from 'vft/es/components';
+export type TabsPaneContext = UnwrapRef<{
+    uid: number;
+    slots: Slots;
+    props: TabPaneProps;
+    paneName: ComputedRef<string | number | undefined>;
+    active: ComputedRef<boolean>;
+    index: Ref<string | undefined>;
+    isClosable: ComputedRef<boolean>;
+    attrs: Record<string, any>;
+}>;
+export type TabsType = 'card' | 'border-card' | '';
+export interface TabsRootContext {
+    props: TabsProps;
+    currentName: Ref<string | number>;
+    registerPane: (pane: TabsPaneContext) => void;
+    unregisterPane: (uid: number) => void;
+}
+export interface TabPaneProps {
+    /** 选项卡标题   */
+    label: string;
+    /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */
+    name: Numberish;
+    /** 标签是否可关闭   */
+    closable: boolean;
+    /** 是否禁用   */
+    disabled: boolean;
+    /** 标签是否延迟渲染   */
+    lazy: boolean;
+}
+export interface TabsProps {
+    /** 风格类型 */
+    type?: TabsType;
+    /** 标签是否可关闭 */
+    closable?: boolean;
+    /** 标签是否可增加 */
+    addable?: boolean;
+    /** 绑定值，选中选项卡的 name */
+    modelValue: Numberish;
+    /** 标签是否同时可增加和关闭 */
+    editable?: boolean;
+    /** 选项卡所在位置 */
+    tabPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */
+    beforeLeave?: Function;
+    stretch?: boolean;
+    closeIconCfg?: IconProps;
+    addIconCfg?: IconProps;
+    arrowLeftIconCfg?: IconProps;
+    arrowRightIconCfg?: IconProps;
+}
+export declare const TabsRootContextKey: InjectionKey<TabsRootContext>;
+export interface Scrollable {
+    next?: boolean;
+    prev?: number;
+}
+export type TabsPanes = Record<number, TabsPaneContext>;

package/lib/components/tabs/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("tabsRootContextKey");exports.TabsRootContextKey=t;
+//# sourceMappingURL=types.js.map

package/lib/components/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../packages/components/tabs/types.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue';\nimport { type IconProps } from '@vft-ui/components';\n\nexport type TabsPaneContext = UnwrapRef<{\n  uid: number;\n  slots: Slots;\n  props: TabPaneProps;\n  paneName: ComputedRef<string | number | undefined>;\n  active: ComputedRef<boolean>;\n  index: Ref<string | undefined>;\n  isClosable: ComputedRef<boolean>;\n  attrs: Record<string, any>;\n}>;\n\nexport type TabsType = 'card' | 'border-card' | '';\n\nexport interface TabsRootContext {\n  props: TabsProps;\n  currentName: Ref<string | number>;\n  registerPane: (pane: TabsPaneContext) => void;\n  unregisterPane: (uid: number) => void;\n}\n\nexport interface TabPaneProps {\n  /** 选项卡标题   */\n  label: string;\n  /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */\n  name: Numberish;\n  /** 标签是否可关闭   */\n  closable: boolean;\n  /** 是否禁用   */\n  disabled: boolean;\n  /** 标签是否延迟渲染   */\n  lazy: boolean;\n}\n\nexport interface TabsProps {\n  /** 风格类型 */\n  type?: TabsType;\n  /** 标签是否可关闭 */\n  closable?: boolean;\n  /** 标签是否可增加 */\n  addable?: boolean;\n  /** 绑定值，选中选项卡的 name */\n  modelValue: Numberish;\n  /** 标签是否同时可增加和关闭 */\n  editable?: boolean;\n  /** 选项卡所在位置 */\n  tabPosition?: 'top' | 'right' | 'bottom' | 'left';\n  /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */\n  beforeLeave?: Function;\n  stretch?: boolean;\n  closeIconCfg?: IconProps;\n  addIconCfg?: IconProps;\n  arrowLeftIconCfg?: IconProps;\n  arrowRightIconCfg?: IconProps;\n}\n\nexport const TabsRootContextKey: InjectionKey<TabsRootContext> = Symbol('tabsRootContextKey');\n\nexport interface Scrollable {\n  next?: boolean;\n  prev?: number;\n}\n\nexport type TabsPanes = Record<number, TabsPaneContext>;\n"],"names":["TabsRootContextKey"],"mappings":"gFA0Da,MAAAA,EAAoD,OAAO,oBAAoB"}

package/lib/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './use-namespace';
+export * from './use-ordered-children';

package/lib/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-namespace/index.js");exports._bem=e._bem;exports.defaultNamespace=e.defaultNamespace;exports.useNamespace=e.useNamespace;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-namespace/index.js"),r=require("./use-ordered-children/index.js");exports._bem=e._bem;exports.defaultNamespace=e.defaultNamespace;exports.useNamespace=e.useNamespace;exports.useOrderedChildren=r.useOrderedChildren;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-ordered-children/index.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentInternalInstance } from 'vue';
+export declare const useOrderedChildren: <T extends {
+    uid: number;
+}>(vm: ComponentInternalInstance, childComponentName: string) => {
+    children: import("vue").ShallowRef<T[]>;
+    addChild: (child: T) => void;
+    removeChild: (uid: number) => void;
+};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue");require("@vue/shared");const u=require("../../utils/vue/vnode.js");require("@vft/utils");const c=(n,o,d)=>u.flattedChildren(n.subTree).filter(e=>{var r;return i.isVNode(e)&&((r=e.type)==null?void 0:r.name)===o&&!!e.component}).map(e=>e.component.uid).map(e=>d[e]).filter(e=>!!e),a=(n,o)=>{const d={},t=i.shallowRef([]);return{children:t,addChild:r=>{d[r.uid]=r,t.value=c(n,o,d)},removeChild:r=>{delete d[r],t.value=t.value.filter(s=>s.uid!==r)}}};exports.useOrderedChildren=a;
+//# sourceMappingURL=index.js.map

package/lib/hooks/use-ordered-children/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-ordered-children/index.ts"],"sourcesContent":["import { isVNode, shallowRef } from 'vue';\nimport { flattedChildren } from '@vft-ui/utils'\n\n\nimport type { ComponentInternalInstance, VNode } from 'vue'\n\nconst getOrderedChildren = <T> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string,\n\tchildren: Record<number, T>\n): T[] => {\n\tconst nodes = flattedChildren(vm.subTree).filter(\n\t\t(n): n is VNode =>\n\t\t\tisVNode(n) &&\n\t\t\t(n.type as any)?.name === childComponentName &&\n\t\t\t!!n.component\n\t)\n\tconst uids = nodes.map((n) => n.component!.uid)\n\treturn uids.map((uid) => children[uid]).filter((p) => !!p)\n}\n\nexport const useOrderedChildren = <T extends {uid: number}> (\n\tvm: ComponentInternalInstance,\n\tchildComponentName: string\n) => {\n\tconst children: Record<number, T> = {}\n\tconst orderedChildren = shallowRef<T[]>([])\n\t\n\tconst addChild = (child: T) => {\n\t\tchildren[child.uid] = child\n\t\torderedChildren.value = getOrderedChildren(vm, childComponentName, children)\n\t}\n\tconst removeChild = (uid: number) => {\n\t\tdelete children[uid]\n\t\torderedChildren.value = orderedChildren.value.filter(\n\t\t\t(children) => children.uid !== uid\n\t\t)\n\t}\n\t\n\treturn {\n\t\tchildren: orderedChildren,\n\t\taddChild,\n\t\tremoveChild,\n\t}\n}\n"],"names":["getOrderedChildren","vm","childComponentName","children","flattedChildren","n","isVNode","_a","uid","p","useOrderedChildren","orderedChildren","shallowRef","child"],"mappings":"gMAMA,MAAMA,EAAqB,CAC1BC,EACAC,EACAC,IAEcC,EAAA,gBAAgBH,EAAG,OAAO,EAAE,OACxCI,GACAC,OAAAA,OAAAA,EAAAA,QAAQD,CAAC,KACRE,EAAAF,EAAE,OAAF,YAAAE,EAAgB,QAASL,GAC1B,CAAC,CAACG,EAAE,UAAA,EAEa,IAAKA,GAAMA,EAAE,UAAW,GAAG,EAClC,IAAKG,GAAQL,EAASK,CAAG,CAAC,EAAE,OAAQC,GAAM,CAAC,CAACA,CAAC,EAG7CC,EAAqB,CACjCT,EACAC,IACI,CACJ,MAAMC,EAA8B,CAAA,EAC9BQ,EAAkBC,aAAgB,CAAA,CAAE,EAanC,MAAA,CACN,SAAUD,EACV,SAbiBE,GAAa,CACrBV,EAAAU,EAAM,GAAG,EAAIA,EACtBF,EAAgB,MAAQX,EAAmBC,EAAIC,EAAoBC,CAAQ,CAAA,EAY3E,YAVoBK,GAAgB,CACpC,OAAOL,EAASK,CAAG,EACHG,EAAA,MAAQA,EAAgB,MAAM,OAC5CR,GAAaA,EAAS,MAAQK,CAAA,CAChC,CAMA,CAEF"}

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import installer from './defaults';
 export * from 'vft/es/components';
 export * from 'vft/es/constants';
-export * from 'vft/es/use';
+export * from 'vft/es/hooks';
 export * from './make-installer';
 export declare const install: (app: import("vue").App<any>, options?: any) => void;
 export declare const version: string;

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./defaults.js"),i=require("./components/divider/index.js"),a=require("./components/icon/index.js"),E=require("./components/avatar/index.js"),o=require("./components/empty/index.js"),c=require("./components/result/index.js"),u=require("./components/exception/index.js"),l=require("./constants/aria.js"),s=require("./constants/date.js"),t=require("./constants/event.js"),d=require("./constants/key.js"),r=require("./constants/size.js"),n=require("./hooks/use-namespace/index.js"),f=require("./make-installer.js"),m=require("dayjs"),V=require("./components/empty/constants.js"),p=e.default.install,N=e.default.version;exports.default=e.default;exports.VftDivider=i.VftDivider;exports.VftIcon=a.VftIcon;exports.VftAvatar=E.VftAvatar;exports.VftEmpty=o.VftEmpty;exports.VftResult=c.VftResult;exports.VftException=u.VftException;exports.EVENT_CODE=l.EVENT_CODE;exports.WEEK_DAYS=s.WEEK_DAYS;exports.datePickTypes=s.datePickTypes;exports.CHANGE_EVENT=t.CHANGE_EVENT;exports.INPUT_EVENT=t.INPUT_EVENT;exports.UPDATE_MODEL_EVENT=t.UPDATE_MODEL_EVENT;exports.INSTALLED_KEY=d.INSTALLED_KEY;exports.componentSizeMap=r.componentSizeMap;exports.componentSizes=r.componentSizes;exports._bem=n._bem;exports.defaultNamespace=n.defaultNamespace;exports.useNamespace=n.useNamespace;exports.makeInstaller=f.makeInstaller;exports.dayjs=m;exports.EmptyEnum=V.EmptyEnum;exports.install=p;exports.version=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./defaults.js"),a=require("./components/divider/index.js"),o=require("./components/icon/index.js"),u=require("./components/avatar/index.js"),E=require("./components/empty/index.js"),c=require("./components/result/index.js"),d=require("./components/exception/index.js"),r=require("./components/tabs/index.js"),l=require("./constants/aria.js"),s=require("./constants/date.js"),t=require("./constants/event.js"),f=require("./constants/key.js"),i=require("./constants/size.js"),n=require("./hooks/use-namespace/index.js"),V=require("./hooks/use-ordered-children/index.js"),T=require("./make-installer.js"),m=require("dayjs"),p=require("./components/empty/constants.js"),q=require("./components/tabs/types.js"),N=e.default.install,_=e.default.version;exports.default=e.default;exports.VftDivider=a.VftDivider;exports.VftIcon=o.VftIcon;exports.VftAvatar=u.VftAvatar;exports.VftEmpty=E.VftEmpty;exports.VftResult=c.VftResult;exports.VftException=d.VftException;exports.VftTabPane=r.VftTabPane;exports.VftTabs=r.VftTabs;exports.EVENT_CODE=l.EVENT_CODE;exports.WEEK_DAYS=s.WEEK_DAYS;exports.datePickTypes=s.datePickTypes;exports.CHANGE_EVENT=t.CHANGE_EVENT;exports.INPUT_EVENT=t.INPUT_EVENT;exports.UPDATE_MODEL_EVENT=t.UPDATE_MODEL_EVENT;exports.INSTALLED_KEY=f.INSTALLED_KEY;exports.componentSizeMap=i.componentSizeMap;exports.componentSizes=i.componentSizes;exports._bem=n._bem;exports.defaultNamespace=n.defaultNamespace;exports.useNamespace=n.useNamespace;exports.useOrderedChildren=V.useOrderedChildren;exports.makeInstaller=T.makeInstaller;exports.dayjs=m;exports.EmptyEnum=p.EmptyEnum;exports.TabsRootContextKey=q.TabsRootContextKey;exports.install=N;exports.version=_;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft-ui/components'\nexport * from '@vft-ui/constants'\nexport * from '@vft-ui/use'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":"4rBAMaA,EAAUC,EAAU,QAAA,QACpBC,EAAUD,EAAAA,QAAU"}
+{"version":3,"file":"index.js","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft-ui/components'\nexport * from '@vft-ui/constants'\nexport * from '@vft-ui/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":"+zBAMaA,EAAUC,EAAU,QAAA,QACpBC,EAAUD,EAAAA,QAAU"}

package/lib/package.json.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.5";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.7";exports.version=e;
 //# sourceMappingURL=package.json.js.map

package/lib/theme-style/src/tabs.scss.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+//# sourceMappingURL=tabs.scss.js.map

package/lib/theme-style/src/tabs.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/utils/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vue/install.js"),r=require("./helper.js"),e=require("./error.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;exports.getSizeType=r.getSizeType;exports.debugWarn=e.debugWarn;exports.throwError=e.throwError;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vue/install.js"),e=require("./vue/vnode.js"),i=require("./helper.js"),r=require("./error.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;exports.PatchFlags=e.PatchFlags;exports.ensureOnlyChild=e.ensureOnlyChild;exports.flattedChildren=e.flattedChildren;exports.getFirstValidNode=e.getFirstValidNode;exports.getNormalizedProps=e.getNormalizedProps;exports.isComment=e.isComment;exports.isFragment=e.isFragment;exports.isTemplate=e.isTemplate;exports.isText=e.isText;exports.isValidElementNode=e.isValidElementNode;exports.renderBlock=e.renderBlock;exports.renderIf=e.renderIf;exports.getSizeType=i.getSizeType;exports.debugWarn=r.debugWarn;exports.throwError=r.throwError;
 //# sourceMappingURL=index.js.map

package/lib/utils/vue/index.d.ts

@@ -1,2 +1,3 @@
 export * from './install';
+export * from './vnode';
 export * from './typescript';

package/lib/utils/vue/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./install.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./install.js"),e=require("./vnode.js");exports.withInstall=t.withInstall;exports.withInstallDirective=t.withInstallDirective;exports.withInstallFunction=t.withInstallFunction;exports.withNoopInstall=t.withNoopInstall;exports.PatchFlags=e.PatchFlags;exports.ensureOnlyChild=e.ensureOnlyChild;exports.flattedChildren=e.flattedChildren;exports.getFirstValidNode=e.getFirstValidNode;exports.getNormalizedProps=e.getNormalizedProps;exports.isComment=e.isComment;exports.isFragment=e.isFragment;exports.isTemplate=e.isTemplate;exports.isText=e.isText;exports.isValidElementNode=e.isValidElementNode;exports.renderBlock=e.renderBlock;exports.renderIf=e.renderIf;
 //# sourceMappingURL=index.js.map

package/lib/utils/vue/vnode.d.ts

@@ -0,0 +1,51 @@
+import { createBlock } from 'vue';
+import type { VNode, VNodeArrayChildren, VNodeChild, VNodeNormalizedChildren } from 'vue';
+export declare enum PatchFlags {
+    TEXT = 1,
+    CLASS = 2,
+    STYLE = 4,
+    PROPS = 8,
+    FULL_PROPS = 16,
+    HYDRATE_EVENTS = 32,
+    STABLE_FRAGMENT = 64,
+    KEYED_FRAGMENT = 128,
+    UNKEYED_FRAGMENT = 256,
+    NEED_PATCH = 512,
+    DYNAMIC_SLOTS = 1024,
+    HOISTED = -1,
+    BAIL = -2
+}
+export type VNodeChildAtom = Exclude<VNodeChild, Array<any>>;
+export type RawSlots = Exclude<VNodeNormalizedChildren, Array<any> | null | string>;
+export declare function isFragment(node: VNode): boolean;
+export declare function isFragment(node: unknown): node is VNode;
+export declare function isText(node: VNode): boolean;
+export declare function isText(node: unknown): node is VNode;
+export declare function isComment(node: VNode): boolean;
+export declare function isComment(node: unknown): node is VNode;
+export declare function isTemplate(node: VNode): boolean;
+export declare function isTemplate(node: unknown): node is VNode;
+/**
+ * determine if the element is a valid element type rather than fragments and comment e.g. <template> v-if
+ * @param node {VNode} node to be tested
+ */
+export declare function isValidElementNode(node: VNode): boolean;
+export declare function isValidElementNode(node: unknown): node is VNode;
+export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
+    [name: string]: unknown;
+    $stable?: boolean | undefined;
+} | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null | undefined;
+export declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderBlock(...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export declare const getNormalizedProps: (node: VNode) => Record<string, any>;
+export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => VNodeArrayChildren | (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null | undefined);
+export type FlattenVNodes = Array<VNodeChildAtom | RawSlots>;
+export declare const flattedChildren: (children: FlattenVNodes | VNode | VNodeNormalizedChildren) => FlattenVNodes;

package/lib/utils/vue/vnode.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),u=require("@vue/shared"),S=require("../error.js"),d="utils/vue/vnode";var f=(e=>(e[e.TEXT=1]="TEXT",e[e.CLASS=2]="CLASS",e[e.STYLE=4]="STYLE",e[e.PROPS=8]="PROPS",e[e.FULL_PROPS=16]="FULL_PROPS",e[e.HYDRATE_EVENTS=32]="HYDRATE_EVENTS",e[e.STABLE_FRAGMENT=64]="STABLE_FRAGMENT",e[e.KEYED_FRAGMENT=128]="KEYED_FRAGMENT",e[e.UNKEYED_FRAGMENT=256]="UNKEYED_FRAGMENT",e[e.NEED_PATCH=512]="NEED_PATCH",e[e.DYNAMIC_SLOTS=1024]="DYNAMIC_SLOTS",e[e.HOISTED=-1]="HOISTED",e[e.BAIL=-2]="BAIL",e))(f||{});function E(e){return r.isVNode(e)&&e.type===r.Fragment}function V(e){return r.isVNode(e)&&e.type===r.Text}function T(e){return r.isVNode(e)&&e.type===r.Comment}const y="template";function p(e){return r.isVNode(e)&&e.type===y}function C(e){return r.isVNode(e)&&!E(e)&&!T(e)}function N(e,n){if(!T(e))return E(e)||p(e)?n>0?A(e.children,n-1):void 0:e}const A=(e,n=3)=>Array.isArray(e)?N(e[0],n):N(e,n);function L(e,...n){return e?m(...n):r.createCommentVNode("v-if",!0)}function m(...e){return r.openBlock(),r.createBlock(...e)}const O=e=>{if(!r.isVNode(e))return S.debugWarn(d,"[getNormalizedProps] must be a VNode"),{};const n=e.props||{},i=(r.isVNode(e.type)?e.type.props:void 0)||{},t={};return Object.keys(i).forEach(o=>{u.hasOwn(i[o],"default")&&(t[o]=i[o].default)}),Object.keys(n).forEach(o=>{t[u.camelize(o)]=n[o]}),t},_=e=>{if(!u.isArray(e)||e.length>1)throw new Error("expect to receive a single Vue element child");return e[0]},s=e=>{const n=u.isArray(e)?e:[e],i=[];return n.forEach(t=>{var o;u.isArray(t)?i.push(...s(t)):r.isVNode(t)&&u.isArray(t.children)?i.push(...s(t.children)):(i.push(t),r.isVNode(t)&&((o=t.component)!=null&&o.subTree)&&i.push(...s(t.component.subTree)))}),i};exports.PatchFlags=f;exports.ensureOnlyChild=_;exports.flattedChildren=s;exports.getFirstValidNode=A;exports.getNormalizedProps=O;exports.isComment=T;exports.isFragment=E;exports.isTemplate=p;exports.isText=V;exports.isValidElementNode=C;exports.renderBlock=m;exports.renderIf=L;
+//# sourceMappingURL=vnode.js.map

package/lib/utils/vue/vnode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vnode.js","sources":["../../../../../packages/utils/vue/vnode.ts"],"sourcesContent":["import {\n  Comment,\n  Fragment,\n  Text,\n  createBlock,\n  createCommentVNode,\n  isVNode,\n  openBlock,\n} from 'vue'\nimport { camelize, isArray } from '@vue/shared'\nimport { hasOwn } from '@vue/shared'\nimport { debugWarn } from '../error'\nimport type {\n  VNode,\n  VNodeArrayChildren,\n  VNodeChild,\n  VNodeNormalizedChildren,\n} from 'vue'\n\nconst SCOPE = 'utils/vue/vnode'\n\nexport enum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2,\n}\n\nexport type VNodeChildAtom = Exclude<VNodeChild, Array<any>>\nexport type RawSlots = Exclude<\n  VNodeNormalizedChildren,\n  Array<any> | null | string\n>\n\nexport function isFragment(node: VNode): boolean\nexport function isFragment(node: unknown): node is VNode\nexport function isFragment(node: unknown): node is VNode {\n  return isVNode(node) && node.type === Fragment\n}\n\nexport function isText(node: VNode): boolean\nexport function isText(node: unknown): node is VNode\nexport function isText(node: unknown): node is VNode {\n  return isVNode(node) && node.type === Text\n}\n\nexport function isComment(node: VNode): boolean\nexport function isComment(node: unknown): node is VNode\nexport function isComment(node: unknown): node is VNode {\n  return isVNode(node) && node.type === Comment\n}\n\nconst TEMPLATE = 'template'\nexport function isTemplate(node: VNode): boolean\nexport function isTemplate(node: unknown): node is VNode\nexport function isTemplate(node: unknown): node is VNode {\n  return isVNode(node) && node.type === TEMPLATE\n}\n\n/**\n * determine if the element is a valid element type rather than fragments and comment e.g. <template> v-if\n * @param node {VNode} node to be tested\n */\nexport function isValidElementNode(node: VNode): boolean\nexport function isValidElementNode(node: unknown): node is VNode\nexport function isValidElementNode(node: unknown): node is VNode {\n  return isVNode(node) && !isFragment(node) && !isComment(node)\n}\n\n/**\n * get a valid child node (not fragment nor comment)\n * @param node {VNode} node to be searched\n * @param depth {number} depth to be searched\n */\nfunction getChildren(\n  node: VNodeNormalizedChildren | VNodeChild,\n  depth: number\n): VNodeNormalizedChildren | VNodeChild {\n  if (isComment(node)) return\n  if (isFragment(node) || isTemplate(node)) {\n    return depth > 0 ? getFirstValidNode(node.children, depth - 1) : undefined\n  }\n  return node\n}\n\nexport const getFirstValidNode = (\n  nodes: VNodeNormalizedChildren,\n  maxDepth = 3\n) => {\n  if (Array.isArray(nodes)) {\n    return getChildren(nodes[0], maxDepth)\n  } else {\n    return getChildren(nodes, maxDepth)\n  }\n}\n\nexport function renderIf(\n  condition: boolean,\n  ...args: Parameters<typeof createBlock>\n) {\n  return condition ? renderBlock(...args) : createCommentVNode('v-if', true)\n}\n\nexport function renderBlock(...args: Parameters<typeof createBlock>) {\n  return openBlock(), createBlock(...args)\n}\n\nexport const getNormalizedProps = (node: VNode) => {\n  if (!isVNode(node)) {\n    debugWarn(SCOPE, '[getNormalizedProps] must be a VNode')\n    return {}\n  }\n\n  const raw = node.props || {}\n  const type = (isVNode(node.type) ? node.type.props : undefined) || {}\n  const props: Record<string, any> = {}\n\n  Object.keys(type).forEach((key) => {\n    if (hasOwn(type[key], 'default')) {\n      props[key] = type[key].default\n    }\n  })\n\n  Object.keys(raw).forEach((key) => {\n    props[camelize(key)] = raw[key]\n  })\n\n  return props\n}\n\nexport const ensureOnlyChild = (children: VNodeArrayChildren | undefined) => {\n  if (!isArray(children) || children.length > 1) {\n    throw new Error('expect to receive a single Vue element child')\n  }\n  return children[0]\n}\n\nexport type FlattenVNodes = Array<VNodeChildAtom | RawSlots>\n\nexport const flattedChildren = (\n  children: FlattenVNodes | VNode | VNodeNormalizedChildren\n): FlattenVNodes => {\n  const vNodes = isArray(children) ? children : [children]\n  const result: FlattenVNodes = []\n\n  vNodes.forEach((child) => {\n    if (isArray(child)) {\n      result.push(...flattedChildren(child))\n    } else if (isVNode(child) && isArray(child.children)) {\n      result.push(...flattedChildren(child.children))\n    } else {\n      result.push(child)\n      if (isVNode(child) && child.component?.subTree) {\n        result.push(...flattedChildren(child.component.subTree))\n      }\n    }\n  })\n  return result\n}\n"],"names":["SCOPE","PatchFlags","isFragment","node","isVNode","Fragment","isText","Text","isComment","Comment","TEMPLATE","isTemplate","isValidElementNode","getChildren","depth","getFirstValidNode","nodes","maxDepth","renderIf","condition","args","renderBlock","createCommentVNode","openBlock","createBlock","getNormalizedProps","debugWarn","raw","type","props","key","hasOwn","camelize","ensureOnlyChild","children","isArray","flattedChildren","vNodes","result","child","_a"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.mjs",