@antsoo-lib/components 0.1.7 → 0.1.8

package/dist/es/tabs/src/TabNavList/OperationNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationNode.mjs","sources":["../../../../../src/tabs/src/TabNavList/OperationNode.tsx"],"sourcesContent":["import EllipsisOutlined from '@ant-design/icons-vue/EllipsisOutlined'\n\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent, onMounted, watch } from 'vue'\n\nimport KeyCode from '../../../_util/KeyCode'\nimport classNames from '../../../_util/classNames'\nimport useState from '../../../_util/hooks/useState'\nimport type { CustomSlotsType, Key } from '../../../_util/type'\nimport { functionType } from '../../../_util/type'\nimport PropTypes from '../../../_util/vue-types'\nimport Menu, { MenuItem } from '../../../menu'\nimport { useProvideOverride } from '../../../menu/src/OverrideContext'\nimport Dropdown from '../../../vc-dropdown'\nimport type { EditableConfig, Tab, TabsLocale } from '../interface'\nimport AddButton from './AddButton'\n\nexport const operationNodeProps = {\n  prefixCls: { type: String },\n  id: { type: String },\n  tabs: { type: Object as PropType<(Tab & { closeIcon?: () => any })[]> },\n  rtl: { type: Boolean },\n  tabBarGutter: { type: Number },\n  activeKey: { type: [String, Number] },\n  mobile: { type: Boolean },\n  moreIcon: PropTypes.any,\n  moreTransitionName: { type: String },\n  editable: { type: Object as PropType<EditableConfig> },\n  locale: { type: Object as PropType<TabsLocale>, default: undefined as TabsLocale },\n  removeAriaLabel: String,\n  onTabClick: { type: Function as PropType<(key: Key, e: MouseEvent | KeyboardEvent) => void> },\n  popupClassName: String,\n  getPopupContainer: functionType<\n    ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n  >(),\n}\n\nexport type OperationNodeProps = Partial<ExtractPropTypes<typeof operationNodeProps>>\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'OperationNode',\n  inheritAttrs: false,\n  props: operationNodeProps,\n  emits: ['tabClick'],\n  slots: Object as CustomSlotsType<{\n    moreIcon?: any\n    default?: any\n  }>,\n  setup(props, { attrs, slots }) {\n    // ======================== Dropdown ========================\n    const [open, setOpen] = useState(false)\n    const [selectedKey, setSelectedKey] = useState<Key>(null)\n    const selectOffset = (offset: -1 | 1) => {\n      const enabledTabs = props.tabs.filter((tab) => !tab.disabled)\n      let selectedIndex = enabledTabs.findIndex((tab) => tab.key === selectedKey.value) || 0\n      const len = enabledTabs.length\n\n      for (let i = 0; i < len; i += 1) {\n        selectedIndex = (selectedIndex + offset + len) % len\n        const tab = enabledTabs[selectedIndex]\n        if (!tab.disabled) {\n          setSelectedKey(tab.key)\n          return\n        }\n      }\n    }\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      const { which } = e\n\n      if (!open.value) {\n        if ([KeyCode.DOWN, KeyCode.SPACE, KeyCode.ENTER].includes(which)) {\n          setOpen(true)\n          e.preventDefault()\n        }\n        return\n      }\n\n      switch (which) {\n        case KeyCode.UP:\n          selectOffset(-1)\n          e.preventDefault()\n          break\n        case KeyCode.DOWN:\n          selectOffset(1)\n          e.preventDefault()\n          break\n        case KeyCode.ESC:\n          setOpen(false)\n          break\n        case KeyCode.SPACE:\n        case KeyCode.ENTER:\n          if (selectedKey.value !== null) props.onTabClick(selectedKey.value, e)\n          break\n      }\n    }\n    const popupId = computed(() => `${props.id}-more-popup`)\n\n    const selectedItemId = computed(() =>\n      selectedKey.value !== null ? `${popupId.value}-${selectedKey.value}` : null,\n    )\n\n    const onRemoveTab = (event: MouseEvent | KeyboardEvent, key: Key) => {\n      event.preventDefault()\n      event.stopPropagation()\n      props.editable.onEdit('remove', {\n        key,\n        event,\n      })\n    }\n\n    onMounted(() => {\n      watch(\n        selectedKey,\n        () => {\n          const ele = document.getElementById(selectedItemId.value)\n          if (ele && ele.scrollIntoView) {\n            ele.scrollIntoView(false)\n          }\n        },\n        { flush: 'post', immediate: true },\n      )\n    })\n\n    watch(open, () => {\n      if (!open.value) {\n        setSelectedKey(null)\n      }\n    })\n    useProvideOverride({})\n    return () => {\n      const {\n        prefixCls,\n        id,\n        tabs,\n        locale,\n        mobile,\n        moreIcon = slots.moreIcon?.() || <EllipsisOutlined />,\n        moreTransitionName,\n        editable,\n        tabBarGutter,\n        rtl,\n        onTabClick,\n        popupClassName,\n      } = props\n      if (!tabs.length) return null\n      const dropdownPrefix = `${prefixCls}-dropdown`\n\n      const dropdownAriaLabel = locale?.dropdownAriaLabel\n\n      // ========================= Render =========================\n      const moreStyle: CSSProperties = {\n        [rtl ? 'marginRight' : 'marginLeft']: tabBarGutter,\n      }\n      if (!tabs.length) {\n        moreStyle.visibility = 'hidden'\n        moreStyle.order = 1\n      }\n\n      const overlayClassName = classNames({\n        [`${dropdownPrefix}-rtl`]: rtl,\n        [`${popupClassName}`]: true,\n      })\n      const moreNode = mobile ? null : (\n        <Dropdown\n          prefixCls={dropdownPrefix}\n          trigger={['hover']}\n          visible={open.value}\n          transitionName={moreTransitionName}\n          onVisibleChange={setOpen}\n          overlayClassName={overlayClassName}\n          mouseEnterDelay={0.1}\n          mouseLeaveDelay={0.1}\n          getPopupContainer={props.getPopupContainer}\n          v-slots={{\n            overlay: () => (\n              <Menu\n                onClick={({ key, domEvent }) => {\n                  onTabClick(key, domEvent)\n                  setOpen(false)\n                }}\n                id={popupId.value}\n                tabindex={-1}\n                role=\"listbox\"\n                aria-activedescendant={selectedItemId.value}\n                selectedKeys={[selectedKey.value]}\n                aria-label={\n                  dropdownAriaLabel !== undefined ? dropdownAriaLabel : 'expanded dropdown'\n                }\n              >\n                {tabs.map((tab) => {\n                  const removable = editable && tab.closable !== false && !tab.disabled\n                  return (\n                    <MenuItem\n                      key={tab.key}\n                      id={`${popupId.value}-${tab.key}`}\n                      role=\"option\"\n                      aria-controls={id && `${id}-panel-${tab.key}`}\n                      disabled={tab.disabled}\n                    >\n                      <span>{typeof tab.tab === 'function' ? tab.tab() : tab.tab}</span>\n                      {removable && (\n                        <button\n                          type=\"button\"\n                          aria-label={props.removeAriaLabel || 'remove'}\n                          tabindex={0}\n                          class={`${dropdownPrefix}-menu-item-remove`}\n                          onClick={(e) => {\n                            e.stopPropagation()\n                            onRemoveTab(e, tab.key)\n                          }}\n                        >\n                          {tab.closeIcon?.() || editable.removeIcon?.() || '×'}\n                        </button>\n                      )}\n                    </MenuItem>\n                  )\n                })}\n              </Menu>\n            ),\n            default: () => (\n              <button\n                type=\"button\"\n                class={`${prefixCls}-nav-more`}\n                style={moreStyle}\n                tabindex={-1}\n                aria-hidden=\"true\"\n                aria-haspopup=\"listbox\"\n                aria-controls={popupId.value}\n                id={`${id}-more`}\n                aria-expanded={open.value}\n                onKeydown={onKeyDown}\n              >\n                {moreIcon}\n              </button>\n            ),\n          }}\n        ></Dropdown>\n      )\n\n      return (\n        <div\n          class={classNames(`${prefixCls}-nav-operations`, attrs.class)}\n          style={attrs.style as CSSProperties}\n        >\n          {moreNode}\n          <AddButton prefixCls={prefixCls} locale={locale} editable={editable} />\n        </div>\n      )\n    }\n  },\n})\n"],"names":["operationNodeProps","prefixCls","type","String","id","tabs","Object","rtl","Boolean","tabBarGutter","Number","activeKey","mobile","moreIcon","PropTypes","any","moreTransitionName","editable","locale","default","undefined","removeAriaLabel","onTabClick","Function","popupClassName","getPopupContainer","functionType","OperationNode","compatConfig","MODE","name","inheritAttrs","props","emits","slots","setup","attrs","open","setOpen","useState","selectedKey","setSelectedKey","selectOffset","offset","enabledTabs","filter","tab","disabled","selectedIndex","findIndex","key","value","len","length","i","onKeyDown","e","which","KeyCode","DOWN","SPACE","ENTER","includes","preventDefault","UP","ESC","popupId","computed","selectedItemId","onRemoveTab","event","stopPropagation","onEdit","onMounted","watch","ele","document","getElementById","scrollIntoView","flush","immediate","useProvideOverride","_createVNode","EllipsisOutlined","dropdownPrefix","dropdownAriaLabel","moreStyle","visibility","order","overlayClassName","classNames","moreNode","Dropdown","overlay","Menu","onClick","domEvent","map","removable","closable","MenuItem","closeIcon","removeIcon","class","style","AddButton"],"mappings":"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"}

package/dist/es/tabs/src/TabNavList/TabNode.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as x,ref as E,computed as N,createVNode as s}from"vue";import f from"../../../_util/KeyCode.mjs";import P from"../../../_util/classNames.mjs";const h=x({compatConfig:{MODE:3},name:"TabNode",props:{id:{type:String},prefixCls:{type:String},tab:{type:Object},active:{type:Boolean},closable:{type:Boolean},editable:{type:Object},onClick:{type:Function},onResize:{type:Function},renderWrapper:{type:Function},removeAriaLabel:{type:String},onFocus:{type:Function}},emits:["click","resize","remove","focus"],setup(t,{expose:y,attrs:v}){const d=E();function i(o){t.tab?.disabled||t.onClick(o)}y({domRef:d});function C(o){o.preventDefault(),o.stopPropagation(),t.editable.onEdit("remove",{key:t.tab?.key,event:o})}const b=N(()=>t.editable&&t.closable!==!1&&!t.tab?.disabled);return()=>{const{prefixCls:o,id:n,active:u,tab:{key:l,tab:r,disabled:c,closeIcon:k},renderWrapper:p,removeAriaLabel:$,editable:g,onFocus:F}=t,a=`${o}-tab`,m=s("div",{key:l,ref:d,class:P(a,{[`${a}-with-remove`]:b.value,[`${a}-active`]:u,[`${a}-disabled`]:c}),style:v.style,onClick:i},[s("div",{role:"tab","aria-selected":u,id:n&&`${n}-tab-${l}`,class:`${a}-btn`,"aria-controls":n&&`${n}-panel-${l}`,"aria-disabled":c,tabindex:c?null:0,onClick:e=>{e.stopPropagation(),i(e)},onKeydown:e=>{[f.SPACE,f.ENTER].includes(e.which)&&(e.preventDefault(),i(e))},onFocus:F},[typeof r=="function"?r():r]),b.value&&s("button",{type:"button","aria-label":$||"remove",tabindex:0,class:`${a}-remove`,onClick:e=>{e.stopPropagation(),C(e)}},[k?.()||g.removeIcon?.()||"×"])]);return p?p(m):m}}});export{h as default};
+//# sourceMappingURL=TabNode.mjs.map

package/dist/es/tabs/src/TabNavList/TabNode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNode.mjs","sources":["../../../../../src/tabs/src/TabNavList/TabNode.tsx"],"sourcesContent":["import type { CSSProperties, PropType } from 'vue'\nimport { computed, defineComponent, ref } from 'vue'\n\nimport type { FocusEventHandler } from '../../../_util/EventInterface'\nimport KeyCode from '../../../_util/KeyCode'\nimport classNames from '../../../_util/classNames'\nimport type { EditableConfig, Tab } from '../interface'\n\nexport interface TabNodeProps {\n  id: string\n  prefixCls: string\n  tab: Tab\n  active: boolean\n  closable?: boolean\n  editable?: EditableConfig\n  onClick?: (e: MouseEvent | KeyboardEvent) => void\n  onResize?: (width: number, height: number, left: number, top: number) => void\n  renderWrapper?: (node: any) => any\n  removeAriaLabel?: string\n  onRemove: () => void\n  onFocus: FocusEventHandler\n}\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'TabNode',\n  props: {\n    id: { type: String as PropType<string> },\n    prefixCls: { type: String as PropType<string> },\n    tab: { type: Object as PropType<Tab & { closeIcon?: () => any }> },\n    active: { type: Boolean },\n    closable: { type: Boolean },\n    editable: { type: Object as PropType<EditableConfig> },\n    onClick: { type: Function as PropType<(e: MouseEvent | KeyboardEvent) => void> },\n    onResize: {\n      type: Function as PropType<\n        (width: number, height: number, left: number, top: number) => void\n      >,\n    },\n    renderWrapper: { type: Function as PropType<(node: any) => any> },\n    removeAriaLabel: { type: String },\n    // onRemove: { type: Function as PropType<() => void> },\n    onFocus: { type: Function as PropType<FocusEventHandler> },\n  },\n  emits: ['click', 'resize', 'remove', 'focus'],\n  setup(props, { expose, attrs }) {\n    const domRef = ref()\n    function onInternalClick(e: MouseEvent | KeyboardEvent) {\n      if (props.tab?.disabled) {\n        return\n      }\n      props.onClick(e)\n    }\n    expose({\n      domRef,\n    })\n    // onBeforeUnmount(() => {\n    //   props.onRemove();\n    // });\n    function onRemoveTab(event: MouseEvent | KeyboardEvent) {\n      event.preventDefault()\n      event.stopPropagation()\n      props.editable.onEdit('remove', {\n        key: props.tab?.key,\n        event,\n      })\n    }\n\n    const removable = computed(\n      () => props.editable && props.closable !== false && !props.tab?.disabled,\n    )\n    return () => {\n      const {\n        prefixCls,\n        id,\n        active,\n        tab: { key, tab, disabled, closeIcon },\n        renderWrapper,\n        removeAriaLabel,\n        editable,\n        onFocus,\n      } = props\n      const tabPrefix = `${prefixCls}-tab`\n      const node = (\n        <div\n          key={key}\n          ref={domRef}\n          class={classNames(tabPrefix, {\n            [`${tabPrefix}-with-remove`]: removable.value,\n            [`${tabPrefix}-active`]: active,\n            [`${tabPrefix}-disabled`]: disabled,\n          })}\n          style={attrs.style as CSSProperties}\n          onClick={onInternalClick}\n        >\n          {/* Primary Tab Button */}\n          <div\n            role=\"tab\"\n            aria-selected={active}\n            id={id && `${id}-tab-${key}`}\n            class={`${tabPrefix}-btn`}\n            aria-controls={id && `${id}-panel-${key}`}\n            aria-disabled={disabled}\n            tabindex={disabled ? null : 0}\n            onClick={(e) => {\n              e.stopPropagation()\n              onInternalClick(e)\n            }}\n            onKeydown={(e) => {\n              if ([KeyCode.SPACE, KeyCode.ENTER].includes(e.which)) {\n                e.preventDefault()\n                onInternalClick(e)\n              }\n            }}\n            onFocus={onFocus}\n          >\n            {typeof tab === 'function' ? tab() : tab}\n          </div>\n\n          {/* Remove Button */}\n          {removable.value && (\n            <button\n              type=\"button\"\n              aria-label={removeAriaLabel || 'remove'}\n              tabindex={0}\n              class={`${tabPrefix}-remove`}\n              onClick={(e) => {\n                e.stopPropagation()\n                onRemoveTab(e)\n              }}\n            >\n              {closeIcon?.() || editable.removeIcon?.() || '×'}\n            </button>\n          )}\n        </div>\n      )\n      return renderWrapper ? renderWrapper(node) : node\n    }\n  },\n})\n"],"names":["TabNode","compatConfig","MODE","name","props","id","type","String","prefixCls","tab","Object","active","Boolean","closable","editable","onClick","Function","onResize","renderWrapper","removeAriaLabel","onFocus","emits","setup","expose","attrs","domRef","ref","onInternalClick","e","disabled","onRemoveTab","event","preventDefault","stopPropagation","onEdit","key","removable","computed","closeIcon","tabPrefix","node","_createVNode","classNames","value","style","KeyCode","SPACE","ENTER","includes","which","removeIcon"],"mappings":"qKAuBA,MAAAA,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,UACNC,MAAO,CACLC,GAAI,CAAEC,KAAMC,QACZC,UAAW,CAAEF,KAAMC,QACnBE,IAAK,CAAEH,KAAMI,QACbC,OAAQ,CAAEL,KAAMM,SAChBC,SAAU,CAAEP,KAAMM,SAClBE,SAAU,CAAER,KAAMI,QAClBK,QAAS,CAAET,KAAMU,UACjBC,SAAU,CACRX,KAAMU,UAIRE,cAAe,CAAEZ,KAAMU,UACvBG,gBAAiB,CAAEb,KAAMC,QAEzBa,QAAS,CAAEd,KAAMU,QAAwC,GAE3DK,MAAO,CAAC,QAAS,SAAU,SAAU,OAAO,EAC5CC,MAAMlB,EAAO,CAAEmB,OAAAA,EAAQC,MAAAA,CAAM,EAAG,CAC9B,MAAMC,EAASC,EAAG,EAClB,SAASC,EAAgBC,EAA+B,CAClDxB,EAAMK,KAAKoB,UAGfzB,EAAMW,QAAQa,CAAC,CACjB,CACAL,EAAO,CACLE,OAAAA,CACF,CAAC,EAID,SAASK,EAAYC,EAAmC,CACtDA,EAAMC,eAAc,EACpBD,EAAME,gBAAe,EACrB7B,EAAMU,SAASoB,OAAO,SAAU,CAC9BC,IAAK/B,EAAMK,KAAK0B,IAChBJ,MAAAA,CACF,CAAC,CACH,CAEA,MAAMK,EAAYC,EAChB,IAAMjC,EAAMU,UAAYV,EAAMS,WAAa,IAAS,CAACT,EAAMK,KAAKoB,QAClE,EACA,MAAO,IAAM,CACX,KAAM,CACJrB,UAAAA,EACAH,GAAAA,EACAM,OAAAA,EACAF,IAAK,CAAE0B,IAAAA,EAAK1B,IAAAA,EAAKoB,SAAAA,EAAUS,UAAAA,GAC3BpB,cAAAA,EACAC,gBAAAA,EACAL,SAAAA,EACAM,QAAAA,CACF,EAAIhB,EACEmC,EAAY,GAAG/B,CAAS,OACxBgC,EAAIC,EAAA,MAAA,CAAA,IAEDN,EAAG,IACHV,EAAM,MACJiB,EAAWH,EAAW,CAC3B,CAAC,GAAGA,CAAS,cAAc,EAAGH,EAAUO,MACxC,CAAC,GAAGJ,CAAS,SAAS,EAAG5B,EACzB,CAAC,GAAG4B,CAAS,WAAW,EAAGV,CAC7B,CAAC,EAAC,MACKL,EAAMoB,MAAK,QACTjB,CAAe,EAAA,CAAAc,EAAA,MAAA,CAAA,KAAA,MAAA,gBAKP9B,EAAM,GACjBN,GAAM,GAAGA,CAAE,QAAQ8B,CAAG,GAAE,MACrB,GAAGI,CAAS,OAAM,gBACVlC,GAAM,GAAGA,CAAE,UAAU8B,CAAG,GAAE,gBAC1BN,EAAQ,SACbA,EAAW,KAAO,EAAC,QACnBD,GAAM,CACdA,EAAEK,gBAAe,EACjBN,EAAgBC,CAAC,CACnB,EAAC,UACWA,GAAM,CACZ,CAACiB,EAAQC,MAAOD,EAAQE,KAAK,EAAEC,SAASpB,EAAEqB,KAAK,IACjDrB,EAAEI,eAAc,EAChBL,EAAgBC,CAAC,EAErB,EAAC,QACQR,CAAO,EAAA,CAEf,OAAOX,GAAQ,WAAaA,EAAG,EAAKA,CAAG,CAAA,EAIzC2B,EAAUO,OAAKF,EAAA,SAAA,CAAA,KAAA,SAAA,aAGAtB,GAAmB,SAAQ,SAC7B,EAAC,MACJ,GAAGoB,CAAS,UAAS,QAClBX,GAAM,CACdA,EAAEK,gBAAe,EACjBH,EAAYF,CAAC,CACf,CAAC,EAAA,CAEAU,IAAS,GAAQxB,EAASoC,aAAU,GAAQ,GAAG,CAAA,CAEnD,CAAA,EAGL,OAAOhC,EAAgBA,EAAcsB,CAAI,EAAIA,CAC/C,CACF,CACF,CAAC"}

package/dist/es/tabs/src/TabNavList/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as Pe,shallowRef as h,computed as O,watchEffect as pe,watch as N,onBeforeUnmount as Ee,createVNode as r}from"vue";import Ie from"../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/pick.mjs";import ae from"../../../_util/classNames.mjs";import Oe from"../../../_util/hooks/useRefs.mjs";import w from"../../../_util/hooks/useState.mjs";import me from"../../../_util/raf.mjs";import{functionType as Ke,objectType as le}from"../../../_util/type.mjs";import{toPx as A}from"../../../_util/util.mjs";import De from"../../../_util/vue-types/index.mjs";import be from"../../../vc-resize-observer/index.mjs";import{useInjectTabs as Fe}from"../TabContext.mjs";import Ve from"../hooks/useOffsets.mjs";import{useRafState as je}from"../hooks/useRaf.mjs";import ge from"../hooks/useSyncState.mjs";import Ge from"../hooks/useTouchMove.mjs";import Ue from"./AddButton.mjs";import Ze from"./OperationNode.mjs";import _e from"./TabNode.mjs";const ye={width:0,height:0,left:0,top:0,right:0},qe=()=>({id:{type:String},tabPosition:{type:String},activeKey:{type:[String,Number]},rtl:{type:Boolean},animated:le(),editable:le(),moreIcon:De.any,moreTransitionName:{type:String},mobile:{type:Boolean},tabBarGutter:{type:Number},renderTabBar:{type:Function},locale:le(),popupClassName:String,getPopupContainer:Ke(),onTabClick:{type:Function},onTabScroll:{type:Function}}),Je=(l,H)=>{const{offsetWidth:y,offsetHeight:v,offsetTop:z,offsetLeft:p}=l,{width:x,height:K,x:M,y:D}=l.getBoundingClientRect();return Math.abs(x-y)<1?[x,K,M-H.x,D-H.y]:[y,v,p,z]},pt=Pe({compatConfig:{MODE:3},name:"TabNavList",inheritAttrs:!1,props:qe(),slots:Object,emits:["tabClick","tabScroll"],setup(l,{attrs:H,slots:y}){const{tabs:v,prefixCls:z}=Fe(),p=h(),x=h(),K=h(),M=h(),[D,Te]=Oe(),m=O(()=>l.tabPosition==="top"||l.tabPosition==="bottom"),[f,F]=ge(0,(t,e)=>{m.value&&l.onTabScroll&&l.onTabScroll({direction:t>e?"left":"right"})}),[R,V]=ge(0,(t,e)=>{!m.value&&l.onTabScroll&&l.onTabScroll({direction:t>e?"top":"bottom"})}),[k,Se]=w(0),[j,we]=w(0),[d,xe]=w(null),[C,Re]=w(null),[ke,Ce]=w(0),[We,Be]=w(0),[Le,$e]=je(new Map),P=Ve(v,Le),Ne=O(()=>`${z.value}-nav-operations-hidden`),W=h(0),B=h(0);pe(()=>{m.value?l.rtl?(W.value=0,B.value=Math.max(0,k.value-d.value)):(W.value=Math.min(0,d.value-k.value),B.value=0):(W.value=Math.min(0,C.value-j.value),B.value=0)});const G=t=>t<W.value?W.value:t>B.value?B.value:t,oe=h(),[U,ie]=w(),Z=()=>{ie(Date.now())},_=()=>{clearTimeout(oe.value)},ne=(t,e)=>{t(a=>G(a+e))};Ge(p,(t,e)=>{if(m.value){if(d.value>=k.value)return!1;ne(F,t)}else{if(C.value>=j.value)return!1;ne(V,e)}return _(),Z(),!0}),N(U,()=>{_(),U.value&&(oe.value=setTimeout(()=>{ie(0)},100))});const re=(t=l.activeKey)=>{const e=P.value.get(t)||{width:0,height:0,left:0,right:0,top:0};if(m.value){let a=f.value;l.rtl?e.right<f.value?a=e.right:e.right+e.width>f.value+d.value&&(a=e.right+e.width-d.value):e.left<-f.value?a=-e.left:e.left+e.width>-f.value+d.value&&(a=-(e.left+e.width-d.value)),V(0),F(G(a))}else{let a=R.value;e.top<-R.value?a=-e.top:e.top+e.height>-R.value+C.value&&(a=-(e.top+e.height-C.value)),F(0),V(G(a))}},q=h(0),J=h(0);pe(()=>{let t,e,a,o,n,s;const b=P.value;["top","bottom"].includes(l.tabPosition)?(t="width",o=d.value,n=k.value,s=ke.value,e=l.rtl?"right":"left",a=Math.abs(f.value)):(t="height",o=C.value,n=k.value,s=We.value,e="top",a=-R.value);let c=o;n+s>o&&n<o&&(c=o-s);const S=v.value;if(!S.length)return[q.value,J.value]=[0,0];const L=S.length;let E=L;for(let u=0;u<L;u+=1){const g=b.get(S[u].key)||ye;if(g[e]+g[t]>a+c){E=u-1;break}}let i=0;for(let u=L-1;u>=0;u-=1)if((b.get(S[u].key)||ye)[e]<a){i=u+1;break}return[q.value,J.value]=[i,E]});const se=()=>{$e(()=>{const t=new Map,e=x.value?.getBoundingClientRect();return v.value.forEach(({key:a})=>{const o=Te.value.get(a),n=o?.$el||o;if(n){const[s,b,c,S]=Je(n,e);t.set(a,{width:s,height:b,left:c,top:S})}}),t})};N(()=>v.value.map(t=>t.key).join("%%"),()=>{se()},{flush:"post"});const Q=()=>{const t=p.value?.offsetWidth||0,e=p.value?.offsetHeight||0,a=M.value?.$el||{},o=a.offsetWidth||0,n=a.offsetHeight||0;xe(t),Re(e),Ce(o),Be(n);const s=(x.value?.offsetWidth||0)-o,b=(x.value?.offsetHeight||0)-n;Se(s),we(b),se()},ue=O(()=>[...v.value.slice(0,q.value),...v.value.slice(J.value+1)]),[Ae,He]=w(),T=O(()=>P.value.get(l.activeKey)),fe=h(),ce=()=>{me.cancel(fe.value)};N([T,m,()=>l.rtl],()=>{const t={};T.value&&(m.value?(l.rtl?t.right=A(T.value.right):t.left=A(T.value.left),t.width=A(T.value.width)):(t.top=A(T.value.top),t.height=A(T.value.height))),ce(),fe.value=me(()=>{He(t)})}),N([()=>l.activeKey,T,P,m],()=>{re()},{flush:"post"}),N([()=>l.rtl,()=>l.tabBarGutter,()=>l.activeKey,()=>v.value],()=>{Q()},{flush:"post"});const X=({position:t,prefixCls:e,extra:a})=>{if(!a)return null;const o=a?.({position:t});return o?r("div",{class:`${e}-extra-content`},[o]):null};return Ee(()=>{_(),ce()}),()=>{const{id:t,animated:e,activeKey:a,rtl:o,editable:n,locale:s,tabPosition:b,tabBarGutter:c,onTabClick:S}=l,{class:L,style:E}=H,i=z.value,u=!!ue.value.length,g=`${i}-nav-wrap`;let Y,ee,ve,de;m.value?o?(ee=f.value>0,Y=f.value+d.value<k.value):(Y=f.value<0,ee=-f.value+d.value<k.value):(ve=R.value<0,de=-R.value+C.value<j.value);const I={};b==="top"||b==="bottom"?I[o?"marginRight":"marginLeft"]=typeof c=="number"?`${c}px`:c:I.marginTop=typeof c=="number"?`${c}px`:c;const he=v.value.map((te,ze)=>{const{key:$}=te;return r(_e,{id:t,prefixCls:i,key:$,tab:te,style:ze===0?void 0:I,closable:te.closable,editable:n,active:$===a,removeAriaLabel:s?.removeAriaLabel,ref:D($),onClick:Me=>{S($,Me)},onFocus:()=>{re($),Z(),p.value&&(o||(p.value.scrollLeft=0),p.value.scrollTop=0)}},y)});return r("div",{role:"tablist",class:ae(`${i}-nav`,L),style:E,onKeydown:()=>{Z()}},[r(X,{position:"left",prefixCls:i,extra:y.leftExtra},null),r(be,{onResize:Q},{default:()=>[r("div",{class:ae(g,{[`${g}-ping-left`]:Y,[`${g}-ping-right`]:ee,[`${g}-ping-top`]:ve,[`${g}-ping-bottom`]:de}),ref:p},[r(be,{onResize:Q},{default:()=>[r("div",{ref:x,class:`${i}-nav-list`,style:{transform:`translate(${f.value}px, ${R.value}px)`,transition:U.value?"none":void 0}},[he,r(Ue,{ref:M,prefixCls:i,locale:s,editable:n,style:{...he.length===0?void 0:I,visibility:u?"hidden":null}},null),r("div",{class:ae(`${i}-ink-bar`,{[`${i}-ink-bar-animated`]:e.inkBar}),style:Ae.value},null)])]})])]}),r(Ze,{...l,removeAriaLabel:s?.removeAriaLabel,ref:K,prefixCls:i,tabs:ue.value,class:!u&&Ne.value},Ie(y,["moreIcon"])),r(X,{position:"right",prefixCls:i,extra:y.rightExtra},null),r(X,{position:"right",prefixCls:i,extra:y.tabBarExtraContent},null)])}}});export{pt as default,qe as tabNavListProps};
+//# sourceMappingURL=index.mjs.map

package/dist/es/tabs/src/TabNavList/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/tabs/src/TabNavList/index.tsx"],"sourcesContent":["import pick from 'lodash-es/pick'\n\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent, onBeforeUnmount, shallowRef, watch, watchEffect } from 'vue'\n\nimport classNames from '../../../_util/classNames'\nimport useRefs from '../../../_util/hooks/useRefs'\nimport useState from '../../../_util/hooks/useState'\nimport raf from '../../../_util/raf'\nimport { functionType, objectType } from '../../../_util/type'\nimport type { CustomSlotsType, Key } from '../../../_util/type'\nimport { toPx } from '../../../_util/util'\nimport PropTypes from '../../../_util/vue-types'\nimport ResizeObserver from '../../../vc-resize-observer'\nimport { useInjectTabs } from '../TabContext'\nimport useOffsets from '../hooks/useOffsets'\nimport { useRafState } from '../hooks/useRaf'\nimport useSyncState from '../hooks/useSyncState'\nimport useTouchMove from '../hooks/useTouchMove'\nimport type {\n  AnimatedConfig,\n  EditableConfig,\n  OnTabScroll,\n  RenderTabBar,\n  TabBarExtraContent,\n  TabBarExtraPosition,\n  TabPosition,\n  TabSizeMap,\n  TabsLocale,\n} from '../interface'\nimport AddButton from './AddButton'\nimport OperationNode from './OperationNode'\nimport TabNode from './TabNode'\n\nconst DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0, right: 0 }\nexport const tabNavListProps = () => {\n  return {\n    id: { type: String },\n    tabPosition: { type: String as PropType<TabPosition> },\n    activeKey: { type: [String, Number] },\n    rtl: { type: Boolean },\n    animated: objectType<AnimatedConfig>(),\n    editable: objectType<EditableConfig>(),\n    moreIcon: PropTypes.any,\n    moreTransitionName: { type: String },\n    mobile: { type: Boolean },\n    tabBarGutter: { type: Number },\n    renderTabBar: { type: Function as PropType<RenderTabBar> },\n    locale: objectType<TabsLocale>(),\n    popupClassName: String,\n    getPopupContainer: functionType<\n      ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n    >(),\n    onTabClick: {\n      type: Function as PropType<(activeKey: Key, e: MouseEvent | KeyboardEvent) => void>,\n    },\n    onTabScroll: { type: Function as PropType<OnTabScroll> },\n  }\n}\n\nexport type TabNavListProps = Partial<ExtractPropTypes<ReturnType<typeof tabNavListProps>>>\n\ninterface ExtraContentProps {\n  position: TabBarExtraPosition\n  prefixCls: string\n  extra?: (info?: { position: 'left' | 'right' }) => TabBarExtraContent\n}\n\nconst getTabSize = (tab: HTMLElement, containerRect: { x: number; y: number }) => {\n  // tabListRef\n  const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = tab\n  const { width, height, x, y } = tab.getBoundingClientRect()\n\n  // Use getBoundingClientRect to avoid decimal inaccuracy\n  if (Math.abs(width - offsetWidth) < 1) {\n    return [width, height, x - containerRect.x, y - containerRect.y]\n  }\n\n  return [offsetWidth, offsetHeight, offsetLeft, offsetTop]\n}\n\n// const getSize = (refObj: ShallowRef<HTMLElement>) => {\n//   const { offsetWidth = 0, offsetHeight = 0 } = refObj.value || {};\n\n//   // Use getBoundingClientRect to avoid decimal inaccuracy\n//   if (refObj.value) {\n//     const { width, height } = refObj.value.getBoundingClientRect();\n\n//     if (Math.abs(width - offsetWidth) < 1) {\n//       return [width, height];\n//     }\n//   }\n\n//   return [offsetWidth, offsetHeight];\n// };\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'TabNavList',\n  inheritAttrs: false,\n  props: tabNavListProps(),\n  slots: Object as CustomSlotsType<{\n    moreIcon?: any\n    leftExtra?: any\n    rightExtra?: any\n    tabBarExtraContent?: any\n    default?: any\n  }>,\n  emits: ['tabClick', 'tabScroll'],\n  setup(props, { attrs, slots }) {\n    const { tabs, prefixCls } = useInjectTabs()\n    const tabsWrapperRef = shallowRef<HTMLDivElement>()\n    const tabListRef = shallowRef<HTMLDivElement>()\n    const operationsRef = shallowRef<{ $el: HTMLDivElement }>()\n    const innerAddButtonRef = shallowRef()\n    const [setRef, btnRefs] = useRefs()\n    const tabPositionTopOrBottom = computed(\n      () => props.tabPosition === 'top' || props.tabPosition === 'bottom',\n    )\n\n    const [transformLeft, setTransformLeft] = useSyncState(0, (next, prev) => {\n      if (tabPositionTopOrBottom.value && props.onTabScroll) {\n        props.onTabScroll({ direction: next > prev ? 'left' : 'right' })\n      }\n    })\n    const [transformTop, setTransformTop] = useSyncState(0, (next, prev) => {\n      if (!tabPositionTopOrBottom.value && props.onTabScroll) {\n        props.onTabScroll({ direction: next > prev ? 'top' : 'bottom' })\n      }\n    })\n\n    const [wrapperScrollWidth, setWrapperScrollWidth] = useState<number>(0)\n    const [wrapperScrollHeight, setWrapperScrollHeight] = useState<number>(0)\n    const [wrapperWidth, setWrapperWidth] = useState<number>(null)\n    const [wrapperHeight, setWrapperHeight] = useState<number>(null)\n    const [addWidth, setAddWidth] = useState<number>(0)\n    const [addHeight, setAddHeight] = useState<number>(0)\n\n    const [tabSizes, setTabSizes] = useRafState<TabSizeMap>(new Map())\n    const tabOffsets = useOffsets(tabs, tabSizes)\n    // ========================== Util =========================\n    const operationsHiddenClassName = computed(() => `${prefixCls.value}-nav-operations-hidden`)\n\n    const transformMin = shallowRef(0)\n    const transformMax = shallowRef(0)\n\n    watchEffect(() => {\n      if (!tabPositionTopOrBottom.value) {\n        transformMin.value = Math.min(0, wrapperHeight.value - wrapperScrollHeight.value)\n        transformMax.value = 0\n      } else if (props.rtl) {\n        transformMin.value = 0\n        transformMax.value = Math.max(0, wrapperScrollWidth.value - wrapperWidth.value)\n      } else {\n        transformMin.value = Math.min(0, wrapperWidth.value - wrapperScrollWidth.value)\n        transformMax.value = 0\n      }\n    })\n\n    const alignInRange = (value: number): number => {\n      if (value < transformMin.value) {\n        return transformMin.value\n      }\n      if (value > transformMax.value) {\n        return transformMax.value\n      }\n      return value\n    }\n\n    // ========================= Mobile ========================\n    const touchMovingRef = shallowRef<any>()\n    const [lockAnimation, setLockAnimation] = useState<number>()\n\n    const doLockAnimation = () => {\n      setLockAnimation(Date.now())\n    }\n\n    const clearTouchMoving = () => {\n      clearTimeout(touchMovingRef.value)\n    }\n    const doMove = (setState: (fn: (val: number) => number) => void, offset: number) => {\n      setState((value: number) => {\n        const newValue = alignInRange(value + offset)\n\n        return newValue\n      })\n    }\n    useTouchMove(tabsWrapperRef, (offsetX, offsetY) => {\n      if (tabPositionTopOrBottom.value) {\n        // Skip scroll if place is enough\n        if (wrapperWidth.value >= wrapperScrollWidth.value) {\n          return false\n        }\n\n        doMove(setTransformLeft, offsetX)\n      } else {\n        if (wrapperHeight.value >= wrapperScrollHeight.value) {\n          return false\n        }\n\n        doMove(setTransformTop, offsetY)\n      }\n\n      clearTouchMoving()\n      doLockAnimation()\n\n      return true\n    })\n\n    watch(lockAnimation, () => {\n      clearTouchMoving()\n      if (lockAnimation.value) {\n        touchMovingRef.value = setTimeout(() => {\n          setLockAnimation(0)\n        }, 100)\n      }\n    })\n\n    // ========================= Scroll ========================\n    const scrollToTab = (key = props.activeKey) => {\n      const tabOffset = tabOffsets.value.get(key) || {\n        width: 0,\n        height: 0,\n        left: 0,\n        right: 0,\n        top: 0,\n      }\n\n      if (tabPositionTopOrBottom.value) {\n        // ============ Align with top & bottom ============\n        let newTransform = transformLeft.value\n\n        // RTL\n        if (props.rtl) {\n          if (tabOffset.right < transformLeft.value) {\n            newTransform = tabOffset.right\n          } else if (tabOffset.right + tabOffset.width > transformLeft.value + wrapperWidth.value) {\n            newTransform = tabOffset.right + tabOffset.width - wrapperWidth.value\n          }\n        }\n        // LTR\n        else if (tabOffset.left < -transformLeft.value) {\n          newTransform = -tabOffset.left\n        } else if (tabOffset.left + tabOffset.width > -transformLeft.value + wrapperWidth.value) {\n          newTransform = -(tabOffset.left + tabOffset.width - wrapperWidth.value)\n        }\n\n        setTransformTop(0)\n        setTransformLeft(alignInRange(newTransform))\n      } else {\n        // ============ Align with left & right ============\n        let newTransform = transformTop.value\n\n        if (tabOffset.top < -transformTop.value) {\n          newTransform = -tabOffset.top\n        } else if (tabOffset.top + tabOffset.height > -transformTop.value + wrapperHeight.value) {\n          newTransform = -(tabOffset.top + tabOffset.height - wrapperHeight.value)\n        }\n\n        setTransformLeft(0)\n        setTransformTop(alignInRange(newTransform))\n      }\n    }\n\n    const visibleStart = shallowRef(0)\n    const visibleEnd = shallowRef(0)\n\n    watchEffect(() => {\n      let unit: 'width' | 'height'\n      let position: 'left' | 'top' | 'right'\n      let transformSize: number\n      let basicSize: number\n      let tabContentSize: number\n      let addSize: number\n      const tabOffsetsValue = tabOffsets.value\n      if (['top', 'bottom'].includes(props.tabPosition)) {\n        unit = 'width'\n        basicSize = wrapperWidth.value\n        tabContentSize = wrapperScrollWidth.value\n        addSize = addWidth.value\n        position = props.rtl ? 'right' : 'left'\n        transformSize = Math.abs(transformLeft.value)\n      } else {\n        unit = 'height'\n        basicSize = wrapperHeight.value\n        tabContentSize = wrapperScrollWidth.value\n        addSize = addHeight.value\n        position = 'top'\n        transformSize = -transformTop.value\n      }\n      let mergedBasicSize = basicSize\n      if (tabContentSize + addSize > basicSize && tabContentSize < basicSize) {\n        mergedBasicSize = basicSize - addSize\n      }\n\n      const tabsVal = tabs.value\n      if (!tabsVal.length) {\n        return ([visibleStart.value, visibleEnd.value] = [0, 0])\n      }\n\n      const len = tabsVal.length\n      let endIndex = len\n      for (let i = 0; i < len; i += 1) {\n        const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE\n        if (offset[position] + offset[unit] > transformSize + mergedBasicSize) {\n          endIndex = i - 1\n          break\n        }\n      }\n      let startIndex = 0\n      for (let i = len - 1; i >= 0; i -= 1) {\n        const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE\n        if (offset[position] < transformSize) {\n          startIndex = i + 1\n          break\n        }\n      }\n\n      return ([visibleStart.value, visibleEnd.value] = [startIndex, endIndex])\n    })\n    const updateTabSizes = () => {\n      setTabSizes(() => {\n        const newSizes: TabSizeMap = new Map()\n        const listRect = tabListRef.value?.getBoundingClientRect()\n        tabs.value.forEach(({ key }) => {\n          const btnRef = btnRefs.value.get(key)\n          const btnNode = (btnRef as any)?.$el || btnRef\n          if (btnNode) {\n            const [width, height, left, top] = getTabSize(btnNode, listRect)\n            newSizes.set(key, { width, height, left, top })\n          }\n        })\n        return newSizes\n      })\n    }\n\n    watch(\n      () => tabs.value.map((tab) => tab.key).join('%%'),\n      () => {\n        updateTabSizes()\n      },\n      { flush: 'post' },\n    )\n    const onListHolderResize = () => {\n      // Update wrapper records\n      const offsetWidth = tabsWrapperRef.value?.offsetWidth || 0\n      const offsetHeight = tabsWrapperRef.value?.offsetHeight || 0\n      const addDom = innerAddButtonRef.value?.$el || {}\n      const newAddWidth = addDom.offsetWidth || 0\n      const newAddHeight = addDom.offsetHeight || 0\n      setWrapperWidth(offsetWidth)\n      setWrapperHeight(offsetHeight)\n      setAddWidth(newAddWidth)\n      setAddHeight(newAddHeight)\n\n      const newWrapperScrollWidth = (tabListRef.value?.offsetWidth || 0) - newAddWidth\n      const newWrapperScrollHeight = (tabListRef.value?.offsetHeight || 0) - newAddHeight\n\n      setWrapperScrollWidth(newWrapperScrollWidth)\n      setWrapperScrollHeight(newWrapperScrollHeight)\n\n      // Update buttons records\n      updateTabSizes()\n    }\n\n    // ======================== Dropdown =======================\n    const hiddenTabs = computed(() => [\n      ...tabs.value.slice(0, visibleStart.value),\n      ...tabs.value.slice(visibleEnd.value + 1),\n    ])\n\n    // =================== Link & Operations ===================\n    const [inkStyle, setInkStyle] = useState<CSSProperties>()\n\n    const activeTabOffset = computed(() => tabOffsets.value.get(props.activeKey))\n\n    // Delay set ink style to avoid remove tab blink\n    const inkBarRafRef = shallowRef<number>()\n    const cleanInkBarRaf = () => {\n      raf.cancel(inkBarRafRef.value)\n    }\n\n    watch([activeTabOffset, tabPositionTopOrBottom, () => props.rtl], () => {\n      const newInkStyle: CSSProperties = {}\n\n      if (activeTabOffset.value) {\n        if (tabPositionTopOrBottom.value) {\n          if (props.rtl) {\n            newInkStyle.right = toPx(activeTabOffset.value.right)\n          } else {\n            newInkStyle.left = toPx(activeTabOffset.value.left)\n          }\n\n          newInkStyle.width = toPx(activeTabOffset.value.width)\n        } else {\n          newInkStyle.top = toPx(activeTabOffset.value.top)\n          newInkStyle.height = toPx(activeTabOffset.value.height)\n        }\n      }\n\n      cleanInkBarRaf()\n      inkBarRafRef.value = raf(() => {\n        setInkStyle(newInkStyle)\n      })\n    })\n\n    watch(\n      [() => props.activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom],\n      () => {\n        scrollToTab()\n      },\n      { flush: 'post' },\n    )\n\n    watch(\n      [() => props.rtl, () => props.tabBarGutter, () => props.activeKey, () => tabs.value],\n      () => {\n        onListHolderResize()\n      },\n      { flush: 'post' },\n    )\n\n    const ExtraContent = ({ position, prefixCls, extra }: ExtraContentProps) => {\n      if (!extra) return null\n      const content = extra?.({ position })\n      return content ? <div class={`${prefixCls}-extra-content`}>{content}</div> : null\n    }\n\n    onBeforeUnmount(() => {\n      clearTouchMoving()\n      cleanInkBarRaf()\n    })\n\n    return () => {\n      const {\n        id,\n        animated,\n        activeKey,\n        rtl,\n        editable,\n        locale,\n        tabPosition,\n        tabBarGutter,\n        onTabClick,\n      } = props\n      const { class: className, style } = attrs\n      const pre = prefixCls.value\n      // ========================= Render ========================\n      const hasDropdown = !!hiddenTabs.value.length\n      const wrapPrefix = `${pre}-nav-wrap`\n      let pingLeft: boolean\n      let pingRight: boolean\n      let pingTop: boolean\n      let pingBottom: boolean\n\n      if (tabPositionTopOrBottom.value) {\n        if (rtl) {\n          pingRight = transformLeft.value > 0\n          pingLeft = transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value\n        } else {\n          pingLeft = transformLeft.value < 0\n          pingRight = -transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value\n        }\n      } else {\n        pingTop = transformTop.value < 0\n        pingBottom = -transformTop.value + wrapperHeight.value < wrapperScrollHeight.value\n      }\n\n      const tabNodeStyle: CSSProperties = {}\n      if (tabPosition === 'top' || tabPosition === 'bottom') {\n        tabNodeStyle[rtl ? 'marginRight' : 'marginLeft'] =\n          typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter\n      } else {\n        tabNodeStyle.marginTop =\n          typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter\n      }\n\n      const tabNodes = tabs.value.map((tab, i) => {\n        const { key } = tab\n        return (\n          <TabNode\n            id={id}\n            prefixCls={pre}\n            key={key}\n            tab={tab}\n            /* first node should not have margin left */\n            style={i === 0 ? undefined : tabNodeStyle}\n            closable={tab.closable}\n            editable={editable}\n            active={key === activeKey}\n            removeAriaLabel={locale?.removeAriaLabel}\n            ref={setRef(key)}\n            onClick={(e) => {\n              onTabClick(key, e)\n            }}\n            onFocus={() => {\n              scrollToTab(key)\n              doLockAnimation()\n              if (!tabsWrapperRef.value) {\n                return\n              }\n              // Focus element will make scrollLeft change which we should reset back\n              if (!rtl) {\n                tabsWrapperRef.value.scrollLeft = 0\n              }\n              tabsWrapperRef.value.scrollTop = 0\n            }}\n            v-slots={slots}\n          ></TabNode>\n        )\n      })\n      return (\n        <div\n          role=\"tablist\"\n          class={classNames(`${pre}-nav`, className)}\n          style={style as CSSProperties}\n          onKeydown={() => {\n            // No need animation when use keyboard\n            doLockAnimation()\n          }}\n        >\n          <ExtraContent position=\"left\" prefixCls={pre} extra={slots.leftExtra} />\n\n          <ResizeObserver onResize={onListHolderResize}>\n            <div\n              class={classNames(wrapPrefix, {\n                [`${wrapPrefix}-ping-left`]: pingLeft,\n                [`${wrapPrefix}-ping-right`]: pingRight,\n                [`${wrapPrefix}-ping-top`]: pingTop,\n                [`${wrapPrefix}-ping-bottom`]: pingBottom,\n              })}\n              ref={tabsWrapperRef}\n            >\n              <ResizeObserver onResize={onListHolderResize}>\n                <div\n                  ref={tabListRef}\n                  class={`${pre}-nav-list`}\n                  style={{\n                    transform: `translate(${transformLeft.value}px, ${transformTop.value}px)`,\n                    transition: lockAnimation.value ? 'none' : undefined,\n                  }}\n                >\n                  {tabNodes}\n                  <AddButton\n                    ref={innerAddButtonRef}\n                    prefixCls={pre}\n                    locale={locale}\n                    editable={editable}\n                    style={{\n                      ...(tabNodes.length === 0 ? undefined : tabNodeStyle),\n                      visibility: hasDropdown ? 'hidden' : null,\n                    }}\n                  />\n\n                  <div\n                    class={classNames(`${pre}-ink-bar`, {\n                      [`${pre}-ink-bar-animated`]: animated.inkBar,\n                    })}\n                    style={inkStyle.value}\n                  />\n                </div>\n              </ResizeObserver>\n            </div>\n          </ResizeObserver>\n          <OperationNode\n            {...props}\n            removeAriaLabel={locale?.removeAriaLabel}\n            v-slots={pick(slots, ['moreIcon'])}\n            ref={operationsRef}\n            prefixCls={pre}\n            tabs={hiddenTabs.value}\n            class={!hasDropdown && operationsHiddenClassName.value}\n          />\n\n          <ExtraContent position=\"right\" prefixCls={pre} extra={slots.rightExtra} />\n          <ExtraContent position=\"right\" prefixCls={pre} extra={slots.tabBarExtraContent} />\n        </div>\n      )\n    }\n  },\n})\n"],"names":["DEFAULT_SIZE","width","height","left","top","right","tabNavListProps","id","type","String","tabPosition","activeKey","Number","rtl","Boolean","animated","objectType","editable","moreIcon","PropTypes","any","moreTransitionName","mobile","tabBarGutter","renderTabBar","Function","locale","popupClassName","getPopupContainer","functionType","onTabClick","onTabScroll","getTabSize","tab","containerRect","offsetWidth","offsetHeight","offsetTop","offsetLeft","x","y","getBoundingClientRect","Math","abs","TabNavList","compatConfig","MODE","name","inheritAttrs","props","slots","Object","emits","setup","attrs","tabs","prefixCls","useInjectTabs","tabsWrapperRef","shallowRef","tabListRef","operationsRef","innerAddButtonRef","setRef","btnRefs","useRefs","tabPositionTopOrBottom","computed","transformLeft","setTransformLeft","useSyncState","next","prev","value","direction","transformTop","setTransformTop","wrapperScrollWidth","setWrapperScrollWidth","useState","wrapperScrollHeight","setWrapperScrollHeight","wrapperWidth","setWrapperWidth","wrapperHeight","setWrapperHeight","addWidth","setAddWidth","addHeight","setAddHeight","tabSizes","setTabSizes","useRafState","Map","tabOffsets","useOffsets","operationsHiddenClassName","transformMin","transformMax","watchEffect","max","min","alignInRange","touchMovingRef","lockAnimation","setLockAnimation","doLockAnimation","Date","now","clearTouchMoving","clearTimeout","doMove","setState","offset","useTouchMove","offsetX","offsetY","watch","setTimeout","scrollToTab","key","tabOffset","get","newTransform","visibleStart","visibleEnd","unit","position","transformSize","basicSize","tabContentSize","addSize","tabOffsetsValue","includes","mergedBasicSize","tabsVal","length","len","endIndex","i","startIndex","updateTabSizes","newSizes","listRect","forEach","btnRef","btnNode","$el","set","map","join","flush","onListHolderResize","addDom","newAddWidth","newAddHeight","newWrapperScrollWidth","newWrapperScrollHeight","hiddenTabs","slice","inkStyle","setInkStyle","activeTabOffset","inkBarRafRef","cleanInkBarRaf","raf","cancel","newInkStyle","toPx","ExtraContent","extra","content","_createVNode","onBeforeUnmount","class","className","style","pre","hasDropdown","wrapPrefix","pingLeft","pingRight","pingTop","pingBottom","tabNodeStyle","marginTop","tabNodes","TabNode","undefined","closable","removeAriaLabel","e","onFocus","scrollLeft","scrollTop","classNames","onKeydown","leftExtra","ResizeObserver","default","transform","transition","AddButton","visibility","inkBar","OperationNode","pick","rightExtra","tabBarExtraContent"],"mappings":"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"}

package/dist/es/tabs/src/TabPanelList/TabPane.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as s,ref as y,watch as b,computed as f,createVNode as u}from"vue";import v from"../../../_util/vue-types/index.mjs";const m=()=>({tab:v.any,disabled:{type:Boolean},forceRender:{type:Boolean},closable:{type:Boolean},animated:{type:Boolean},active:{type:Boolean},destroyInactiveTabPane:{type:Boolean},prefixCls:{type:String},tabKey:{type:[String,Number]},id:{type:String}}),T=s({compatConfig:{MODE:3},name:"ATabPane",inheritAttrs:!1,__ANT_TAB_PANE:!0,props:m(),slots:Object,setup(e,{attrs:i,slots:o}){const n=y(e.forceRender);b([()=>e.active,()=>e.destroyInactiveTabPane],()=>{e.active?n.value=!0:e.destroyInactiveTabPane&&(n.value=!1)},{immediate:!0});const d=f(()=>e.active?{}:e.animated?{visibility:"hidden",height:0,overflowY:"hidden"}:{display:"none"});return()=>{const{prefixCls:r,forceRender:c,id:t,active:a,tabKey:l}=e;return u("div",{id:t&&`${t}-panel-${l}`,role:"tabpanel",tabindex:a?0:-1,"aria-labelledby":t&&`${t}-tab-${l}`,"aria-hidden":!a,style:[d.value,i.style],class:[`${r}-tabpane`,a&&`${r}-tabpane-active`,i.class]},[(a||n.value||c)&&o.default?.()])}}});export{T as default};
+//# sourceMappingURL=TabPane.mjs.map

package/dist/es/tabs/src/TabPanelList/TabPane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.mjs","sources":["../../../../../src/tabs/src/TabPanelList/TabPane.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nimport type { CustomSlotsType } from '../../../_util/type'\nimport PropTypes from '../../../_util/vue-types'\n\nconst tabPaneProps = () => ({\n  tab: PropTypes.any,\n  disabled: { type: Boolean },\n  forceRender: { type: Boolean },\n  closable: { type: Boolean },\n  animated: { type: Boolean },\n  active: { type: Boolean },\n  destroyInactiveTabPane: { type: Boolean },\n\n  // Pass by TabPaneList\n  prefixCls: { type: String },\n  tabKey: { type: [String, Number] },\n  id: { type: String },\n  // closeIcon: PropTypes.any,\n})\n\nexport type TabPaneProps = Partial<ExtractPropTypes<ReturnType<typeof tabPaneProps>>>\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ATabPane',\n  inheritAttrs: false,\n  __ANT_TAB_PANE: true,\n  props: tabPaneProps(),\n  slots: Object as CustomSlotsType<{\n    closeIcon: any\n    tab: any\n    default: any\n  }>,\n  setup(props, { attrs, slots }) {\n    const visited = ref(props.forceRender)\n    watch(\n      [() => props.active, () => props.destroyInactiveTabPane],\n      () => {\n        if (props.active) {\n          visited.value = true\n        } else if (props.destroyInactiveTabPane) {\n          visited.value = false\n        }\n      },\n      { immediate: true },\n    )\n    const mergedStyle = computed<CSSProperties>(() => {\n      if (!props.active) {\n        if (props.animated) {\n          return {\n            visibility: 'hidden',\n            height: 0,\n            overflowY: 'hidden',\n          }\n        } else {\n          return { display: 'none' }\n        }\n      }\n      return {}\n    })\n\n    return () => {\n      const { prefixCls, forceRender, id, active, tabKey } = props\n      return (\n        <div\n          id={id && `${id}-panel-${tabKey}`}\n          role=\"tabpanel\"\n          tabindex={active ? 0 : -1}\n          aria-labelledby={id && `${id}-tab-${tabKey}`}\n          aria-hidden={!active}\n          style={[mergedStyle.value, attrs.style as CSSProperties]}\n          class={[`${prefixCls}-tabpane`, active && `${prefixCls}-tabpane-active`, attrs.class]}\n        >\n          {(active || visited.value || forceRender) && slots.default?.()}\n        </div>\n      )\n    }\n  },\n})\n"],"names":["tabPaneProps","tab","PropTypes","any","disabled","type","Boolean","forceRender","closable","animated","active","destroyInactiveTabPane","prefixCls","String","tabKey","Number","id","TabPane","compatConfig","MODE","name","inheritAttrs","__ANT_TAB_PANE","props","slots","Object","setup","attrs","visited","ref","watch","value","immediate","mergedStyle","computed","visibility","height","overflowY","display","_createVNode","style","class","default"],"mappings":"2IAMA,MAAMA,EAAeA,KAAO,CAC1BC,IAAKC,EAAUC,IACfC,SAAU,CAAEC,KAAMC,SAClBC,YAAa,CAAEF,KAAMC,SACrBE,SAAU,CAAEH,KAAMC,SAClBG,SAAU,CAAEJ,KAAMC,SAClBI,OAAQ,CAAEL,KAAMC,SAChBK,uBAAwB,CAAEN,KAAMC,SAGhCM,UAAW,CAAEP,KAAMQ,QACnBC,OAAQ,CAAET,KAAM,CAACQ,OAAQE,MAAM,GAC/BC,GAAI,CAAEX,KAAMQ,MAAO,CAErB,GAIAI,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,WACNC,aAAc,GACdC,eAAgB,GAChBC,MAAOvB,EAAY,EACnBwB,MAAOC,OAKPC,MAAMH,EAAO,CAAEI,MAAAA,EAAOH,MAAAA,CAAM,EAAG,CAC7B,MAAMI,EAAUC,EAAIN,EAAMhB,WAAW,EACrCuB,EACE,CAAC,IAAMP,EAAMb,OAAQ,IAAMa,EAAMZ,sBAAsB,EACvD,IAAM,CACAY,EAAMb,OACRkB,EAAQG,MAAQ,GACPR,EAAMZ,yBACfiB,EAAQG,MAAQ,GAEpB,EACA,CAAEC,UAAW,EAAK,CACpB,EACA,MAAMC,EAAcC,EAAwB,IACrCX,EAAMb,OAWJ,CAAA,EAVDa,EAAMd,SACD,CACL0B,WAAY,SACZC,OAAQ,EACRC,UAAW,UAGN,CAAEC,QAAS,OAIvB,EAED,MAAO,IAAM,CACX,KAAM,CAAE1B,UAAAA,EAAWL,YAAAA,EAAaS,GAAAA,EAAIN,OAAAA,EAAQI,OAAAA,CAAO,EAAIS,EACvD,OAAAgB,EAAA,MAAA,CAAA,GAEQvB,GAAM,GAAGA,CAAE,UAAUF,CAAM,GAAE,KAAA,WAAA,SAEvBJ,EAAS,EAAI,GAAE,kBACRM,GAAM,GAAGA,CAAE,QAAQF,CAAM,GAAE,cAC/B,CAACJ,EAAM,MACb,CAACuB,EAAYF,MAAOJ,EAAMa,KAAK,EAAkB,MACjD,CAAC,GAAG5B,CAAS,WAAYF,GAAU,GAAGE,CAAS,kBAAmBe,EAAMc,KAAK,CAAC,EAAA,EAEnF/B,GAAUkB,EAAQG,OAASxB,IAAgBiB,EAAMkB,UAAO,CAAI,CAAA,CAGpE,CACF,CACF,CAAC"}

package/dist/es/tabs/src/TabPanelList/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as f,createVNode as r}from"vue";import{cloneElement as u}from"../../../_util/vnode.mjs";import{useInjectTabs as v}from"../TabContext.mjs";const $=f({compatConfig:{MODE:3},name:"TabPanelList",inheritAttrs:!1,props:{activeKey:{type:[String,Number]},id:{type:String},rtl:{type:Boolean},animated:{type:Object,default:void 0},tabPosition:{type:String},destroyInactiveTabPane:{type:Boolean}},setup(s){const{tabs:a,prefixCls:c}=v();return()=>{const{id:d,activeKey:i,animated:l,tabPosition:m,rtl:p,destroyInactiveTabPane:y}=s,n=l.tabPane,t=c.value,o=a.value.findIndex(e=>e.key===i);return r("div",{class:`${t}-content-holder`},[r("div",{class:[`${t}-content`,`${t}-content-${m}`,{[`${t}-content-animated`]:n}],style:o&&n?{[p?"marginRight":"marginLeft"]:`-${o}00%`}:null},[a.value.map(e=>u(e.node,{key:e.key,prefixCls:t,tabKey:e.key,id:d,animated:n,active:e.key===i,destroyInactiveTabPane:y}))])])}}});export{$ as default};
+//# sourceMappingURL=index.mjs.map

package/dist/es/tabs/src/TabPanelList/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/tabs/src/TabPanelList/index.tsx"],"sourcesContent":["import type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\n\nimport type { Key } from '../../../_util/type'\nimport { cloneElement } from '../../../_util/vnode'\nimport { useInjectTabs } from '../TabContext'\nimport type { AnimatedConfig, TabPosition } from '../interface'\n\nexport interface TabPanelListProps {\n  activeKey: Key\n  id: string\n  rtl: boolean\n  animated?: AnimatedConfig\n  tabPosition?: TabPosition\n  destroyInactiveTabPane?: boolean\n}\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'TabPanelList',\n  inheritAttrs: false,\n  props: {\n    activeKey: { type: [String, Number] as PropType<Key> },\n    id: { type: String },\n    rtl: { type: Boolean },\n    animated: { type: Object as PropType<AnimatedConfig>, default: undefined as AnimatedConfig },\n    tabPosition: { type: String as PropType<TabPosition> },\n    destroyInactiveTabPane: { type: Boolean },\n  },\n  setup(props) {\n    const { tabs, prefixCls } = useInjectTabs()\n    return () => {\n      const { id, activeKey, animated, tabPosition, rtl, destroyInactiveTabPane } = props\n      const tabPaneAnimated = animated.tabPane\n      const pre = prefixCls.value\n      const activeIndex = tabs.value.findIndex((tab) => tab.key === activeKey)\n      return (\n        <div class={`${pre}-content-holder`}>\n          <div\n            class={[\n              `${pre}-content`,\n              `${pre}-content-${tabPosition}`,\n              {\n                [`${pre}-content-animated`]: tabPaneAnimated,\n              },\n            ]}\n            style={\n              activeIndex && tabPaneAnimated\n                ? { [rtl ? 'marginRight' : 'marginLeft']: `-${activeIndex}00%` }\n                : null\n            }\n          >\n            {tabs.value.map((tab) => {\n              return cloneElement(tab.node, {\n                key: tab.key,\n                prefixCls: pre,\n                tabKey: tab.key,\n                id,\n                animated: tabPaneAnimated,\n                active: tab.key === activeKey,\n                destroyInactiveTabPane,\n              })\n            })}\n          </div>\n        </div>\n      )\n    }\n  },\n})\n"],"names":["TabPanelList","compatConfig","MODE","name","inheritAttrs","props","activeKey","type","String","Number","id","rtl","Boolean","animated","Object","default","undefined","tabPosition","destroyInactiveTabPane","setup","tabs","prefixCls","useInjectTabs","tabPaneAnimated","tabPane","pre","value","activeIndex","findIndex","tab","key","_createVNode","map","cloneElement","node","tabKey","active"],"mappings":"iKAgBA,MAAAA,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,eACNC,aAAc,GACdC,MAAO,CACLC,UAAW,CAAEC,KAAM,CAACC,OAAQC,MAAM,GAClCC,GAAI,CAAEH,KAAMC,QACZG,IAAK,CAAEJ,KAAMK,SACbC,SAAU,CAAEN,KAAMO,OAAoCC,QAASC,QAC/DC,YAAa,CAAEV,KAAMC,QACrBU,uBAAwB,CAAEX,KAAMK,OAAQ,GAE1CO,MAAMd,EAAO,CACX,KAAM,CAAEe,KAAAA,EAAMC,UAAAA,GAAcC,EAAa,EACzC,MAAO,IAAM,CACX,KAAM,CAAEZ,GAAAA,EAAIJ,UAAAA,EAAWO,SAAAA,EAAUI,YAAAA,EAAaN,IAAAA,EAAKO,uBAAAA,CAAuB,EAAIb,EACxEkB,EAAkBV,EAASW,QAC3BC,EAAMJ,EAAUK,MAChBC,EAAcP,EAAKM,MAAME,UAAWC,GAAQA,EAAIC,MAAQxB,CAAS,EACvE,OAAAyB,EAAA,MAAA,CAAA,MACc,GAAGN,CAAG,iBAAiB,EAAA,CAAAM,EAAA,MAAA,CAAA,MAExB,CACL,GAAGN,CAAG,WACN,GAAGA,CAAG,YAAYR,CAAW,GAC7B,CACE,CAAC,GAAGQ,CAAG,mBAAmB,EAAGF,CAC/B,CAAC,EACF,MAECI,GAAeJ,EACX,CAAE,CAACZ,EAAM,cAAgB,YAAY,EAAG,IAAIgB,CAAW,KAAM,EAC7D,IAAI,EAAA,CAGTP,EAAKM,MAAMM,IAAKH,GACRI,EAAaJ,EAAIK,KAAM,CAC5BJ,IAAKD,EAAIC,IACTT,UAAWI,EACXU,OAAQN,EAAIC,IACZpB,GAAAA,EACAG,SAAUU,EACVa,OAAQP,EAAIC,MAAQxB,EACpBY,uBAAAA,CACF,CAAC,CACF,CAAC,CAAA,CAAA,CAAA,CAIV,CACF,CACF,CAAC"}

package/dist/es/tabs/src/Tabs.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as L,computed as c,onMounted as K,watchEffect as te,createVNode as b}from"vue";import ae from"../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/pick.mjs";import M from"../../_util/classNames.mjs";import O from"../../_util/hooks/useMergedState.mjs";import j from"../../_util/hooks/useState.mjs";import ne from"../../_util/omit.mjs";import{flattenChildren as re,isValidElement as ie}from"../../_util/props-util/index.mjs";import{arrayType as oe,functionType as s,objectType as w,stringType as T,booleanType as le,someType as se}from"../../_util/type.mjs";import de from"../../_util/vue-types/index.mjs";import ce from"../../config-provider/hooks/useConfigInject.mjs";import B from"../../vc-util/devWarning.mjs";import be from"../../vc-util/isMobile.mjs";import ue from"../style/index.mjs";import{useProvideTabs as me}from"./TabContext.mjs";import D from"./TabNavList/index.mjs";import fe from"./TabPanelList/index.mjs";import ve from"../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.mjs";import pe from"../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.mjs";import R from"../../_util/props-util/initDefaultProps.mjs";import{camelize as ye}from"../../_util/util.mjs";let z=0;const V=()=>({prefixCls:{type:String},id:{type:String},popupClassName:String,getPopupContainer:s(),activeKey:{type:[String,Number]},defaultActiveKey:{type:[String,Number]},direction:T(),animated:se([Boolean,Object]),renderTabBar:s(),tabBarGutter:{type:Number},tabBarStyle:w(),tabPosition:T(),destroyInactiveTabPane:le(),hideAdd:Boolean,type:T(),size:T(),centered:Boolean,onEdit:s(),onChange:s(),onTabClick:s(),onTabScroll:s(),"onUpdate:activeKey":s(),locale:w(),onPrevClick:s(),onNextClick:s(),tabBarExtraContent:de.any});function Ce(e){return e.map(n=>{if(ie(n)){const a={...n.props||{}};for(const[d,g]of Object.entries(a))delete a[d],a[ye(d)]=g;const i=n.children||{},u=n.key!==void 0?n.key:void 0,{tab:o=i.tab,disabled:p,forceRender:y,closable:C,animated:m,active:f,destroyInactiveTabPane:v}=a;return{key:u,...a,node:n,closeIcon:i.closeIcon,tab:o,disabled:p===""||p,forceRender:y===""||y,closable:C===""||C,animated:m===""||m,active:f===""||f,destroyInactiveTabPane:v===""||v}}return null}).filter(n=>n)}const Pe=L({compatConfig:{MODE:3},name:"InternalTabs",inheritAttrs:!1,props:{...R(V(),{tabPosition:"top",animated:{inkBar:!0,tabPane:!1}}),tabs:oe()},slots:Object,setup(e,{attrs:n,slots:a}){B(e.onPrevClick===void 0&&e.onNextClick===void 0,"Tabs","`onPrevClick / @prevClick` and `onNextClick / @nextClick` has been removed. Please use `onTabScroll / @tabScroll` instead."),B(e.tabBarExtraContent===void 0,"Tabs","`tabBarExtraContent` prop has been removed. Please use `rightExtra` slot instead."),B(a.tabBarExtraContent===void 0,"Tabs","`tabBarExtraContent` slot is deprecated. Please use `rightExtra` slot instead.");const{prefixCls:i,direction:u,size:o,rootPrefixCls:p,getPopupContainer:y}=ce("tabs",e),[C,m]=ue(i),f=c(()=>u.value==="rtl"),v=c(()=>{const{animated:t,tabPosition:r}=e;return t===!1||["left","right"].includes(r)?{inkBar:!1,tabPane:!1}:t===!0?{inkBar:!0,tabPane:!0}:{inkBar:!0,tabPane:!1,...typeof t=="object"?t:{}}}),[d,g]=j(!1);K(()=>{g(be())});const[P,I]=O(()=>e.tabs[0]?.key,{value:c(()=>e.activeKey),defaultValue:e.defaultActiveKey}),[G,U]=j(()=>e.tabs.findIndex(t=>t.key===P.value));te(()=>{let t=e.tabs.findIndex(r=>r.key===P.value);t===-1&&(t=Math.max(0,Math.min(G.value,e.tabs.length-1)),I(e.tabs[t]?.key)),U(t)});const[W,q]=O(null,{value:c(()=>e.id)}),k=c(()=>d.value&&!["left","right"].includes(e.tabPosition)?"top":e.tabPosition);K(()=>{e.id||(q(`rc-tabs-${z}`),z+=1)});const F=(t,r)=>{e.onTabClick?.(t,r);const h=t!==P.value;I(t),h&&e.onChange?.(t)};return me({tabs:c(()=>e.tabs),prefixCls:i}),()=>{const{id:t,type:r,tabBarGutter:h,tabBarStyle:H,locale:J,destroyInactiveTabPane:Q,renderTabBar:E=a.renderTabBar,onTabScroll:X,hideAdd:Y,centered:Z}=e,S={id:W.value,activeKey:P.value,animated:v.value,tabPosition:k.value,rtl:f.value,mobile:d.value};let N;r==="editable-card"&&(N={onEdit:($,{key:_,event:ee})=>{e.onEdit?.($==="add"?ee:_,$)},removeIcon:()=>b(pe,null,null),addIcon:a.addIcon?a.addIcon:()=>b(ve,null,null),showAdd:Y!==!0});let x;const A={...S,moreTransitionName:`${p.value}-slide-up`,editable:N,locale:J,tabBarGutter:h,onTabClick:F,onTabScroll:X,style:H,getPopupContainer:y.value,popupClassName:M(e.popupClassName,m.value)};E?x=E({...A,DefaultTabBar:D}):x=b(D,A,ae(a,["moreIcon","leftExtra","rightExtra","tabBarExtraContent"]));const l=i.value;return C(b("div",{...n,id:t,class:M(l,`${l}-${k.value}`,{[m.value]:!0,[`${l}-${o.value}`]:o.value,[`${l}-card`]:["card","editable-card"].includes(r),[`${l}-editable-card`]:r==="editable-card",[`${l}-centered`]:Z,[`${l}-mobile`]:d.value,[`${l}-editable`]:r==="editable-card",[`${l}-rtl`]:f.value},n.class)},[x,b(fe,{destroyInactiveTabPane:Q,...S,animated:v.value},null)]))}}}),Re=L({compatConfig:{MODE:3},name:"ATabs",inheritAttrs:!1,props:R(V(),{tabPosition:"top",animated:{inkBar:!0,tabPane:!1}}),slots:Object,setup(e,{attrs:n,slots:a,emit:i}){const u=o=>{i("update:activeKey",o),i("change",o)};return()=>{const o=Ce(re(a.default?.()));return b(Pe,{...ne(e,["onUpdate:activeKey"]),...n,onChange:u,tabs:o},a)}}});export{Re as default,V as tabsProps};
+//# sourceMappingURL=Tabs.mjs.map

package/dist/es/tabs/src/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../../src/tabs/src/Tabs.tsx"],"sourcesContent":["// Accessibility https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined'\nimport PlusOutlined from '@ant-design/icons-vue/PlusOutlined'\nimport pick from 'lodash-es/pick'\n\nimport { computed, defineComponent, onMounted, watchEffect } from 'vue'\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\n\nimport type { MouseEventHandler } from '../../_util/EventInterface'\nimport classNames from '../../_util/classNames'\nimport useMergedState from '../../_util/hooks/useMergedState'\nimport useState from '../../_util/hooks/useState'\nimport omit from '../../_util/omit'\nimport { camelize, flattenChildren, initDefaultProps, isValidElement } from '../../_util/props-util'\nimport {\n  arrayType,\n  booleanType,\n  functionType,\n  objectType,\n  someType,\n  stringType,\n} from '../../_util/type'\nimport type { CustomSlotsType, Key } from '../../_util/type'\nimport PropTypes from '../../_util/vue-types'\nimport type { SizeType } from '../../config-provider'\nimport useConfigInject from '../../config-provider/hooks/useConfigInject'\nimport devWarning from '../../vc-util/devWarning'\nimport isMobile from '../../vc-util/isMobile'\nimport useStyle from '../style'\nimport { useProvideTabs } from './TabContext'\nimport TabNavList from './TabNavList'\nimport TabPanelList from './TabPanelList'\nimport type {\n  AnimatedConfig,\n  EditableConfig,\n  OnTabScroll,\n  RenderTabBar,\n  Tab,\n  TabPosition,\n  TabsLocale,\n} from './interface'\n\nexport type TabsType = 'line' | 'card' | 'editable-card'\nexport type TabsPosition = 'top' | 'right' | 'bottom' | 'left'\n\n// Used for accessibility\nlet uuid = 0\n\nexport const tabsProps = () => {\n  return {\n    prefixCls: { type: String },\n    id: { type: String },\n    popupClassName: String,\n    getPopupContainer: functionType<\n      ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n    >(),\n    activeKey: { type: [String, Number] },\n    defaultActiveKey: { type: [String, Number] },\n    direction: stringType<'ltr' | 'rtl'>(),\n    animated: someType<boolean | AnimatedConfig>([Boolean, Object]),\n    renderTabBar: functionType<RenderTabBar>(),\n    tabBarGutter: { type: Number },\n    tabBarStyle: objectType<CSSProperties>(),\n    tabPosition: stringType<TabPosition>(),\n    destroyInactiveTabPane: booleanType(),\n\n    hideAdd: Boolean,\n    type: stringType<TabsType>(),\n    size: stringType<SizeType>(),\n    centered: Boolean,\n    onEdit: functionType<(e: MouseEvent | KeyboardEvent | Key, action: 'add' | 'remove') => void>(),\n    onChange: functionType<(activeKey: Key) => void>(),\n    onTabClick: functionType<(activeKey: Key, e: KeyboardEvent | MouseEvent) => void>(),\n    onTabScroll: functionType<OnTabScroll>(),\n    'onUpdate:activeKey': functionType<(activeKey: Key) => void>(),\n    // Accessibility\n    locale: objectType<TabsLocale>(),\n    onPrevClick: functionType<MouseEventHandler>(),\n    onNextClick: functionType<MouseEventHandler>(),\n    tabBarExtraContent: PropTypes.any,\n  }\n}\n\nexport type TabsProps = Partial<ExtractPropTypes<ReturnType<typeof tabsProps>>>\n\nfunction parseTabList(children: any[]): Tab[] {\n  return children\n    .map((node) => {\n      if (isValidElement(node)) {\n        const props = { ...(node.props || {}) }\n        for (const [k, v] of Object.entries(props)) {\n          delete props[k]\n          props[camelize(k)] = v\n        }\n        const slots = node.children || {}\n        const key = node.key !== undefined ? node.key : undefined\n        const {\n          tab = slots.tab,\n          disabled,\n          forceRender,\n          closable,\n          animated,\n          active,\n          destroyInactiveTabPane,\n        } = props\n        return {\n          key,\n          ...props,\n          node,\n          closeIcon: slots.closeIcon,\n          tab,\n          disabled: disabled === '' || disabled,\n          forceRender: forceRender === '' || forceRender,\n          closable: closable === '' || closable,\n          animated: animated === '' || animated,\n          active: active === '' || active,\n          destroyInactiveTabPane: destroyInactiveTabPane === '' || destroyInactiveTabPane,\n        }\n      }\n\n      return null\n    })\n    .filter((tab) => tab)\n}\nconst InternalTabs = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'InternalTabs',\n  inheritAttrs: false,\n  props: {\n    ...initDefaultProps(tabsProps(), {\n      tabPosition: 'top',\n      animated: {\n        inkBar: true,\n        tabPane: false,\n      },\n    }),\n    tabs: arrayType<Tab[]>(),\n  },\n  slots: Object as CustomSlotsType<{\n    tabBarExtraContent?: any\n    leftExtra?: any\n    rightExtra?: any\n    moreIcon?: any\n    addIcon?: any\n    removeIcon?: any\n    renderTabBar?: any\n    default: any\n  }>,\n  // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'],\n  setup(props, { attrs, slots }) {\n    devWarning(\n      !(props.onPrevClick !== undefined) && !(props.onNextClick !== undefined),\n      'Tabs',\n      '`onPrevClick / @prevClick` and `onNextClick / @nextClick` has been removed. Please use `onTabScroll / @tabScroll` instead.',\n    )\n    devWarning(\n      !(props.tabBarExtraContent !== undefined),\n      'Tabs',\n      '`tabBarExtraContent` prop has been removed. Please use `rightExtra` slot instead.',\n    )\n    devWarning(\n      !(slots.tabBarExtraContent !== undefined),\n      'Tabs',\n      '`tabBarExtraContent` slot is deprecated. Please use `rightExtra` slot instead.',\n    )\n    const { prefixCls, direction, size, rootPrefixCls, getPopupContainer } = useConfigInject(\n      'tabs',\n      props,\n    )\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n    const rtl = computed(() => direction.value === 'rtl')\n    const mergedAnimated = computed<AnimatedConfig>(() => {\n      const { animated, tabPosition } = props\n      if (animated === false || ['left', 'right'].includes(tabPosition)) {\n        return {\n          inkBar: false,\n          tabPane: false,\n        }\n      } else if (animated === true) {\n        return {\n          inkBar: true,\n          tabPane: true,\n        }\n      } else {\n        return {\n          inkBar: true,\n          tabPane: false,\n          ...(typeof animated === 'object' ? animated : {}),\n        }\n      }\n    })\n\n    // ======================== Mobile ========================\n    const [mobile, setMobile] = useState(false)\n    onMounted(() => {\n      // Only update on the client side\n      setMobile(isMobile())\n    })\n\n    // ====================== Active Key ======================\n    const [mergedActiveKey, setMergedActiveKey] = useMergedState<Key>(() => props.tabs[0]?.key, {\n      value: computed(() => props.activeKey),\n      defaultValue: props.defaultActiveKey,\n    })\n    const [activeIndex, setActiveIndex] = useState(() =>\n      props.tabs.findIndex((tab) => tab.key === mergedActiveKey.value),\n    )\n\n    watchEffect(() => {\n      let newActiveIndex = props.tabs.findIndex((tab) => tab.key === mergedActiveKey.value)\n      if (newActiveIndex === -1) {\n        newActiveIndex = Math.max(0, Math.min(activeIndex.value, props.tabs.length - 1))\n        setMergedActiveKey(props.tabs[newActiveIndex]?.key)\n      }\n      setActiveIndex(newActiveIndex)\n    })\n\n    // ===================== Accessibility ====================\n    const [mergedId, setMergedId] = useMergedState(null, {\n      value: computed(() => props.id),\n    })\n\n    const mergedTabPosition = computed(() => {\n      if (mobile.value && !['left', 'right'].includes(props.tabPosition)) {\n        return 'top'\n      } else {\n        return props.tabPosition\n      }\n    })\n\n    onMounted(() => {\n      if (!props.id) {\n        setMergedId(`rc-tabs-${process.env.NODE_ENV === 'test' ? 'test' : uuid}`)\n        uuid += 1\n      }\n    })\n\n    // ======================== Events ========================\n    const onInternalTabClick = (key: Key, e: MouseEvent | KeyboardEvent) => {\n      props.onTabClick?.(key, e)\n      const isActiveChanged = key !== mergedActiveKey.value\n      setMergedActiveKey(key)\n      if (isActiveChanged) {\n        props.onChange?.(key)\n      }\n    }\n\n    useProvideTabs({\n      tabs: computed(() => props.tabs),\n      prefixCls,\n    })\n\n    return () => {\n      const {\n        id,\n        type,\n        tabBarGutter,\n        tabBarStyle,\n        locale,\n        destroyInactiveTabPane,\n        renderTabBar = slots.renderTabBar,\n        onTabScroll,\n        hideAdd,\n        centered,\n      } = props\n      // ======================== Render ========================\n      const sharedProps = {\n        id: mergedId.value,\n        activeKey: mergedActiveKey.value,\n        animated: mergedAnimated.value,\n        tabPosition: mergedTabPosition.value,\n        rtl: rtl.value,\n        mobile: mobile.value,\n      }\n\n      let editable: EditableConfig | undefined\n      if (type === 'editable-card') {\n        editable = {\n          onEdit: (editType, { key, event }) => {\n            props.onEdit?.(editType === 'add' ? event : key!, editType)\n          },\n          removeIcon: () => <CloseOutlined />,\n          addIcon: slots.addIcon ? slots.addIcon : () => <PlusOutlined />,\n          showAdd: hideAdd !== true,\n        }\n      }\n\n      let tabNavBar\n\n      const tabNavBarProps = {\n        ...sharedProps,\n        moreTransitionName: `${rootPrefixCls.value}-slide-up`,\n        editable,\n        locale,\n        tabBarGutter,\n        onTabClick: onInternalTabClick,\n        onTabScroll,\n        style: tabBarStyle,\n        getPopupContainer: getPopupContainer.value,\n        popupClassName: classNames(props.popupClassName, hashId.value),\n      }\n\n      if (renderTabBar) {\n        tabNavBar = renderTabBar({ ...tabNavBarProps, DefaultTabBar: TabNavList })\n      } else {\n        tabNavBar = (\n          <TabNavList\n            {...tabNavBarProps}\n            v-slots={pick(slots, ['moreIcon', 'leftExtra', 'rightExtra', 'tabBarExtraContent'])}\n          />\n        )\n      }\n      const pre = prefixCls.value\n\n      return wrapSSR(\n        <div\n          {...attrs}\n          id={id}\n          class={classNames(\n            pre,\n            `${pre}-${mergedTabPosition.value}`,\n            {\n              [hashId.value]: true,\n              [`${pre}-${size.value}`]: size.value,\n              [`${pre}-card`]: ['card', 'editable-card'].includes(type as string),\n              [`${pre}-editable-card`]: type === 'editable-card',\n              [`${pre}-centered`]: centered,\n              [`${pre}-mobile`]: mobile.value,\n              [`${pre}-editable`]: type === 'editable-card',\n              [`${pre}-rtl`]: rtl.value,\n            },\n            attrs.class,\n          )}\n        >\n          {tabNavBar}\n          <TabPanelList\n            destroyInactiveTabPane={destroyInactiveTabPane}\n            {...sharedProps}\n            animated={mergedAnimated.value}\n          />\n        </div>,\n      )\n    }\n  },\n})\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ATabs',\n  inheritAttrs: false,\n  props: initDefaultProps(tabsProps(), {\n    tabPosition: 'top',\n    animated: {\n      inkBar: true,\n      tabPane: false,\n    },\n  }),\n  slots: Object as CustomSlotsType<{\n    tabBarExtraContent?: any\n    leftExtra?: any\n    rightExtra?: any\n    moreIcon?: any\n    addIcon?: any\n    removeIcon?: any\n    renderTabBar?: any\n    default?: any\n  }>,\n  // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'],\n  setup(props, { attrs, slots, emit }) {\n    const handleChange = (key: string) => {\n      emit('update:activeKey', key)\n      emit('change', key)\n    }\n    return () => {\n      const tabs = parseTabList(flattenChildren(slots.default?.()))\n      return (\n        <InternalTabs\n          {...omit(props, ['onUpdate:activeKey'])}\n          {...attrs}\n          onChange={handleChange}\n          tabs={tabs}\n          v-slots={slots}\n        />\n      )\n    }\n  },\n})\n"],"names":["uuid","tabsProps","prefixCls","type","String","id","popupClassName","getPopupContainer","functionType","activeKey","Number","defaultActiveKey","direction","stringType","animated","someType","Boolean","Object","renderTabBar","tabBarGutter","tabBarStyle","objectType","tabPosition","destroyInactiveTabPane","booleanType","hideAdd","size","centered","onEdit","onChange","onTabClick","onTabScroll","locale","onPrevClick","onNextClick","tabBarExtraContent","PropTypes","any","parseTabList","children","map","node","isValidElement","props","k","v","entries","camelize","slots","key","undefined","tab","disabled","forceRender","closable","active","closeIcon","filter","InternalTabs","defineComponent","compatConfig","MODE","name","inheritAttrs","initDefaultProps","inkBar","tabPane","tabs","arrayType","setup","attrs","devWarning","rootPrefixCls","useConfigInject","wrapSSR","hashId","useStyle","rtl","computed","value","mergedAnimated","includes","mobile","setMobile","useState","onMounted","isMobile","mergedActiveKey","setMergedActiveKey","useMergedState","defaultValue","activeIndex","setActiveIndex","findIndex","watchEffect","newActiveIndex","Math","max","min","length","mergedId","setMergedId","mergedTabPosition","onInternalTabClick","e","isActiveChanged","useProvideTabs","sharedProps","editable","editType","event","removeIcon","_createVNode","CloseOutlined","addIcon","PlusOutlined","showAdd","tabNavBar","tabNavBarProps","moreTransitionName","style","classNames","DefaultTabBar","TabNavList","pick","pre","class","TabPanelList","Tabs","emit","handleChange","flattenChildren","default","omit"],"mappings":"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"}

package/dist/es/tabs/src/hooks/useOffsets.mjs

@@ -0,0 +1,2 @@
+import{ref as r,watchEffect as g}from"vue";const u={width:0,height:0,left:0,top:0};function w(h,a){const l=r(new Map);return g(()=>{const n=new Map,t=h.value,c=a.value.get(t[0]?.key)||u,i=c.left+c.width;for(let e=0;e<t.length;e+=1){const{key:s}=t[e];let o=a.value.get(s);o||(o=a.value.get(t[e-1]?.key)||u);const f=n.get(s)||{...o};f.right=i-f.left-f.width,n.set(s,f)}l.value=new Map(n)}),l}export{w as default};
+//# sourceMappingURL=useOffsets.mjs.map

package/dist/es/tabs/src/hooks/useOffsets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOffsets.mjs","sources":["../../../../../src/tabs/src/hooks/useOffsets.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { ref, watchEffect } from 'vue'\n\nimport type { Tab, TabOffset, TabOffsetMap, TabSizeMap } from '../interface'\n\nconst DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0 }\n\nexport default function useOffsets(\n  tabs: Ref<Tab[]>,\n  tabSizes: Ref<TabSizeMap>,\n  // holderScrollWidth: Ref<number>,\n): Ref<TabOffsetMap> {\n  const offsetMap = ref<TabOffsetMap>(new Map())\n  watchEffect(() => {\n    const map: TabOffsetMap = new Map()\n    const tabsValue = tabs.value\n    const lastOffset = tabSizes.value.get(tabsValue[0]?.key) || DEFAULT_SIZE\n    const rightOffset = lastOffset.left + lastOffset.width\n\n    for (let i = 0; i < tabsValue.length; i += 1) {\n      const { key } = tabsValue[i]\n      let data = tabSizes.value.get(key)\n\n      // Reuse last one when not exist yet\n      if (!data) {\n        data = tabSizes.value.get(tabsValue[i - 1]?.key) || DEFAULT_SIZE\n      }\n\n      const entity = (map.get(key) || { ...data }) as TabOffset\n\n      // Right\n      entity.right = rightOffset - entity.left - entity.width\n\n      // Update entity\n      map.set(key, entity)\n    }\n    offsetMap.value = new Map(map)\n  })\n\n  return offsetMap\n}\n"],"names":["DEFAULT_SIZE","useOffsets","tabs","tabSizes","offsetMap","ref","watchEffect","map","tabsValue","lastOffset","rightOffset","i","key","data","entity"],"mappings":"2CAKA,MAAMA,EAAe,CAAE,MAAO,EAAG,OAAQ,EAAG,KAAM,EAAG,IAAK,CAAA,EAE1D,SAAwBC,EACtBC,EACAC,EAEmB,CACnB,MAAMC,EAAYC,EAAkB,IAAI,GAAK,EAC7C,OAAAC,EAAY,IAAM,CAChB,MAAMC,MAAwB,IACxBC,EAAYN,EAAK,MACjBO,EAAaN,EAAS,MAAM,IAAIK,EAAU,CAAC,GAAG,GAAG,GAAKR,EACtDU,EAAcD,EAAW,KAAOA,EAAW,MAEjD,QAASE,EAAI,EAAGA,EAAIH,EAAU,OAAQG,GAAK,EAAG,CAC5C,KAAM,CAAE,IAAAC,CAAA,EAAQJ,EAAUG,CAAC,EAC3B,IAAIE,EAAOV,EAAS,MAAM,IAAIS,CAAG,EAG5BC,IACHA,EAAOV,EAAS,MAAM,IAAIK,EAAUG,EAAI,CAAC,GAAG,GAAG,GAAKX,GAGtD,MAAMc,EAAUP,EAAI,IAAIK,CAAG,GAAK,CAAE,GAAGC,CAAA,EAGrCC,EAAO,MAAQJ,EAAcI,EAAO,KAAOA,EAAO,MAGlDP,EAAI,IAAIK,EAAKE,CAAM,CACrB,CACAV,EAAU,MAAQ,IAAI,IAAIG,CAAG,CAC/B,CAAC,EAEMH,CACT"}

package/dist/es/tabs/src/hooks/useRaf.mjs

@@ -0,0 +1,2 @@
+import{shallowRef as o,onBeforeUnmount as l}from"vue";import r from"../../../_util/raf.mjs";function s(a){const e=o(),u=o(!1);function t(...f){u.value||(r.cancel(e.value),e.value=r(()=>{a(...f)}))}return l(()=>{u.value=!0,r.cancel(e.value)}),t}function p(a){const e=o([]),u=o(typeof a=="function"?a():a),t=s(()=>{let n=u.value;e.value.forEach(c=>{n=c(n)}),e.value=[],u.value=n});function f(n){e.value.push(n),t()}return[u,f]}export{p as useRafState};
+//# sourceMappingURL=useRaf.mjs.map

package/dist/es/tabs/src/hooks/useRaf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRaf.mjs","sources":["../../../../../src/tabs/src/hooks/useRaf.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onBeforeUnmount, shallowRef } from 'vue'\n\nimport raf from '../../../_util/raf'\n\nexport default function useRaf<Callback extends Function>(callback: Callback) {\n  const rafRef = shallowRef<number>()\n  const removedRef = shallowRef(false)\n\n  function trigger(...args: any[]) {\n    if (!removedRef.value) {\n      raf.cancel(rafRef.value)\n      rafRef.value = raf(() => {\n        callback(...args)\n      })\n    }\n  }\n\n  onBeforeUnmount(() => {\n    removedRef.value = true\n    raf.cancel(rafRef.value)\n  })\n\n  return trigger\n}\n\ntype Callback<T> = (ori: T) => T\n\nexport function useRafState<T>(\n  defaultState: T | (() => T),\n): [Ref<T>, (updater: Callback<T>) => void] {\n  const batchRef = shallowRef<Callback<T>[]>([])\n  const state: Ref<T> = shallowRef(\n    typeof defaultState === 'function' ? (defaultState as any)() : defaultState,\n  )\n\n  const flushUpdate = useRaf(() => {\n    let value = state.value\n    batchRef.value.forEach((callback) => {\n      value = callback(value)\n    })\n    batchRef.value = []\n\n    state.value = value\n  })\n\n  function updater(callback: Callback<T>) {\n    batchRef.value.push(callback)\n    flushUpdate()\n  }\n\n  return [state, updater]\n}\n"],"names":["useRaf","callback","rafRef","shallowRef","removedRef","trigger","args","raf","onBeforeUnmount","useRafState","defaultState","batchRef","state","flushUpdate","value","updater"],"mappings":"4FAKA,SAAwBA,EAAkCC,EAAoB,CAC5E,MAAMC,EAASC,EAAA,EACTC,EAAaD,EAAW,EAAK,EAEnC,SAASE,KAAWC,EAAa,CAC1BF,EAAW,QACdG,EAAI,OAAOL,EAAO,KAAK,EACvBA,EAAO,MAAQK,EAAI,IAAM,CACvBN,EAAS,GAAGK,CAAI,CAClB,CAAC,EAEL,CAEA,OAAAE,EAAgB,IAAM,CACpBJ,EAAW,MAAQ,GACnBG,EAAI,OAAOL,EAAO,KAAK,CACzB,CAAC,EAEMG,CACT,CAIO,SAASI,EACdC,EAC0C,CAC1C,MAAMC,EAAWR,EAA0B,EAAE,EACvCS,EAAgBT,EACpB,OAAOO,GAAiB,WAAcA,IAAyBA,CAAA,EAG3DG,EAAcb,EAAO,IAAM,CAC/B,IAAIc,EAAQF,EAAM,MAClBD,EAAS,MAAM,QAASV,GAAa,CACnCa,EAAQb,EAASa,CAAK,CACxB,CAAC,EACDH,EAAS,MAAQ,CAAA,EAEjBC,EAAM,MAAQE,CAChB,CAAC,EAED,SAASC,EAAQd,EAAuB,CACtCU,EAAS,MAAM,KAAKV,CAAQ,EAC5BY,EAAA,CACF,CAEA,MAAO,CAACD,EAAOG,CAAO,CACxB"}

package/dist/es/tabs/src/hooks/useSyncState.mjs

@@ -0,0 +1,2 @@
+import{ref as a}from"vue";function l(f,o){const e=a(f);function u(t){const n=typeof t=="function"?t(e.value):t;n!==e.value&&o(n,e.value),e.value=n}return[e,u]}export{l as default};
+//# sourceMappingURL=useSyncState.mjs.map

package/dist/es/tabs/src/hooks/useSyncState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncState.mjs","sources":["../../../../../src/tabs/src/hooks/useSyncState.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { ref } from 'vue'\n\ntype Updater<T> = (prev: T) => T\n\nexport default function useSyncState<T>(\n  defaultState: T,\n  onChange: (newValue: T, prevValue: T) => void,\n): [Ref<T>, (updater: T | Updater<T>) => void] {\n  const stateRef = ref(defaultState)\n\n  function setState(updater: any) {\n    const newValue = typeof updater === 'function' ? updater(stateRef.value) : updater\n    if (newValue !== stateRef.value) {\n      onChange(newValue, stateRef.value as T)\n    }\n    stateRef.value = newValue\n  }\n\n  return [stateRef as Ref<T>, setState]\n}\n"],"names":["useSyncState","defaultState","onChange","stateRef","ref","setState","updater","newValue"],"mappings":"0BAKA,SAAwBA,EACtBC,EACAC,EAC6C,CAC7C,MAAMC,EAAWC,EAAIH,CAAY,EAEjC,SAASI,EAASC,EAAc,CAC9B,MAAMC,EAAW,OAAOD,GAAY,WAAaA,EAAQH,EAAS,KAAK,EAAIG,EACvEC,IAAaJ,EAAS,OACxBD,EAASK,EAAUJ,EAAS,KAAU,EAExCA,EAAS,MAAQI,CACnB,CAEA,MAAO,CAACJ,EAAoBE,CAAQ,CACtC"}

package/dist/es/tabs/src/hooks/useTouchMove.mjs

@@ -0,0 +1,2 @@
+import{ref as m,onMounted as R,onBeforeUnmount as w}from"vue";import l from"../../../_util/hooks/useState.mjs";const A=.1,p=.01,r=20,I=.995**r;function C(E,i){const[u,v]=l(),[P,S]=l(0),[T,b]=l(0),[y,x]=l(),f=m();function D(e){const{screenX:t,screenY:n}=e.touches[0];v({x:t,y:n}),clearInterval(f.value)}function X(e){if(!u.value)return;e.preventDefault();const{screenX:t,screenY:n}=e.touches[0],o=t-u.value.x,a=n-u.value.y;i(o,a),v({x:t,y:n});const s=Date.now();b(s-P.value),S(s),x({x:o,y:a})}function Y(){if(!u.value)return;const e=y.value;if(v(null),x(null),e){const t=e.x/T.value,n=e.y/T.value,o=Math.abs(t),a=Math.abs(n);if(Math.max(o,a)<A)return;let s=t,d=n;f.value=setInterval(()=>{if(Math.abs(s)<p&&Math.abs(d)<p){clearInterval(f.value);return}s*=I,d*=I,i(s*r,d*r)},r)}}const h=m();function _(e){const{deltaX:t,deltaY:n}=e;let o=0;const a=Math.abs(t),s=Math.abs(n);a===s?o=h.value==="x"?t:n:a>s?(o=t,h.value="x"):(o=n,h.value="y"),i(-o,-o)&&e.preventDefault()}const c=m({onTouchStart:D,onTouchMove:X,onTouchEnd:Y,onWheel:_});function W(e){c.value.onTouchStart(e)}function M(e){c.value.onTouchMove(e)}function L(e){c.value.onTouchEnd(e)}function N(e){c.value.onWheel(e)}R(()=>{document.addEventListener("touchmove",M,{passive:!1}),document.addEventListener("touchend",L,{passive:!1}),E.value?.addEventListener("touchstart",W,{passive:!1}),E.value?.addEventListener("wheel",N,{passive:!1})}),w(()=>{document.removeEventListener("touchmove",M),document.removeEventListener("touchend",L)})}export{C as default};
+//# sourceMappingURL=useTouchMove.mjs.map

package/dist/es/tabs/src/hooks/useTouchMove.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchMove.mjs","sources":["../../../../../src/tabs/src/hooks/useTouchMove.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport useState from '../../../_util/hooks/useState'\n\ntype TouchEventHandler = (e: TouchEvent) => void\ntype WheelEventHandler = (e: WheelEvent) => void\n\nconst MIN_SWIPE_DISTANCE = 0.1\nconst STOP_SWIPE_DISTANCE = 0.01\nconst REFRESH_INTERVAL = 20\nconst SPEED_OFF_MULTIPLE = 0.995 ** REFRESH_INTERVAL\n// ================================= Hook =================================\nexport default function useTouchMove(\n  domRef: Ref<HTMLDivElement>,\n  onOffset: (offsetX: number, offsetY: number) => boolean,\n) {\n  const [touchPosition, setTouchPosition] = useState<{ x: number; y: number }>()\n  const [lastTimestamp, setLastTimestamp] = useState<number>(0)\n  const [lastTimeDiff, setLastTimeDiff] = useState<number>(0)\n  const [lastOffset, setLastOffset] = useState<{ x: number; y: number }>()\n  const motionInterval = ref<any>()\n\n  // ========================= Events =========================\n  // >>> Touch events\n  function onTouchStart(e: TouchEvent) {\n    const { screenX, screenY } = e.touches[0]\n    setTouchPosition({ x: screenX, y: screenY })\n    clearInterval(motionInterval.value)\n  }\n\n  function onTouchMove(e: TouchEvent) {\n    if (!touchPosition.value) return\n\n    e.preventDefault()\n    const { screenX, screenY } = e.touches[0]\n    const offsetX = screenX - touchPosition.value.x\n    const offsetY = screenY - touchPosition.value.y\n    onOffset(offsetX, offsetY)\n    setTouchPosition({ x: screenX, y: screenY })\n    const now = Date.now()\n    setLastTimeDiff(now - lastTimestamp.value)\n    setLastTimestamp(now)\n    setLastOffset({ x: offsetX, y: offsetY })\n  }\n\n  function onTouchEnd() {\n    if (!touchPosition.value) return\n    const lastOffsetValue = lastOffset.value\n    setTouchPosition(null)\n    setLastOffset(null)\n\n    // Swipe if needed\n    if (lastOffsetValue) {\n      const distanceX = lastOffsetValue.x / lastTimeDiff.value\n      const distanceY = lastOffsetValue.y / lastTimeDiff.value\n      const absX = Math.abs(distanceX)\n      const absY = Math.abs(distanceY)\n\n      // Skip swipe if low distance\n      if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return\n\n      let currentX = distanceX\n      let currentY = distanceY\n\n      motionInterval.value = setInterval(() => {\n        if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) {\n          clearInterval(motionInterval.value)\n          return\n        }\n\n        currentX *= SPEED_OFF_MULTIPLE\n        currentY *= SPEED_OFF_MULTIPLE\n        onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL)\n      }, REFRESH_INTERVAL)\n    }\n  }\n\n  // >>> Wheel event\n  const lastWheelDirectionRef = ref<'x' | 'y'>()\n\n  function onWheel(e: WheelEvent) {\n    const { deltaX, deltaY } = e\n\n    // Convert both to x & y since wheel only happened on PC\n    let mixed = 0\n    const absX = Math.abs(deltaX)\n    const absY = Math.abs(deltaY)\n    if (absX === absY) {\n      mixed = lastWheelDirectionRef.value === 'x' ? deltaX : deltaY\n    } else if (absX > absY) {\n      mixed = deltaX\n      lastWheelDirectionRef.value = 'x'\n    } else {\n      mixed = deltaY\n      lastWheelDirectionRef.value = 'y'\n    }\n\n    if (onOffset(-mixed, -mixed)) {\n      e.preventDefault()\n    }\n  }\n\n  // ========================= Effect =========================\n  const touchEventsRef = ref<{\n    onTouchStart: TouchEventHandler\n    onTouchMove: TouchEventHandler\n    onTouchEnd: TouchEventHandler\n    onWheel: WheelEventHandler\n  }>({\n    onTouchStart,\n    onTouchMove,\n    onTouchEnd,\n    onWheel,\n  })\n  function onProxyTouchStart(e: TouchEvent) {\n    touchEventsRef.value.onTouchStart(e)\n  }\n  function onProxyTouchMove(e: TouchEvent) {\n    touchEventsRef.value.onTouchMove(e)\n  }\n  function onProxyTouchEnd(e: TouchEvent) {\n    touchEventsRef.value.onTouchEnd(e)\n  }\n  function onProxyWheel(e: WheelEvent) {\n    touchEventsRef.value.onWheel(e)\n  }\n  onMounted(() => {\n    document.addEventListener('touchmove', onProxyTouchMove, { passive: false })\n    document.addEventListener('touchend', onProxyTouchEnd, { passive: false })\n\n    // No need to clean up since element removed\n    domRef.value?.addEventListener('touchstart', onProxyTouchStart, { passive: false })\n    domRef.value?.addEventListener('wheel', onProxyWheel, { passive: false })\n  })\n\n  onBeforeUnmount(() => {\n    document.removeEventListener('touchmove', onProxyTouchMove)\n    document.removeEventListener('touchend', onProxyTouchEnd)\n  })\n}\n"],"names":["MIN_SWIPE_DISTANCE","STOP_SWIPE_DISTANCE","REFRESH_INTERVAL","SPEED_OFF_MULTIPLE","useTouchMove","domRef","onOffset","touchPosition","setTouchPosition","useState","lastTimestamp","setLastTimestamp","lastTimeDiff","setLastTimeDiff","lastOffset","setLastOffset","motionInterval","ref","onTouchStart","screenX","screenY","onTouchMove","offsetX","offsetY","now","onTouchEnd","lastOffsetValue","distanceX","distanceY","absX","absY","currentX","currentY","lastWheelDirectionRef","onWheel","deltaX","deltaY","mixed","touchEventsRef","onProxyTouchStart","onProxyTouchMove","onProxyTouchEnd","onProxyWheel","onMounted","onBeforeUnmount"],"mappings":"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"}

package/dist/es/tabs/src/index.mjs

@@ -0,0 +1,2 @@
+import{default as t}from"./TabPanelList/TabPane.mjs";import e from"./Tabs.mjs";export{t as TabPane,e as default};
+//# sourceMappingURL=index.mjs.map

package/dist/es/tabs/src/index.mjs.map

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

package/dist/es/tabs/style/index.mjs

@@ -0,0 +1,4 @@
+import{textEllipsis as c,resetComponent as d,genFocusStyle as l}from"../../style/index.mjs";import"../../theme/internal.mjs";import s from"./motion.mjs";import $ from"../../theme/util/genComponentStyleHook.mjs";import{merge as u}from"../../theme/util/statistic.mjs";const b=i=>{const{componentCls:r,tabsCardHorizontalPadding:a,tabsCardHeadBackground:o,tabsCardGutter:t,colorSplit:n}=i;return{[`${r}-card`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{margin:0,padding:a,background:o,border:`${i.lineWidth}px ${i.lineType} ${n}`,transition:`all ${i.motionDurationSlow} ${i.motionEaseInOut}`},[`${r}-tab-active`]:{color:i.colorBgContainer,background:i.colorPrimary},[`${r}-ink-bar`]:{visibility:"hidden"}},[`&${r}-top, &${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginLeft:{_skip_check_:!0,value:`${t}px`}}}},[`&${r}-top`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:`${i.borderRadiusLG}px ${i.borderRadiusLG}px 0 0`},[`${r}-tab-active`]:{borderBottomColor:i.colorBgContainer}}},[`&${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:`0 0 ${i.borderRadiusLG}px ${i.borderRadiusLG}px`},[`${r}-tab-active`]:{borderTopColor:i.colorBgContainer}}},[`&${r}-left, &${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginTop:`${t}px`}}},[`&${r}-left`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`${i.borderRadiusLG}px 0 0 ${i.borderRadiusLG}px`}},[`${r}-tab-active`]:{borderRightColor:{_skip_check_:!0,value:i.colorBgContainer}}}},[`&${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${i.borderRadiusLG}px ${i.borderRadiusLG}px 0`}},[`${r}-tab-active`]:{borderLeftColor:{_skip_check_:!0,value:i.colorBgContainer}}}}}}},v=i=>{const{componentCls:r,tabsHoverColor:a,dropdownEdgeChildVerticalPadding:o}=i;return{[`${r}-dropdown`]:{...d(i),position:"absolute",top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:i.zIndexPopup,display:"block","&-hidden":{display:"none"},[`${r}-dropdown-menu`]:{maxHeight:i.tabsDropdownHeight,margin:0,padding:`${o}px 0`,overflowX:"hidden",overflowY:"auto",textAlign:{_skip_check_:!0,value:"left"},listStyleType:"none",backgroundColor:i.colorBgContainer,backgroundClip:"padding-box",borderRadius:i.borderRadiusLG,outline:"none",boxShadow:i.boxShadowSecondary,"&-item":{...c,display:"flex",alignItems:"center",minWidth:i.tabsDropdownWidth,margin:0,padding:`${i.paddingXXS}px ${i.paddingSM}px`,color:i.colorText,fontWeight:"normal",fontSize:i.fontSize,lineHeight:i.lineHeight,cursor:"pointer",transition:`all ${i.motionDurationSlow}`,"> span":{flex:1,whiteSpace:"nowrap"},"&-remove":{flex:"none",marginLeft:{_skip_check_:!0,value:i.marginSM},color:i.colorTextDescription,fontSize:i.fontSizeSM,background:"transparent",border:0,cursor:"pointer","&:hover":{color:a}},"&:hover":{background:i.controlItemBgHover},"&-disabled":{"&, &:hover":{color:i.colorTextDisabled,background:"transparent",cursor:"not-allowed"}}}}}}},g=i=>{const{componentCls:r,margin:a,colorSplit:o}=i;return{[`${r}-top, ${r}-bottom`]:{flexDirection:"column",[`> ${r}-nav, > div > ${r}-nav`]:{margin:`0 0 ${a}px 0`,"&::before":{position:"absolute",right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},borderBottom:`${i.lineWidth}px ${i.lineType} ${o}`,content:"''"},[`${r}-ink-bar`]:{height:i.lineWidthBold,"&-animated":{transition:`width ${i.motionDurationSlow}, left ${i.motionDurationSlow},
+            right ${i.motionDurationSlow}`}},[`${r}-nav-wrap`]:{"&::before, &::after":{top:0,bottom:0,width:i.controlHeight},"&::before":{left:{_skip_check_:!0,value:0},boxShadow:i.boxShadowTabsOverflowLeft},"&::after":{right:{_skip_check_:!0,value:0},boxShadow:i.boxShadowTabsOverflowRight},[`&${r}-nav-wrap-ping-left::before`]:{opacity:1},[`&${r}-nav-wrap-ping-right::after`]:{opacity:1}}}},[`${r}-top`]:{[`> ${r}-nav,
+        > div > ${r}-nav`]:{"&::before":{bottom:0},[`${r}-ink-bar`]:{bottom:0}}},[`${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{order:1,marginTop:`${a}px`,marginBottom:0,"&::before":{top:0},[`${r}-ink-bar`]:{top:0}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{order:0}},[`${r}-left, ${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{flexDirection:"column",minWidth:i.controlHeight*1.25,[`${r}-tab`]:{padding:`${i.paddingXS}px ${i.paddingLG}px`,textAlign:"center"},[`${r}-tab + ${r}-tab`]:{margin:`${i.margin}px 0 0 0`},[`${r}-nav-wrap`]:{flexDirection:"column","&::before, &::after":{right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},height:i.controlHeight},"&::before":{top:0,boxShadow:i.boxShadowTabsOverflowTop},"&::after":{bottom:0,boxShadow:i.boxShadowTabsOverflowBottom},[`&${r}-nav-wrap-ping-top::before`]:{opacity:1},[`&${r}-nav-wrap-ping-bottom::after`]:{opacity:1}},[`${r}-ink-bar`]:{width:i.lineWidthBold,"&-animated":{transition:`height ${i.motionDurationSlow}, top ${i.motionDurationSlow}`}},[`${r}-nav-list, ${r}-nav-operations`]:{flex:"1 0 auto",flexDirection:"column"}}},[`${r}-left`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-ink-bar`]:{right:{_skip_check_:!0,value:0}}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{marginLeft:{_skip_check_:!0,value:`-${i.lineWidth}px`},borderLeft:{_skip_check_:!0,value:`${i.lineWidth}px ${i.lineType} ${i.colorBorder}`},[`> ${r}-content > ${r}-tabpane`]:{paddingLeft:{_skip_check_:!0,value:i.paddingLG}}}},[`${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{order:1,[`${r}-ink-bar`]:{left:{_skip_check_:!0,value:0}}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{order:0,marginRight:{_skip_check_:!0,value:-i.lineWidth},borderRight:{_skip_check_:!0,value:`${i.lineWidth}px ${i.lineType} ${i.colorBorder}`},[`> ${r}-content > ${r}-tabpane`]:{paddingRight:{_skip_check_:!0,value:i.paddingLG}}}}}},h=i=>{const{componentCls:r,padding:a}=i;return{[r]:{"&-small":{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${i.paddingXS}px 0`,fontSize:i.fontSize}}},"&-large":{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${a}px 0`,fontSize:i.fontSizeLG}}}},[`${r}-card`]:{[`&${r}-small`]:{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${i.paddingXXS*1.5}px ${a}px`}},[`&${r}-bottom`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:`0 0 ${i.borderRadius}px ${i.borderRadius}px`}},[`&${r}-top`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:`${i.borderRadius}px ${i.borderRadius}px 0 0`}},[`&${r}-right`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${i.borderRadius}px ${i.borderRadius}px 0`}}},[`&${r}-left`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`${i.borderRadius}px 0 0 ${i.borderRadius}px`}}}},[`&${r}-large`]:{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${i.paddingXS}px ${a}px ${i.paddingXXS*1.5}px`}}}}}},m=i=>{const{componentCls:r,tabsActiveColor:a,tabsHoverColor:o,iconCls:t,tabsHorizontalGutter:n}=i,e=`${r}-tab`;return{[e]:{position:"relative",display:"inline-flex",alignItems:"center",padding:`${i.paddingSM}px 0`,fontSize:`${i.fontSize}px`,background:"transparent",border:0,outline:"none",cursor:"pointer","&-btn, &-remove":{"&:focus:not(:focus-visible), &:active":{},...l(i)},"&-btn":{outline:"none",transition:"all 0.3s"},"&-remove":{flex:"none",marginRight:{_skip_check_:!0,value:-i.marginXXS},marginLeft:{_skip_check_:!0,value:i.marginXS},color:i.colorTextDescription,fontSize:i.fontSizeSM,background:"transparent",border:"none",outline:"none",cursor:"pointer",transition:`all ${i.motionDurationSlow}`,"&:hover":{color:i.colorTextHeading}},"&:hover":{color:o},[`&${e}-active ${e}-btn`]:{color:i.colorPrimary,textShadow:i.tabsActiveTextShadow},[`&${e}-disabled`]:{color:i.colorTextDisabled,cursor:"not-allowed"},[`&${e}-disabled ${e}-btn, &${e}-disabled ${r}-remove`]:{"&:focus, &:active":{color:i.colorTextDisabled}},[`& ${e}-remove ${t}`]:{margin:0},[t]:{marginRight:{_skip_check_:!0,value:i.marginSM}}},[`${e} + ${e}`]:{margin:{_skip_check_:!0,value:`0 0 0 ${n}px`}}}},_=i=>{const{componentCls:r,tabsHorizontalGutter:a,iconCls:o,tabsCardGutter:t}=i;return{[`${r}-rtl`]:{direction:"rtl",[`${r}-nav`]:{[`${r}-tab`]:{margin:{_skip_check_:!0,value:`0 0 0 ${a}px`},[`${r}-tab:last-of-type`]:{marginLeft:{_skip_check_:!0,value:0}},[o]:{marginRight:{_skip_check_:!0,value:0},marginLeft:{_skip_check_:!0,value:`${i.marginSM}px`}},[`${r}-tab-remove`]:{marginRight:{_skip_check_:!0,value:`${i.marginXS}px`},marginLeft:{_skip_check_:!0,value:`-${i.marginXXS}px`},[o]:{margin:0}}}},[`&${r}-left`]:{[`> ${r}-nav`]:{order:1},[`> ${r}-content-holder`]:{order:0}},[`&${r}-right`]:{[`> ${r}-nav`]:{order:0},[`> ${r}-content-holder`]:{order:1}},[`&${r}-card${r}-top, &${r}-card${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginRight:{_skip_check_:!0,value:`${t}px`},marginLeft:{_skip_check_:!0,value:0}}}}},[`${r}-dropdown-rtl`]:{direction:"rtl"},[`${r}-menu-item`]:{[`${r}-dropdown-rtl`]:{textAlign:{_skip_check_:!0,value:"right"}}}}},x=i=>{const{componentCls:r,tabsCardHorizontalPadding:a,tabsCardHeight:o,tabsCardGutter:t,tabsHoverColor:n,tabsActiveColor:e,colorSplit:p}=i;return{[r]:{...d(i),display:"flex",[`> ${r}-nav, > div > ${r}-nav`]:{position:"relative",display:"flex",flex:"none",alignItems:"center",[`${r}-nav-wrap`]:{position:"relative",display:"flex",flex:"auto",alignSelf:"stretch",overflow:"hidden",whiteSpace:"nowrap",transform:"translate(0)","&::before, &::after":{position:"absolute",zIndex:1,opacity:0,transition:`opacity ${i.motionDurationSlow}`,content:"''",pointerEvents:"none"}},[`${r}-nav-list`]:{position:"relative",display:"flex",transition:`opacity ${i.motionDurationSlow}`},[`${r}-nav-operations`]:{display:"flex",alignSelf:"stretch"},[`${r}-nav-operations-hidden`]:{position:"absolute",visibility:"hidden",pointerEvents:"none"},[`${r}-nav-more`]:{position:"relative",padding:a,background:"transparent",border:0,"&::after":{position:"absolute",right:{_skip_check_:!0,value:0},bottom:0,left:{_skip_check_:!0,value:0},height:i.controlHeightLG/8,transform:"translateY(100%)",content:"''"}},[`${r}-nav-add`]:{minWidth:`${o}px`,marginLeft:{_skip_check_:!0,value:`${t}px`},padding:`0 ${i.paddingXS}px`,background:"transparent",border:`${i.lineWidth}px ${i.lineType} ${p}`,borderRadius:`${i.borderRadiusLG}px ${i.borderRadiusLG}px 0 0`,outline:"none",cursor:"pointer",color:i.colorText,transition:`all ${i.motionDurationSlow} ${i.motionEaseInOut}`,"&:hover":{color:n},"&:active, &:focus:not(:focus-visible)":{color:e},...l(i)}},[`${r}-extra-content`]:{flex:"none"},[`${r}-ink-bar`]:{position:"absolute",background:i.colorPrimary,pointerEvents:"none"},...m(i),[`${r}-content`]:{position:"relative",display:"flex",width:"100%","&-animated":{transition:"margin 0.3s"}},[`${r}-content-holder`]:{flex:"auto",minWidth:0,minHeight:0},[`${r}-tabpane`]:{outline:"none",flex:"none",width:"100%"}},[`${r}-centered`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-nav-wrap`]:{[`&:not([class*='${r}-nav-wrap-ping'])`]:{justifyContent:"center"}}}}}},R=$("Tabs",i=>{const r=i.controlHeightLG,a=u(i,{tabsHoverColor:i.colorPrimaryHover,tabsActiveColor:i.colorPrimaryActive,tabsCardHorizontalPadding:`${(r-Math.round(i.fontSize*i.lineHeight))/2-i.lineWidth}px ${i.padding}px`,tabsCardHeight:r,tabsCardGutter:i.marginXXS/2,tabsHorizontalGutter:32,tabsCardHeadBackground:"#eee",dropdownEdgeChildVerticalPadding:i.paddingXXS,tabsActiveTextShadow:"0 0 0.25px currentcolor",tabsDropdownHeight:200,tabsDropdownWidth:120});return[h(a),_(a),g(a),v(a),b(a),x(a),s(a)]},i=>({zIndexPopup:i.zIndexPopupBase+50}));export{R as default};
+//# sourceMappingURL=index.mjs.map

package/dist/es/tabs/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/tabs/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { genFocusStyle, resetComponent, textEllipsis } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\nimport genMotionStyle from './motion'\n\nexport interface ComponentToken {\n  zIndexPopup: number\n}\n\nexport interface TabsToken extends FullToken<'Tabs'> {\n  tabsCardHorizontalPadding: string\n  tabsCardHeight: number\n  tabsCardGutter: number\n  tabsHoverColor: string\n  tabsActiveColor: string\n  tabsHorizontalGutter: number\n  tabsCardHeadBackground: string\n  dropdownEdgeChildVerticalPadding: number\n  tabsNavWrapPseudoWidth: number\n  tabsActiveTextShadow: string\n  tabsDropdownHeight: number\n  tabsDropdownWidth: number\n}\n\nconst genCardStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject => {\n  const {\n    componentCls,\n    tabsCardHorizontalPadding,\n    tabsCardHeadBackground,\n    tabsCardGutter,\n    colorSplit,\n  } = token\n  return {\n    [`${componentCls}-card`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        [`${componentCls}-tab`]: {\n          margin: 0,\n          padding: tabsCardHorizontalPadding,\n          background: tabsCardHeadBackground,\n          border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n          transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n        },\n\n        [`${componentCls}-tab-active`]: {\n          color: token.colorBgContainer,\n          background: token.colorPrimary,\n        },\n\n        [`${componentCls}-ink-bar`]: {\n          visibility: 'hidden',\n        },\n      },\n\n      // ========================== Top & Bottom ==========================\n      [`&${componentCls}-top, &${componentCls}-bottom`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab + ${componentCls}-tab`]: {\n            marginLeft: {\n              _skip_check_: true,\n              value: `${tabsCardGutter}px`,\n            },\n          },\n        },\n      },\n\n      [`&${componentCls}-top`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,\n          },\n\n          [`${componentCls}-tab-active`]: {\n            borderBottomColor: token.colorBgContainer,\n          },\n        },\n      },\n\n      [`&${componentCls}-bottom`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px`,\n          },\n\n          [`${componentCls}-tab-active`]: {\n            borderTopColor: token.colorBgContainer,\n          },\n        },\n      },\n\n      // ========================== Left & Right ==========================\n      [`&${componentCls}-left, &${componentCls}-right`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab + ${componentCls}-tab`]: {\n            marginTop: `${tabsCardGutter}px`,\n          },\n        },\n      },\n\n      [`&${componentCls}-left`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            borderRadius: {\n              _skip_check_: true,\n              value: `${token.borderRadiusLG}px 0 0 ${token.borderRadiusLG}px`,\n            },\n          },\n\n          [`${componentCls}-tab-active`]: {\n            borderRightColor: {\n              _skip_check_: true,\n              value: token.colorBgContainer,\n            },\n          },\n        },\n      },\n\n      [`&${componentCls}-right`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            borderRadius: {\n              _skip_check_: true,\n              value: `0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px 0`,\n            },\n          },\n\n          [`${componentCls}-tab-active`]: {\n            borderLeftColor: {\n              _skip_check_: true,\n              value: token.colorBgContainer,\n            },\n          },\n        },\n      },\n    },\n  }\n}\n\nconst genDropdownStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject => {\n  const { componentCls, tabsHoverColor, dropdownEdgeChildVerticalPadding } = token\n  return {\n    [`${componentCls}-dropdown`]: {\n      ...resetComponent(token),\n\n      position: 'absolute',\n      top: -9999,\n      left: {\n        _skip_check_: true,\n        value: -9999,\n      },\n      zIndex: token.zIndexPopup,\n      display: 'block',\n\n      '&-hidden': {\n        display: 'none',\n      },\n\n      [`${componentCls}-dropdown-menu`]: {\n        maxHeight: token.tabsDropdownHeight,\n        margin: 0,\n        padding: `${dropdownEdgeChildVerticalPadding}px 0`,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        textAlign: {\n          _skip_check_: true,\n          value: 'left',\n        },\n        listStyleType: 'none',\n        backgroundColor: token.colorBgContainer,\n        backgroundClip: 'padding-box',\n        borderRadius: token.borderRadiusLG,\n        outline: 'none',\n        boxShadow: token.boxShadowSecondary,\n\n        '&-item': {\n          ...textEllipsis,\n          display: 'flex',\n          alignItems: 'center',\n          minWidth: token.tabsDropdownWidth,\n          margin: 0,\n          padding: `${token.paddingXXS}px ${token.paddingSM}px`,\n          color: token.colorText,\n          fontWeight: 'normal',\n          fontSize: token.fontSize,\n          lineHeight: token.lineHeight,\n          cursor: 'pointer',\n          transition: `all ${token.motionDurationSlow}`,\n\n          '> span': {\n            flex: 1,\n            whiteSpace: 'nowrap',\n          },\n\n          '&-remove': {\n            flex: 'none',\n            marginLeft: {\n              _skip_check_: true,\n              value: token.marginSM,\n            },\n            color: token.colorTextDescription,\n            fontSize: token.fontSizeSM,\n            background: 'transparent',\n            border: 0,\n            cursor: 'pointer',\n\n            '&:hover': {\n              color: tabsHoverColor,\n            },\n          },\n\n          '&:hover': {\n            background: token.controlItemBgHover,\n          },\n\n          '&-disabled': {\n            '&, &:hover': {\n              color: token.colorTextDisabled,\n              background: 'transparent',\n              cursor: 'not-allowed',\n            },\n          },\n        },\n      },\n    },\n  }\n}\n\nconst genPositionStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject => {\n  const { componentCls, margin, colorSplit } = token\n  return {\n    // ========================== Top & Bottom ==========================\n    [`${componentCls}-top, ${componentCls}-bottom`]: {\n      flexDirection: 'column',\n\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        margin: `0 0 ${margin}px 0`,\n\n        '&::before': {\n          position: 'absolute',\n          right: {\n            _skip_check_: true,\n            value: 0,\n          },\n          left: {\n            _skip_check_: true,\n            value: 0,\n          },\n          borderBottom: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n          content: \"''\",\n        },\n\n        [`${componentCls}-ink-bar`]: {\n          height: token.lineWidthBold,\n\n          '&-animated': {\n            transition: `width ${token.motionDurationSlow}, left ${token.motionDurationSlow},\n            right ${token.motionDurationSlow}`,\n          },\n        },\n\n        [`${componentCls}-nav-wrap`]: {\n          '&::before, &::after': {\n            top: 0,\n            bottom: 0,\n            width: token.controlHeight,\n          },\n\n          '&::before': {\n            left: {\n              _skip_check_: true,\n              value: 0,\n            },\n            boxShadow: token.boxShadowTabsOverflowLeft,\n          },\n\n          '&::after': {\n            right: {\n              _skip_check_: true,\n              value: 0,\n            },\n            boxShadow: token.boxShadowTabsOverflowRight,\n          },\n\n          [`&${componentCls}-nav-wrap-ping-left::before`]: {\n            opacity: 1,\n          },\n          [`&${componentCls}-nav-wrap-ping-right::after`]: {\n            opacity: 1,\n          },\n        },\n      },\n    },\n\n    [`${componentCls}-top`]: {\n      [`> ${componentCls}-nav,\n        > div > ${componentCls}-nav`]: {\n        '&::before': {\n          bottom: 0,\n        },\n\n        [`${componentCls}-ink-bar`]: {\n          bottom: 0,\n        },\n      },\n    },\n\n    [`${componentCls}-bottom`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        order: 1,\n        marginTop: `${margin}px`,\n        marginBottom: 0,\n\n        '&::before': {\n          top: 0,\n        },\n\n        [`${componentCls}-ink-bar`]: {\n          top: 0,\n        },\n      },\n\n      [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n        order: 0,\n      },\n    },\n\n    // ========================== Left & Right ==========================\n    [`${componentCls}-left, ${componentCls}-right`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        flexDirection: 'column',\n        minWidth: token.controlHeight * 1.25,\n\n        // >>>>>>>>>>> Tab\n        [`${componentCls}-tab`]: {\n          padding: `${token.paddingXS}px ${token.paddingLG}px`,\n          textAlign: 'center',\n        },\n\n        [`${componentCls}-tab + ${componentCls}-tab`]: {\n          margin: `${token.margin}px 0 0 0`,\n        },\n\n        // >>>>>>>>>>> Nav\n        [`${componentCls}-nav-wrap`]: {\n          flexDirection: 'column',\n\n          '&::before, &::after': {\n            right: {\n              _skip_check_: true,\n              value: 0,\n            },\n            left: {\n              _skip_check_: true,\n              value: 0,\n            },\n            height: token.controlHeight,\n          },\n\n          '&::before': {\n            top: 0,\n            boxShadow: token.boxShadowTabsOverflowTop,\n          },\n\n          '&::after': {\n            bottom: 0,\n            boxShadow: token.boxShadowTabsOverflowBottom,\n          },\n\n          [`&${componentCls}-nav-wrap-ping-top::before`]: {\n            opacity: 1,\n          },\n\n          [`&${componentCls}-nav-wrap-ping-bottom::after`]: {\n            opacity: 1,\n          },\n        },\n\n        // >>>>>>>>>>> Ink Bar\n        [`${componentCls}-ink-bar`]: {\n          width: token.lineWidthBold,\n\n          '&-animated': {\n            transition: `height ${token.motionDurationSlow}, top ${token.motionDurationSlow}`,\n          },\n        },\n\n        [`${componentCls}-nav-list, ${componentCls}-nav-operations`]: {\n          flex: '1 0 auto', // fix safari scroll problem\n          flexDirection: 'column',\n        },\n      },\n    },\n\n    [`${componentCls}-left`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        [`${componentCls}-ink-bar`]: {\n          right: {\n            _skip_check_: true,\n            value: 0,\n          },\n        },\n      },\n\n      [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n        marginLeft: {\n          _skip_check_: true,\n          value: `-${token.lineWidth}px`,\n        },\n        borderLeft: {\n          _skip_check_: true,\n          value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n        },\n\n        [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n          paddingLeft: {\n            _skip_check_: true,\n            value: token.paddingLG,\n          },\n        },\n      },\n    },\n\n    [`${componentCls}-right`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        order: 1,\n\n        [`${componentCls}-ink-bar`]: {\n          left: {\n            _skip_check_: true,\n            value: 0,\n          },\n        },\n      },\n\n      [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n        order: 0,\n        marginRight: {\n          _skip_check_: true,\n          value: -token.lineWidth,\n        },\n        borderRight: {\n          _skip_check_: true,\n          value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n        },\n\n        [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n          paddingRight: {\n            _skip_check_: true,\n            value: token.paddingLG,\n          },\n        },\n      },\n    },\n  }\n}\n\nconst genSizeStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject => {\n  const { componentCls, padding } = token\n  return {\n    [componentCls]: {\n      '&-small': {\n        [`> ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            padding: `${token.paddingXS}px 0`,\n            fontSize: token.fontSize,\n          },\n        },\n      },\n\n      '&-large': {\n        [`> ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            padding: `${padding}px 0`,\n            fontSize: token.fontSizeLG,\n          },\n        },\n      },\n    },\n\n    [`${componentCls}-card`]: {\n      [`&${componentCls}-small`]: {\n        [`> ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            padding: `${token.paddingXXS * 1.5}px ${padding}px`,\n          },\n        },\n        [`&${componentCls}-bottom`]: {\n          [`> ${componentCls}-nav ${componentCls}-tab`]: {\n            borderRadius: `0 0 ${token.borderRadius}px ${token.borderRadius}px`,\n          },\n        },\n        [`&${componentCls}-top`]: {\n          [`> ${componentCls}-nav ${componentCls}-tab`]: {\n            borderRadius: `${token.borderRadius}px ${token.borderRadius}px 0 0`,\n          },\n        },\n        [`&${componentCls}-right`]: {\n          [`> ${componentCls}-nav ${componentCls}-tab`]: {\n            borderRadius: {\n              _skip_check_: true,\n              value: `0 ${token.borderRadius}px ${token.borderRadius}px 0`,\n            },\n          },\n        },\n        [`&${componentCls}-left`]: {\n          [`> ${componentCls}-nav ${componentCls}-tab`]: {\n            borderRadius: {\n              _skip_check_: true,\n              value: `${token.borderRadius}px 0 0 ${token.borderRadius}px`,\n            },\n          },\n        },\n      },\n\n      [`&${componentCls}-large`]: {\n        [`> ${componentCls}-nav`]: {\n          [`${componentCls}-tab`]: {\n            padding: `${token.paddingXS}px ${padding}px ${token.paddingXXS * 1.5}px`,\n          },\n        },\n      },\n    },\n  }\n}\n\nconst genTabStyle: GenerateStyle<TabsToken, CSSObject> = (token: TabsToken) => {\n  const { componentCls, tabsActiveColor, tabsHoverColor, iconCls, tabsHorizontalGutter } = token\n\n  const tabCls = `${componentCls}-tab`\n\n  return {\n    [tabCls]: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      padding: `${token.paddingSM}px 0`,\n      fontSize: `${token.fontSize}px`,\n      background: 'transparent',\n      border: 0,\n      outline: 'none',\n      cursor: 'pointer',\n      '&-btn, &-remove': {\n        '&:focus:not(:focus-visible), &:active': {\n          // color: tabsActiveColor,//点击时的颜色\n        },\n        ...genFocusStyle(token),\n      },\n      '&-btn': {\n        outline: 'none',\n        transition: 'all 0.3s',\n      },\n      '&-remove': {\n        flex: 'none',\n        marginRight: {\n          _skip_check_: true,\n          value: -token.marginXXS,\n        },\n        marginLeft: {\n          _skip_check_: true,\n          value: token.marginXS,\n        },\n        color: token.colorTextDescription,\n        fontSize: token.fontSizeSM,\n        background: 'transparent',\n        border: 'none',\n        outline: 'none',\n        cursor: 'pointer',\n        transition: `all ${token.motionDurationSlow}`,\n        '&:hover': {\n          color: token.colorTextHeading,\n        },\n      },\n      '&:hover': {\n        color: tabsHoverColor,\n      },\n\n      [`&${tabCls}-active ${tabCls}-btn`]: {\n        color: token.colorPrimary,\n        textShadow: token.tabsActiveTextShadow,\n      },\n\n      [`&${tabCls}-disabled`]: {\n        color: token.colorTextDisabled,\n        cursor: 'not-allowed',\n      },\n      [`&${tabCls}-disabled ${tabCls}-btn, &${tabCls}-disabled ${componentCls}-remove`]: {\n        '&:focus, &:active': {\n          color: token.colorTextDisabled,\n        },\n      },\n      [`& ${tabCls}-remove ${iconCls}`]: {\n        margin: 0,\n      },\n      [iconCls]: {\n        marginRight: {\n          _skip_check_: true,\n          value: token.marginSM,\n        },\n      },\n    },\n\n    [`${tabCls} + ${tabCls}`]: {\n      margin: {\n        _skip_check_: true,\n        value: `0 0 0 ${tabsHorizontalGutter}px`,\n      },\n    },\n  }\n}\n\nconst genRtlStyle: GenerateStyle<TabsToken, CSSObject> = (token: TabsToken) => {\n  const { componentCls, tabsHorizontalGutter, iconCls, tabsCardGutter } = token\n  const rtlCls = `${componentCls}-rtl`\n  return {\n    [rtlCls]: {\n      direction: 'rtl',\n\n      [`${componentCls}-nav`]: {\n        [`${componentCls}-tab`]: {\n          margin: {\n            _skip_check_: true,\n            value: `0 0 0 ${tabsHorizontalGutter}px`,\n          },\n\n          [`${componentCls}-tab:last-of-type`]: {\n            marginLeft: {\n              _skip_check_: true,\n              value: 0,\n            },\n          },\n\n          [iconCls]: {\n            marginRight: {\n              _skip_check_: true,\n              value: 0,\n            },\n            marginLeft: {\n              _skip_check_: true,\n              value: `${token.marginSM}px`,\n            },\n          },\n\n          [`${componentCls}-tab-remove`]: {\n            marginRight: {\n              _skip_check_: true,\n              value: `${token.marginXS}px`,\n            },\n            marginLeft: {\n              _skip_check_: true,\n              value: `-${token.marginXXS}px`,\n            },\n\n            [iconCls]: {\n              margin: 0,\n            },\n          },\n        },\n      },\n\n      [`&${componentCls}-left`]: {\n        [`> ${componentCls}-nav`]: {\n          order: 1,\n        },\n\n        [`> ${componentCls}-content-holder`]: {\n          order: 0,\n        },\n      },\n\n      [`&${componentCls}-right`]: {\n        [`> ${componentCls}-nav`]: {\n          order: 0,\n        },\n\n        [`> ${componentCls}-content-holder`]: {\n          order: 1,\n        },\n      },\n\n      // ====================== Card ======================\n      [`&${componentCls}-card${componentCls}-top, &${componentCls}-card${componentCls}-bottom`]: {\n        [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n          [`${componentCls}-tab + ${componentCls}-tab`]: {\n            marginRight: {\n              _skip_check_: true,\n              value: `${tabsCardGutter}px`,\n            },\n            marginLeft: { _skip_check_: true, value: 0 },\n          },\n        },\n      },\n    },\n\n    [`${componentCls}-dropdown-rtl`]: {\n      direction: 'rtl',\n    },\n\n    [`${componentCls}-menu-item`]: {\n      [`${componentCls}-dropdown-rtl`]: {\n        textAlign: {\n          _skip_check_: true,\n          value: 'right',\n        },\n      },\n    },\n  }\n}\n\nconst genTabsStyle: GenerateStyle<TabsToken> = (token: TabsToken): CSSObject => {\n  const {\n    componentCls,\n    tabsCardHorizontalPadding,\n    tabsCardHeight,\n    tabsCardGutter,\n    tabsHoverColor,\n    tabsActiveColor,\n    colorSplit,\n  } = token\n\n  return {\n    [componentCls]: {\n      ...resetComponent(token),\n      display: 'flex',\n\n      // ========================== Navigation ==========================\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        position: 'relative',\n        display: 'flex',\n        flex: 'none',\n        alignItems: 'center',\n\n        [`${componentCls}-nav-wrap`]: {\n          position: 'relative',\n          display: 'flex',\n          flex: 'auto',\n          alignSelf: 'stretch',\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n          transform: 'translate(0)', // Fix chrome render bug\n\n          // >>>>> Ping shadow\n          '&::before, &::after': {\n            position: 'absolute',\n            zIndex: 1,\n            opacity: 0,\n            transition: `opacity ${token.motionDurationSlow}`,\n            content: \"''\",\n            pointerEvents: 'none',\n          },\n        },\n\n        [`${componentCls}-nav-list`]: {\n          position: 'relative',\n          display: 'flex',\n          transition: `opacity ${token.motionDurationSlow}`,\n        },\n\n        // >>>>>>>> Operations\n        [`${componentCls}-nav-operations`]: {\n          display: 'flex',\n          alignSelf: 'stretch',\n        },\n\n        [`${componentCls}-nav-operations-hidden`]: {\n          position: 'absolute',\n          visibility: 'hidden',\n          pointerEvents: 'none',\n        },\n\n        [`${componentCls}-nav-more`]: {\n          position: 'relative',\n          padding: tabsCardHorizontalPadding,\n          background: 'transparent',\n          border: 0,\n\n          '&::after': {\n            position: 'absolute',\n            right: {\n              _skip_check_: true,\n              value: 0,\n            },\n            bottom: 0,\n            left: {\n              _skip_check_: true,\n              value: 0,\n            },\n            height: token.controlHeightLG / 8,\n            transform: 'translateY(100%)',\n            content: \"''\",\n          },\n        },\n\n        [`${componentCls}-nav-add`]: {\n          minWidth: `${tabsCardHeight}px`,\n          marginLeft: {\n            _skip_check_: true,\n            value: `${tabsCardGutter}px`,\n          },\n          padding: `0 ${token.paddingXS}px`,\n          background: 'transparent',\n          border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n          borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,\n          outline: 'none',\n          cursor: 'pointer',\n          color: token.colorText,\n          transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n\n          '&:hover': {\n            color: tabsHoverColor,\n          },\n\n          '&:active, &:focus:not(:focus-visible)': {\n            color: tabsActiveColor,\n          },\n\n          ...genFocusStyle(token),\n        },\n      },\n\n      [`${componentCls}-extra-content`]: {\n        flex: 'none',\n      },\n\n      // ============================ InkBar ============================\n      [`${componentCls}-ink-bar`]: {\n        position: 'absolute',\n        background: token.colorPrimary,\n        pointerEvents: 'none',\n      },\n\n      // ============================= Tabs =============================\n      ...genTabStyle(token),\n\n      // =========================== TabPanes ===========================\n      [`${componentCls}-content`]: {\n        position: 'relative',\n        display: 'flex',\n        width: '100%',\n\n        '&-animated': {\n          transition: 'margin 0.3s',\n        },\n      },\n\n      [`${componentCls}-content-holder`]: {\n        flex: 'auto',\n        minWidth: 0,\n        minHeight: 0,\n      },\n\n      [`${componentCls}-tabpane`]: {\n        outline: 'none',\n        flex: 'none',\n        width: '100%',\n      },\n    },\n\n    [`${componentCls}-centered`]: {\n      [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n        [`${componentCls}-nav-wrap`]: {\n          [`&:not([class*='${componentCls}-nav-wrap-ping'])`]: {\n            justifyContent: 'center',\n          },\n        },\n      },\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Tabs',\n  (token) => {\n    const tabsCardHeight = token.controlHeightLG\n\n    const tabsToken = mergeToken<TabsToken>(token, {\n      tabsHoverColor: token.colorPrimaryHover,\n      tabsActiveColor: token.colorPrimaryActive,\n\n      tabsCardHorizontalPadding: `${\n        (tabsCardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth\n      }px ${token.padding}px`,\n      tabsCardHeight,\n      tabsCardGutter: token.marginXXS / 2,\n      tabsHorizontalGutter: 32, // Fixed Value\n      tabsCardHeadBackground: '#eee',\n      dropdownEdgeChildVerticalPadding: token.paddingXXS,\n      tabsActiveTextShadow: '0 0 0.25px currentcolor',\n      tabsDropdownHeight: 200,\n      tabsDropdownWidth: 120,\n    })\n\n    return [\n      genSizeStyle(tabsToken),\n      genRtlStyle(tabsToken),\n      genPositionStyle(tabsToken),\n      genDropdownStyle(tabsToken),\n      genCardStyle(tabsToken),\n      genTabsStyle(tabsToken),\n      genMotionStyle(tabsToken),\n    ]\n  },\n  (token) => ({\n    zIndexPopup: token.zIndexPopupBase + 50,\n  }),\n)\n"],"names":["genCardStyle","token","componentCls","tabsCardHorizontalPadding","tabsCardHeadBackground","tabsCardGutter","colorSplit","genDropdownStyle","tabsHoverColor","dropdownEdgeChildVerticalPadding","resetComponent","textEllipsis","genPositionStyle","margin","genSizeStyle","padding","genTabStyle","tabsActiveColor","iconCls","tabsHorizontalGutter","tabCls","genFocusStyle","genRtlStyle","genTabsStyle","tabsCardHeight","useStyle","genComponentStyleHook","tabsToken","mergeToken","genMotionStyle"],"mappings":"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"}

package/dist/es/tabs/style/motion.mjs

@@ -0,0 +1,2 @@
+import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{initSlideMotion as n}from"../../style/motion/slide.mjs";const s=t=>{const{componentCls:i,motionDurationSlow:o}=t;return[{[i]:{[`${i}-switch`]:{"&-appear, &-enter":{transition:"none","&-start":{opacity:0},"&-active":{opacity:1,transition:`opacity ${o}`}},"&-leave":{position:"absolute",transition:"none",inset:0,"&-start":{opacity:1},"&-active":{opacity:0,transition:`opacity ${o}`}}}}},[n(t,"slide-up"),n(t,"slide-down")]]};export{s as default};
+//# sourceMappingURL=motion.mjs.map

package/dist/es/tabs/style/motion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.mjs","sources":["../../../../src/tabs/style/motion.ts"],"sourcesContent":["import type { TabsToken } from '.'\nimport { initSlideMotion } from '../../style/motion'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genMotionStyle: GenerateStyle<TabsToken> = (token) => {\n  const { componentCls, motionDurationSlow } = token\n\n  return [\n    {\n      [componentCls]: {\n        [`${componentCls}-switch`]: {\n          '&-appear, &-enter': {\n            transition: 'none',\n\n            '&-start': {\n              opacity: 0,\n            },\n            '&-active': {\n              opacity: 1,\n              transition: `opacity ${motionDurationSlow}`,\n            },\n          },\n\n          '&-leave': {\n            position: 'absolute',\n            transition: 'none',\n            inset: 0,\n\n            '&-start': {\n              opacity: 1,\n            },\n            '&-active': {\n              opacity: 0,\n              transition: `opacity ${motionDurationSlow}`,\n            },\n          },\n        },\n      },\n    },\n\n    // Follow code may reuse in other components\n    [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down')],\n  ]\n}\n\nexport default genMotionStyle\n"],"names":["genMotionStyle","token","componentCls","motionDurationSlow","initSlideMotion"],"mappings":"6LAIA,MAAMA,EAA4CC,GAAU,CAC1D,KAAM,CAAE,aAAAC,EAAc,mBAAAC,CAAA,EAAuBF,EAE7C,MAAO,CACL,CACE,CAACC,CAAY,EAAG,CACd,CAAC,GAAGA,CAAY,SAAS,EAAG,CAC1B,oBAAqB,CACnB,WAAY,OAEZ,UAAW,CACT,QAAS,CAAA,EAEX,WAAY,CACV,QAAS,EACT,WAAY,WAAWC,CAAkB,EAAA,CAC3C,EAGF,UAAW,CACT,SAAU,WACV,WAAY,OACZ,MAAO,EAEP,UAAW,CACT,QAAS,CAAA,EAEX,WAAY,CACV,QAAS,EACT,WAAY,WAAWA,CAAkB,EAAA,CAC3C,CACF,CACF,CACF,EAIF,CAACC,EAAgBH,EAAO,UAAU,EAAGG,EAAgBH,EAAO,YAAY,CAAC,CAAA,CAE7E"}

package/dist/es/tag/CheckableTag.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as i,computed as h,createVNode as p}from"vue";import k from"../_util/classNames.mjs";import f from"../config-provider/hooks/useConfigInject.mjs";import m from"./style/index.mjs";const C=()=>({prefixCls:String,checked:{type:Boolean,default:void 0},onChange:{type:Function},onClick:{type:Function},"onUpdate:checked":Function}),S=i({compatConfig:{MODE:3},name:"ACheckableTag",inheritAttrs:!1,props:C(),setup(c,{slots:o,emit:n,attrs:a}){const{prefixCls:e}=f("tag",c),[l,s]=m(e),r=d=>{const{checked:t}=c;n("update:checked",!t),n("change",!t),n("click",d)},u=h(()=>k(e.value,s.value,{[`${e.value}-checkable`]:!0,[`${e.value}-checkable-checked`]:c.checked}));return()=>l(p("span",{...a,class:[u.value,a.class],onClick:r},[o.default?.()]))}});export{S as default};
+//# sourceMappingURL=CheckableTag.mjs.map

package/dist/es/tag/CheckableTag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckableTag.mjs","sources":["../../../src/tag/CheckableTag.tsx"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport useStyle from './style'\n\nconst checkableTagProps = () => ({\n  prefixCls: String,\n  checked: { type: Boolean, default: undefined },\n  onChange: {\n    type: Function as PropType<(checked: boolean) => void>,\n  },\n  onClick: {\n    type: Function as PropType<(e: MouseEvent) => void>,\n  },\n  'onUpdate:checked': Function as PropType<(checked: boolean) => void>,\n})\nexport type CheckableTagProps = Partial<ExtractPropTypes<ReturnType<typeof checkableTagProps>>>\n\nconst CheckableTag = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ACheckableTag',\n  inheritAttrs: false,\n  props: checkableTagProps(),\n  // emits: ['update:checked', 'change', 'click'],\n  setup(props, { slots, emit, attrs }) {\n    const { prefixCls } = useConfigInject('tag', props)\n    // Style\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n\n    const handleClick = (e: MouseEvent) => {\n      const { checked } = props\n      emit('update:checked', !checked)\n      emit('change', !checked)\n      emit('click', e)\n    }\n\n    const cls = computed(() =>\n      classNames(prefixCls.value, hashId.value, {\n        [`${prefixCls.value}-checkable`]: true,\n        [`${prefixCls.value}-checkable-checked`]: props.checked,\n      }),\n    )\n\n    return () => {\n      return wrapSSR(\n        <span {...attrs} class={[cls.value, attrs.class]} onClick={handleClick}>\n          {slots.default?.()}\n        </span>,\n      )\n    }\n  },\n})\n\nexport default CheckableTag\n"],"names":["checkableTagProps","prefixCls","String","checked","type","Boolean","default","undefined","onChange","Function","onClick","CheckableTag","defineComponent","compatConfig","MODE","name","inheritAttrs","props","setup","slots","emit","attrs","useConfigInject","wrapSSR","hashId","useStyle","handleClick","e","cls","computed","classNames","value","_createVNode","class"],"mappings":"yMAOA,MAAMA,EAAoBA,KAAO,CAC/BC,UAAWC,OACXC,QAAS,CAAEC,KAAMC,QAASC,QAASC,QACnCC,SAAU,CACRJ,KAAMK,UAERC,QAAS,CACPN,KAAMK,UAER,mBAAoBA,QACtB,GAGME,EAAeC,EAAgB,CACnCC,aAAc,CAAEC,KAAM,GACtBC,KAAM,gBACNC,aAAc,GACdC,MAAOjB,EAAiB,EAExBkB,MAAMD,EAAO,CAAEE,MAAAA,EAAOC,KAAAA,EAAMC,MAAAA,CAAM,EAAG,CACnC,KAAM,CAAEpB,UAAAA,CAAU,EAAIqB,EAAgB,MAAOL,CAAK,EAE5C,CAACM,EAASC,CAAM,EAAIC,EAASxB,CAAS,EAEtCyB,EAAeC,GAAkB,CACrC,KAAM,CAAExB,QAAAA,CAAQ,EAAIc,EACpBG,EAAK,iBAAkB,CAACjB,CAAO,EAC/BiB,EAAK,SAAU,CAACjB,CAAO,EACvBiB,EAAK,QAASO,CAAC,CACjB,EAEMC,EAAMC,EAAS,IACnBC,EAAW7B,EAAU8B,MAAOP,EAAOO,MAAO,CACxC,CAAC,GAAG9B,EAAU8B,KAAK,YAAY,EAAG,GAClC,CAAC,GAAG9B,EAAU8B,KAAK,oBAAoB,EAAGd,EAAMd,OAClD,CAAC,CACH,EAEA,MAAO,IACEoB,EAAOS,EAAA,OAAA,CAAA,GACFX,EAAK,MAAS,CAACO,EAAIG,MAAOV,EAAMY,KAAK,EAAC,QAAWP,CAAW,EAAA,CACnEP,EAAMb,UAAO,CAAI,EAEtB,CAEJ,CACF,CAAC"}

package/dist/es/tag/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as x,shallowRef as B,watchEffect as F,computed as g,createVNode as n,Fragment as O}from"vue";import j from"../_util/classNames.mjs";import{isPresetColor as A,isPresetStatusColor as E}from"../_util/colors.mjs";import{eventType as R}from"../_util/type.mjs";import p from"../_util/vue-types/index.mjs";import W from"../_util/wave/index.mjs";import D from"../config-provider/hooks/useConfigInject.mjs";import u from"./CheckableTag.mjs";import M from"./style/index.mjs";import U from"../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.mjs";const V=()=>({prefixCls:String,color:{type:String},closable:{type:Boolean,default:!1},closeIcon:p.any,visible:{type:Boolean,default:void 0},onClose:{type:Function},onClick:R(),"onUpdate:visible":Function,icon:p.any,bordered:{type:Boolean,default:!0}}),t=x({compatConfig:{MODE:3},name:"ATag",inheritAttrs:!1,props:V(),slots:Object,setup(e,{slots:a,emit:c,attrs:s}){const{prefixCls:o,direction:y}=D("tag",e),[h,k]=M(o),i=B(!0);F(()=>{e.visible!==void 0&&(i.value=e.visible)});const d=l=>{l.stopPropagation(),c("update:visible",!1),c("close",l),!l.defaultPrevented&&e.visible===void 0&&(i.value=!1)},r=g(()=>A(e.color)||E(e.color)),$=g(()=>j(o.value,k.value,{[`${o.value}-${e.color}`]:r.value,[`${o.value}-has-color`]:e.color&&!r.value,[`${o.value}-hidden`]:!i.value,[`${o.value}-rtl`]:y.value==="rtl",[`${o.value}-borderless`]:!e.bordered})),I=l=>{c("click",l)};return()=>{const{icon:l=a.icon?.(),color:f,closeIcon:v=a.closeIcon?.(),closable:S=!1}=e,N=()=>S?v?n("span",{class:`${o.value}-close-icon`,onClick:d},[v]):n(U,{class:`${o.value}-close-icon`,onClick:d},null):null,P={backgroundColor:f&&!r.value?f:void 0},m=l||null,C=a.default?.(),T=m?n(O,null,[m,n("span",null,[C])]):C,w=e.onClick!==void 0,b=n("span",{...s,onClick:I,class:[$.value,s.class],style:[P,s.style]},[T,N()]);return h(w?n(W,null,{default:()=>[b]}):b)}}});t.CheckableTag=u;t.install=function(e){return e.component(t.name,t),e.component(u.name,u),e};export{u as CheckableTag,t as default,V as tagProps};
+//# sourceMappingURL=index.mjs.map

package/dist/es/tag/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/tag/index.tsx"],"sourcesContent":["import CloseOutlined from '@ant-design/icons-vue/CloseOutlined'\n\nimport type { App, CSSProperties, ExtractPropTypes, HTMLAttributes, Plugin, PropType } from 'vue'\nimport { computed, defineComponent, shallowRef, watchEffect } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport type { PresetColorType, PresetStatusColorType } from '../_util/colors'\nimport { isPresetColor, isPresetStatusColor } from '../_util/colors'\nimport { eventType } from '../_util/type'\nimport type { CustomSlotsType, LiteralUnion } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport warning from '../_util/warning'\nimport Wave from '../_util/wave'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport CheckableTag from './CheckableTag'\nimport useStyle from './style'\n\nexport const tagProps = () => ({\n  prefixCls: String,\n  color: {\n    type: String as PropType<LiteralUnion<PresetColorType | PresetStatusColorType>>,\n  },\n  closable: { type: Boolean, default: false },\n  closeIcon: PropTypes.any,\n  /** @deprecated `visible` will be removed in next major version. */\n  visible: { type: Boolean, default: undefined },\n  onClose: {\n    type: Function as PropType<(e: MouseEvent) => void>,\n  },\n  onClick: eventType<(e: MouseEvent) => void>(),\n  'onUpdate:visible': Function as PropType<(vis: boolean) => void>,\n  icon: PropTypes.any,\n  bordered: { type: Boolean, default: true },\n})\n\nexport type TagProps = HTMLAttributes & Partial<ExtractPropTypes<ReturnType<typeof tagProps>>>\n\nconst Tag = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ATag',\n  inheritAttrs: false,\n  props: tagProps(),\n  // emits: ['update:visible', 'close'],\n  slots: Object as CustomSlotsType<{\n    closeIcon: any\n    icon: any\n    default: any\n  }>,\n  setup(props, { slots, emit, attrs }) {\n    const { prefixCls, direction } = useConfigInject('tag', props)\n\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n\n    const visible = shallowRef(true)\n\n    // Warning for deprecated usage\n    if (process.env.NODE_ENV !== 'production') {\n      warning(\n        props.visible === undefined,\n        'Tag',\n        '`visible` is deprecated, please use `<Tag v-show=\"visible\" />` instead.',\n      )\n    }\n\n    watchEffect(() => {\n      if (props.visible !== undefined) {\n        visible.value = props.visible!\n      }\n    })\n\n    const handleCloseClick = (e: MouseEvent) => {\n      e.stopPropagation()\n      emit('update:visible', false)\n      emit('close', e)\n\n      if (e.defaultPrevented) {\n        return\n      }\n      if (props.visible === undefined) {\n        visible.value = false\n      }\n    }\n\n    // const isPresetColor = computed(() => {\n    //   const { color } = props;\n    //   if (!color) {\n    //     return false;\n    //   }\n    //   return PresetColorRegex.test(color) || PresetStatusColorRegex.test(color);\n    // });\n\n    const isInternalColor = computed(\n      () => isPresetColor(props.color) || isPresetStatusColor(props.color),\n    )\n\n    const tagClassName = computed(() =>\n      classNames(prefixCls.value, hashId.value, {\n        [`${prefixCls.value}-${props.color}`]: isInternalColor.value,\n        [`${prefixCls.value}-has-color`]: props.color && !isInternalColor.value,\n        [`${prefixCls.value}-hidden`]: !visible.value,\n        [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n        [`${prefixCls.value}-borderless`]: !props.bordered,\n      }),\n    )\n    const handleClick = (e: MouseEvent) => {\n      emit('click', e)\n    }\n    return () => {\n      const {\n        icon = slots.icon?.(),\n        color,\n        closeIcon = slots.closeIcon?.(),\n        closable = false,\n      } = props\n\n      const renderCloseIcon = () => {\n        if (closable) {\n          return closeIcon ? (\n            <span class={`${prefixCls.value}-close-icon`} onClick={handleCloseClick}>\n              {closeIcon}\n            </span>\n          ) : (\n            <CloseOutlined class={`${prefixCls.value}-close-icon`} onClick={handleCloseClick} />\n          )\n        }\n        return null\n      }\n\n      const tagStyle = {\n        backgroundColor: color && !isInternalColor.value ? color : undefined,\n      }\n\n      const iconNode = icon || null\n      const children = slots.default?.()\n      const kids = iconNode ? (\n        <>\n          {iconNode}\n          <span>{children}</span>\n        </>\n      ) : (\n        children\n      )\n\n      const isNeedWave = props.onClick !== undefined\n      const tagNode = (\n        <span\n          {...attrs}\n          onClick={handleClick}\n          class={[tagClassName.value, attrs.class]}\n          style={[tagStyle, attrs.style as CSSProperties]}\n        >\n          {kids}\n          {renderCloseIcon()}\n        </span>\n      )\n\n      return wrapSSR(isNeedWave ? <Wave>{tagNode}</Wave> : tagNode)\n    }\n  },\n})\n\nTag.CheckableTag = CheckableTag\n\nTag.install = function (app: App) {\n  app.component(Tag.name, Tag)\n  app.component(CheckableTag.name, CheckableTag)\n  return app\n}\n\nexport { CheckableTag }\n\nexport default Tag as typeof Tag &\n  Plugin & {\n    readonly CheckableTag: typeof CheckableTag\n  }\n"],"names":["tagProps","prefixCls","String","color","type","closable","Boolean","default","closeIcon","PropTypes","any","visible","undefined","onClose","Function","onClick","eventType","icon","bordered","Tag","defineComponent","compatConfig","MODE","name","inheritAttrs","props","slots","Object","setup","emit","attrs","direction","useConfigInject","wrapSSR","hashId","useStyle","shallowRef","watchEffect","value","handleCloseClick","e","stopPropagation","defaultPrevented","isInternalColor","computed","isPresetColor","isPresetStatusColor","tagClassName","classNames","handleClick","renderCloseIcon","_createVNode","CloseOutlined","tagStyle","backgroundColor","iconNode","children","kids","_Fragment","isNeedWave","tagNode","class","style","Wave","CheckableTag","install","app","component"],"mappings":"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"}

package/dist/es/tag/style/index.mjs

@@ -0,0 +1,2 @@
+import{capitalize as p}from"../../_util/util.mjs";import{resetComponent as u}from"../../style/index.mjs";import"../../theme/internal.mjs";import m from"../../theme/util/genComponentStyleHook.mjs";import{merge as h}from"../../theme/util/statistic.mjs";import{genPresetColor as b}from"../../style/presetColor.mjs";const t=(o,i,e)=>{const l=p(e);return{[`${o.componentCls}-${i}`]:{color:o[`color${e}`],background:o[`color${l}Bg`],borderColor:o[`color${l}Border`],[`&${o.componentCls}-borderless`]:{borderColor:"transparent"}}}},C=o=>b(o,(i,{textColor:e,lightBorderColor:l,lightColor:r,darkColor:a})=>({[`${o.componentCls}-${i}`]:{color:e,background:r,borderColor:l,"&-inverse":{color:o.colorTextLightSolid,background:a,borderColor:a},[`&${o.componentCls}-borderless`]:{borderColor:"transparent"}}})),S=o=>{const{paddingXXS:i,lineWidth:e,tagPaddingHorizontal:l,componentCls:r}=o,a=l-e,c=i-e;return{[r]:{...u(o),display:"inline-block",height:"auto",marginInlineEnd:o.marginXS,paddingInline:a,fontSize:o.tagFontSize,lineHeight:`${o.tagLineHeight}px`,whiteSpace:"nowrap",background:o.tagDefaultBg,border:`${o.lineWidth}px ${o.lineType} ${o.colorBorder}`,borderRadius:o.borderRadiusSM,opacity:1,transition:`all ${o.motionDurationMid}`,textAlign:"start",[`&${r}-rtl`]:{direction:"rtl"},"&, a, a:hover":{color:o.tagDefaultColor},[`${r}-close-icon`]:{marginInlineStart:c,color:o.colorTextDescription,fontSize:o.tagIconSize,cursor:"pointer",transition:`all ${o.motionDurationMid}`,"&:hover":{color:o.colorTextHeading}},[`&${r}-has-color`]:{borderColor:"transparent",[`&, a, a:hover, ${o.iconCls}-close, ${o.iconCls}-close:hover`]:{color:o.colorTextLightSolid}},"&-checkable":{backgroundColor:"transparent",borderColor:"transparent",cursor:"pointer",[`&:not(${r}-checkable-checked):hover`]:{color:o.colorPrimary,backgroundColor:o.colorFillSecondary},"&:active, &-checked":{color:o.colorTextLightSolid},"&-checked":{backgroundColor:o.colorPrimary,"&:hover":{backgroundColor:o.colorPrimaryHover}},"&:active":{backgroundColor:o.colorPrimaryActive}},"&-hidden":{display:"none"},[`> ${o.iconCls} + span, > span + ${o.iconCls}`]:{marginInlineStart:a}},[`${r}-borderless`]:{borderColor:"transparent",background:o.tagBorderlessBg}}},x=m("Tag",o=>{const{fontSize:i,lineHeight:e,lineWidth:l,fontSizeIcon:r}=o,a=Math.round(i*e),c=o.fontSizeSM,s=a-l*2,g=o.colorFillAlter,d=o.colorText,n=h(o,{tagFontSize:c,tagLineHeight:s,tagDefaultBg:g,tagDefaultColor:d,tagIconSize:r-2*l,tagPaddingHorizontal:8,tagBorderlessBg:o.colorFillTertiary});return[S(n),C(n),t(n,"success","Success"),t(n,"processing","Info"),t(n,"error","Error"),t(n,"warning","Warning")]});export{x as default};
+//# sourceMappingURL=index.mjs.map