@antsoo-lib/components 0.1.6 → 0.1.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/skeleton/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\nexport interface ComponentToken {\n  color: string\n  colorGradientEnd: string\n}\n\nconst skeletonClsLoading = new Keyframes(`ant-skeleton-loading`, {\n  '0%': {\n    transform: 'translateX(-37.5%)',\n  },\n  '100%': {\n    transform: 'translateX(37.5%)',\n  },\n})\n\ninterface SkeletonToken extends FullToken<'Skeleton'> {\n  skeletonAvatarCls: string\n  skeletonTitleCls: string\n  skeletonParagraphCls: string\n  skeletonButtonCls: string\n  skeletonInputCls: string\n  skeletonImageCls: string\n  imageSizeBase: number\n  skeletonTitleHeight: number\n  skeletonBlockRadius: number\n  skeletonParagraphLineHeight: number\n  skeletonParagraphMarginTop: number\n  skeletonLoadingBackground: string\n  skeletonLoadingMotionDuration: string\n  borderRadius: number\n}\n\nconst genSkeletonElementCommonSize = (size: number): CSSObject => ({\n  height: size,\n  lineHeight: `${size}px`,\n})\n\nconst genSkeletonElementAvatarSize = (size: number): CSSObject => ({\n  width: size,\n  ...genSkeletonElementCommonSize(size),\n})\n\nconst genSkeletonColor = (token: SkeletonToken): CSSObject => ({\n  position: 'relative',\n  // fix https://github.com/ant-design/ant-design/issues/36444\n  // https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/\n  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */\n  zIndex: 0,\n  overflow: 'hidden',\n  background: 'transparent',\n  '&::after': {\n    position: 'absolute',\n    top: 0,\n    insetInlineEnd: '-150%',\n    bottom: 0,\n    insetInlineStart: '-150%',\n    background: token.skeletonLoadingBackground,\n    animationName: skeletonClsLoading,\n    animationDuration: token.skeletonLoadingMotionDuration,\n    animationTimingFunction: 'ease',\n    animationIterationCount: 'infinite',\n    content: '\"\"',\n  },\n})\n\nconst genSkeletonElementInputSize = (size: number): CSSObject => ({\n  width: size * 5,\n  minWidth: size * 5,\n  ...genSkeletonElementCommonSize(size),\n})\n\nconst genSkeletonElementAvatar = (token: SkeletonToken): CSSObject => {\n  const { skeletonAvatarCls, color, controlHeight, controlHeightLG, controlHeightSM } = token\n  return {\n    [`${skeletonAvatarCls}`]: {\n      display: 'inline-block',\n      verticalAlign: 'top',\n      background: color,\n      ...genSkeletonElementAvatarSize(controlHeight),\n    },\n    [`${skeletonAvatarCls}${skeletonAvatarCls}-circle`]: {\n      borderRadius: '50%',\n    },\n    [`${skeletonAvatarCls}${skeletonAvatarCls}-lg`]: {\n      ...genSkeletonElementAvatarSize(controlHeightLG),\n    },\n    [`${skeletonAvatarCls}${skeletonAvatarCls}-sm`]: {\n      ...genSkeletonElementAvatarSize(controlHeightSM),\n    },\n  }\n}\n\nconst genSkeletonElementInput = (token: SkeletonToken): CSSObject => {\n  const {\n    controlHeight,\n    borderRadiusSM,\n    skeletonInputCls,\n    controlHeightLG,\n    controlHeightSM,\n    color,\n  } = token\n  return {\n    [`${skeletonInputCls}`]: {\n      display: 'inline-block',\n      verticalAlign: 'top',\n      background: color,\n      borderRadius: borderRadiusSM,\n      ...genSkeletonElementInputSize(controlHeight),\n    },\n\n    [`${skeletonInputCls}-lg`]: {\n      ...genSkeletonElementInputSize(controlHeightLG),\n    },\n\n    [`${skeletonInputCls}-sm`]: {\n      ...genSkeletonElementInputSize(controlHeightSM),\n    },\n  }\n}\n\nconst genSkeletonElementImageSize = (size: number): CSSObject => ({\n  width: size,\n  ...genSkeletonElementCommonSize(size),\n})\n\nconst genSkeletonElementImage = (token: SkeletonToken): CSSObject => {\n  const { skeletonImageCls, imageSizeBase, color, borderRadiusSM } = token\n  return {\n    [`${skeletonImageCls}`]: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      verticalAlign: 'top',\n      background: color,\n      borderRadius: borderRadiusSM,\n      ...genSkeletonElementImageSize(imageSizeBase * 2),\n      [`${skeletonImageCls}-path`]: {\n        fill: '#bfbfbf',\n      },\n      [`${skeletonImageCls}-svg`]: {\n        ...genSkeletonElementImageSize(imageSizeBase),\n        maxWidth: imageSizeBase * 4,\n        maxHeight: imageSizeBase * 4,\n      },\n      [`${skeletonImageCls}-svg${skeletonImageCls}-svg-circle`]: {\n        borderRadius: '50%',\n      },\n    },\n    [`${skeletonImageCls}${skeletonImageCls}-circle`]: {\n      borderRadius: '50%',\n    },\n  }\n}\nconst genSkeletonElementButtonShape = (\n  token: SkeletonToken,\n  size: number,\n  buttonCls: string,\n): CSSObject => {\n  const { skeletonButtonCls } = token\n  return {\n    [`${buttonCls}${skeletonButtonCls}-circle`]: {\n      width: size,\n      minWidth: size,\n      borderRadius: '50%',\n    },\n    [`${buttonCls}${skeletonButtonCls}-round`]: {\n      borderRadius: size,\n    },\n  }\n}\n\nconst genSkeletonElementButtonSize = (size: number): CSSObject => ({\n  width: size * 2,\n  minWidth: size * 2,\n  ...genSkeletonElementCommonSize(size),\n})\n\nconst genSkeletonElementButton = (token: SkeletonToken): CSSObject => {\n  const {\n    borderRadiusSM,\n    skeletonButtonCls,\n    controlHeight,\n    controlHeightLG,\n    controlHeightSM,\n    color,\n  } = token\n  return {\n    [`${skeletonButtonCls}`]: {\n      display: 'inline-block',\n      verticalAlign: 'top',\n      background: color,\n      borderRadius: borderRadiusSM,\n      width: controlHeight * 2,\n      minWidth: controlHeight * 2,\n      ...genSkeletonElementButtonSize(controlHeight),\n    },\n    ...genSkeletonElementButtonShape(token, controlHeight, skeletonButtonCls),\n\n    [`${skeletonButtonCls}-lg`]: {\n      ...genSkeletonElementButtonSize(controlHeightLG),\n    },\n    ...genSkeletonElementButtonShape(token, controlHeightLG, `${skeletonButtonCls}-lg`),\n\n    [`${skeletonButtonCls}-sm`]: {\n      ...genSkeletonElementButtonSize(controlHeightSM),\n    },\n    ...genSkeletonElementButtonShape(token, controlHeightSM, `${skeletonButtonCls}-sm`),\n  }\n}\n\n// =============================== Base ===============================\nconst genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {\n  const {\n    componentCls,\n    skeletonAvatarCls,\n    skeletonTitleCls,\n    skeletonParagraphCls,\n    skeletonButtonCls,\n    skeletonInputCls,\n    skeletonImageCls,\n    controlHeight,\n    controlHeightLG,\n    controlHeightSM,\n    color,\n    padding,\n    marginSM,\n    borderRadius,\n    skeletonTitleHeight,\n    skeletonBlockRadius,\n    skeletonParagraphLineHeight,\n    controlHeightXS,\n    skeletonParagraphMarginTop,\n  } = token\n\n  return {\n    [`${componentCls}`]: {\n      display: 'table',\n      width: '100%',\n\n      [`${componentCls}-header`]: {\n        display: 'table-cell',\n        paddingInlineEnd: padding,\n        verticalAlign: 'top',\n\n        // Avatar\n        [`${skeletonAvatarCls}`]: {\n          display: 'inline-block',\n          verticalAlign: 'top',\n          background: color,\n          ...genSkeletonElementAvatarSize(controlHeight),\n        },\n        [`${skeletonAvatarCls}-circle`]: {\n          borderRadius: '50%',\n        },\n        [`${skeletonAvatarCls}-lg`]: {\n          ...genSkeletonElementAvatarSize(controlHeightLG),\n        },\n        [`${skeletonAvatarCls}-sm`]: {\n          ...genSkeletonElementAvatarSize(controlHeightSM),\n        },\n      },\n      [`${componentCls}-content`]: {\n        display: 'table-cell',\n        width: '100%',\n        verticalAlign: 'top',\n\n        // Title\n        [`${skeletonTitleCls}`]: {\n          width: '100%',\n          height: skeletonTitleHeight,\n          background: color,\n          borderRadius: skeletonBlockRadius,\n          [`+ ${skeletonParagraphCls}`]: {\n            marginBlockStart: controlHeightSM,\n          },\n        },\n\n        // paragraph\n        [`${skeletonParagraphCls}`]: {\n          padding: 0,\n          '> li': {\n            width: '100%',\n            height: skeletonParagraphLineHeight,\n            listStyle: 'none',\n            background: color,\n            borderRadius: skeletonBlockRadius,\n            '+ li': {\n              marginBlockStart: controlHeightXS,\n            },\n          },\n        },\n\n        [`${skeletonParagraphCls}> li:last-child:not(:first-child):not(:nth-child(2))`]: {\n          width: '61%',\n        },\n      },\n\n      [`&-round ${componentCls}-content`]: {\n        [`${skeletonTitleCls}, ${skeletonParagraphCls} > li`]: {\n          borderRadius,\n        },\n      },\n    },\n    [`${componentCls}-with-avatar ${componentCls}-content`]: {\n      // Title\n      [`${skeletonTitleCls}`]: {\n        marginBlockStart: marginSM,\n\n        [`+ ${skeletonParagraphCls}`]: {\n          marginBlockStart: skeletonParagraphMarginTop,\n        },\n      },\n    },\n    // Skeleton element\n    [`${componentCls}${componentCls}-element`]: {\n      display: 'inline-block',\n      width: 'auto',\n\n      ...genSkeletonElementButton(token),\n      ...genSkeletonElementAvatar(token),\n      ...genSkeletonElementInput(token),\n      ...genSkeletonElementImage(token),\n    },\n    // Skeleton Block Button, Input\n    [`${componentCls}${componentCls}-block`]: {\n      width: '100%',\n\n      [`${skeletonButtonCls}`]: {\n        width: '100%',\n      },\n\n      [`${skeletonInputCls}`]: {\n        width: '100%',\n      },\n    },\n    // With active animation\n    [`${componentCls}${componentCls}-active`]: {\n      [`\n        ${skeletonTitleCls},\n        ${skeletonParagraphCls} > li,\n        ${skeletonAvatarCls},\n        ${skeletonButtonCls},\n        ${skeletonInputCls},\n        ${skeletonImageCls}\n      `]: {\n        ...genSkeletonColor(token),\n      },\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Skeleton',\n  (token) => {\n    const { componentCls } = token\n\n    const skeletonToken = mergeToken<SkeletonToken>(token, {\n      skeletonAvatarCls: `${componentCls}-avatar`,\n      skeletonTitleCls: `${componentCls}-title`,\n      skeletonParagraphCls: `${componentCls}-paragraph`,\n      skeletonButtonCls: `${componentCls}-button`,\n      skeletonInputCls: `${componentCls}-input`,\n      skeletonImageCls: `${componentCls}-image`,\n      imageSizeBase: token.controlHeight * 1.5,\n      skeletonTitleHeight: token.controlHeight / 2,\n      skeletonBlockRadius: token.borderRadiusSM,\n      skeletonParagraphLineHeight: token.controlHeight / 2,\n      skeletonParagraphMarginTop: token.marginLG + token.marginXXS,\n      borderRadius: 100, // Large number to make capsule shape\n      skeletonLoadingBackground: `linear-gradient(90deg, ${token.color} 25%, ${token.colorGradientEnd} 37%, ${token.color} 63%)`,\n      skeletonLoadingMotionDuration: '1.4s',\n    })\n    return [genBaseStyle(skeletonToken)]\n  },\n  (token) => {\n    const { colorFillContent, colorFill } = token\n\n    return {\n      color: colorFillContent,\n      colorGradientEnd: colorFill,\n    }\n  },\n)\n"],"names":["skeletonClsLoading","Keyframes","genSkeletonElementCommonSize","size","genSkeletonElementAvatarSize","genSkeletonColor","token","genSkeletonElementInputSize","genSkeletonElementAvatar","skeletonAvatarCls","color","controlHeight","controlHeightLG","controlHeightSM","genSkeletonElementInput","borderRadiusSM","skeletonInputCls","genSkeletonElementImageSize","genSkeletonElementImage","skeletonImageCls","imageSizeBase","genSkeletonElementButtonShape","buttonCls","skeletonButtonCls","genSkeletonElementButtonSize","genSkeletonElementButton","genBaseStyle","componentCls","skeletonTitleCls","skeletonParagraphCls","padding","marginSM","borderRadius","skeletonTitleHeight","skeletonBlockRadius","skeletonParagraphLineHeight","controlHeightXS","skeletonParagraphMarginTop","useStyle","genComponentStyleHook","skeletonToken","mergeToken","colorFillContent","colorFill"],"mappings":"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"}

package/dist/es/slider/SliderTooltip.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as p,ref as i,watch as c,onActivated as m,onBeforeUnmount as s,createVNode as d}from"vue";import r from"../_util/raf.mjs";import v from"../tooltip/index.mjs";import{tooltipProps as g}from"../tooltip/Tooltip.mjs";const w=p({compatConfig:{MODE:3},name:"SliderTooltip",inheritAttrs:!1,props:g(),setup(e,{attrs:a,slots:f}){const t=i(null),o=i(null);function n(){r.cancel(o.value),o.value=null}function u(){o.value=r(()=>{t.value?.forcePopupAlign(),o.value=null})}const l=()=>{n(),e.open&&u()};return c([()=>e.open,()=>e.title],()=>{l()},{flush:"post",immediate:!0}),m(()=>{l()}),s(()=>{n()}),()=>d(v,{ref:t,...e,...a},f)}});export{w as default};
+//# sourceMappingURL=SliderTooltip.mjs.map

package/dist/es/slider/SliderTooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderTooltip.mjs","sources":["../../../src/slider/SliderTooltip.tsx"],"sourcesContent":["import { defineComponent, onActivated, onBeforeUnmount, ref, watch } from 'vue'\n\nimport raf from '../_util/raf'\nimport Tooltip, { tooltipProps } from '../tooltip'\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'SliderTooltip',\n  inheritAttrs: false,\n  props: tooltipProps(),\n  setup(props, { attrs, slots }) {\n    const innerRef = ref<any>(null)\n\n    const rafRef = ref<number>(null)\n\n    function cancelKeepAlign() {\n      raf.cancel(rafRef.value!)\n      rafRef.value = null\n    }\n\n    function keepAlign() {\n      rafRef.value = raf(() => {\n        innerRef.value?.forcePopupAlign()\n        rafRef.value = null\n      })\n    }\n    const align = () => {\n      cancelKeepAlign()\n      if (props.open) {\n        keepAlign()\n      }\n    }\n    watch(\n      [() => props.open, () => props.title],\n      () => {\n        align()\n      },\n      { flush: 'post', immediate: true },\n    )\n    onActivated(() => {\n      align()\n    })\n    onBeforeUnmount(() => {\n      cancelKeepAlign()\n    })\n    return () => {\n      return <Tooltip ref={innerRef} {...props} {...attrs} v-slots={slots} />\n    }\n  },\n})\n"],"names":["SliderTooltip","compatConfig","MODE","name","inheritAttrs","props","tooltipProps","setup","attrs","slots","innerRef","ref","rafRef","cancelKeepAlign","raf","cancel","value","keepAlign","forcePopupAlign","align","open","watch","title","flush","immediate","onActivated","onBeforeUnmount","_createVNode","Tooltip"],"mappings":"2OAKA,MAAAA,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,gBACNC,aAAc,GACdC,MAAOC,EAAY,EACnBC,MAAMF,EAAO,CAAEG,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CAC7B,MAAMC,EAAWC,EAAS,IAAI,EAExBC,EAASD,EAAY,IAAI,EAE/B,SAASE,GAAkB,CACzBC,EAAIC,OAAOH,EAAOI,KAAM,EACxBJ,EAAOI,MAAQ,IACjB,CAEA,SAASC,GAAY,CACnBL,EAAOI,MAAQF,EAAI,IAAM,CACvBJ,EAASM,OAAOE,gBAAe,EAC/BN,EAAOI,MAAQ,IACjB,CAAC,CACH,CACA,MAAMG,EAAQA,IAAM,CAClBN,EAAe,EACXR,EAAMe,MACRH,EAAS,CAEb,EACAI,OAAAA,EACE,CAAC,IAAMhB,EAAMe,KAAM,IAAMf,EAAMiB,KAAK,EACpC,IAAM,CACJH,EAAK,CACP,EACA,CAAEI,MAAO,OAAQC,UAAW,EAAK,CACnC,EACAC,EAAY,IAAM,CAChBN,EAAK,CACP,CAAC,EACDO,EAAgB,IAAM,CACpBb,EAAe,CACjB,CAAC,EACM,IACLc,EAAAC,EAAA,CAAA,IAAqBlB,EAAQ,GAAML,EAAK,GAAMG,CAAK,EAAWC,CAAK,CAEvE,CACF,CAAC"}

package/dist/es/slider/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as $,ref as k,computed as z,createVNode as f}from"vue";import D from"../_util/classNames.mjs";import{withInstall as E,functionType as s,someType as a,booleanType as l,stringType as H,objectType as U}from"../_util/type.mjs";import W from"../config-provider/hooks/useConfigInject.mjs";import{useInjectFormItemContext as q}from"../form/FormItemContext.mjs";import G from"../vc-slider/src/Handle.mjs";import J from"../vc-slider/src/Range.mjs";import K from"../vc-slider/src/Slider.mjs";import L from"./SliderTooltip.mjs";import Q from"./style/index.mjs";const X=t=>typeof t=="number"?t.toString():"",Y=()=>({id:String,prefixCls:String,tooltipPrefixCls:String,range:a([Boolean,Object]),reverse:l(),min:Number,max:Number,step:a([Object,Number]),marks:U(),dots:l(),value:a([Array,Number]),defaultValue:a([Array,Number]),included:l(),disabled:l(),vertical:l(),tipFormatter:a([Function,Object],()=>X),tooltipOpen:l(),tooltipVisible:l(),tooltipPlacement:H(),getTooltipPopupContainer:s(),autofocus:l(),handleStyle:a([Array,Object]),trackStyle:a([Array,Object]),onChange:s(),onAfterChange:s(),onFocus:s(),onBlur:s(),"onUpdate:value":s()}),Z=$({compatConfig:{MODE:3},name:"ASlider",inheritAttrs:!1,props:Y(),slots:Object,setup(t,{attrs:d,slots:b,emit:g,expose:O}){const{prefixCls:n,rootPrefixCls:N,direction:v,getPopupContainer:F,configProvider:A}=W("slider",t),[h,V]=Q(n),P=q(),c=k(),y=k({}),T=(o,r)=>{y.value[o]=r},I=z(()=>t.tooltipPlacement?t.tooltipPlacement:t.vertical?v.value==="rtl"?"left":"right":"top"),B=()=>{c.value?.focus()},w=()=>{c.value?.blur()},x=o=>{g("update:value",o),g("change",o),P.onFieldChange()},S=o=>{g("blur",o)};O({focus:B,blur:w});const j=({tooltipPrefixCls:o,info:{value:r,dragging:C,index:e,...m}})=>{const{tipFormatter:i,tooltipOpen:u=t.tooltipVisible,getTooltipPopupContainer:p}=t,M=i?y.value[e]||C:!1,R=u||u===void 0&&M;return f(L,{prefixCls:o,title:i?i(r):"",open:R,placement:I.value,transitionName:`${N.value}-zoom-down`,key:e,overlayClassName:`${n.value}-tooltip`,getPopupContainer:p||F?.value},{default:()=>[f(G,{...m,value:r,onMouseenter:()=>T(e,!0),onMouseleave:()=>T(e,!1)},null)]})};return()=>{const{tooltipPrefixCls:o,range:r,id:C=P.id.value,...e}=t,m=A.getPrefixCls("tooltip",o),i=D(d.class,{[`${n.value}-rtl`]:v.value==="rtl"},V.value);v.value==="rtl"&&!e.vertical&&(e.reverse=!e.reverse);let u;return typeof r=="object"&&(u=r.draggableTrack),h(r?f(J,{...d,...e,step:e.step,draggableTrack:u,class:i,ref:c,handle:p=>j({tooltipPrefixCls:m,prefixCls:n.value,info:p}),prefixCls:n.value,onChange:x,onBlur:S},{mark:b.mark}):f(K,{...d,...e,id:C,step:e.step,class:i,ref:c,handle:p=>j({tooltipPrefixCls:m,prefixCls:n.value,info:p}),prefixCls:n.value,onChange:x,onBlur:S},{mark:b.mark}))}}}),ue=E(Z);export{ue as default,Y as sliderProps};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/slider/index.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, VNodeTypes } from 'vue'\nimport { computed, defineComponent, ref } from 'vue'\n\nimport type { FocusEventHandler } from '../_util/EventInterface'\nimport classNames from '../_util/classNames'\nimport type { CustomSlotsType, VueNode } from '../_util/type'\nimport {\n  booleanType,\n  functionType,\n  objectType,\n  someType,\n  stringType,\n  withInstall,\n} from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport { useInjectFormItemContext } from '../form/FormItemContext'\nimport type { TooltipPlacement } from '../tooltip/Tooltip'\nimport VcHandle from '../vc-slider/src/Handle'\nimport VcRange from '../vc-slider/src/Range'\nimport VcSlider from '../vc-slider/src/Slider'\nimport devWarning from '../vc-util/devWarning'\nimport SliderTooltip from './SliderTooltip'\n// CSSINJS\nimport useStyle from './style'\n\nexport type SliderValue = number | [number, number]\n\nexport interface SliderMarks {\n  [key: number]:\n    | VueNode\n    | {\n        style: CSSProperties\n        label: any\n      }\n}\n\ninterface HandleGeneratorInfo {\n  value?: number\n  dragging?: boolean\n  index: number\n}\nexport interface SliderRange {\n  draggableTrack?: boolean\n}\nexport type HandleGeneratorFn = (config: {\n  tooltipPrefixCls?: string\n  prefixCls?: string\n  info: HandleGeneratorInfo\n}) => VNodeTypes\ntype Value = [number, number] | number\n\nconst defaultTipFormatter = (value: number) => (typeof value === 'number' ? value.toString() : '')\nexport const sliderProps = () => ({\n  id: String,\n  prefixCls: String,\n  tooltipPrefixCls: String,\n  range: someType<boolean | SliderRange>([Boolean, Object]),\n  reverse: booleanType(),\n  min: Number,\n  max: Number,\n  step: someType<null | number>([Object, Number]),\n  marks: objectType<SliderMarks>(),\n  dots: booleanType(),\n  value: someType<Value>([Array, Number]),\n  defaultValue: someType<Value>([Array, Number]),\n  included: booleanType(),\n  disabled: booleanType(),\n  vertical: booleanType(),\n  tipFormatter: someType<((value?: number) => any) | null>(\n    [Function, Object],\n    () => defaultTipFormatter,\n  ),\n  tooltipOpen: booleanType(),\n  /** @deprecated `tooltipVisible` is deprecated. Please use `tooltipOpen` instead. */\n  tooltipVisible: booleanType(),\n  tooltipPlacement: stringType<TooltipPlacement>(),\n  getTooltipPopupContainer: functionType<(triggerNode: HTMLElement) => HTMLElement>(),\n  autofocus: booleanType(),\n  handleStyle: someType<CSSProperties[] | CSSProperties>([Array, Object]),\n  trackStyle: someType<CSSProperties[] | CSSProperties>([Array, Object]),\n  onChange: functionType<(value: Value) => void>(),\n  onAfterChange: functionType<(value: Value) => void>(),\n  onFocus: functionType<FocusEventHandler>(),\n  onBlur: functionType<FocusEventHandler>(),\n  'onUpdate:value': functionType<(value: Value) => void>(),\n})\n\nexport type SliderProps = Partial<ExtractPropTypes<ReturnType<typeof sliderProps>>>\nexport interface Visibles {\n  [index: number]: boolean\n}\n\nconst Slider = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ASlider',\n  inheritAttrs: false,\n  props: sliderProps(),\n  // emits: ['update:value', 'change', 'afterChange', 'blur'],\n  slots: Object as CustomSlotsType<{\n    mark?: any\n    default?: any\n  }>,\n  setup(props, { attrs, slots, emit, expose }) {\n    // Warning for deprecated usage\n    if (process.env.NODE_ENV !== 'production') {\n      ;[['tooltipVisible', 'tooltipOpen']].forEach(([deprecatedName, newName]) => {\n        devWarning(\n          props.tooltipVisible === undefined,\n          'Slider',\n          `\\`${deprecatedName}\\` is deprecated, please use \\`${newName}\\` instead.`,\n        )\n      })\n    }\n    const { prefixCls, rootPrefixCls, direction, getPopupContainer, configProvider } =\n      useConfigInject('slider', props)\n\n    // style\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n\n    const formItemContext = useInjectFormItemContext()\n    const sliderRef = ref()\n    const visibles = ref<Visibles>({})\n    const toggleTooltipOpen = (index: number, visible: boolean) => {\n      visibles.value[index] = visible\n    }\n    const tooltipPlacement = computed(() => {\n      if (props.tooltipPlacement) {\n        return props.tooltipPlacement\n      }\n      if (!props.vertical) {\n        return 'top'\n      }\n      return direction.value === 'rtl' ? 'left' : 'right'\n    })\n\n    const focus = () => {\n      sliderRef.value?.focus()\n    }\n    const blur = () => {\n      sliderRef.value?.blur()\n    }\n    const handleChange = (val: SliderValue) => {\n      emit('update:value', val)\n      emit('change', val)\n      formItemContext.onFieldChange()\n    }\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n    }\n    expose({\n      focus,\n      blur,\n    })\n    const handleWithTooltip: HandleGeneratorFn = ({\n      tooltipPrefixCls,\n      info: { value, dragging, index, ...restProps },\n    }) => {\n      const { tipFormatter, tooltipOpen = props.tooltipVisible, getTooltipPopupContainer } = props\n      const isTipFormatter = tipFormatter ? visibles.value[index] || dragging : false\n      const open = tooltipOpen || (tooltipOpen === undefined && isTipFormatter)\n      return (\n        <SliderTooltip\n          prefixCls={tooltipPrefixCls}\n          title={tipFormatter ? tipFormatter(value) : ''}\n          open={open}\n          placement={tooltipPlacement.value}\n          transitionName={`${rootPrefixCls.value}-zoom-down`}\n          key={index}\n          overlayClassName={`${prefixCls.value}-tooltip`}\n          getPopupContainer={getTooltipPopupContainer || getPopupContainer?.value}\n        >\n          <VcHandle\n            {...restProps}\n            value={value}\n            onMouseenter={() => toggleTooltipOpen(index, true)}\n            onMouseleave={() => toggleTooltipOpen(index, false)}\n          />\n        </SliderTooltip>\n      )\n    }\n    return () => {\n      const {\n        tooltipPrefixCls: customizeTooltipPrefixCls,\n        range,\n        id = formItemContext.id.value,\n        ...restProps\n      } = props\n      const tooltipPrefixCls = configProvider.getPrefixCls('tooltip', customizeTooltipPrefixCls)\n      const cls = classNames(\n        attrs.class,\n        {\n          [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n        },\n        hashId.value,\n      )\n\n      // make reverse default on rtl direction\n      if (direction.value === 'rtl' && !restProps.vertical) {\n        restProps.reverse = !restProps.reverse\n      }\n\n      // extrack draggableTrack from range={{ ... }}\n      let draggableTrack: boolean | undefined\n      if (typeof range === 'object') {\n        draggableTrack = range.draggableTrack\n      }\n\n      if (range) {\n        return wrapSSR(\n          <VcRange\n            {...attrs}\n            {...restProps}\n            step={restProps.step!}\n            draggableTrack={draggableTrack}\n            class={cls}\n            ref={sliderRef}\n            handle={(info: HandleGeneratorInfo) =>\n              handleWithTooltip({\n                tooltipPrefixCls,\n                prefixCls: prefixCls.value,\n                info,\n              })\n            }\n            prefixCls={prefixCls.value}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            v-slots={{ mark: slots.mark }}\n          />,\n        )\n      }\n      return wrapSSR(\n        <VcSlider\n          {...attrs}\n          {...restProps}\n          id={id}\n          step={restProps.step!}\n          class={cls}\n          ref={sliderRef}\n          handle={(info: HandleGeneratorInfo) =>\n            handleWithTooltip({\n              tooltipPrefixCls,\n              prefixCls: prefixCls.value,\n              info,\n            })\n          }\n          prefixCls={prefixCls.value}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          v-slots={{ mark: slots.mark }}\n        />,\n      )\n    }\n  },\n})\n\nexport default withInstall(Slider)\n"],"names":["defaultTipFormatter","value","toString","sliderProps","id","String","prefixCls","tooltipPrefixCls","range","someType","Boolean","Object","reverse","booleanType","min","Number","max","step","marks","objectType","dots","Array","defaultValue","included","disabled","vertical","tipFormatter","Function","tooltipOpen","tooltipVisible","tooltipPlacement","stringType","getTooltipPopupContainer","functionType","autofocus","handleStyle","trackStyle","onChange","onAfterChange","onFocus","onBlur","Slider","defineComponent","compatConfig","MODE","name","inheritAttrs","props","slots","setup","attrs","emit","expose","rootPrefixCls","direction","getPopupContainer","configProvider","useConfigInject","wrapSSR","hashId","useStyle","formItemContext","useInjectFormItemContext","sliderRef","ref","visibles","toggleTooltipOpen","index","visible","computed","focus","blur","handleChange","val","onFieldChange","handleBlur","e","handleWithTooltip","info","dragging","restProps","isTipFormatter","open","undefined","_createVNode","SliderTooltip","default","VcHandle","onMouseenter","onMouseleave","customizeTooltipPrefixCls","getPrefixCls","cls","classNames","class","draggableTrack","VcRange","mark","VcSlider","withInstall"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import{resetComponent as S}from"../../style/index.mjs";import"../../theme/internal.mjs";import u from"../../theme/util/genComponentStyleHook.mjs";import{merge as g}from"../../theme/util/statistic.mjs";import{TinyColor as p}from"../../node_modules/.pnpm/@ctrl_tinycolor@3.6.1/node_modules/@ctrl/tinycolor/dist/module/index.mjs";const $=r=>{const{componentCls:o,controlSize:i,dotSize:e,marginFull:t,marginPart:a,colorFillContentHover:l}=r;return{[o]:{...S(r),position:"relative",height:i,margin:`${a}px ${t}px`,padding:0,cursor:"pointer",touchAction:"none","&-vertical":{margin:`${t}px ${a}px`},[`${o}-rail`]:{position:"absolute",backgroundColor:r.colorFillTertiary,borderRadius:r.borderRadiusXS,transition:`background-color ${r.motionDurationMid}`},[`${o}-track`]:{position:"absolute",backgroundColor:r.colorPrimaryBorder,borderRadius:r.borderRadiusXS,transition:`background-color ${r.motionDurationMid}`},"&:hover":{[`${o}-rail`]:{backgroundColor:r.colorFillSecondary},[`${o}-track`]:{backgroundColor:r.colorPrimaryBorderHover},[`${o}-dot`]:{borderColor:l},[`${o}-handle::after`]:{boxShadow:`0 0 0 ${r.handleLineWidth}px ${r.colorPrimaryBorderHover}`},[`${o}-dot-active`]:{borderColor:r.colorPrimary}},[`${o}-handle`]:{position:"absolute",width:r.handleSize,height:r.handleSize,outline:"none",[`${o}-dragging`]:{zIndex:1},"&::before":{content:'""',position:"absolute",insetInlineStart:-r.handleLineWidth,insetBlockStart:-r.handleLineWidth,width:r.handleSize+r.handleLineWidth*2,height:r.handleSize+r.handleLineWidth*2,backgroundColor:"transparent"},"&::after":{content:'""',position:"absolute",insetBlockStart:0,insetInlineStart:0,width:r.handleSize,height:r.handleSize,backgroundColor:r.colorBgElevated,boxShadow:`0 0 0 ${r.handleLineWidth}px ${r.colorPrimaryBorder}`,borderRadius:"50%",cursor:"pointer",transition:`
+            inset-inline-start ${r.motionDurationMid},
+            inset-block-start ${r.motionDurationMid},
+            width ${r.motionDurationMid},
+            height ${r.motionDurationMid},
+            box-shadow ${r.motionDurationMid}
+          `},"&:hover, &:active, &:focus":{"&::before":{insetInlineStart:-((r.handleSizeHover-r.handleSize)/2+r.handleLineWidthHover),insetBlockStart:-((r.handleSizeHover-r.handleSize)/2+r.handleLineWidthHover),width:r.handleSizeHover+r.handleLineWidthHover*2,height:r.handleSizeHover+r.handleLineWidthHover*2},"&::after":{boxShadow:`0 0 0 ${r.handleLineWidthHover}px ${r.colorPrimary}`,width:r.handleSizeHover,height:r.handleSizeHover,insetInlineStart:(r.handleSize-r.handleSizeHover)/2,insetBlockStart:(r.handleSize-r.handleSizeHover)/2}}},[`${o}-mark`]:{position:"absolute",fontSize:r.fontSize},[`${o}-mark-text`]:{position:"absolute",display:"inline-block",color:r.colorTextDescription,textAlign:"center",wordBreak:"keep-all",cursor:"pointer",userSelect:"none","&-active":{color:r.colorText}},[`${o}-step`]:{position:"absolute",background:"transparent",pointerEvents:"none"},[`${o}-dot`]:{position:"absolute",width:e,height:e,backgroundColor:r.colorBgElevated,border:`${r.handleLineWidth}px solid ${r.colorBorderSecondary}`,borderRadius:"50%",cursor:"pointer",transition:`border-color ${r.motionDurationSlow}`,pointerEvents:"auto","&-active":{borderColor:r.colorPrimaryBorder}},[`&${o}-disabled`]:{cursor:"not-allowed",[`${o}-rail`]:{backgroundColor:`${r.colorFillSecondary} !important`},[`${o}-track`]:{backgroundColor:`${r.colorTextDisabled} !important`},[`
+          ${o}-dot
+        `]:{backgroundColor:r.colorBgElevated,borderColor:r.colorTextDisabled,boxShadow:"none",cursor:"not-allowed"},[`${o}-handle::after`]:{backgroundColor:r.colorBgElevated,cursor:"not-allowed",width:r.handleSize,height:r.handleSize,boxShadow:`0 0 0 ${r.handleLineWidth}px ${new p(r.colorTextDisabled).onBackground(r.colorBgContainer).toHexString()}`,insetInlineStart:0,insetBlockStart:0},[`
+          ${o}-mark-text,
+          ${o}-dot
+        `]:{cursor:"not-allowed !important"}}}}},s=(r,o)=>{const{componentCls:i,railSize:e,handleSize:t,dotSize:a}=r,l=o?"paddingBlock":"paddingInline",d=o?"width":"height",n=o?"height":"width",c=o?"insetBlockStart":"insetInlineStart",h=o?"top":"insetInlineStart";return{[l]:e,[n]:e*3,[`${i}-rail`]:{[d]:"100%",[n]:e},[`${i}-track`]:{[n]:e},[`${i}-handle`]:{[c]:(e*3-t)/2},[`${i}-mark`]:{insetInlineStart:0,top:0,[h]:t,[d]:"100%"},[`${i}-step`]:{insetInlineStart:0,top:0,[h]:e,[d]:"100%",[n]:e},[`${i}-dot`]:{position:"absolute",[c]:(e-a)/2}}},b=r=>{const{componentCls:o,marginPartWithMark:i}=r;return{[`${o}-horizontal`]:{...s(r,!0),[`&${o}-with-marks`]:{marginBottom:i}}}},m=r=>{const{componentCls:o}=r;return{[`${o}-vertical`]:{...s(r,!1),height:"100%"}}},C=u("Slider",r=>{const o=g(r,{marginPart:(r.controlHeight-r.controlSize)/2,marginFull:r.controlSize/2,marginPartWithMark:r.controlHeightLG-r.controlSize});return[$(o),b(o),m(o)]},r=>{const i=r.controlHeightLG/4,e=r.controlHeightSM/2,t=r.lineWidth+1,a=r.lineWidth+3;return{controlSize:i,railSize:4,handleSize:i,handleSizeHover:e,dotSize:8,handleLineWidth:t,handleLineWidthHover:a}});export{C as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/slider/style/index.tsx"],"sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\n\nimport type { CSSProperties } from 'vue'\n\nimport type { CSSObject } from '../../_util/cssinjs'\nimport { resetComponent } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\n// Direction naming standard:\n// Horizontal base:\n// -0-------------\n// vertical: part   (水平时，垂直方向命名为 part)\n// horizontal: full (水平时，水平方向命名为 full)\n\nexport interface ComponentToken {\n  controlSize: number\n  railSize: number\n  handleSize: number\n  handleSizeHover: number\n  handleLineWidth: number\n  handleLineWidthHover: number\n  dotSize: number\n}\n\ninterface SliderToken extends FullToken<'Slider'> {\n  marginFull: number\n  marginPart: number\n  marginPartWithMark: number\n}\n\n// =============================== Base ===============================\nconst genBaseStyle: GenerateStyle<SliderToken> = (token) => {\n  const { componentCls, controlSize, dotSize, marginFull, marginPart, colorFillContentHover } =\n    token\n\n  return {\n    [componentCls]: {\n      ...resetComponent(token),\n\n      position: 'relative',\n      height: controlSize,\n      margin: `${marginPart}px ${marginFull}px`,\n      padding: 0,\n      cursor: 'pointer',\n      touchAction: 'none',\n\n      [`&-vertical`]: {\n        margin: `${marginFull}px ${marginPart}px`,\n      },\n\n      [`${componentCls}-rail`]: {\n        position: 'absolute',\n        backgroundColor: token.colorFillTertiary,\n        borderRadius: token.borderRadiusXS,\n        transition: `background-color ${token.motionDurationMid}`,\n      },\n\n      [`${componentCls}-track`]: {\n        position: 'absolute',\n        backgroundColor: token.colorPrimaryBorder,\n        borderRadius: token.borderRadiusXS,\n        transition: `background-color ${token.motionDurationMid}`,\n      },\n\n      '&:hover': {\n        [`${componentCls}-rail`]: {\n          backgroundColor: token.colorFillSecondary,\n        },\n\n        [`${componentCls}-track`]: {\n          backgroundColor: token.colorPrimaryBorderHover,\n        },\n\n        [`${componentCls}-dot`]: {\n          borderColor: colorFillContentHover,\n        },\n\n        [`${componentCls}-handle::after`]: {\n          boxShadow: `0 0 0 ${token.handleLineWidth}px ${token.colorPrimaryBorderHover}`,\n        },\n\n        [`${componentCls}-dot-active`]: {\n          borderColor: token.colorPrimary,\n        },\n      },\n\n      [`${componentCls}-handle`]: {\n        position: 'absolute',\n        width: token.handleSize,\n        height: token.handleSize,\n        outline: 'none',\n\n        [`${componentCls}-dragging`]: {\n          zIndex: 1,\n        },\n\n        // 扩大选区\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: -token.handleLineWidth,\n          insetBlockStart: -token.handleLineWidth,\n          width: token.handleSize + token.handleLineWidth * 2,\n          height: token.handleSize + token.handleLineWidth * 2,\n          backgroundColor: 'transparent',\n        },\n\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          insetBlockStart: 0,\n          insetInlineStart: 0,\n          width: token.handleSize,\n          height: token.handleSize,\n          backgroundColor: token.colorBgElevated,\n          boxShadow: `0 0 0 ${token.handleLineWidth}px ${token.colorPrimaryBorder}`,\n          borderRadius: '50%',\n          cursor: 'pointer',\n          transition: `\n            inset-inline-start ${token.motionDurationMid},\n            inset-block-start ${token.motionDurationMid},\n            width ${token.motionDurationMid},\n            height ${token.motionDurationMid},\n            box-shadow ${token.motionDurationMid}\n          `,\n        },\n\n        '&:hover, &:active, &:focus': {\n          '&::before': {\n            insetInlineStart: -(\n              (token.handleSizeHover - token.handleSize) / 2 +\n              token.handleLineWidthHover\n            ),\n            insetBlockStart: -(\n              (token.handleSizeHover - token.handleSize) / 2 +\n              token.handleLineWidthHover\n            ),\n            width: token.handleSizeHover + token.handleLineWidthHover * 2,\n            height: token.handleSizeHover + token.handleLineWidthHover * 2,\n          },\n\n          '&::after': {\n            boxShadow: `0 0 0 ${token.handleLineWidthHover}px ${token.colorPrimary}`,\n            width: token.handleSizeHover,\n            height: token.handleSizeHover,\n            insetInlineStart: (token.handleSize - token.handleSizeHover) / 2,\n            insetBlockStart: (token.handleSize - token.handleSizeHover) / 2,\n          },\n        },\n      },\n\n      [`${componentCls}-mark`]: {\n        position: 'absolute',\n        fontSize: token.fontSize,\n      },\n\n      [`${componentCls}-mark-text`]: {\n        position: 'absolute',\n        display: 'inline-block',\n        color: token.colorTextDescription,\n        textAlign: 'center',\n        wordBreak: 'keep-all',\n        cursor: 'pointer',\n        userSelect: 'none',\n\n        '&-active': {\n          color: token.colorText,\n        },\n      },\n\n      [`${componentCls}-step`]: {\n        position: 'absolute',\n        background: 'transparent',\n        pointerEvents: 'none',\n      },\n\n      [`${componentCls}-dot`]: {\n        position: 'absolute',\n        width: dotSize,\n        height: dotSize,\n        backgroundColor: token.colorBgElevated,\n        border: `${token.handleLineWidth}px solid ${token.colorBorderSecondary}`,\n        borderRadius: '50%',\n        cursor: 'pointer',\n        transition: `border-color ${token.motionDurationSlow}`,\n        pointerEvents: 'auto',\n\n        '&-active': {\n          borderColor: token.colorPrimaryBorder,\n        },\n      },\n\n      [`&${componentCls}-disabled`]: {\n        cursor: 'not-allowed',\n\n        [`${componentCls}-rail`]: {\n          backgroundColor: `${token.colorFillSecondary} !important`,\n        },\n\n        [`${componentCls}-track`]: {\n          backgroundColor: `${token.colorTextDisabled} !important`,\n        },\n\n        [`\n          ${componentCls}-dot\n        `]: {\n          backgroundColor: token.colorBgElevated,\n          borderColor: token.colorTextDisabled,\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n        },\n\n        [`${componentCls}-handle::after`]: {\n          backgroundColor: token.colorBgElevated,\n          cursor: 'not-allowed',\n          width: token.handleSize,\n          height: token.handleSize,\n          boxShadow: `0 0 0 ${token.handleLineWidth}px ${new TinyColor(token.colorTextDisabled)\n            .onBackground(token.colorBgContainer)\n            .toHexString()}`,\n          insetInlineStart: 0,\n          insetBlockStart: 0,\n        },\n\n        [`\n          ${componentCls}-mark-text,\n          ${componentCls}-dot\n        `]: {\n          cursor: `not-allowed !important`,\n        },\n      },\n    },\n  }\n}\n\n// ============================ Horizontal ============================\nconst genDirectionStyle = (token: SliderToken, horizontal: boolean): CSSObject => {\n  const { componentCls, railSize, handleSize, dotSize } = token\n\n  const railPadding: keyof CSSProperties = horizontal ? 'paddingBlock' : 'paddingInline'\n  const full: keyof CSSProperties = horizontal ? 'width' : 'height'\n  const part: keyof CSSProperties = horizontal ? 'height' : 'width'\n  const handlePos: keyof CSSProperties = horizontal ? 'insetBlockStart' : 'insetInlineStart'\n  const markInset: keyof CSSProperties = horizontal ? 'top' : 'insetInlineStart'\n\n  return {\n    [railPadding]: railSize,\n    [part]: railSize * 3,\n\n    [`${componentCls}-rail`]: {\n      [full]: '100%',\n      [part]: railSize,\n    },\n\n    [`${componentCls}-track`]: {\n      [part]: railSize,\n    },\n\n    [`${componentCls}-handle`]: {\n      [handlePos]: (railSize * 3 - handleSize) / 2,\n    },\n\n    [`${componentCls}-mark`]: {\n      // Reset all\n      insetInlineStart: 0,\n      top: 0,\n      [markInset]: handleSize,\n      [full]: '100%',\n    },\n\n    [`${componentCls}-step`]: {\n      // Reset all\n      insetInlineStart: 0,\n      top: 0,\n      [markInset]: railSize,\n      [full]: '100%',\n      [part]: railSize,\n    },\n\n    [`${componentCls}-dot`]: {\n      position: 'absolute',\n      [handlePos]: (railSize - dotSize) / 2,\n    },\n  }\n}\n// ============================ Horizontal ============================\nconst genHorizontalStyle: GenerateStyle<SliderToken> = (token) => {\n  const { componentCls, marginPartWithMark } = token\n\n  return {\n    [`${componentCls}-horizontal`]: {\n      ...genDirectionStyle(token, true),\n\n      [`&${componentCls}-with-marks`]: {\n        marginBottom: marginPartWithMark,\n      },\n    },\n  }\n}\n\n// ============================= Vertical =============================\nconst genVerticalStyle: GenerateStyle<SliderToken> = (token) => {\n  const { componentCls } = token\n\n  return {\n    [`${componentCls}-vertical`]: {\n      ...genDirectionStyle(token, false),\n      height: '100%',\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Slider',\n  (token) => {\n    const sliderToken = mergeToken<SliderToken>(token, {\n      marginPart: (token.controlHeight - token.controlSize) / 2,\n      marginFull: token.controlSize / 2,\n      marginPartWithMark: token.controlHeightLG - token.controlSize,\n    })\n    return [\n      genBaseStyle(sliderToken),\n      genHorizontalStyle(sliderToken),\n      genVerticalStyle(sliderToken),\n    ]\n  },\n  (token) => {\n    // Handle line width is always width-er 1px\n    const increaseHandleWidth = 1\n    const controlSize = token.controlHeightLG / 4\n    const controlSizeHover = token.controlHeightSM / 2\n    const handleLineWidth = token.lineWidth + increaseHandleWidth\n    const handleLineWidthHover = token.lineWidth + increaseHandleWidth * 3\n    return {\n      controlSize,\n      railSize: 4,\n      handleSize: controlSize,\n      handleSizeHover: controlSizeHover,\n      dotSize: 8,\n      handleLineWidth,\n      handleLineWidthHover,\n    }\n  },\n)\n"],"names":["genBaseStyle","token","componentCls","controlSize","dotSize","marginFull","marginPart","colorFillContentHover","resetComponent","position","height","margin","padding","cursor","touchAction","backgroundColor","colorFillTertiary","borderRadius","borderRadiusXS","transition","motionDurationMid","colorPrimaryBorder","colorFillSecondary","colorPrimaryBorderHover","borderColor","boxShadow","handleLineWidth","colorPrimary","width","handleSize","outline","zIndex","content","insetInlineStart","insetBlockStart","colorBgElevated","handleSizeHover","handleLineWidthHover","fontSize","display","color","colorTextDescription","textAlign","wordBreak","userSelect","colorText","background","pointerEvents","border","colorBorderSecondary","motionDurationSlow","colorTextDisabled","TinyColor","onBackground","colorBgContainer","toHexString","genDirectionStyle","horizontal","railSize","railPadding","full","part","handlePos","markInset","top","genHorizontalStyle","marginPartWithMark","marginBottom","genVerticalStyle","useStyle","genComponentStyleHook","sliderToken","mergeToken","controlHeight","controlHeightLG","controlSizeHover","controlHeightSM","lineWidth","increaseHandleWidth"],"mappings":"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"}

package/dist/es/space/Compact.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as v,computed as n,createVNode as I}from"vue";import{isEmpty as $}from"lodash-es";import y from"../_util/classNames.mjs";import g from"../_util/createContext.mjs";import{flattenChildren as x}from"../_util/props-util/index.mjs";import{booleanType as S,tuple as f}from"../_util/type.mjs";import d from"../_util/vue-types/index.mjs";import k from"../config-provider/hooks/useConfigInject.mjs";import b from"./style/index.mjs";const D=()=>({compactSize:String,compactDirection:d.oneOf(f("horizontal","vertical")).def("horizontal"),isFirstItem:S(),isLastItem:S()}),i=g(null),R=(t,e)=>{const c=i.useInject(),o=n(()=>{if(!c||$(c))return"";const{compactDirection:m,isFirstItem:a,isLastItem:s}=c,r=m==="vertical"?"-vertical-":"-";return y({[`${t.value}-compact${r}item`]:!0,[`${t.value}-compact${r}first-item`]:a,[`${t.value}-compact${r}last-item`]:s,[`${t.value}-compact${r}item-rtl`]:e.value==="rtl"})});return{compactSize:n(()=>c?.compactSize),compactDirection:n(()=>c?.compactDirection),compactItemClassnames:o}},V=v({name:"NoCompactStyle",setup(t,{slots:e}){return i.useProvide(null),()=>e.default?.()}}),N=()=>({prefixCls:String,size:{type:String},direction:d.oneOf(f("horizontal","vertical")).def("horizontal"),align:d.oneOf(f("start","end","center","baseline")),block:{type:Boolean,default:void 0}}),P=v({name:"CompactItem",props:D(),setup(t,{slots:e}){return i.useProvide(t),()=>e.default?.()}}),_=v({name:"ASpaceCompact",inheritAttrs:!1,props:N(),setup(t,{attrs:e,slots:c}){const{prefixCls:o,direction:m}=k("space-compact",t),a=i.useInject(),[s,r]=b(o),z=n(()=>y(o.value,r.value,{[`${o.value}-rtl`]:m.value==="rtl",[`${o.value}-block`]:t.block,[`${o.value}-vertical`]:t.direction==="vertical"}));return()=>{const l=x(c.default?.()||[]);return l.length===0?null:s(I("div",{...e,class:[z.value,e.class]},[l.map((p,u)=>{const h=p&&p.key||`${o.value}-item-${u}`,C=!a||$(a);return I(P,{key:h,compactSize:t.size??"middle",compactDirection:t.direction,isFirstItem:u===0&&(C||a?.isFirstItem),isLastItem:u===l.length-1&&(C||a?.isLastItem)},{default:()=>[p]})})]))}}});export{V as NoCompactStyle,i as SpaceCompactItemContext,_ as default,D as spaceCompactItemProps,N as spaceCompactProps,R as useCompactItemContext};
+//# sourceMappingURL=Compact.mjs.map

package/dist/es/space/Compact.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compact.mjs","sources":["../../../src/space/Compact.tsx"],"sourcesContent":["import { isEmpty } from 'lodash-es'\n\nimport { computed, defineComponent } from 'vue'\nimport type { ExtractPropTypes, PropType, Ref } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport createContext from '../_util/createContext'\nimport { flattenChildren } from '../_util/props-util'\nimport { booleanType, tuple } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport type { DirectionType, SizeType } from '../config-provider'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport useStyle from './style'\n\nexport const spaceCompactItemProps = () => ({\n  compactSize: String as PropType<SizeType>,\n  compactDirection: PropTypes.oneOf(tuple('horizontal', 'vertical')).def('horizontal'),\n  isFirstItem: booleanType(),\n  isLastItem: booleanType(),\n})\n\nexport type SpaceCompactItemContextType = Partial<\n  ExtractPropTypes<ReturnType<typeof spaceCompactItemProps>>\n>\n\nexport const SpaceCompactItemContext = createContext<SpaceCompactItemContextType | null>(null)\n\nexport const useCompactItemContext = (prefixCls: Ref<string>, direction: Ref<DirectionType>) => {\n  const compactItemContext = SpaceCompactItemContext.useInject()\n\n  const compactItemClassnames = computed(() => {\n    if (!compactItemContext || isEmpty(compactItemContext)) return ''\n\n    const { compactDirection, isFirstItem, isLastItem } = compactItemContext\n    const separator = compactDirection === 'vertical' ? '-vertical-' : '-'\n\n    return classNames({\n      [`${prefixCls.value}-compact${separator}item`]: true,\n      [`${prefixCls.value}-compact${separator}first-item`]: isFirstItem,\n      [`${prefixCls.value}-compact${separator}last-item`]: isLastItem,\n      [`${prefixCls.value}-compact${separator}item-rtl`]: direction.value === 'rtl',\n    })\n  })\n\n  return {\n    compactSize: computed(() => compactItemContext?.compactSize),\n    compactDirection: computed(() => compactItemContext?.compactDirection),\n    compactItemClassnames,\n  }\n}\n\nexport const NoCompactStyle = defineComponent({\n  name: 'NoCompactStyle',\n  setup(_, { slots }) {\n    SpaceCompactItemContext.useProvide(null)\n    return () => {\n      return slots.default?.()\n    }\n  },\n})\n\nexport const spaceCompactProps = () => ({\n  prefixCls: String,\n  size: {\n    type: String as PropType<SizeType>,\n  },\n  direction: PropTypes.oneOf(tuple('horizontal', 'vertical')).def('horizontal'),\n  align: PropTypes.oneOf(tuple('start', 'end', 'center', 'baseline')),\n  block: { type: Boolean, default: undefined },\n})\n\nexport type SpaceCompactProps = Partial<ExtractPropTypes<ReturnType<typeof spaceCompactProps>>>\n\nconst CompactItem = defineComponent({\n  name: 'CompactItem',\n  props: spaceCompactItemProps(),\n  setup(props, { slots }) {\n    SpaceCompactItemContext.useProvide(props)\n\n    return () => slots.default?.()\n  },\n})\n\nconst Compact = defineComponent({\n  name: 'ASpaceCompact',\n  inheritAttrs: false,\n  props: spaceCompactProps(),\n  setup(props, { attrs, slots }) {\n    const { prefixCls, direction: directionConfig } = useConfigInject('space-compact', props)\n    const compactItemContext = SpaceCompactItemContext.useInject()\n\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n\n    const clx = computed(() => {\n      return classNames(prefixCls.value, hashId.value, {\n        [`${prefixCls.value}-rtl`]: directionConfig.value === 'rtl',\n        [`${prefixCls.value}-block`]: props.block,\n        [`${prefixCls.value}-vertical`]: props.direction === 'vertical',\n      })\n    })\n\n    return () => {\n      const childNodes = flattenChildren(slots.default?.() || [])\n      // =========================== Render ===========================\n      if (childNodes.length === 0) {\n        return null\n      }\n\n      return wrapSSR(\n        <div {...attrs} class={[clx.value, attrs.class]}>\n          {childNodes.map((child, i) => {\n            const key = (child && child.key) || `${prefixCls.value}-item-${i}`\n            const noCompactItemContext = !compactItemContext || isEmpty(compactItemContext)\n\n            return (\n              <CompactItem\n                key={key}\n                compactSize={props.size ?? 'middle'}\n                compactDirection={props.direction}\n                isFirstItem={i === 0 && (noCompactItemContext || compactItemContext?.isFirstItem)}\n                isLastItem={\n                  i === childNodes.length - 1 &&\n                  (noCompactItemContext || compactItemContext?.isLastItem)\n                }\n              >\n                {child}\n              </CompactItem>\n            )\n          })}\n        </div>,\n      )\n    }\n  },\n})\n\nexport default Compact\n"],"names":["spaceCompactItemProps","compactSize","String","compactDirection","PropTypes","oneOf","tuple","def","isFirstItem","booleanType","isLastItem","SpaceCompactItemContext","createContext","useCompactItemContext","prefixCls","direction","compactItemContext","useInject","compactItemClassnames","computed","isEmpty","separator","classNames","value","NoCompactStyle","defineComponent","name","setup","_","slots","useProvide","default","spaceCompactProps","size","type","align","block","Boolean","undefined","CompactItem","props","Compact","inheritAttrs","attrs","directionConfig","useConfigInject","wrapSSR","hashId","useStyle","clx","childNodes","flattenChildren","length","_createVNode","class","map","child","i","key","noCompactItemContext"],"mappings":"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"}

package/dist/es/space/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as P,computed as l,ref as b,watch as R,createVNode as c,Fragment as T}from"vue";import V from"../_util/classNames.mjs";import k from"../_util/hooks/useFlexGapSupport.mjs";import{filterEmpty as L}from"../_util/props-util/index.mjs";import{booleanType as M,tuple as N}from"../_util/type.mjs";import O from"../_util/vue-types/index.mjs";import W from"../config-provider/hooks/useConfigInject.mjs";import g from"./Compact.mjs";import q from"./style/index.mjs";const H={small:8,middle:16,large:24},J=()=>({prefixCls:String,size:{type:[String,Number,Array]},direction:O.oneOf(N("horizontal","vertical")).def("horizontal"),align:O.oneOf(N("start","end","center","baseline")),wrap:M()});function K(e){return typeof e=="string"?H[e]:e||0}const m=P({compatConfig:{MODE:3},name:"ASpace",inheritAttrs:!1,props:J(),slots:Object,setup(e,{slots:d,attrs:u}){const{prefixCls:a,space:G,direction:y}=W("space",e),[I,B]=q(a),$=k(),n=l(()=>e.size??G?.value?.size??"small"),p=b(),r=b();R(n,()=>{[p.value,r.value]=(Array.isArray(n.value)?n.value:[n.value,n.value]).map(t=>K(t))},{immediate:!0});const S=l(()=>e.align===void 0&&e.direction==="horizontal"?"center":e.align),F=l(()=>V(a.value,B.value,`${a.value}-${e.direction}`,{[`${a.value}-rtl`]:y.value==="rtl",[`${a.value}-align-${S.value}`]:S.value})),j=l(()=>y.value==="rtl"?"marginLeft":"marginRight"),D=l(()=>{const t={};return $.value&&(t.columnGap=`${p.value}px`,t.rowGap=`${r.value}px`),{...t,...e.wrap&&{flexWrap:"wrap",marginBottom:`${-r.value}px`}}});return()=>{const{wrap:t,direction:E="horizontal"}=e,z=d.default?.(),h=L(z),x=h.length;if(x===0)return null;const o=d.split?.(),C=`${a.value}-item`,w=p.value,f=x-1;return c("div",{...u,class:[F.value,u.class],style:[D.value,u.style]},[h.map((A,i)=>{let v=z.indexOf(A);v===-1&&(v=`$$space-${i}`);let s={};return $.value||(E==="vertical"?i<f&&(s={marginBottom:`${w/(o?2:1)}px`}):s={...i<f&&{[j.value]:`${w/(o?2:1)}px`},...t&&{paddingBottom:`${r.value}px`}}),I(c(T,{key:v},[c("div",{class:C,style:s},[A]),i<f&&o&&c("span",{class:`${C}-split`,style:s},[o])]))})])}}});m.Compact=g;m.install=function(e){return e.component(m.name,m),e.component(g.name,g),e};export{g as Compact,m as default,J as spaceProps};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/space/index.tsx"],"sourcesContent":["import type { App, CSSProperties, ExtractPropTypes, Plugin, PropType } from 'vue'\nimport { Fragment, computed, defineComponent, ref, watch } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport useFlexGapSupport from '../_util/hooks/useFlexGapSupport'\nimport { filterEmpty } from '../_util/props-util'\nimport type { CustomSlotsType } from '../_util/type'\nimport { booleanType, tuple } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport type { SizeType } from '../config-provider'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport Compact from './Compact'\nimport useStyle from './style'\n\nexport type SpaceSize = SizeType | number\nconst spaceSize = {\n  small: 8,\n  middle: 16,\n  large: 24,\n}\nexport const spaceProps = () => ({\n  prefixCls: String,\n  size: {\n    type: [String, Number, Array] as PropType<SpaceSize | [SpaceSize, SpaceSize]>,\n  },\n  direction: PropTypes.oneOf(tuple('horizontal', 'vertical')).def('horizontal'),\n  align: PropTypes.oneOf(tuple('start', 'end', 'center', 'baseline')),\n  wrap: booleanType(),\n})\n\nexport type SpaceProps = Partial<ExtractPropTypes<ReturnType<typeof spaceProps>>>\n\nfunction getNumberSize(size: SpaceSize) {\n  return typeof size === 'string' ? spaceSize[size] : size || 0\n}\n\nconst Space = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ASpace',\n  inheritAttrs: false,\n  props: spaceProps(),\n  slots: Object as CustomSlotsType<{\n    split?: any\n    default?: any\n  }>,\n  setup(props, { slots, attrs }) {\n    const { prefixCls, space, direction: directionConfig } = useConfigInject('space', props)\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n    const supportFlexGap = useFlexGapSupport()\n    const size = computed(() => props.size ?? space?.value?.size ?? 'small')\n    const horizontalSize = ref<number>()\n    const verticalSize = ref<number>()\n    watch(\n      size,\n      () => {\n        ;[horizontalSize.value, verticalSize.value] = (\n          (Array.isArray(size.value) ? size.value : [size.value, size.value]) as [\n            SpaceSize,\n            SpaceSize,\n          ]\n        ).map((item) => getNumberSize(item))\n      },\n      { immediate: true },\n    )\n\n    const mergedAlign = computed(() =>\n      props.align === undefined && props.direction === 'horizontal' ? 'center' : props.align,\n    )\n    const cn = computed(() => {\n      return classNames(prefixCls.value, hashId.value, `${prefixCls.value}-${props.direction}`, {\n        [`${prefixCls.value}-rtl`]: directionConfig.value === 'rtl',\n        [`${prefixCls.value}-align-${mergedAlign.value}`]: mergedAlign.value,\n      })\n    })\n\n    const marginDirection = computed(() =>\n      directionConfig.value === 'rtl' ? 'marginLeft' : 'marginRight',\n    )\n    const style = computed(() => {\n      const gapStyle: CSSProperties = {}\n      if (supportFlexGap.value) {\n        gapStyle.columnGap = `${horizontalSize.value}px`\n        gapStyle.rowGap = `${verticalSize.value}px`\n      }\n      return {\n        ...gapStyle,\n        ...(props.wrap && { flexWrap: 'wrap', marginBottom: `${-verticalSize.value}px` }),\n      } as CSSProperties\n    })\n    return () => {\n      const { wrap, direction = 'horizontal' } = props\n      const children = slots.default?.()\n      const items = filterEmpty(children)\n      const len = items.length\n\n      if (len === 0) {\n        return null\n      }\n      const split = slots.split?.()\n      const itemClassName = `${prefixCls.value}-item`\n      const horizontalSizeVal = horizontalSize.value\n      const latestIndex = len - 1\n      return (\n        <div\n          {...attrs}\n          class={[cn.value, attrs.class]}\n          style={[style.value, attrs.style as CSSProperties]}\n        >\n          {items.map((child, index) => {\n            let originIndex = children.indexOf(child)\n            if (originIndex === -1) {\n              originIndex = `$$space-${index}`\n            }\n            let itemStyle: CSSProperties = {}\n            if (!supportFlexGap.value) {\n              if (direction === 'vertical') {\n                if (index < latestIndex) {\n                  itemStyle = { marginBottom: `${horizontalSizeVal / (split ? 2 : 1)}px` }\n                }\n              } else {\n                itemStyle = {\n                  ...(index < latestIndex && {\n                    [marginDirection.value]: `${horizontalSizeVal / (split ? 2 : 1)}px`,\n                  }),\n                  ...(wrap && { paddingBottom: `${verticalSize.value}px` }),\n                }\n              }\n            }\n\n            return wrapSSR(\n              <Fragment key={originIndex}>\n                <div class={itemClassName} style={itemStyle}>\n                  {child}\n                </div>\n                {index < latestIndex && split && (\n                  <span class={`${itemClassName}-split`} style={itemStyle}>\n                    {split}\n                  </span>\n                )}\n              </Fragment>,\n            )\n          })}\n        </div>\n      )\n    }\n  },\n})\n\nSpace.Compact = Compact\n\nSpace.install = function (app: App) {\n  app.component(Space.name, Space)\n  app.component(Compact.name, Compact)\n  return app\n}\n\nexport { Compact }\n\nexport default Space as typeof Space &\n  Plugin & {\n    readonly Compact: typeof Compact\n  }\n"],"names":["spaceSize","small","middle","large","spaceProps","prefixCls","String","size","type","Number","Array","direction","PropTypes","oneOf","tuple","def","align","wrap","booleanType","getNumberSize","Space","defineComponent","compatConfig","MODE","name","inheritAttrs","props","slots","Object","setup","attrs","space","directionConfig","useConfigInject","wrapSSR","hashId","useStyle","supportFlexGap","useFlexGapSupport","computed","value","horizontalSize","ref","verticalSize","watch","isArray","map","item","immediate","mergedAlign","undefined","cn","classNames","marginDirection","style","gapStyle","columnGap","rowGap","flexWrap","marginBottom","children","default","items","filterEmpty","len","length","split","itemClassName","horizontalSizeVal","latestIndex","_createVNode","class","child","index","originIndex","indexOf","itemStyle","paddingBottom","_Fragment","Compact","install","app","component"],"mappings":"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"}

package/dist/es/space/style/compact.mjs

@@ -0,0 +1,2 @@
+const t=e=>{const{componentCls:l}=e;return{[l]:{display:"inline-flex","&-block":{display:"flex",width:"100%"},"&-vertical":{flexDirection:"column"}}}};export{t as default};
+//# sourceMappingURL=compact.mjs.map

package/dist/es/space/style/compact.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact.mjs","sources":["../../../../src/space/style/compact.tsx"],"sourcesContent":["import type { FullToken, GenerateStyle } from '../../theme/internal'\n\n/** Component only token. Which will handle additional calculation of alias token */\nexport interface ComponentToken {\n  // Component token here\n}\n\ninterface SpaceToken extends FullToken<'Space'> {\n  // Custom token here\n}\n\nconst genSpaceCompactStyle: GenerateStyle<SpaceToken> = (token) => {\n  const { componentCls } = token\n\n  return {\n    [componentCls]: {\n      display: 'inline-flex',\n      '&-block': {\n        display: 'flex',\n        width: '100%',\n      },\n      '&-vertical': {\n        flexDirection: 'column',\n      },\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genSpaceCompactStyle\n"],"names":["genSpaceCompactStyle","token","componentCls","display","width","flexDirection"],"mappings":"AAWA,MAAMA,EAAmDC,GAAU,CACjE,KAAM,CAAEC,aAAAA,CAAa,EAAID,EAEzB,MAAO,CACL,CAACC,CAAY,EAAG,CACdC,QAAS,cACT,UAAW,CACTA,QAAS,OACTC,MAAO,QAET,aAAc,CACZC,cAAe,QACjB,CACF,EAEJ"}

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

@@ -0,0 +1,2 @@
+import"../../theme/internal.mjs";import n from"./compact.mjs";import l from"../../theme/util/genComponentStyleHook.mjs";const i=e=>{const{componentCls:t}=e;return{[t]:{display:"inline-flex","&-rtl":{direction:"rtl"},"&-vertical":{flexDirection:"column"},"&-align":{flexDirection:"column","&-center":{alignItems:"center"},"&-start":{alignItems:"flex-start"},"&-end":{alignItems:"flex-end"},"&-baseline":{alignItems:"baseline"}},[`${t}-item`]:{"&:empty":{display:"none"}}}}},c=l("Space",e=>[i(e),n(e)]);export{c as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/space/style/index.tsx"],"sourcesContent":["import type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook } from '../../theme/internal'\nimport genSpaceCompactStyle from './compact'\n\n/** Component only token. Which will handle additional calculation of alias token */\nexport interface ComponentToken {\n  // Component token here\n}\n\ninterface SpaceToken extends FullToken<'Space'> {\n  // Custom token here\n}\n\nconst genSpaceStyle: GenerateStyle<SpaceToken> = (token) => {\n  const { componentCls } = token\n\n  return {\n    [componentCls]: {\n      display: 'inline-flex',\n      '&-rtl': {\n        direction: 'rtl',\n      },\n      '&-vertical': {\n        flexDirection: 'column',\n      },\n      '&-align': {\n        flexDirection: 'column',\n        '&-center': {\n          alignItems: 'center',\n        },\n        '&-start': {\n          alignItems: 'flex-start',\n        },\n        '&-end': {\n          alignItems: 'flex-end',\n        },\n        '&-baseline': {\n          alignItems: 'baseline',\n        },\n      },\n      [`${componentCls}-item`]: {\n        '&:empty': {\n          display: 'none',\n        },\n      },\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Space', (token) => [\n  genSpaceStyle(token),\n  genSpaceCompactStyle(token),\n])\n"],"names":["genSpaceStyle","token","componentCls","display","direction","flexDirection","alignItems","useStyle","genComponentStyleHook","genSpaceCompactStyle"],"mappings":"wHAaA,MAAMA,EAA4CC,GAAU,CAC1D,KAAM,CAAEC,aAAAA,CAAa,EAAID,EAEzB,MAAO,CACL,CAACC,CAAY,EAAG,CACdC,QAAS,cACT,QAAS,CACPC,UAAW,OAEb,aAAc,CACZC,cAAe,UAEjB,UAAW,CACTA,cAAe,SACf,WAAY,CACVC,WAAY,UAEd,UAAW,CACTA,WAAY,cAEd,QAAS,CACPA,WAAY,YAEd,aAAc,CACZA,WAAY,UACd,GAEF,CAAC,GAAGJ,CAAY,OAAO,EAAG,CACxB,UAAW,CACTC,QAAS,MACX,CACF,CACF,EAEJ,EAGAI,EAAeC,EAAsB,QAAUP,GAAU,CACvDD,EAAcC,CAAK,EACnBQ,EAAqBR,CAAK,CAAC,CAC5B"}

package/dist/es/spin/Spin.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as b,shallowRef as P,watch as A,onBeforeUnmount as D,createVNode as t,isVNode as $,cloneVNode as N}from"vue";import{debounce as z}from"../node_modules/.pnpm/throttle-debounce@5.0.2/node_modules/throttle-debounce/esm/index.mjs";import{filterEmpty as E,getPropsSlot as V}from"../_util/props-util/index.mjs";import k from"../_util/props-util/initDefaultProps.mjs";import h from"../_util/vue-types/index.mjs";import B from"../config-provider/hooks/useConfigInject.mjs";import R from"./style/index.mjs";const j=()=>({prefixCls:String,spinning:{type:Boolean,default:void 0},size:String,wrapperClassName:String,tip:h.any,delay:Number,indicator:h.any});let o=null;function M(n,i){return!!n&&!!i&&!isNaN(Number(i))}function H(n){const i=n.indicator;o=typeof i=="function"?i:()=>t(i,null,null)}const J=b({compatConfig:{MODE:3},name:"ASpin",inheritAttrs:!1,props:k(j(),{size:"default",spinning:!0,wrapperClassName:""}),setup(n,{attrs:i,slots:u}){const{prefixCls:e,size:f,direction:S}=B("spin",n),[p,v]=R(e),s=P(n.spinning&&!M(n.spinning,n.delay));let r;return A([()=>n.spinning,()=>n.delay],()=>{r?.cancel(),r=z(n.delay,()=>{s.value=n.spinning}),r?.()},{immediate:!0,flush:"post"}),D(()=>{r?.cancel()}),()=>{const{class:g,...w}=i,{tip:c=u.tip?.()}=n,d=u.default?.(),C={[v.value]:!0,[e.value]:!0,[`${e.value}-sm`]:f.value==="small",[`${e.value}-lg`]:f.value==="large",[`${e.value}-spinning`]:s.value,[`${e.value}-show-text`]:!!c,[`${e.value}-rtl`]:S.value==="rtl",[g]:!!g};function I(a){const m=`${a}-dot`;let l=V(u,n,"indicator");return l===null?null:(Array.isArray(l)&&(l=l.length===1?l[0]:l),$(l)?N(l,{class:m}):o&&$(o())?N(o(),{class:m}):t("span",{class:`${m} ${a}-dot-spin`},[t("i",{class:`${a}-dot-item`},null),t("i",{class:`${a}-dot-item`},null),t("i",{class:`${a}-dot-item`},null),t("i",{class:`${a}-dot-item`},null)]))}const y=t("div",{...w,class:C,"aria-live":"polite","aria-busy":s.value},[I(e.value),c?t("div",{class:`${e.value}-text`},[c]):null]);if(d&&E(d).length){const a={[`${e.value}-container`]:!0,[`${e.value}-blur`]:s.value};return p(t("div",{class:[`${e.value}-nested-loading`,n.wrapperClassName,v.value]},[s.value&&t("div",{key:"loading"},[y]),t("div",{class:a,key:"container"},[d])]))}return p(y)}}});export{J as default,H as setDefaultIndicator,j as spinProps};
+//# sourceMappingURL=Spin.mjs.map

package/dist/es/spin/Spin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.mjs","sources":["../../../src/spin/Spin.tsx"],"sourcesContent":["import { debounce } from 'throttle-debounce'\n\nimport type { ExtractPropTypes, PropType, VNode } from 'vue'\nimport { cloneVNode, defineComponent, isVNode, onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport { filterEmpty, getPropsSlot } from '../_util/props-util'\nimport initDefaultProps from '../_util/props-util/initDefaultProps'\nimport PropTypes from '../_util/vue-types'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport useStyle from './style'\n\nexport type SpinSize = 'small' | 'default' | 'large'\nexport const spinProps = () => ({\n  prefixCls: String,\n  spinning: { type: Boolean, default: undefined },\n  size: String as PropType<SpinSize>,\n  wrapperClassName: String,\n  tip: PropTypes.any,\n  delay: Number,\n  indicator: PropTypes.any,\n})\n\nexport type SpinProps = Partial<ExtractPropTypes<ReturnType<typeof spinProps>>>\n\n// Render indicator\nlet defaultIndicator: () => VNode = null\n\nfunction shouldDelay(spinning?: boolean, delay?: number): boolean {\n  return !!spinning && !!delay && !isNaN(Number(delay))\n}\n\nexport function setDefaultIndicator(Content: any) {\n  const Indicator = Content.indicator\n  defaultIndicator = typeof Indicator === 'function' ? Indicator : () => <Indicator />\n}\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ASpin',\n  inheritAttrs: false,\n  props: initDefaultProps(spinProps(), {\n    size: 'default',\n    spinning: true,\n    wrapperClassName: '',\n  }),\n  setup(props, { attrs, slots }) {\n    const { prefixCls, size, direction } = useConfigInject('spin', props)\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n    const sSpinning = shallowRef(props.spinning && !shouldDelay(props.spinning, props.delay))\n    let updateSpinning: any\n    watch(\n      [() => props.spinning, () => props.delay],\n      () => {\n        updateSpinning?.cancel()\n        updateSpinning = debounce(props.delay, () => {\n          sSpinning.value = props.spinning\n        })\n        updateSpinning?.()\n      },\n      {\n        immediate: true,\n        flush: 'post',\n      },\n    )\n    onBeforeUnmount(() => {\n      updateSpinning?.cancel()\n    })\n    return () => {\n      const { class: cls, ...divProps } = attrs\n      const { tip = slots.tip?.() } = props\n      const children = slots.default?.()\n      const spinClassName = {\n        [hashId.value]: true,\n        [prefixCls.value]: true,\n        [`${prefixCls.value}-sm`]: size.value === 'small',\n        [`${prefixCls.value}-lg`]: size.value === 'large',\n        [`${prefixCls.value}-spinning`]: sSpinning.value,\n        [`${prefixCls.value}-show-text`]: !!tip,\n        [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n        [cls as string]: !!cls,\n      }\n\n      function renderIndicator(prefixCls: string) {\n        const dotClassName = `${prefixCls}-dot`\n        let indicator = getPropsSlot(slots, props, 'indicator')\n        // should not be render default indicator when indicator value is null\n        if (indicator === null) {\n          return null\n        }\n        if (Array.isArray(indicator)) {\n          indicator = indicator.length === 1 ? indicator[0] : indicator\n        }\n        if (isVNode(indicator)) {\n          return cloneVNode(indicator, { class: dotClassName })\n        }\n\n        if (defaultIndicator && isVNode(defaultIndicator())) {\n          return cloneVNode(defaultIndicator(), { class: dotClassName })\n        }\n\n        return (\n          <span class={`${dotClassName} ${prefixCls}-dot-spin`}>\n            <i class={`${prefixCls}-dot-item`} />\n            <i class={`${prefixCls}-dot-item`} />\n            <i class={`${prefixCls}-dot-item`} />\n            <i class={`${prefixCls}-dot-item`} />\n          </span>\n        )\n      }\n      const spinElement = (\n        <div {...divProps} class={spinClassName} aria-live=\"polite\" aria-busy={sSpinning.value}>\n          {renderIndicator(prefixCls.value)}\n          {tip ? <div class={`${prefixCls.value}-text`}>{tip}</div> : null}\n        </div>\n      )\n      if (children && filterEmpty(children).length) {\n        const containerClassName = {\n          [`${prefixCls.value}-container`]: true,\n          [`${prefixCls.value}-blur`]: sSpinning.value,\n        }\n        return wrapSSR(\n          <div class={[`${prefixCls.value}-nested-loading`, props.wrapperClassName, hashId.value]}>\n            {sSpinning.value && <div key=\"loading\">{spinElement}</div>}\n            <div class={containerClassName} key=\"container\">\n              {children}\n            </div>\n          </div>,\n        )\n      }\n      return wrapSSR(spinElement)\n    }\n  },\n})\n"],"names":["spinProps","prefixCls","String","spinning","type","Boolean","default","undefined","size","wrapperClassName","tip","PropTypes","any","delay","Number","indicator","defaultIndicator","shouldDelay","isNaN","setDefaultIndicator","Content","Indicator","_createVNode","Spin","compatConfig","MODE","name","inheritAttrs","props","initDefaultProps","setup","attrs","slots","direction","useConfigInject","wrapSSR","hashId","useStyle","sSpinning","shallowRef","updateSpinning","watch","cancel","debounce","value","immediate","flush","onBeforeUnmount","class","cls","divProps","children","spinClassName","renderIndicator","dotClassName","getPropsSlot","Array","isArray","length","isVNode","cloneVNode","spinElement","filterEmpty","containerClassName"],"mappings":"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"}

package/dist/es/spin/index.mjs

@@ -0,0 +1,2 @@
+import t,{setDefaultIndicator as o}from"./Spin.mjs";import{spinProps as i}from"./Spin.mjs";t.setDefaultIndicator=o;t.install=function(n){return n.component(t.name,t),n};export{t as default,i as spinProps};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/spin/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nimport Spin, { setDefaultIndicator } from './Spin'\n\nexport type { SpinProps } from './Spin'\nexport { spinProps } from './Spin'\n\nSpin.setDefaultIndicator = setDefaultIndicator\n\n/* istanbul ignore next */\nSpin.install = function (app: App) {\n  app.component(Spin.name, Spin)\n  return app\n}\n\nexport default Spin as typeof Spin &\n  Plugin & {\n    readonly setDefaultIndicator: typeof setDefaultIndicator\n  }\n"],"names":["Spin","setDefaultIndicator","app"],"mappings":"2FAOAA,EAAK,oBAAsBC,EAG3BD,EAAK,QAAU,SAAUE,EAAU,CACjC,OAAAA,EAAI,UAAUF,EAAK,KAAMA,CAAI,EACtBE,CACT"}

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

@@ -0,0 +1,2 @@
+import t from"../../_util/cssinjs/Keyframes.mjs";import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{resetComponent as o}from"../../style/index.mjs";import"../../theme/internal.mjs";import a from"../../theme/util/genComponentStyleHook.mjs";import{merge as e}from"../../theme/util/statistic.mjs";const s=new t("antSpinMove",{to:{opacity:1}}),p=new t("antRotate",{to:{transform:"rotate(405deg)"}}),r=i=>({[`${i.componentCls}`]:{...o(i),position:"absolute",display:"none",color:i.colorPrimary,textAlign:"center",verticalAlign:"middle",opacity:0,transition:`transform ${i.motionDurationSlow} ${i.motionEaseInOutCirc}`,"&-spinning":{position:"static",display:"inline-block",opacity:1},"&-nested-loading":{position:"relative",[`> div > ${i.componentCls}`]:{position:"absolute",top:0,insetInlineStart:0,zIndex:4,display:"block",width:"100%",height:"100%",maxHeight:i.contentHeight,[`${i.componentCls}-dot`]:{position:"absolute",top:"50%",insetInlineStart:"50%",margin:-i.spinDotSize/2},[`${i.componentCls}-text`]:{position:"absolute",top:"50%",width:"100%",paddingTop:(i.spinDotSize-i.fontSize)/2+2,textShadow:`0 1px 2px ${i.colorBgContainer}`},[`&${i.componentCls}-show-text ${i.componentCls}-dot`]:{marginTop:-(i.spinDotSize/2)-10},"&-sm":{[`${i.componentCls}-dot`]:{margin:-i.spinDotSizeSM/2},[`${i.componentCls}-text`]:{paddingTop:(i.spinDotSizeSM-i.fontSize)/2+2},[`&${i.componentCls}-show-text ${i.componentCls}-dot`]:{marginTop:-(i.spinDotSizeSM/2)-10}},"&-lg":{[`${i.componentCls}-dot`]:{margin:-(i.spinDotSizeLG/2)},[`${i.componentCls}-text`]:{paddingTop:(i.spinDotSizeLG-i.fontSize)/2+2},[`&${i.componentCls}-show-text ${i.componentCls}-dot`]:{marginTop:-(i.spinDotSizeLG/2)-10}}},[`${i.componentCls}-container`]:{position:"relative",transition:`opacity ${i.motionDurationSlow}`,"&::after":{position:"absolute",top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,zIndex:10,width:"100%",height:"100%",background:i.colorBgContainer,opacity:0,transition:`all ${i.motionDurationSlow}`,content:'""',pointerEvents:"none"}},[`${i.componentCls}-blur`]:{clear:"both",opacity:.5,userSelect:"none",pointerEvents:"none","&::after":{opacity:.4,pointerEvents:"auto"}}},"&-tip":{color:i.spinDotDefault},[`${i.componentCls}-dot`]:{position:"relative",display:"inline-block",fontSize:i.spinDotSize,width:"1em",height:"1em","&-item":{position:"absolute",display:"block",width:(i.spinDotSize-i.marginXXS/2)/2,height:(i.spinDotSize-i.marginXXS/2)/2,backgroundColor:i.colorPrimary,borderRadius:"100%",transform:"scale(0.75)",transformOrigin:"50% 50%",opacity:.3,animationName:s,animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear",animationDirection:"alternate","&:nth-child(1)":{top:0,insetInlineStart:0},"&:nth-child(2)":{top:0,insetInlineEnd:0,animationDelay:"0.4s"},"&:nth-child(3)":{insetInlineEnd:0,bottom:0,animationDelay:"0.8s"},"&:nth-child(4)":{bottom:0,insetInlineStart:0,animationDelay:"1.2s"}},"&-spin":{transform:"rotate(45deg)",animationName:p,animationDuration:"1.2s",animationIterationCount:"infinite",animationTimingFunction:"linear"}},[`&-sm ${i.componentCls}-dot`]:{fontSize:i.spinDotSizeSM,i:{width:(i.spinDotSizeSM-i.marginXXS/2)/2,height:(i.spinDotSizeSM-i.marginXXS/2)/2}},[`&-lg ${i.componentCls}-dot`]:{fontSize:i.spinDotSizeLG,i:{width:(i.spinDotSizeLG-i.marginXXS)/2,height:(i.spinDotSizeLG-i.marginXXS)/2}},[`&${i.componentCls}-show-text ${i.componentCls}-text`]:{display:"block"}}}),z=a("Spin",i=>{const n=e(i,{spinDotDefault:i.colorTextDescription,spinDotSize:i.controlHeightLG/2,spinDotSizeSM:i.controlHeightLG*.35,spinDotSizeLG:i.controlHeight});return[r(n)]},{contentHeight:400});export{z as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/spin/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport { resetComponent } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\nexport interface ComponentToken {\n  contentHeight: number\n}\n\ninterface SpinToken extends FullToken<'Spin'> {\n  spinDotDefault: string\n  spinDotSize: number\n  spinDotSizeSM: number\n  spinDotSizeLG: number\n}\n\nconst antSpinMove = new Keyframes('antSpinMove', {\n  to: { opacity: 1 },\n})\n\nconst antRotate = new Keyframes('antRotate', {\n  to: { transform: 'rotate(405deg)' },\n})\n\nconst genSpinStyle: GenerateStyle<SpinToken> = (token: SpinToken): CSSObject => ({\n  [`${token.componentCls}`]: {\n    ...resetComponent(token),\n    position: 'absolute',\n    display: 'none',\n    color: token.colorPrimary,\n    textAlign: 'center',\n    verticalAlign: 'middle',\n    opacity: 0,\n    transition: `transform ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`,\n\n    '&-spinning': {\n      position: 'static',\n      display: 'inline-block',\n      opacity: 1,\n    },\n\n    '&-nested-loading': {\n      position: 'relative',\n      [`> div > ${token.componentCls}`]: {\n        position: 'absolute',\n        top: 0,\n        insetInlineStart: 0,\n        zIndex: 4,\n        display: 'block',\n        width: '100%',\n        height: '100%',\n        maxHeight: token.contentHeight,\n\n        [`${token.componentCls}-dot`]: {\n          position: 'absolute',\n          top: '50%',\n          insetInlineStart: '50%',\n          margin: -token.spinDotSize / 2,\n        },\n\n        [`${token.componentCls}-text`]: {\n          position: 'absolute',\n          top: '50%',\n          width: '100%',\n          paddingTop: (token.spinDotSize - token.fontSize) / 2 + 2,\n          textShadow: `0 1px 2px ${token.colorBgContainer}`, // FIXME: shadow\n        },\n\n        [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: {\n          marginTop: -(token.spinDotSize / 2) - 10,\n        },\n\n        '&-sm': {\n          [`${token.componentCls}-dot`]: {\n            margin: -token.spinDotSizeSM / 2,\n          },\n          [`${token.componentCls}-text`]: {\n            paddingTop: (token.spinDotSizeSM - token.fontSize) / 2 + 2,\n          },\n          [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: {\n            marginTop: -(token.spinDotSizeSM / 2) - 10,\n          },\n        },\n\n        '&-lg': {\n          [`${token.componentCls}-dot`]: {\n            margin: -(token.spinDotSizeLG / 2),\n          },\n          [`${token.componentCls}-text`]: {\n            paddingTop: (token.spinDotSizeLG - token.fontSize) / 2 + 2,\n          },\n          [`&${token.componentCls}-show-text ${token.componentCls}-dot`]: {\n            marginTop: -(token.spinDotSizeLG / 2) - 10,\n          },\n        },\n      },\n\n      [`${token.componentCls}-container`]: {\n        position: 'relative',\n        transition: `opacity ${token.motionDurationSlow}`,\n\n        '&::after': {\n          position: 'absolute',\n          top: 0,\n          insetInlineEnd: 0,\n          bottom: 0,\n          insetInlineStart: 0,\n          zIndex: 10,\n          width: '100%',\n          height: '100%',\n          background: token.colorBgContainer,\n          opacity: 0,\n          transition: `all ${token.motionDurationSlow}`,\n          content: '\"\"',\n          pointerEvents: 'none',\n        },\n      },\n\n      [`${token.componentCls}-blur`]: {\n        clear: 'both',\n        opacity: 0.5,\n        userSelect: 'none',\n        pointerEvents: 'none',\n\n        [`&::after`]: {\n          opacity: 0.4,\n          pointerEvents: 'auto',\n        },\n      },\n    },\n\n    // tip\n    // ------------------------------\n    [`&-tip`]: {\n      color: token.spinDotDefault,\n    },\n\n    // dots\n    // ------------------------------\n    [`${token.componentCls}-dot`]: {\n      position: 'relative',\n      display: 'inline-block',\n      fontSize: token.spinDotSize,\n      width: '1em',\n      height: '1em',\n\n      '&-item': {\n        position: 'absolute',\n        display: 'block',\n        width: (token.spinDotSize - token.marginXXS / 2) / 2,\n        height: (token.spinDotSize - token.marginXXS / 2) / 2,\n        backgroundColor: token.colorPrimary,\n        borderRadius: '100%',\n        transform: 'scale(0.75)',\n        transformOrigin: '50% 50%',\n        opacity: 0.3,\n        animationName: antSpinMove,\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'linear',\n        animationDirection: 'alternate',\n\n        '&:nth-child(1)': {\n          top: 0,\n          insetInlineStart: 0,\n        },\n\n        '&:nth-child(2)': {\n          top: 0,\n          insetInlineEnd: 0,\n          animationDelay: '0.4s',\n        },\n\n        '&:nth-child(3)': {\n          insetInlineEnd: 0,\n          bottom: 0,\n          animationDelay: '0.8s',\n        },\n\n        '&:nth-child(4)': {\n          bottom: 0,\n          insetInlineStart: 0,\n          animationDelay: '1.2s',\n        },\n      },\n\n      '&-spin': {\n        transform: 'rotate(45deg)',\n        animationName: antRotate,\n        animationDuration: '1.2s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'linear',\n      },\n    },\n\n    // Sizes\n    // ------------------------------\n\n    // small\n    [`&-sm ${token.componentCls}-dot`]: {\n      fontSize: token.spinDotSizeSM,\n\n      i: {\n        width: (token.spinDotSizeSM - token.marginXXS / 2) / 2,\n        height: (token.spinDotSizeSM - token.marginXXS / 2) / 2,\n      },\n    },\n\n    // large\n    [`&-lg ${token.componentCls}-dot`]: {\n      fontSize: token.spinDotSizeLG,\n\n      i: {\n        width: (token.spinDotSizeLG - token.marginXXS) / 2,\n        height: (token.spinDotSizeLG - token.marginXXS) / 2,\n      },\n    },\n\n    [`&${token.componentCls}-show-text ${token.componentCls}-text`]: {\n      display: 'block',\n    },\n  },\n})\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Spin',\n  (token) => {\n    const spinToken = mergeToken<SpinToken>(token, {\n      spinDotDefault: token.colorTextDescription,\n      spinDotSize: token.controlHeightLG / 2,\n      spinDotSizeSM: token.controlHeightLG * 0.35,\n      spinDotSizeLG: token.controlHeight,\n    })\n    return [genSpinStyle(spinToken)]\n  },\n  {\n    contentHeight: 400,\n  },\n)\n"],"names":["antSpinMove","Keyframes","antRotate","genSpinStyle","token","resetComponent","useStyle","genComponentStyleHook","spinToken","mergeToken"],"mappings":"wXAiBA,MAAMA,EAAc,IAAIC,EAAU,cAAe,CAC/C,GAAI,CAAE,QAAS,CAAA,CACjB,CAAC,EAEKC,EAAY,IAAID,EAAU,YAAa,CAC3C,GAAI,CAAE,UAAW,gBAAA,CACnB,CAAC,EAEKE,EAA0CC,IAAiC,CAC/E,CAAC,GAAGA,EAAM,YAAY,EAAE,EAAG,CACzB,GAAGC,EAAeD,CAAK,EACvB,SAAU,WACV,QAAS,OACT,MAAOA,EAAM,aACb,UAAW,SACX,cAAe,SACf,QAAS,EACT,WAAY,aAAaA,EAAM,kBAAkB,IAAIA,EAAM,mBAAmB,GAE9E,aAAc,CACZ,SAAU,SACV,QAAS,eACT,QAAS,CAAA,EAGX,mBAAoB,CAClB,SAAU,WACV,CAAC,WAAWA,EAAM,YAAY,EAAE,EAAG,CACjC,SAAU,WACV,IAAK,EACL,iBAAkB,EAClB,OAAQ,EACR,QAAS,QACT,MAAO,OACP,OAAQ,OACR,UAAWA,EAAM,cAEjB,CAAC,GAAGA,EAAM,YAAY,MAAM,EAAG,CAC7B,SAAU,WACV,IAAK,MACL,iBAAkB,MAClB,OAAQ,CAACA,EAAM,YAAc,CAAA,EAG/B,CAAC,GAAGA,EAAM,YAAY,OAAO,EAAG,CAC9B,SAAU,WACV,IAAK,MACL,MAAO,OACP,YAAaA,EAAM,YAAcA,EAAM,UAAY,EAAI,EACvD,WAAY,aAAaA,EAAM,gBAAgB,EAAA,EAGjD,CAAC,IAAIA,EAAM,YAAY,cAAcA,EAAM,YAAY,MAAM,EAAG,CAC9D,UAAW,EAAEA,EAAM,YAAc,GAAK,EAAA,EAGxC,OAAQ,CACN,CAAC,GAAGA,EAAM,YAAY,MAAM,EAAG,CAC7B,OAAQ,CAACA,EAAM,cAAgB,CAAA,EAEjC,CAAC,GAAGA,EAAM,YAAY,OAAO,EAAG,CAC9B,YAAaA,EAAM,cAAgBA,EAAM,UAAY,EAAI,CAAA,EAE3D,CAAC,IAAIA,EAAM,YAAY,cAAcA,EAAM,YAAY,MAAM,EAAG,CAC9D,UAAW,EAAEA,EAAM,cAAgB,GAAK,EAAA,CAC1C,EAGF,OAAQ,CACN,CAAC,GAAGA,EAAM,YAAY,MAAM,EAAG,CAC7B,OAAQ,EAAEA,EAAM,cAAgB,EAAA,EAElC,CAAC,GAAGA,EAAM,YAAY,OAAO,EAAG,CAC9B,YAAaA,EAAM,cAAgBA,EAAM,UAAY,EAAI,CAAA,EAE3D,CAAC,IAAIA,EAAM,YAAY,cAAcA,EAAM,YAAY,MAAM,EAAG,CAC9D,UAAW,EAAEA,EAAM,cAAgB,GAAK,EAAA,CAC1C,CACF,EAGF,CAAC,GAAGA,EAAM,YAAY,YAAY,EAAG,CACnC,SAAU,WACV,WAAY,WAAWA,EAAM,kBAAkB,GAE/C,WAAY,CACV,SAAU,WACV,IAAK,EACL,eAAgB,EAChB,OAAQ,EACR,iBAAkB,EAClB,OAAQ,GACR,MAAO,OACP,OAAQ,OACR,WAAYA,EAAM,iBAClB,QAAS,EACT,WAAY,OAAOA,EAAM,kBAAkB,GAC3C,QAAS,KACT,cAAe,MAAA,CACjB,EAGF,CAAC,GAAGA,EAAM,YAAY,OAAO,EAAG,CAC9B,MAAO,OACP,QAAS,GACT,WAAY,OACZ,cAAe,OAEd,WAAa,CACZ,QAAS,GACT,cAAe,MAAA,CACjB,CACF,EAKD,QAAU,CACT,MAAOA,EAAM,cAAA,EAKf,CAAC,GAAGA,EAAM,YAAY,MAAM,EAAG,CAC7B,SAAU,WACV,QAAS,eACT,SAAUA,EAAM,YAChB,MAAO,MACP,OAAQ,MAER,SAAU,CACR,SAAU,WACV,QAAS,QACT,OAAQA,EAAM,YAAcA,EAAM,UAAY,GAAK,EACnD,QAASA,EAAM,YAAcA,EAAM,UAAY,GAAK,EACpD,gBAAiBA,EAAM,aACvB,aAAc,OACd,UAAW,cACX,gBAAiB,UACjB,QAAS,GACT,cAAeJ,EACf,kBAAmB,KACnB,wBAAyB,WACzB,wBAAyB,SACzB,mBAAoB,YAEpB,iBAAkB,CAChB,IAAK,EACL,iBAAkB,CAAA,EAGpB,iBAAkB,CAChB,IAAK,EACL,eAAgB,EAChB,eAAgB,MAAA,EAGlB,iBAAkB,CAChB,eAAgB,EAChB,OAAQ,EACR,eAAgB,MAAA,EAGlB,iBAAkB,CAChB,OAAQ,EACR,iBAAkB,EAClB,eAAgB,MAAA,CAClB,EAGF,SAAU,CACR,UAAW,gBACX,cAAeE,EACf,kBAAmB,OACnB,wBAAyB,WACzB,wBAAyB,QAAA,CAC3B,EAOF,CAAC,QAAQE,EAAM,YAAY,MAAM,EAAG,CAClC,SAAUA,EAAM,cAEhB,EAAG,CACD,OAAQA,EAAM,cAAgBA,EAAM,UAAY,GAAK,EACrD,QAASA,EAAM,cAAgBA,EAAM,UAAY,GAAK,CAAA,CACxD,EAIF,CAAC,QAAQA,EAAM,YAAY,MAAM,EAAG,CAClC,SAAUA,EAAM,cAEhB,EAAG,CACD,OAAQA,EAAM,cAAgBA,EAAM,WAAa,EACjD,QAASA,EAAM,cAAgBA,EAAM,WAAa,CAAA,CACpD,EAGF,CAAC,IAAIA,EAAM,YAAY,cAAcA,EAAM,YAAY,OAAO,EAAG,CAC/D,QAAS,OAAA,CACX,CAEJ,GAGAE,EAAeC,EACb,OACCH,GAAU,CACT,MAAMI,EAAYC,EAAsBL,EAAO,CAC7C,eAAgBA,EAAM,qBACtB,YAAaA,EAAM,gBAAkB,EACrC,cAAeA,EAAM,gBAAkB,IACvC,cAAeA,EAAM,aAAA,CACtB,EACD,MAAO,CAACD,EAAaK,CAAS,CAAC,CACjC,EACA,CACE,cAAe,GAAA,CAEnB"}

package/dist/es/statistic/Countdown.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as p,ref as u,onMounted as w,onUpdated as g,onBeforeUnmount as C,createVNode as D}from"vue";import T from"../_util/omit.mjs";import h from"../_util/props-util/initDefaultProps.mjs";import{someType as F}from"../_util/type.mjs";import R,{statisticProps as S}from"./Statistic.mjs";import{formatCountdown as E}from"./utils.mjs";const H=1e3/30;function r(n){return new Date(n).getTime()}const I=()=>({...S(),value:F([Number,String,Object]),format:String,onFinish:Function,onChange:Function}),M=p({compatConfig:{MODE:3},name:"AStatisticCountdown",props:h(I(),{format:"HH:mm:ss"}),setup(n,{emit:i,slots:c}){const e=u(),m=u(),o=()=>{const{value:t}=n;r(t)>=Date.now()?f():s()},f=()=>{if(e.value)return;const t=r(n.value);e.value=setInterval(()=>{m.value.$forceUpdate(),t>Date.now()&&i("change",t-Date.now()),o()},H)},s=()=>{const{value:t}=n;e.value&&(clearInterval(e.value),e.value=void 0,r(t)<Date.now()&&i("finish"))},l=({value:t,config:a})=>{const{format:v}=n;return E(t,{...a,format:v})},d=t=>t;return w(()=>{o()}),g(()=>{o()}),C(()=>{s()}),()=>{const t=n.value;return D(R,{ref:m,...T(n,["onFinish","onChange"]),value:t,valueRender:d,formatter:l},c)}}});export{I as countdownProps,M as default};
+//# sourceMappingURL=Countdown.mjs.map

package/dist/es/statistic/Countdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.mjs","sources":["../../../src/statistic/Countdown.tsx"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { defineComponent, onBeforeUnmount, onMounted, onUpdated, ref } from 'vue'\n\nimport omit from '../_util/omit'\nimport initDefaultProps from '../_util/props-util/initDefaultProps'\nimport { someType } from '../_util/type'\nimport Statistic, { statisticProps } from './Statistic'\nimport type { FormatConfig, countdownValueType, valueType } from './utils'\nimport { formatCountdown as formatCD } from './utils'\n\nconst REFRESH_INTERVAL = 1000 / 30\n\nfunction getTime(value?: countdownValueType) {\n  return new Date(value as any).getTime()\n}\nexport const countdownProps = () => {\n  return {\n    ...statisticProps(),\n    value: someType<countdownValueType>([Number, String, Object]),\n    format: String,\n    onFinish: Function as PropType<() => void>,\n    onChange: Function as PropType<(value?: countdownValueType) => void>,\n  }\n}\n\nexport type CountdownProps = Partial<ExtractPropTypes<ReturnType<typeof countdownProps>>>\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'AStatisticCountdown',\n  props: initDefaultProps(countdownProps(), {\n    format: 'HH:mm:ss',\n  }),\n  // emits: ['finish', 'change'],\n  setup(props, { emit, slots }) {\n    const countdownId = ref<any>()\n    const statistic = ref()\n    const syncTimer = () => {\n      const { value } = props\n      const timestamp = getTime(value)\n      if (timestamp >= Date.now()) {\n        startTimer()\n      } else {\n        stopTimer()\n      }\n    }\n\n    const startTimer = () => {\n      if (countdownId.value) return\n      const timestamp = getTime(props.value)\n      countdownId.value = setInterval(() => {\n        statistic.value.$forceUpdate()\n        if (timestamp > Date.now()) {\n          emit('change', timestamp - Date.now())\n        }\n        syncTimer()\n      }, REFRESH_INTERVAL)\n    }\n\n    const stopTimer = () => {\n      const { value } = props\n      if (countdownId.value) {\n        clearInterval(countdownId.value)\n        countdownId.value = undefined\n\n        const timestamp = getTime(value)\n        if (timestamp < Date.now()) {\n          emit('finish')\n        }\n      }\n    }\n\n    const formatCountdown = ({ value, config }: { value: valueType; config: FormatConfig }) => {\n      const { format } = props\n      return formatCD(value, { ...config, format })\n    }\n\n    const valueRenderHtml = (node: any) => node\n    onMounted(() => {\n      syncTimer()\n    })\n    onUpdated(() => {\n      syncTimer()\n    })\n    onBeforeUnmount(() => {\n      stopTimer()\n    })\n    return () => {\n      const value = props.value as valueType\n      return (\n        <Statistic\n          ref={statistic}\n          {...{\n            ...omit(props, ['onFinish', 'onChange']),\n            value,\n            valueRender: valueRenderHtml,\n            formatter: formatCountdown,\n          }}\n          v-slots={slots}\n        />\n      )\n    }\n  },\n})\n"],"names":["REFRESH_INTERVAL","getTime","value","Date","countdownProps","statisticProps","someType","Number","String","Object","format","onFinish","Function","onChange","Countdown","compatConfig","MODE","name","props","initDefaultProps","setup","emit","slots","countdownId","ref","statistic","syncTimer","now","startTimer","stopTimer","timestamp","setInterval","$forceUpdate","clearInterval","undefined","formatCountdown","config","formatCD","valueRenderHtml","node","onMounted","onUpdated","onBeforeUnmount","_createVNode","Statistic","omit","valueRender","formatter"],"mappings":"2VAUA,MAAMA,EAAmB,IAAO,GAEhC,SAASC,EAAQC,EAA4B,CAC3C,OAAO,IAAIC,KAAKD,CAAY,EAAED,QAAO,CACvC,CACO,MAAMG,EAAiBA,KACrB,CACL,GAAGC,EAAc,EACjBH,MAAOI,EAA6B,CAACC,OAAQC,OAAQC,MAAM,CAAC,EAC5DC,OAAQF,OACRG,SAAUC,SACVC,SAAUD,WAKdE,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,sBACNC,MAAOC,EAAiBf,IAAkB,CACxCM,OAAQ,UACV,CAAC,EAEDU,MAAMF,EAAO,CAAEG,KAAAA,EAAMC,MAAAA,CAAM,EAAG,CAC5B,MAAMC,EAAcC,EAAG,EACjBC,EAAYD,EAAG,EACfE,EAAYA,IAAM,CACtB,KAAM,CAAExB,MAAAA,CAAM,EAAIgB,EACAjB,EAAQC,CAAK,GACdC,KAAKwB,MACpBC,EAAU,EAEVC,EAAS,CAEb,EAEMD,EAAaA,IAAM,CACvB,GAAIL,EAAYrB,MAAO,OACvB,MAAM4B,EAAY7B,EAAQiB,EAAMhB,KAAK,EACrCqB,EAAYrB,MAAQ6B,YAAY,IAAM,CACpCN,EAAUvB,MAAM8B,aAAY,EACxBF,EAAY3B,KAAKwB,OACnBN,EAAK,SAAUS,EAAY3B,KAAKwB,IAAG,CAAE,EAEvCD,EAAS,CACX,EAAG1B,CAAgB,CACrB,EAEM6B,EAAYA,IAAM,CACtB,KAAM,CAAE3B,MAAAA,CAAM,EAAIgB,EACdK,EAAYrB,QACd+B,cAAcV,EAAYrB,KAAK,EAC/BqB,EAAYrB,MAAQgC,OAEFjC,EAAQC,CAAK,EACfC,KAAKwB,OACnBN,EAAK,QAAQ,EAGnB,EAEMc,EAAkBA,CAAC,CAAEjC,MAAAA,EAAOkC,OAAAA,CAAmD,IAAM,CACzF,KAAM,CAAE1B,OAAAA,CAAO,EAAIQ,EACnB,OAAOmB,EAASnC,EAAO,CAAE,GAAGkC,EAAQ1B,OAAAA,CAAO,CAAC,CAC9C,EAEM4B,EAAmBC,GAAcA,EACvCC,OAAAA,EAAU,IAAM,CACdd,EAAS,CACX,CAAC,EACDe,EAAU,IAAM,CACdf,EAAS,CACX,CAAC,EACDgB,EAAgB,IAAM,CACpBb,EAAS,CACX,CAAC,EACM,IAAM,CACX,MAAM3B,EAAQgB,EAAMhB,MACpB,OAAAyC,EAAAC,EAAA,CAAA,IAESnB,EAEH,GAAGoB,EAAK3B,EAAO,CAAC,WAAY,UAAU,CAAC,EACvChB,MAAAA,EACA4C,YAAaR,EACbS,UAAWZ,CAAe,EAEnBb,CAAK,CAGpB,CACF,CACF,CAAC"}

package/dist/es/statistic/Number.mjs

@@ -0,0 +1,2 @@
+import{createVNode as i}from"vue";const f=p=>{const{value:s,formatter:o,precision:t,decimalSeparator:d,groupSeparator:m="",prefixCls:n}=p;let a;if(typeof o=="function")a=o({value:s});else{const r=String(s),l=r.match(/^(-?)(\d*)(\.(\d+))?$/);if(!l)a=r;else{const u=l[1];let c=l[2]||"0",e=l[4]||"";c=c.replace(/\B(?=(\d{3})+(?!\d))/g,m),typeof t=="number"&&(e=e.padEnd(t,"0").slice(0,t>0?t:0)),e&&(e=`${d}${e}`),a=[i("span",{key:"int",class:`${n}-content-value-int`},[u,c]),e&&i("span",{key:"decimal",class:`${n}-content-value-decimal`},[e])]}}return i("span",{class:`${n}-content-value`},[a])};f.displayName="StatisticNumber";export{f as default};
+//# sourceMappingURL=Number.mjs.map

package/dist/es/statistic/Number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.mjs","sources":["../../../src/statistic/Number.tsx"],"sourcesContent":["import type { FunctionalComponent, VNodeTypes } from 'vue'\n\nimport type { FormatConfig, valueType } from './utils'\n\ninterface NumberProps extends FormatConfig {\n  value: valueType\n}\n\nconst StatisticNumber: FunctionalComponent<NumberProps> = (props) => {\n  const { value, formatter, precision, decimalSeparator, groupSeparator = '', prefixCls } = props\n  let valueNode: VNodeTypes\n\n  if (typeof formatter === 'function') {\n    // Customize formatter\n    valueNode = formatter({ value })\n  } else {\n    // Internal formatter\n    const val = String(value)\n    const cells = val.match(/^(-?)(\\d*)(\\.(\\d+))?$/)\n    // Process if illegal number\n    if (!cells) {\n      valueNode = val\n    } else {\n      const negative = cells[1]\n      let int = cells[2] || '0'\n      let decimal = cells[4] || ''\n\n      int = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n      if (typeof precision === 'number') {\n        decimal = decimal.padEnd(precision, '0').slice(0, precision > 0 ? precision : 0)\n      }\n\n      if (decimal) {\n        decimal = `${decimalSeparator}${decimal}`\n      }\n\n      valueNode = [\n        <span key=\"int\" class={`${prefixCls}-content-value-int`}>\n          {negative}\n          {int}\n        </span>,\n        decimal && (\n          <span key=\"decimal\" class={`${prefixCls}-content-value-decimal`}>\n            {decimal}\n          </span>\n        ),\n      ]\n    }\n  }\n\n  return <span class={`${prefixCls}-content-value`}>{valueNode}</span>\n}\nStatisticNumber.displayName = 'StatisticNumber'\nexport default StatisticNumber\n"],"names":["StatisticNumber","props","value","formatter","precision","decimalSeparator","groupSeparator","prefixCls","valueNode","val","String","cells","match","negative","int","decimal","replace","padEnd","slice","_createVNode","displayName"],"mappings":"kCAQA,MAAMA,EAAqDC,GAAU,CACnE,KAAM,CAAEC,MAAAA,EAAOC,UAAAA,EAAWC,UAAAA,EAAWC,iBAAAA,EAAkBC,eAAAA,EAAiB,GAAIC,UAAAA,CAAU,EAAIN,EAC1F,IAAIO,EAEJ,GAAI,OAAOL,GAAc,WAEvBK,EAAYL,EAAU,CAAED,MAAAA,CAAM,CAAC,MAC1B,CAEL,MAAMO,EAAMC,OAAOR,CAAK,EAClBS,EAAQF,EAAIG,MAAM,uBAAuB,EAE/C,GAAI,CAACD,EACHH,EAAYC,MACP,CACL,MAAMI,EAAWF,EAAM,CAAC,EACxB,IAAIG,EAAMH,EAAM,CAAC,GAAK,IAClBI,EAAUJ,EAAM,CAAC,GAAK,GAE1BG,EAAMA,EAAIE,QAAQ,wBAAyBV,CAAc,EACrD,OAAOF,GAAc,WACvBW,EAAUA,EAAQE,OAAOb,EAAW,GAAG,EAAEc,MAAM,EAAGd,EAAY,EAAIA,EAAY,CAAC,GAG7EW,IACFA,EAAU,GAAGV,CAAgB,GAAGU,CAAO,IAGzCP,EAAY,CAAAW,EAAA,OAAA,CAAA,IAAA,MAAA,MACa,GAAGZ,CAAS,oBAAoB,EAAA,CACpDM,EACAC,CAAG,CAAA,EAENC,GAAOI,EAAA,OAAA,CAAA,IAAA,UAAA,MACsB,GAAGZ,CAAS,0BAAwB,CAC5DQ,CAAO,EAEX,CAEL,CACF,CAEA,OAAAI,EAAA,OAAA,CAAA,MAAoB,GAAGZ,CAAS,gBAAgB,EAAA,CAAGC,CAAS,CAAA,CAC9D,EACAR,EAAgBoB,YAAc"}

package/dist/es/statistic/Statistic.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as x,createVNode as a}from"vue";import y from"../_util/props-util/initDefaultProps.mjs";import{booleanType as b,vNodeType as o,anyType as C,functionType as N,someType as T}from"../_util/type.mjs";import $ from"../config-provider/hooks/useConfigInject.mjs";import h from"../skeleton/Skeleton.mjs";import j from"./Number.mjs";import O from"./style/index.mjs";const D=()=>({prefixCls:String,decimalSeparator:String,groupSeparator:String,format:String,value:T([Number,String,Object]),valueStyle:{type:Object,default:void 0},valueRender:N(),formatter:C(),precision:Number,prefix:o(),suffix:o(),title:o(),loading:b()}),M=x({compatConfig:{MODE:3},name:"AStatistic",inheritAttrs:!1,props:y(D(),{decimalSeparator:".",groupSeparator:",",loading:!1}),slots:Object,setup(t,{slots:i,attrs:n}){const{prefixCls:l,direction:p}=$("statistic",t),[m,d]=O(l);return()=>{const{value:S=0,valueStyle:g,valueRender:f}=t,e=l.value,s=t.title??i.title?.(),c=t.prefix??i.prefix?.(),u=t.suffix??i.suffix?.(),v=t.formatter??i.formatter;let r=a(j,{"data-for-update":Date.now(),...t,prefixCls:e,value:S,formatter:v},null);return f&&(r=f(r)),m(a("div",{...n,class:[e,{[`${e}-rtl`]:p.value==="rtl"},n.class,d.value]},[s&&a("div",{class:`${e}-title`},[s]),a(h,{paragraph:!1,loading:t.loading},{default:()=>[a("div",{style:g,class:`${e}-content`},[c&&a("span",{class:`${e}-content-prefix`},[c]),r,u&&a("span",{class:`${e}-content-suffix`},[u])])]})]))}}});export{M as default,D as statisticProps};
+//# sourceMappingURL=Statistic.mjs.map

package/dist/es/statistic/Statistic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statistic.mjs","sources":["../../../src/statistic/Statistic.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { defineComponent } from 'vue'\n\nimport initDefaultProps from '../_util/props-util/initDefaultProps'\nimport { anyType, booleanType, functionType, someType, vNodeType } from '../_util/type'\nimport type { CustomSlotsType, VueNode } from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport Skeleton from '../skeleton/Skeleton'\nimport StatisticNumber from './Number'\n// CSSINJS\nimport useStyle from './style'\nimport type { Formatter, valueType } from './utils'\n\nexport const statisticProps = () => ({\n  prefixCls: String,\n  decimalSeparator: String,\n  groupSeparator: String,\n  format: String,\n  value: someType<valueType>([Number, String, Object]),\n  valueStyle: { type: Object as PropType<CSSProperties>, default: undefined as CSSProperties },\n  valueRender: functionType<(node: VueNode) => VueNode>(),\n  formatter: anyType<Formatter>(),\n  precision: Number,\n  prefix: vNodeType(),\n  suffix: vNodeType(),\n  title: vNodeType(),\n  loading: booleanType(),\n})\n\nexport type StatisticProps = Partial<ExtractPropTypes<ReturnType<typeof statisticProps>>>\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'AStatistic',\n  inheritAttrs: false,\n  props: initDefaultProps(statisticProps(), {\n    decimalSeparator: '.',\n    groupSeparator: ',',\n    loading: false,\n  }),\n  slots: Object as CustomSlotsType<{\n    title?: any\n    prefix?: any\n    suffix?: any\n    formatter?: any\n    default?: any\n  }>,\n  setup(props, { slots, attrs }) {\n    const { prefixCls, direction } = useConfigInject('statistic', props)\n\n    // Style\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n\n    return () => {\n      const { value = 0, valueStyle, valueRender } = props\n      const pre = prefixCls.value\n      const title = props.title ?? slots.title?.()\n      const prefix = props.prefix ?? slots.prefix?.()\n      const suffix = props.suffix ?? slots.suffix?.()\n      const formatter = props.formatter ?? (slots.formatter as unknown as Formatter)\n      // data-for-update just for update component\n      // https://github.com/vueComponent/ant-design-vue/pull/3170\n      let valueNode: VueNode = (\n        <StatisticNumber\n          data-for-update={Date.now()}\n          {...{ ...props, prefixCls: pre, value, formatter }}\n        />\n      )\n      if (valueRender) {\n        valueNode = valueRender(valueNode)\n      }\n      return wrapSSR(\n        <div\n          {...attrs}\n          class={[pre, { [`${pre}-rtl`]: direction.value === 'rtl' }, attrs.class, hashId.value]}\n        >\n          {title && <div class={`${pre}-title`}>{title}</div>}\n          <Skeleton paragraph={false} loading={props.loading}>\n            <div style={valueStyle} class={`${pre}-content`}>\n              {prefix && <span class={`${pre}-content-prefix`}>{prefix}</span>}\n              {valueNode}\n              {suffix && <span class={`${pre}-content-suffix`}>{suffix}</span>}\n            </div>\n          </Skeleton>\n        </div>,\n      )\n    }\n  },\n})\n"],"names":["statisticProps","prefixCls","String","decimalSeparator","groupSeparator","format","value","someType","Number","Object","valueStyle","type","default","undefined","valueRender","functionType","formatter","anyType","precision","prefix","vNodeType","suffix","title","loading","booleanType","Statistic","compatConfig","MODE","name","inheritAttrs","props","initDefaultProps","slots","setup","attrs","direction","useConfigInject","wrapSSR","hashId","useStyle","pre","valueNode","_createVNode","StatisticNumber","Date","now","class","Skeleton"],"mappings":"4XAaO,MAAMA,EAAiBA,KAAO,CACnCC,UAAWC,OACXC,iBAAkBD,OAClBE,eAAgBF,OAChBG,OAAQH,OACRI,MAAOC,EAAoB,CAACC,OAAQN,OAAQO,MAAM,CAAC,EACnDC,WAAY,CAAEC,KAAMF,OAAmCG,QAASC,QAChEC,YAAaC,EAAY,EACzBC,UAAWC,EAAO,EAClBC,UAAWV,OACXW,OAAQC,EAAS,EACjBC,OAAQD,EAAS,EACjBE,MAAOF,EAAS,EAChBG,QAASC,EAAW,CACtB,GAIAC,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,aACNC,aAAc,GACdC,MAAOC,EAAiB/B,IAAkB,CACxCG,iBAAkB,IAClBC,eAAgB,IAChBmB,QAAS,EACX,CAAC,EACDS,MAAOvB,OAOPwB,MAAMH,EAAO,CAAEE,MAAAA,EAAOE,MAAAA,CAAM,EAAG,CAC7B,KAAM,CAAEjC,UAAAA,EAAWkC,UAAAA,CAAU,EAAIC,EAAgB,YAAaN,CAAK,EAG7D,CAACO,EAASC,CAAM,EAAIC,EAAStC,CAAS,EAE5C,MAAO,IAAM,CACX,KAAM,CAAEK,MAAAA,EAAQ,EAAGI,WAAAA,EAAYI,YAAAA,CAAY,EAAIgB,EACzCU,EAAMvC,EAAUK,MAChBgB,EAAQQ,EAAMR,OAASU,EAAMV,QAAK,EAClCH,EAASW,EAAMX,QAAUa,EAAMb,SAAM,EACrCE,EAASS,EAAMT,QAAUW,EAAMX,SAAM,EACrCL,EAAYc,EAAMd,WAAcgB,EAAMhB,UAG5C,IAAIyB,EAAkBC,EAAAC,EAAA,CAAA,kBAEDC,KAAKC,IAAG,EACnB,GAAGf,EAAO7B,UAAWuC,EAAKlC,MAAAA,EAAOU,UAAAA,GAAS,IAAA,EAGpD,OAAIF,IACF2B,EAAY3B,EAAY2B,CAAS,GAE5BJ,EAAOK,EAAA,MAAA,CAAA,GAENR,EAAK,MACF,CAACM,EAAK,CAAE,CAAC,GAAGA,CAAG,MAAM,EAAGL,EAAU7B,QAAU,KAAM,EAAG4B,EAAMY,MAAOR,EAAOhC,KAAK,GAAC,CAErFgB,GAAKoB,EAAA,MAAA,CAAA,MAAgB,GAAGF,CAAG,QAAQ,EAAA,CAAGlB,CAAK,CAAA,EAAOoB,EAAAK,EAAA,CAAA,UAC9B,GAAK,QAAWjB,EAAMP,OAAO,EAAA,CAAAX,QAAAA,IAAA,CAAA8B,EAAA,MAAA,CAAA,MACpChC,EAAU,MAAS,GAAG8B,CAAG,YAAU,CAC5CrB,GAAMuB,EAAA,OAAA,CAAA,MAAiB,GAAGF,CAAG,iBAAiB,EAAA,CAAGrB,CAAM,CAAA,EACvDsB,EACApB,GAAMqB,EAAA,OAAA,CAAA,MAAiB,GAAGF,CAAG,iBAAiB,EAAA,CAAGnB,CAAM,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIxE,CACF,CACF,CACF,CAAC"}

package/dist/es/statistic/index.mjs

@@ -0,0 +1,2 @@
+import t from"./Countdown.mjs";import n from"./Statistic.mjs";n.Countdown=t;n.install=function(o){return o.component(n.name,n),o.component(n.Countdown.name,n.Countdown),o};const m=n.Countdown;export{m as StatisticCountdown,n as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/statistic/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nimport Countdown from './Countdown'\nimport Statistic from './Statistic'\n\nexport type { StatisticProps } from './Statistic'\n\nStatistic.Countdown = Countdown\n/* istanbul ignore next */\nStatistic.install = function (app: App) {\n  app.component(Statistic.name, Statistic)\n  app.component(Statistic.Countdown.name, Statistic.Countdown)\n  return app\n}\n\nexport const StatisticCountdown = Statistic.Countdown\n\nexport default Statistic as typeof Statistic &\n  Plugin & {\n    readonly Countdown: typeof Countdown\n  }\n"],"names":["Statistic","Countdown","app","StatisticCountdown"],"mappings":"8DAOAA,EAAU,UAAYC,EAEtBD,EAAU,QAAU,SAAUE,EAAU,CACtC,OAAAA,EAAI,UAAUF,EAAU,KAAMA,CAAS,EACvCE,EAAI,UAAUF,EAAU,UAAU,KAAMA,EAAU,SAAS,EACpDE,CACT,EAEO,MAAMC,EAAqBH,EAAU"}

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

@@ -0,0 +1,2 @@
+import{resetComponent as l}from"../../style/index.mjs";import"../../theme/internal.mjs";import m from"../../theme/util/genComponentStyleHook.mjs";import{merge as f}from"../../theme/util/statistic.mjs";const p=n=>{const{componentCls:t,marginXXS:i,padding:o,colorTextDescription:e,statisticTitleFontSize:s,colorTextHeading:c,statisticContentFontSize:r,statisticFontFamily:a}=n;return{[`${t}`]:{...l(n),[`${t}-title`]:{marginBottom:i,color:e,fontSize:s},[`${t}-skeleton`]:{paddingTop:o},[`${t}-content`]:{color:c,fontSize:r,fontFamily:a,[`${t}-content-value`]:{display:"inline-block",direction:"ltr"},[`${t}-content-prefix, ${t}-content-suffix`]:{display:"inline-block"},[`${t}-content-prefix`]:{marginInlineEnd:i},[`${t}-content-suffix`]:{marginInlineStart:i}}}}},y=m("Statistic",n=>{const{fontSizeHeading3:t,fontSize:i,fontFamily:o}=n,e=f(n,{statisticTitleFontSize:i,statisticContentFontSize:t,statisticFontFamily:o});return[p(e)]});export{y as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/statistic/style/index.tsx"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { resetComponent } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\ninterface StatisticToken extends FullToken<'Statistic'> {\n  statisticTitleFontSize: number\n  statisticContentFontSize: number\n  statisticFontFamily: string\n}\n\nconst genStatisticStyle: GenerateStyle<StatisticToken> = (token: StatisticToken): CSSObject => {\n  const {\n    componentCls,\n    marginXXS,\n    padding,\n    colorTextDescription,\n    statisticTitleFontSize,\n    colorTextHeading,\n    statisticContentFontSize,\n    statisticFontFamily,\n  } = token\n\n  return {\n    [`${componentCls}`]: {\n      ...resetComponent(token),\n      [`${componentCls}-title`]: {\n        marginBottom: marginXXS,\n        color: colorTextDescription,\n        fontSize: statisticTitleFontSize,\n      },\n\n      [`${componentCls}-skeleton`]: {\n        paddingTop: padding,\n      },\n\n      [`${componentCls}-content`]: {\n        color: colorTextHeading,\n        fontSize: statisticContentFontSize,\n        fontFamily: statisticFontFamily,\n        [`${componentCls}-content-value`]: {\n          display: 'inline-block',\n          direction: 'ltr',\n        },\n        [`${componentCls}-content-prefix, ${componentCls}-content-suffix`]: {\n          display: 'inline-block',\n        },\n        [`${componentCls}-content-prefix`]: {\n          marginInlineEnd: marginXXS,\n        },\n        [`${componentCls}-content-suffix`]: {\n          marginInlineStart: marginXXS,\n        },\n      },\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Statistic', (token) => {\n  const { fontSizeHeading3, fontSize, fontFamily } = token\n\n  const statisticToken = mergeToken<StatisticToken>(token, {\n    statisticTitleFontSize: fontSize,\n    statisticContentFontSize: fontSizeHeading3,\n    statisticFontFamily: fontFamily,\n  })\n  return [genStatisticStyle(statisticToken)]\n})\n"],"names":["genStatisticStyle","token","componentCls","marginXXS","padding","colorTextDescription","statisticTitleFontSize","colorTextHeading","statisticContentFontSize","statisticFontFamily","resetComponent","marginBottom","color","fontSize","paddingTop","fontFamily","display","direction","marginInlineEnd","marginInlineStart","useStyle","genComponentStyleHook","fontSizeHeading3","statisticToken","mergeToken"],"mappings":"yMAWA,MAAMA,EAAoDC,GAAqC,CAC7F,KAAM,CACJC,aAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,uBAAAA,EACAC,iBAAAA,EACAC,yBAAAA,EACAC,oBAAAA,CACF,EAAIR,EAEJ,MAAO,CACL,CAAC,GAAGC,CAAY,EAAE,EAAG,CACnB,GAAGQ,EAAeT,CAAK,EACvB,CAAC,GAAGC,CAAY,QAAQ,EAAG,CACzBS,aAAcR,EACdS,MAAOP,EACPQ,SAAUP,GAGZ,CAAC,GAAGJ,CAAY,WAAW,EAAG,CAC5BY,WAAYV,GAGd,CAAC,GAAGF,CAAY,UAAU,EAAG,CAC3BU,MAAOL,EACPM,SAAUL,EACVO,WAAYN,EACZ,CAAC,GAAGP,CAAY,gBAAgB,EAAG,CACjCc,QAAS,eACTC,UAAW,OAEb,CAAC,GAAGf,CAAY,oBAAoBA,CAAY,iBAAiB,EAAG,CAClEc,QAAS,gBAEX,CAAC,GAAGd,CAAY,iBAAiB,EAAG,CAClCgB,gBAAiBf,GAEnB,CAAC,GAAGD,CAAY,iBAAiB,EAAG,CAClCiB,kBAAmBhB,CACrB,CACF,CACF,EAEJ,EAGAiB,EAAeC,EAAsB,YAAcpB,GAAU,CAC3D,KAAM,CAAEqB,iBAAAA,EAAkBT,SAAAA,EAAUE,WAAAA,CAAW,EAAId,EAE7CsB,EAAiBC,EAA2BvB,EAAO,CACvDK,uBAAwBO,EACxBL,yBAA0Bc,EAC1Bb,oBAAqBM,CACvB,CAAC,EACD,MAAO,CAACf,EAAkBuB,CAAc,CAAC,CAC3C,CAAC"}

package/dist/es/statistic/utils.mjs

@@ -0,0 +1,2 @@
+const g=[["Y",31536e6],["M",2592e6],["D",864e5],["H",36e5],["m",6e4],["s",1e3],["S",1]];function d(r,n){let o=r;const t=/\[[^\]]*\]/g,c=(n.match(t)||[]).map(e=>e.slice(1,-1)),a=n.replace(t,"[]"),u=g.reduce((e,[l,i])=>{if(e.includes(l)){const p=Math.floor(o/i);return o-=p*i,e.replace(new RegExp(`${l}+`,"g"),m=>{const f=m.length;return p.toString().padStart(f,"0")})}return e},a);let s=0;return u.replace(t,()=>{const e=c[s];return s+=1,e})}function x(r,n){const{format:o=""}=n,t=new Date(r).getTime(),c=Date.now(),a=Math.max(t-c,0);return d(a,o)}export{x as formatCountdown,d as formatTimeStr};
+//# sourceMappingURL=utils.mjs.map

package/dist/es/statistic/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../src/statistic/utils.ts"],"sourcesContent":["import type { VNodeTypes } from 'vue'\n\nexport type valueType = number | string\nexport type countdownValueType = number | string\n\nexport type Formatter =\n  | false\n  | 'number'\n  | 'countdown'\n  | (({ value, config }: { value: valueType; config?: FormatConfig }) => VNodeTypes)\n\nexport interface FormatConfig {\n  formatter?: Formatter\n  decimalSeparator?: string\n  groupSeparator?: string\n  precision?: number\n  prefixCls?: string\n}\n\nexport interface CountdownFormatConfig extends FormatConfig {\n  format?: string\n}\n\n// Countdown\nconst timeUnits: [string, number][] = [\n  ['Y', 1000 * 60 * 60 * 24 * 365], // years\n  ['M', 1000 * 60 * 60 * 24 * 30], // months\n  ['D', 1000 * 60 * 60 * 24], // days\n  ['H', 1000 * 60 * 60], // hours\n  ['m', 1000 * 60], // minutes\n  ['s', 1000], // seconds\n  ['S', 1], // million seconds\n]\n\nexport function formatTimeStr(duration: number, format: string) {\n  let leftDuration: number = duration\n\n  const escapeRegex = /\\[[^\\]]*\\]/g\n  const keepList: string[] = (format.match(escapeRegex) || []).map((str) => str.slice(1, -1))\n  const templateText = format.replace(escapeRegex, '[]')\n\n  const replacedText = timeUnits.reduce((current, [name, unit]) => {\n    if (current.includes(name)) {\n      const value = Math.floor(leftDuration / unit)\n      leftDuration -= value * unit\n      return current.replace(new RegExp(`${name}+`, 'g'), (match: string) => {\n        const len = match.length\n        return value.toString().padStart(len, '0')\n      })\n    }\n    return current\n  }, templateText)\n\n  let index = 0\n  return replacedText.replace(escapeRegex, () => {\n    const match = keepList[index]\n    index += 1\n    return match\n  })\n}\n\nexport function formatCountdown(value: valueType, config: CountdownFormatConfig) {\n  const { format = '' } = config\n  const target = new Date(value).getTime()\n  const current = Date.now()\n  const diff = Math.max(target - current, 0)\n\n  return formatTimeStr(diff, format)\n}\n"],"names":["timeUnits","formatTimeStr","duration","format","leftDuration","escapeRegex","keepList","str","templateText","replacedText","current","name","unit","value","match","len","index","formatCountdown","config","target","diff"],"mappings":"AAwBA,MAAMA,EAAgC,CACpC,CAAC,IAAK,OAAyB,EAC/B,CAAC,IAAK,MAAwB,EAC9B,CAAC,IAAK,KAAmB,EACzB,CAAC,IAAK,IAAc,EACpB,CAAC,IAAK,GAAS,EACf,CAAC,IAAK,GAAI,EACV,CAAC,IAAK,CAAC,CACT,EAEO,SAASC,EAAcC,EAAkBC,EAAgB,CAC9D,IAAIC,EAAuBF,EAE3B,MAAMG,EAAc,cACdC,GAAsBH,EAAO,MAAME,CAAW,GAAK,CAAA,GAAI,IAAKE,GAAQA,EAAI,MAAM,EAAG,EAAE,CAAC,EACpFC,EAAeL,EAAO,QAAQE,EAAa,IAAI,EAE/CI,EAAeT,EAAU,OAAO,CAACU,EAAS,CAACC,EAAMC,CAAI,IAAM,CAC/D,GAAIF,EAAQ,SAASC,CAAI,EAAG,CAC1B,MAAME,EAAQ,KAAK,MAAMT,EAAeQ,CAAI,EAC5C,OAAAR,GAAgBS,EAAQD,EACjBF,EAAQ,QAAQ,IAAI,OAAO,GAAGC,CAAI,IAAK,GAAG,EAAIG,GAAkB,CACrE,MAAMC,EAAMD,EAAM,OAClB,OAAOD,EAAM,SAAA,EAAW,SAASE,EAAK,GAAG,CAC3C,CAAC,CACH,CACA,OAAOL,CACT,EAAGF,CAAY,EAEf,IAAIQ,EAAQ,EACZ,OAAOP,EAAa,QAAQJ,EAAa,IAAM,CAC7C,MAAMS,EAAQR,EAASU,CAAK,EAC5B,OAAAA,GAAS,EACFF,CACT,CAAC,CACH,CAEO,SAASG,EAAgBJ,EAAkBK,EAA+B,CAC/E,KAAM,CAAE,OAAAf,EAAS,EAAA,EAAOe,EAClBC,EAAS,IAAI,KAAKN,CAAK,EAAE,QAAA,EACzBH,EAAU,KAAK,IAAA,EACfU,EAAO,KAAK,IAAID,EAAST,EAAS,CAAC,EAEzC,OAAOT,EAAcmB,EAAMjB,CAAM,CACnC"}

package/dist/es/steps/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as h,computed as r,createVNode as o}from"vue";import D from"../_util/classNames.mjs";import I from"../_util/hooks/useBreakpoint.mjs";import z from"../_util/omit.mjs";import R from"../_util/props-util/initDefaultProps.mjs";import{functionType as g,stringType as i,someType as W,arrayType as j,booleanType as A}from"../_util/type.mjs";import V from"../config-provider/hooks/useConfigInject.mjs";import w from"../progress/index.mjs";import{useToken as B}from"../theme/internal.mjs";import E from"../tooltip/index.mjs";import H,{VcStepProps as M}from"../vc-steps/Step.mjs";import F from"../vc-steps/Steps.mjs";import G from"./style/index.mjs";import L 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 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/CheckOutlined.mjs";const q=()=>({prefixCls:String,iconPrefix:String,current:Number,initial:Number,percent:Number,responsive:A(),items:j(),labelPlacement:i(),status:i(),size:i(),direction:i(),progressDot:W([Boolean,Function]),type:i(),onChange:g(),"onUpdate:current":g()}),m=h({compatConfig:{MODE:3},name:"ASteps",inheritAttrs:!1,props:R(q(),{current:0,responsive:!0,labelPlacement:"horizontal"}),slots:Object,setup(e,{attrs:p,slots:P,emit:f}){const{prefixCls:t,direction:C,configProvider:S}=V("steps",e),[x,y]=G(t),[,d]=B(),b=I(),T=r(()=>e.responsive&&b.value.xs?"vertical":e.direction),N=r(()=>S.getPrefixCls("",e.iconPrefix)),O=n=>{f("update:current",n),f("change",n)},c=r(()=>e.type==="inline"),v=r(()=>c.value?void 0:e.percent),$=({node:n,status:l})=>{if(l==="process"&&e.percent!==void 0){const s=e.size==="small"?d.value.controlHeight:d.value.controlHeightLG;return o("div",{class:`${t.value}-progress-icon`},[o(w,{type:"circle",percent:v.value,size:s,strokeWidth:4,format:()=>null},null),n])}return n},k=r(()=>({finish:o(U,{class:`${t.value}-finish-icon`},null),error:o(L,{class:`${t.value}-error-icon`},null)}));return()=>{const n=D({[`${t.value}-rtl`]:C.value==="rtl",[`${t.value}-with-progress`]:v.value!==void 0},p.class,y.value),l=(s,a)=>s.description?o(E,{title:s.description},{default:()=>[a]}):a;return x(o(F,{icons:k.value,...p,...z(e,["percent","responsive"]),items:e.items,direction:T.value,prefixCls:t.value,iconPrefix:N.value,class:n,onChange:O,isInline:c.value,itemRender:c.value?l:void 0},{stepIcon:$,...P}))}}}),u=h({compatConfig:{MODE:3},...H,name:"AStep",props:M()}),le=Object.assign(m,{Step:u,install:e=>(e.component(m.name,m),e.component(u.name,u),e)});export{u as Step,le as default,q as stepsProps};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/steps/index.tsx"],"sourcesContent":["import CheckOutlined from '@ant-design/icons-vue/CheckOutlined'\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined'\n\nimport type { App, ExtractPropTypes } from 'vue'\nimport { computed, defineComponent } from 'vue'\n\nimport type { MouseEventHandler } from '../_util/EventInterface'\nimport classNames from '../_util/classNames'\nimport useBreakpoint from '../_util/hooks/useBreakpoint'\nimport omit from '../_util/omit'\nimport initDefaultProps from '../_util/props-util/initDefaultProps'\nimport type { CustomSlotsType, VueNode } from '../_util/type'\nimport { anyType, arrayType, booleanType, functionType, someType, stringType } from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport Progress from '../progress'\nimport { useToken } from '../theme/internal'\nimport Tooltip from '../tooltip'\nimport VcSteps, { Step as VcStep } from '../vc-steps'\nimport { VcStepProps } from '../vc-steps/Step'\nimport type { ProgressDotRender, Status } from '../vc-steps/interface'\n// CSSINJS\nimport useStyle from './style'\n\nexport const stepsProps = () => ({\n  prefixCls: String,\n  iconPrefix: String,\n  current: Number,\n  initial: Number,\n  percent: Number,\n  responsive: booleanType(),\n  items: arrayType<StepProps[]>(),\n  labelPlacement: stringType<'horizontal' | 'vertical'>(),\n  status: stringType<Status>(),\n  size: stringType<'default' | 'small'>(),\n  direction: stringType<'horizontal' | 'vertical'>(),\n  progressDot: someType<boolean | ProgressDotRender>([Boolean, Function]),\n  type: stringType<'default' | 'navigation' | 'inline'>(),\n  onChange: functionType<(current: number) => void>(),\n  'onUpdate:current': functionType<(current: number) => void>(),\n})\n\nexport const stepProps = () => ({\n  description: anyType(),\n  icon: anyType(),\n  status: stringType<Status>(),\n  disabled: booleanType(),\n  title: anyType(),\n  subTitle: anyType(),\n  onClick: functionType<MouseEventHandler>(),\n})\n\nexport type StepsProps = Partial<ExtractPropTypes<ReturnType<typeof stepsProps>>>\n\nexport type StepProps = Partial<ExtractPropTypes<ReturnType<typeof stepProps>>>\n\nconst Steps = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ASteps',\n  inheritAttrs: false,\n  props: initDefaultProps(stepsProps(), {\n    current: 0,\n    responsive: true,\n    labelPlacement: 'horizontal',\n  }),\n  slots: Object as CustomSlotsType<{\n    progressDot: any\n    default: any\n  }>,\n\n  // emits: ['update:current', 'change'],\n  setup(props, { attrs, slots, emit }) {\n    const { prefixCls, direction: rtlDirection, configProvider } = useConfigInject('steps', props)\n    // style\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n    const [, token] = useToken()\n\n    const screens = useBreakpoint()\n    const direction = computed(() =>\n      props.responsive && screens.value.xs ? 'vertical' : props.direction,\n    )\n    const iconPrefix = computed(() => configProvider.getPrefixCls('', props.iconPrefix))\n    const handleChange = (current: number) => {\n      emit('update:current', current)\n      emit('change', current)\n    }\n    const isInline = computed(() => props.type === 'inline')\n    const mergedPercent = computed(() => (isInline.value ? undefined : props.percent))\n    const stepIconRender = ({\n      node,\n      status,\n    }: {\n      node: any\n      index: number\n      status: string\n      title: any\n      description: any\n    }) => {\n      if (status === 'process' && props.percent !== undefined) {\n        // currently it's hard-coded, since we can't easily read the actually width of icon\n\n        const progressWidth =\n          props.size === 'small' ? token.value.controlHeight : token.value.controlHeightLG\n\n        const iconWithProgress = (\n          <div class={`${prefixCls.value}-progress-icon`}>\n            <Progress\n              type=\"circle\"\n              percent={mergedPercent.value}\n              size={progressWidth}\n              strokeWidth={4}\n              format={() => null}\n            />\n            {node}\n          </div>\n        )\n        return iconWithProgress\n      }\n      return node\n    }\n    const icons = computed(() => ({\n      finish: <CheckOutlined class={`${prefixCls.value}-finish-icon`} />,\n      error: <CloseOutlined class={`${prefixCls.value}-error-icon`} />,\n    }))\n    return () => {\n      const stepsClassName = classNames(\n        {\n          [`${prefixCls.value}-rtl`]: rtlDirection.value === 'rtl',\n          [`${prefixCls.value}-with-progress`]: mergedPercent.value !== undefined,\n        },\n        attrs.class,\n        hashId.value,\n      )\n      const itemRender = (item: StepProps, stepItem: VueNode) =>\n        item.description ? <Tooltip title={item.description}>{stepItem}</Tooltip> : stepItem\n\n      return wrapSSR(\n        <VcSteps\n          icons={icons.value}\n          {...attrs}\n          {...omit(props, ['percent', 'responsive'])}\n          items={props.items}\n          direction={direction.value}\n          prefixCls={prefixCls.value}\n          iconPrefix={iconPrefix.value}\n          class={stepsClassName}\n          onChange={handleChange}\n          isInline={isInline.value}\n          itemRender={isInline.value ? itemRender : undefined}\n          v-slots={{ stepIcon: stepIconRender, ...slots }}\n        />,\n      )\n    }\n  },\n})\n\n/* istanbul ignore next */\nexport const Step = defineComponent({\n  compatConfig: { MODE: 3 },\n  ...(VcStep as any),\n  name: 'AStep',\n  props: VcStepProps(),\n})\nexport default Object.assign(Steps, {\n  Step,\n  install: (app: App) => {\n    app.component(Steps.name, Steps)\n    app.component(Step.name, Step)\n    return app\n  },\n})\n"],"names":["stepsProps","prefixCls","String","iconPrefix","current","Number","initial","percent","responsive","booleanType","items","arrayType","labelPlacement","stringType","status","size","direction","progressDot","someType","Boolean","Function","type","onChange","functionType","Steps","defineComponent","compatConfig","MODE","name","inheritAttrs","props","initDefaultProps","slots","Object","setup","attrs","emit","rtlDirection","configProvider","useConfigInject","wrapSSR","hashId","useStyle","token","useToken","screens","useBreakpoint","computed","value","xs","getPrefixCls","handleChange","isInline","mergedPercent","undefined","stepIconRender","node","progressWidth","controlHeight","controlHeightLG","_createVNode","Progress","format","icons","finish","CheckOutlined","error","CloseOutlined","stepsClassName","classNames","class","itemRender","item","stepItem","description","Tooltip","default","VcSteps","omit","stepIcon","Step","VcStep","VcStepProps","index","assign","install","app","component"],"mappings":"88BAuBO,MAAMA,EAAaA,KAAO,CAC/BC,UAAWC,OACXC,WAAYD,OACZE,QAASC,OACTC,QAASD,OACTE,QAASF,OACTG,WAAYC,EAAW,EACvBC,MAAOC,EAAS,EAChBC,eAAgBC,EAAU,EAC1BC,OAAQD,EAAU,EAClBE,KAAMF,EAAU,EAChBG,UAAWH,EAAU,EACrBI,YAAaC,EAAsC,CAACC,QAASC,QAAQ,CAAC,EACtEC,KAAMR,EAAU,EAChBS,SAAUC,EAAY,EACtB,mBAAoBA,EAAY,CAClC,GAgBMC,EAAQC,EAAgB,CAC5BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,SACNC,aAAc,GACdC,MAAOC,EAAiB/B,IAAc,CACpCI,QAAS,EACTI,WAAY,GACZI,eAAgB,YAClB,CAAC,EACDoB,MAAOC,OAMPC,MAAMJ,EAAO,CAAEK,MAAAA,EAAOH,MAAAA,EAAOI,KAAAA,CAAK,EAAG,CACnC,KAAM,CAAEnC,UAAAA,EAAWe,UAAWqB,EAAcC,eAAAA,CAAe,EAAIC,EAAgB,QAAST,CAAK,EAEvF,CAACU,EAASC,CAAM,EAAIC,EAASzC,CAAS,EACtC,CAAA,CAAG0C,CAAK,EAAIC,EAAQ,EAEpBC,EAAUC,EAAa,EACvB9B,EAAY+B,EAAS,IACzBjB,EAAMtB,YAAcqC,EAAQG,MAAMC,GAAK,WAAanB,EAAMd,SAC5D,EACMb,EAAa4C,EAAS,IAAMT,EAAeY,aAAa,GAAIpB,EAAM3B,UAAU,CAAC,EAC7EgD,EAAgB/C,GAAoB,CACxCgC,EAAK,iBAAkBhC,CAAO,EAC9BgC,EAAK,SAAUhC,CAAO,CACxB,EACMgD,EAAWL,EAAS,IAAMjB,EAAMT,OAAS,QAAQ,EACjDgC,EAAgBN,EAAS,IAAOK,EAASJ,MAAQM,OAAYxB,EAAMvB,OAAQ,EAC3EgD,EAAiBA,CAAC,CACtBC,KAAAA,EACA1C,OAAAA,CAOF,IAAM,CACJ,GAAIA,IAAW,WAAagB,EAAMvB,UAAY+C,OAAW,CAGvD,MAAMG,EACJ3B,EAAMf,OAAS,QAAU4B,EAAMK,MAAMU,cAAgBf,EAAMK,MAAMW,gBAcnE,OAZsBC,EAAA,MAAA,CAAA,MACR,GAAG3D,EAAU+C,KAAK,kBAAgB,CAAAY,EAAAC,EAAA,CAAA,KAAA,SAAA,QAGjCR,EAAcL,MAAK,KACtBS,EAAa,YACN,EAAC,OACNK,IAAM,IAAI,EAAA,IAAA,EAEnBN,CAAI,CAAA,CAIX,CACA,OAAOA,CACT,EACMO,EAAQhB,EAAS,KAAO,CAC5BiB,OAAMJ,EAAAK,EAAA,CAAA,MAAwB,GAAGhE,EAAU+C,KAAK,gBAAc,IAAA,EAC9DkB,MAAKN,EAAAO,EAAA,CAAA,MAAwB,GAAGlE,EAAU+C,KAAK,aAAa,EAAA,IAAA,CAC9D,EAAE,EACF,MAAO,IAAM,CACX,MAAMoB,EAAiBC,EACrB,CACE,CAAC,GAAGpE,EAAU+C,KAAK,MAAM,EAAGX,EAAaW,QAAU,MACnD,CAAC,GAAG/C,EAAU+C,KAAK,gBAAgB,EAAGK,EAAcL,QAAUM,QAEhEnB,EAAMmC,MACN7B,EAAOO,KACT,EACMuB,EAAaA,CAACC,EAAiBC,IACnCD,EAAKE,YAAWd,EAAAe,EAAA,CAAA,MAAmBH,EAAKE,WAAW,EAAA,CAAAE,QAAAA,IAAA,CAAGH,CAAQ,CAAA,CAAA,EAAcA,EAE9E,OAAOjC,EAAOoB,EAAAiB,EAAA,CAAA,MAEHd,EAAMf,MAAK,GACdb,EAAK,GACL2C,EAAKhD,EAAO,CAAC,UAAW,YAAY,CAAC,EAAC,MACnCA,EAAMpB,MAAK,UACPM,EAAUgC,MAAK,UACf/C,EAAU+C,MAAK,WACd7C,EAAW6C,MAAK,MACrBoB,EAAc,SACXjB,EAAY,SACZC,EAASJ,MAAK,WACZI,EAASJ,MAAQuB,EAAajB,QACjC,CAAEyB,SAAUxB,EAAgB,GAAGvB,CAAM,CAAC,CAEnD,CACF,CACF,CACF,CAAC,EAGYgD,EAAOvD,EAAgB,CAClCC,aAAc,CAAEC,KAAM,GACtB,GAAIsD,EACJrD,KAAM,QACNE,MAAOoD,EAAW,CACpB,CAAC,EACDC,GAAelD,OAAOmD,OAAO5D,EAAO,CAClCwD,KAAAA,EACAK,QAAUC,IACRA,EAAIC,UAAU/D,EAAMI,KAAMJ,CAAK,EAC/B8D,EAAIC,UAAUP,EAAKpD,KAAMoD,CAAI,EACtBM,EAEX,CAAC"}

package/dist/es/steps/style/custom-icon.mjs

@@ -0,0 +1,2 @@
+const s=e=>{const{componentCls:t,stepsIconCustomTop:n,stepsIconCustomSize:o,stepsIconCustomFontSize:i}=e;return{[`${t}-item-custom`]:{[`> ${t}-item-container > ${t}-item-icon`]:{height:"auto",background:"none",border:0,[`> ${t}-icon`]:{top:n,width:o,height:o,fontSize:i,lineHeight:`${o}px`}}},[`&:not(${t}-vertical)`]:{[`${t}-item-custom`]:{[`${t}-item-icon`]:{width:"auto",background:"none"}}}}};export{s as default};
+//# sourceMappingURL=custom-icon.mjs.map

package/dist/es/steps/style/custom-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-icon.mjs","sources":["../../../../src/steps/style/custom-icon.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsCustomIconStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, stepsIconCustomTop, stepsIconCustomSize, stepsIconCustomFontSize } = token\n\n  return {\n    [`${componentCls}-item-custom`]: {\n      [`> ${componentCls}-item-container > ${componentCls}-item-icon`]: {\n        height: 'auto',\n        background: 'none',\n        border: 0,\n        [`> ${componentCls}-icon`]: {\n          top: stepsIconCustomTop,\n          width: stepsIconCustomSize,\n          height: stepsIconCustomSize,\n          fontSize: stepsIconCustomFontSize,\n          lineHeight: `${stepsIconCustomSize}px`,\n        },\n      },\n    },\n\n    // Only adjust horizontal customize icon width\n    [`&:not(${componentCls}-vertical)`]: {\n      [`${componentCls}-item-custom`]: {\n        [`${componentCls}-item-icon`]: {\n          width: 'auto',\n          background: 'none',\n        },\n      },\n    },\n  }\n}\n\nexport default genStepsCustomIconStyle\n"],"names":["genStepsCustomIconStyle","token","componentCls","stepsIconCustomTop","stepsIconCustomSize","stepsIconCustomFontSize"],"mappings":"AAIA,MAAMA,EAAiEC,GAAU,CAC/E,KAAM,CAAE,aAAAC,EAAc,mBAAAC,EAAoB,oBAAAC,EAAqB,wBAAAC,GAA4BJ,EAE3F,MAAO,CACL,CAAC,GAAGC,CAAY,cAAc,EAAG,CAC/B,CAAC,KAAKA,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CAChE,OAAQ,OACR,WAAY,OACZ,OAAQ,EACR,CAAC,KAAKA,CAAY,OAAO,EAAG,CAC1B,IAAKC,EACL,MAAOC,EACP,OAAQA,EACR,SAAUC,EACV,WAAY,GAAGD,CAAmB,IAAA,CACpC,CACF,EAIF,CAAC,SAASF,CAAY,YAAY,EAAG,CACnC,CAAC,GAAGA,CAAY,cAAc,EAAG,CAC/B,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,MAAO,OACP,WAAY,MAAA,CACd,CACF,CACF,CAEJ"}

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

@@ -0,0 +1,2 @@
+import{resetComponent as z}from"../../style/index.mjs";import"../../theme/internal.mjs";import u from"./custom-icon.mjs";import w from"./inline.mjs";import x from"./label-placement.mjs";import D from"./nav.mjs";import v from"./progress.mjs";import B from"./progress-dot.mjs";import H from"./rtl.mjs";import W from"./small.mjs";import L from"./vertical.mjs";import P from"../../theme/util/genComponentStyleHook.mjs";import{merge as A}from"../../theme/util/statistic.mjs";var s=(function(o){return o.wait="wait",o.process="process",o.finish="finish",o.error="error",o})(s||{});const d=(o,i)=>{const r=`${i.componentCls}-item`,e=`${o}IconColor`,$=`${o}TitleColor`,p=`${o}DescriptionColor`,n=`${o}TailColor`,a=`${o}IconBgColor`,l=`${o}IconBorderColor`,t=`${o}DotColor`;return{[`${r}-${o} ${r}-icon`]:{backgroundColor:i[a],borderColor:i[l],[`> ${i.componentCls}-icon`]:{color:i[e],[`${i.componentCls}-icon-dot`]:{background:i[t]}}},[`${r}-${o}${r}-custom ${r}-icon`]:{[`> ${i.componentCls}-icon`]:{color:i[t]}},[`${r}-${o} > ${r}-container > ${r}-content > ${r}-title`]:{color:i[$],"&::after":{backgroundColor:i[n]}},[`${r}-${o} > ${r}-container > ${r}-content > ${r}-description`]:{color:i[p]},[`${r}-${o} > ${r}-container > ${r}-tail::after`]:{backgroundColor:i[n]}}},K=o=>{const{componentCls:i,motionDurationSlow:r}=o,e=`${i}-item`;return{[e]:{position:"relative",display:"inline-block",flex:1,overflow:"hidden",verticalAlign:"top","&:last-child":{flex:"none",[`> ${e}-container > ${e}-tail, > ${e}-container >  ${e}-content > ${e}-title::after`]:{display:"none"}}},[`${e}-container`]:{outline:"none"},[`${e}-icon, ${e}-content`]:{display:"inline-block",verticalAlign:"top"},[`${e}-icon`]:{width:o.stepsIconSize,height:o.stepsIconSize,marginTop:0,marginBottom:0,marginInlineStart:0,marginInlineEnd:o.marginXS,fontSize:o.stepsIconFontSize,fontFamily:o.fontFamily,lineHeight:`${o.stepsIconSize}px`,textAlign:"center",borderRadius:o.stepsIconSize,border:`${o.lineWidth}px ${o.lineType} transparent`,transition:`background-color ${r}, border-color ${r}`,[`${i}-icon`]:{position:"relative",top:o.stepsIconTop,color:o.colorPrimary,lineHeight:1}},[`${e}-tail`]:{position:"absolute",top:o.stepsIconSize/2-o.paddingXXS,insetInlineStart:0,width:"100%","&::after":{display:"inline-block",width:"100%",height:o.lineWidth,background:o.colorSplit,borderRadius:o.lineWidth,transition:`background ${r}`,content:'""'}},[`${e}-title`]:{position:"relative",display:"inline-block",paddingInlineEnd:o.padding,color:o.colorText,fontSize:o.fontSizeLG,lineHeight:`${o.stepsTitleLineHeight}px`,"&::after":{position:"absolute",top:o.stepsTitleLineHeight/2,insetInlineStart:"100%",display:"block",width:9999,height:o.lineWidth,background:o.processTailColor,content:'""'}},[`${e}-subtitle`]:{display:"inline",marginInlineStart:o.marginXS,color:o.colorTextDescription,fontWeight:"normal",fontSize:o.fontSize},[`${e}-description`]:{color:o.colorTextDescription,fontSize:o.fontSize},...d(s.wait,o),...d(s.process,o),[`${e}-process > ${e}-container > ${e}-title`]:{fontWeight:o.fontWeightStrong},...d(s.finish,o),...d(s.error,o),[`${e}${i}-next-error > ${i}-item-title::after`]:{background:o.colorError},[`${e}-disabled`]:{cursor:"not-allowed"}}},F=o=>{const{componentCls:i,motionDurationSlow:r}=o;return{[`& ${i}-item`]:{[`&:not(${i}-item-active)`]:{[`& > ${i}-item-container[role='button']`]:{cursor:"pointer",[`${i}-item`]:{[`&-title, &-subtitle, &-description, &-icon ${i}-icon`]:{transition:`color ${r}`}},"&:hover":{[`${i}-item`]:{"&-title, &-subtitle, &-description":{color:o.colorPrimary}}}},[`&:not(${i}-item-process)`]:{[`& > ${i}-item-container[role='button']:hover`]:{[`${i}-item`]:{"&-icon":{borderColor:o.colorPrimary,[`${i}-icon`]:{color:o.colorPrimary}}}}}}},[`&${i}-horizontal:not(${i}-label-vertical)`]:{[`${i}-item`]:{paddingInlineStart:o.padding,whiteSpace:"nowrap","&:first-child":{paddingInlineStart:0},[`&:last-child ${i}-item-title`]:{paddingInlineEnd:0},"&-tail":{display:"none"},"&-description":{maxWidth:o.descriptionWidth,whiteSpace:"normal"}}}}},N=o=>{const{componentCls:i}=o;return{[i]:{...z(o),display:"flex",width:"100%",fontSize:0,textAlign:"initial",...K(o),...F(o),...u(o),...W(o),...L(o),...x(o),...B(o),...D(o),...H(o),...v(o),...w(o)}}},Z=P("Steps",o=>{const{wireframe:i,colorTextDisabled:r,fontSizeHeading3:e,fontSize:$,controlHeight:p,controlHeightLG:n,colorTextLightSolid:a,colorText:l,colorPrimary:t,colorTextLabel:h,colorTextDescription:m,colorTextQuaternary:y,colorFillContent:I,controlItemBgActive:C,colorError:c,colorBgContainer:S,colorBorderSecondary:b}=o,f=o.controlHeight,g=o.colorSplit,T=A(o,{processTailColor:g,stepsNavArrowColor:r,stepsIconSize:f,stepsIconCustomSize:f,stepsIconCustomTop:0,stepsIconCustomFontSize:n/2,stepsIconTop:-.5,stepsIconFontSize:$,stepsTitleLineHeight:p,stepsSmallIconSize:e,stepsDotSize:p/4,stepsCurrentDotSize:n/4,stepsNavContentMaxWidth:"auto",processIconColor:a,processTitleColor:l,processDescriptionColor:l,processIconBgColor:t,processIconBorderColor:t,processDotColor:t,waitIconColor:i?r:h,waitTitleColor:m,waitDescriptionColor:m,waitTailColor:g,waitIconBgColor:i?S:I,waitIconBorderColor:i?r:"transparent",waitDotColor:r,finishIconColor:t,finishTitleColor:l,finishDescriptionColor:m,finishTailColor:t,finishIconBgColor:i?S:C,finishIconBorderColor:i?t:C,finishDotColor:t,errorIconColor:a,errorTitleColor:c,errorDescriptionColor:c,errorTailColor:g,errorIconBgColor:c,errorIconBorderColor:c,errorDotColor:c,stepsNavActiveColor:t,stepsProgressSize:n,inlineDotSize:6,inlineTitleColor:y,inlineTailColor:b});return[N(T)]},{descriptionWidth:140});export{Z as default};
+//# sourceMappingURL=index.mjs.map