npm - @antsoo-lib/components - Versions diffs - 0.1.7 → 0.1.8 - Mend

@antsoo-lib/components 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3673) hide show

package/dist/es/affix/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/affix/index.tsx"],"sourcesContent":["import type { CSSProperties, ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'\nimport {\n computed,\n defineComponent,\n getCurrentInstance,\n onMounted,\n onUnmounted,\n onUpdated,\n reactive,\n shallowRef,\n watch,\n} from 'vue'\n\nimport classNames from '../_util/classNames'\nimport omit from '../_util/omit'\nimport throttleByAnimationFrame from '../_util/throttleByAnimationFrame'\nimport { withInstall } from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport ResizeObserver from '../vc-resize-observer'\nimport useStyle from './style'\nimport {\n addObserveTarget,\n getFixedBottom,\n getFixedTop,\n getTargetRect,\n removeObserveTarget,\n} from './utils'\n\nfunction getDefaultTarget() {\n return typeof window !== 'undefined' ? window : null\n}\nenum AffixStatus {\n None,\n Prepare,\n}\nexport interface AffixState {\n affixStyle?: CSSProperties\n placeholderStyle?: CSSProperties\n status: AffixStatus\n lastAffix: boolean\n prevTarget: Window | HTMLElement | null\n}\n\n// Affix\nexport function affixProps() {\n return {\n /**\n * 距离窗口顶部达到指定偏移量后触发\n */\n offsetTop: Number,\n /** 距离窗口底部达到指定偏移量后触发 */\n offsetBottom: Number,\n /** 设置 Affix 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 */\n target: {\n type: Function as PropType<() => Window | HTMLElement | null>,\n default: getDefaultTarget,\n },\n prefixCls: String,\n /** 固定状态改变时触发的回调函数 */\n onChange: Function as PropType<AffixEmits['change']>,\n onTestUpdatePosition: Function as PropType<AffixEmits['testUpdatePosition']>,\n }\n}\n\nexport type AffixProps = Partial<ExtractPropTypes<ReturnType<typeof affixProps>>>\n\nexport interface AffixEmits {\n change: (lastAffix: boolean) => void\n testUpdatePosition: () => void\n}\n\nexport interface AffixExpose {\n updatePosition: (...args: any[]) => void\n lazyUpdatePosition: (...args: any[]) => void\n}\n\nexport type AffixInstance = ComponentPublicInstance<AffixProps, AffixExpose>\nconst Affix = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAffix',\n inheritAttrs: false,\n props: affixProps(),\n setup(props, { slots, emit, expose, attrs }) {\n const placeholderNode = shallowRef()\n const fixedNode = shallowRef()\n const state = reactive({\n affixStyle: undefined,\n placeholderStyle: undefined,\n status: AffixStatus.None,\n lastAffix: false,\n prevTarget: null,\n timeout: null,\n })\n const currentInstance = getCurrentInstance()\n\n const offsetTop = computed(() => {\n return props.offsetBottom === undefined && props.offsetTop === undefined ? 0 : props.offsetTop\n })\n const offsetBottom = computed(() => props.offsetBottom)\n const measure = () => {\n const { status, lastAffix } = state\n const { target } = props\n if (status !== AffixStatus.Prepare || !fixedNode.value || !placeholderNode.value || !target) {\n return\n }\n\n const targetNode = target()\n if (!targetNode) {\n return\n }\n\n const newState = {\n status: AffixStatus.None,\n } as AffixState\n const placeholderRect = getTargetRect(placeholderNode.value as HTMLElement)\n\n if (\n placeholderRect.top === 0 &&\n placeholderRect.left === 0 &&\n placeholderRect.width === 0 &&\n placeholderRect.height === 0\n ) {\n return\n }\n\n const targetRect = getTargetRect(targetNode)\n const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop.value)\n const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom.value)\n if (\n placeholderRect.top === 0 &&\n placeholderRect.left === 0 &&\n placeholderRect.width === 0 &&\n placeholderRect.height === 0\n ) {\n return\n }\n\n if (fixedTop !== undefined) {\n const width = `${placeholderRect.width}px`\n const height = `${placeholderRect.height}px`\n\n newState.affixStyle = {\n position: 'fixed',\n top: fixedTop,\n width,\n height,\n }\n newState.placeholderStyle = {\n width,\n height,\n }\n } else if (fixedBottom !== undefined) {\n const width = `${placeholderRect.width}px`\n const height = `${placeholderRect.height}px`\n\n newState.affixStyle = {\n position: 'fixed',\n bottom: fixedBottom,\n width,\n height,\n }\n newState.placeholderStyle = {\n width,\n height,\n }\n }\n\n newState.lastAffix = !!newState.affixStyle\n if (lastAffix !== newState.lastAffix) {\n emit('change', newState.lastAffix)\n }\n // update state\n Object.assign(state, newState)\n }\n const prepareMeasure = () => {\n Object.assign(state, {\n status: AffixStatus.Prepare,\n affixStyle: undefined,\n placeholderStyle: undefined,\n })\n // Test if `updatePosition` called\n if (process.env.NODE_ENV === 'test') {\n emit('testUpdatePosition')\n }\n }\n\n const updatePosition = throttleByAnimationFrame(() => {\n prepareMeasure()\n })\n const lazyUpdatePosition = throttleByAnimationFrame(() => {\n const { target } = props\n const { affixStyle } = state\n\n // Check position change before measure to make Safari smooth\n if (target && affixStyle) {\n const targetNode = target()\n if (targetNode && placeholderNode.value) {\n const targetRect = getTargetRect(targetNode)\n const placeholderRect = getTargetRect(placeholderNode.value as HTMLElement)\n const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop.value)\n const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom.value)\n if (\n (fixedTop !== undefined && affixStyle.top === fixedTop) ||\n (fixedBottom !== undefined && affixStyle.bottom === fixedBottom)\n ) {\n return\n }\n }\n }\n // Directly call prepare measure since it's already throttled.\n prepareMeasure()\n })\n\n expose({\n updatePosition,\n lazyUpdatePosition,\n })\n watch(\n () => props.target,\n (val) => {\n const newTarget = val?.() || null\n if (state.prevTarget !== newTarget) {\n removeObserveTarget(currentInstance)\n if (newTarget) {\n addObserveTarget(newTarget, currentInstance)\n // Mock Event object.\n updatePosition()\n }\n state.prevTarget = newTarget\n }\n },\n )\n watch(() => [props.offsetTop, props.offsetBottom], updatePosition)\n onMounted(() => {\n const { target } = props\n if (target) {\n // [Legacy] Wait for parent component ref has its value.\n // We should use target as directly element instead of function which makes element check hard.\n state.timeout = setTimeout(() => {\n addObserveTarget(target(), currentInstance)\n // Mock Event object.\n updatePosition()\n })\n }\n })\n onUpdated(() => {\n measure()\n })\n onUnmounted(() => {\n clearTimeout(state.timeout)\n removeObserveTarget(currentInstance)\n ;(updatePosition as any).cancel()\n // https://github.com/ant-design/ant-design/issues/22683\n ;(lazyUpdatePosition as any).cancel()\n })\n\n const { prefixCls } = useConfigInject('affix', props)\n const [wrapSSR, hashId] = useStyle(prefixCls)\n return () => {\n const { affixStyle, placeholderStyle, status } = state\n const className = classNames({\n [prefixCls.value]: affixStyle,\n [hashId.value]: true,\n })\n const restProps = omit(props, [\n 'prefixCls',\n 'offsetTop',\n 'offsetBottom',\n 'target',\n 'onChange',\n 'onTestUpdatePosition',\n ])\n return wrapSSR(\n <ResizeObserver onResize={updatePosition}>\n <div {...restProps} {...attrs} ref={placeholderNode} data-measure-status={status}>\n {affixStyle && <div style={placeholderStyle} aria-hidden=\"true\" />}\n <div class={className} ref={fixedNode} style={affixStyle}>\n {slots.default?.()}\n </div>\n </div>\n </ResizeObserver>,\n )\n }\n },\n})\n\nexport default withInstall(Affix)\n"],"names":["getDefaultTarget","window","AffixStatus","affixProps","offsetTop","Number","offsetBottom","target","type","Function","default","prefixCls","String","onChange","onTestUpdatePosition","Affix","defineComponent","compatConfig","MODE","name","inheritAttrs","props","setup","slots","emit","expose","attrs","placeholderNode","shallowRef","fixedNode","state","reactive","affixStyle","undefined","placeholderStyle","status","None","lastAffix","prevTarget","timeout","currentInstance","getCurrentInstance","computed","measure","Prepare","value","targetNode","newState","placeholderRect","getTargetRect","top","left","width","height","targetRect","fixedTop","getFixedTop","fixedBottom","getFixedBottom","position","bottom","Object","assign","prepareMeasure","updatePosition","throttleByAnimationFrame","lazyUpdatePosition","watch","val","newTarget","removeObserveTarget","addObserveTarget","onMounted","setTimeout","onUpdated","onUnmounted","clearTimeout","cancel","useConfigInject","wrapSSR","hashId","useStyle","className","classNames","restProps","omit","_createVNode","ResizeObserver","Affix$1","withInstall"],"mappings":"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"}

package/dist/es/affix/style/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"../../theme/internal.mjs";import n from"../../theme/util/genComponentStyleHook.mjs";import{merge as t}from"../../theme/util/statistic.mjs";const r=e=>{const{componentCls:o}=e;return{[o]:{position:"fixed",zIndex:e.zIndexPopup}}},s=n("Affix",e=>{const o=t(e,{zIndexPopup:e.zIndexBase+10});return[r(o)]});export{s as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/affix/style/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../src/affix/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\ninterface AffixToken extends FullToken<'Affix'> {\n zIndexPopup: number\n}\n\n// ============================== Shared ==============================\nconst genSharedAffixStyle: GenerateStyle<AffixToken> = (token): CSSObject => {\n const { componentCls } = token\n\n return {\n [componentCls]: {\n position: 'fixed',\n zIndex: token.zIndexPopup,\n },\n }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Affix', (token) => {\n const affixToken = mergeToken<AffixToken>(token, {\n zIndexPopup: token.zIndexBase + 10,\n })\n return [genSharedAffixStyle(affixToken)]\n})\n"],"names":["genSharedAffixStyle","token","componentCls","useStyle","genComponentStyleHook","affixToken","mergeToken"],"mappings":"kJASA,MAAMA,EAAkDC,GAAqB,CAC3E,KAAM,CAAE,aAAAC,GAAiBD,EAEzB,MAAO,CACL,CAACC,CAAY,EAAG,CACd,SAAU,QACV,OAAQD,EAAM,WAAA,CAChB,CAEJ,EAGAE,EAAeC,EAAsB,QAAUH,GAAU,CACvD,MAAMI,EAAaC,EAAuBL,EAAO,CAC/C,YAAaA,EAAM,WAAa,EAAA,CACjC,EACD,MAAO,CAACD,EAAoBK,CAAU,CAAC,CACzC,CAAC"}

package/dist/es/affix/utils.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import d from"../_util/supportsPassive.mjs";import u from"../vc-util/Dom/addEventListener.mjs";function l(e){return e!==window?e.getBoundingClientRect():{top:0,bottom:window.innerHeight}}function p(e,o,t){if(t!==void 0&&o.top>e.top-t)return`${t+o.top}px`}function h(e,o,t){if(t!==void 0&&o.bottom<e.bottom+t){const i=window.innerHeight-o.bottom;return`${t+i}px`}}const s=["resize","scroll","touchstart","touchmove","touchend","pageshow","load"];let n=[];function v(e,o){if(!e)return;let t=n.find(i=>i.target===e);t?t.affixList.push(o):(t={target:e,affixList:[o],eventHandlers:{}},n.push(t),s.forEach(i=>{t.eventHandlers[i]=u(e,i,()=>{t.affixList.forEach(r=>{const{lazyUpdatePosition:f}=r.exposed;f()},(i==="touchstart"\|\|i==="touchmove")&&d?{passive:!0}:!1)})}))}function x(e){const o=n.find(t=>{const i=t.affixList.includes(e);return i&&(t.affixList=t.affixList.filter(r=>r!==e)),i});o&&o.affixList.length===0&&(n=n.filter(t=>t!==o),s.forEach(t=>{const i=o.eventHandlers[t];i&&i.remove&&i.remove()}))}export{v as addObserveTarget,h as getFixedBottom,p as getFixedTop,l as getTargetRect,x as removeObserveTarget};
2	+ //# sourceMappingURL=utils.mjs.map

package/dist/es/affix/utils.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.mjs","sources":["../../../src/affix/utils.ts"],"sourcesContent":["import supportsPassive from '../_util/supportsPassive'\nimport addEventListener from '../vc-util/Dom/addEventListener'\n\nexport type BindElement = HTMLElement | Window | null | undefined\n\nexport function getTargetRect(target: BindElement): DOMRect {\n return target !== window\n ? (target as HTMLElement).getBoundingClientRect()\n : ({ top: 0, bottom: window.innerHeight } as DOMRect)\n}\n\nexport function getFixedTop(placeholderRect: DOMRect, targetRect: DOMRect, offsetTop: number) {\n if (offsetTop !== undefined && targetRect.top > placeholderRect.top - offsetTop) {\n return `${offsetTop + targetRect.top}px`\n }\n return undefined\n}\n\nexport function getFixedBottom(\n placeholderRect: DOMRect,\n targetRect: DOMRect,\n offsetBottom: number,\n) {\n if (offsetBottom !== undefined && targetRect.bottom < placeholderRect.bottom + offsetBottom) {\n const targetBottomOffset = window.innerHeight - targetRect.bottom\n return `${offsetBottom + targetBottomOffset}px`\n }\n return undefined\n}\n\n// ======================== Observer ========================\nconst TRIGGER_EVENTS = [\n 'resize',\n 'scroll',\n 'touchstart',\n 'touchmove',\n 'touchend',\n 'pageshow',\n 'load',\n]\n\ninterface ObserverEntity {\n target: HTMLElement | Window\n affixList: any[]\n eventHandlers: { [eventName: string]: any }\n}\n\nlet observerEntities: ObserverEntity[] = []\n\nexport function getObserverEntities() {\n // Only used in test env. Can be removed if refactor.\n return observerEntities\n}\n\nexport function addObserveTarget<T>(target: HTMLElement | Window | null, affix: T): void {\n if (!target) return\n\n let entity = observerEntities.find((item) => item.target === target)\n\n if (entity) {\n entity.affixList.push(affix)\n } else {\n entity = {\n target,\n affixList: [affix],\n eventHandlers: {},\n }\n observerEntities.push(entity)\n\n // Add listener\n TRIGGER_EVENTS.forEach((eventName) => {\n entity!.eventHandlers[eventName] = addEventListener(target, eventName, () => {\n entity!.affixList.forEach(\n (targetAffix) => {\n const { lazyUpdatePosition } = (targetAffix as any).exposed\n lazyUpdatePosition()\n },\n (eventName === 'touchstart' || eventName === 'touchmove') && supportsPassive\n ? ({ passive: true } as EventListenerOptions)\n : false,\n )\n })\n })\n }\n}\n\nexport function removeObserveTarget<T>(affix: T): void {\n const observerEntity = observerEntities.find((oriObserverEntity) => {\n const hasAffix = oriObserverEntity.affixList.includes(affix)\n if (hasAffix) {\n oriObserverEntity.affixList = oriObserverEntity.affixList.filter((item) => item !== affix)\n }\n return hasAffix\n })\n\n if (observerEntity && observerEntity.affixList.length === 0) {\n observerEntities = observerEntities.filter((item) => item !== observerEntity)\n\n // Remove listener\n TRIGGER_EVENTS.forEach((eventName) => {\n const handler = observerEntity.eventHandlers[eventName]\n if (handler && handler.remove) {\n handler.remove()\n }\n })\n }\n}\n"],"names":["getTargetRect","target","getFixedTop","placeholderRect","targetRect","offsetTop","getFixedBottom","offsetBottom","targetBottomOffset","TRIGGER_EVENTS","observerEntities","addObserveTarget","affix","entity","item","eventName","addEventListener","targetAffix","lazyUpdatePosition","supportsPassive","removeObserveTarget","observerEntity","oriObserverEntity","hasAffix","handler"],"mappings":"+FAKO,SAASA,EAAcC,EAA8B,CAC1D,OAAOA,IAAW,OACbA,EAAuB,sBAAA,EACvB,CAAE,IAAK,EAAG,OAAQ,OAAO,WAAA,CAChC,CAEO,SAASC,EAAYC,EAA0BC,EAAqBC,EAAmB,CAC5F,GAAIA,IAAc,QAAaD,EAAW,IAAMD,EAAgB,IAAME,EACpE,MAAO,GAAGA,EAAYD,EAAW,GAAG,IAGxC,CAEO,SAASE,EACdH,EACAC,EACAG,EACA,CACA,GAAIA,IAAiB,QAAaH,EAAW,OAASD,EAAgB,OAASI,EAAc,CAC3F,MAAMC,EAAqB,OAAO,YAAcJ,EAAW,OAC3D,MAAO,GAAGG,EAAeC,CAAkB,IAC7C,CAEF,CAGA,MAAMC,EAAiB,CACrB,SACA,SACA,aACA,YACA,WACA,WACA,MACF,EAQA,IAAIC,EAAqC,CAAA,EAOlC,SAASC,EAAoBV,EAAqCW,EAAgB,CACvF,GAAI,CAACX,EAAQ,OAEb,IAAIY,EAASH,EAAiB,KAAMI,GAASA,EAAK,SAAWb,CAAM,EAE/DY,EACFA,EAAO,UAAU,KAAKD,CAAK,GAE3BC,EAAS,CACP,OAAAZ,EACA,UAAW,CAACW,CAAK,EACjB,cAAe,CAAA,CAAC,EAElBF,EAAiB,KAAKG,CAAM,EAG5BJ,EAAe,QAASM,GAAc,CACpCF,EAAQ,cAAcE,CAAS,EAAIC,EAAiBf,EAAQc,EAAW,IAAM,CAC3EF,EAAQ,UAAU,QACfI,GAAgB,CACf,KAAM,CAAE,mBAAAC,GAAwBD,EAAoB,QACpDC,EAAA,CACF,GACCH,IAAc,cAAgBA,IAAc,cAAgBI,EACxD,CAAE,QAAS,IACZ,EAAA,CAER,CAAC,CACH,CAAC,EAEL,CAEO,SAASC,EAAuBR,EAAgB,CACrD,MAAMS,EAAiBX,EAAiB,KAAMY,GAAsB,CAClE,MAAMC,EAAWD,EAAkB,UAAU,SAASV,CAAK,EAC3D,OAAIW,IACFD,EAAkB,UAAYA,EAAkB,UAAU,OAAQR,GAASA,IAASF,CAAK,GAEpFW,CACT,CAAC,EAEGF,GAAkBA,EAAe,UAAU,SAAW,IACxDX,EAAmBA,EAAiB,OAAQI,GAASA,IAASO,CAAc,EAG5EZ,EAAe,QAASM,GAAc,CACpC,MAAMS,EAAUH,EAAe,cAAcN,CAAS,EAClDS,GAAWA,EAAQ,QACrBA,EAAQ,OAAA,CAEZ,CAAC,EAEL"}

package/dist/es/alert/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as k,shallowRef as m,computed as D,createVNode as o,Transition as L,withDirectives as M,vShow as V}from"vue";import R from"../_util/classNames.mjs";import{isValidElement as j}from"../_util/props-util/index.mjs";import{getTransitionProps as q}from"../_util/transition.mjs";import{withInstall as z,tuple as G}from"../_util/type.mjs";import{cloneElement as J}from"../_util/vnode.mjs";import s from"../_util/vue-types/index.mjs";import K from"../config-provider/hooks/useConfigInject.mjs";import Q from"./style/index.mjs";import U from"../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/ExclamationCircleOutlined.mjs";import W 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/CloseCircleOutlined.mjs";import X 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/InfoCircleOutlined.mjs";import Y 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/CheckCircleOutlined.mjs";import Z 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/ExclamationCircleFilled.mjs";import _ 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/CloseCircleFilled.mjs";import ee 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/InfoCircleFilled.mjs";import oe 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/CheckCircleFilled.mjs";import ne from"../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/CloseOutlined.mjs";const te={success:oe,info:ee,error:_,warning:Z},le={success:Y,info:X,error:W,warning:U},ie=G("success","info","warning","error"),se=()=>({type:s.oneOf(ie),closable:{type:Boolean,default:void 0},closeText:s.any,message:s.any,description:s.any,afterClose:Function,showIcon:{type:Boolean,default:void 0},prefixCls:String,banner:{type:Boolean,default:void 0},icon:s.any,closeIcon:s.any,onClose:Function}),ce=k({compatConfig:{MODE:3},name:"AAlert",inheritAttrs:!1,props:se(),setup(n,{slots:i,emit:I,attrs:d,expose:b}){const{prefixCls:v,direction:T}=K("alert",n),[O,F]=Q(v),c=m(!1),g=m(!1),h=m(),A=t=>{t.preventDefault();const l=h.value;l.style.height=`${l.offsetHeight}px`,l.style.height=`${l.offsetHeight}px`,c.value=!0,I("close",t)},y=()=>{c.value=!1,g.value=!0,n.afterClose?.()},$=D(()=>{const{type:t}=n;return t!==void 0?t:n.banner?"warning":"info"});b({animationEnd:y});const E=m({});return()=>{const{banner:t,closeIcon:l=i.closeIcon?.()}=n;let{closable:p,showIcon:r}=n;const C=n.closeText??i.closeText?.(),a=n.description??i.description?.(),x=n.message??i.message?.(),u=n.icon??i.icon?.(),w=i.action?.();r=t&&r===void 0?!0:r;const S=(a?le:te)[$.value]\|\|null;C&&(p=!0);const e=v.value,H=R(e,{[`${e}-${$.value}`]:!0,[`${e}-closing`]:c.value,[`${e}-with-description`]:!!a,[`${e}-no-icon`]:!r,[`${e}-banner`]:!!t,[`${e}-closable`]:p,[`${e}-rtl`]:T.value==="rtl",[F.value]:!0}),B=p?o("button",{type:"button",onClick:A,class:`${e}-close-icon`,tabindex:0},[C?o("span",{class:`${e}-close-text`},[C]):l===void 0?o(ne,null,null):l]):null,N=u&&(j(u)?J(u,{class:`${e}-icon`}):o("span",{class:`${e}-icon`},[u]))\|\|o(S,{class:`${e}-icon`},null),P=q(`${e}-motion`,{appear:!1,css:!0,onAfterLeave:y,onBeforeLeave:f=>{f.style.maxHeight=`${f.offsetHeight}px`},onLeave:f=>{f.style.maxHeight="0px"}});return O(g.value?null:o(L,P,{default:()=>[M(o("div",{role:"alert",...d,style:[d.style,E.value],class:[d.class,H],"data-show":!c.value,ref:h},[r?N:null,o("div",{class:`${e}-content`},[x?o("div",{class:`${e}-message`},[x]):null,a?o("div",{class:`${e}-description`},[a]):null]),w?o("div",{class:`${e}-action`},[w]):null,B]),[[V,!c.value]])]}))}}}),Oe=z(ce);export{se as alertProps,Oe as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/alert/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/alert/index.tsx"],"sourcesContent":["import CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled'\nimport CheckCircleOutlined from '@ant-design/icons-vue/CheckCircleOutlined'\nimport CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled'\nimport CloseCircleOutlined from '@ant-design/icons-vue/CloseCircleOutlined'\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined'\nimport ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled'\nimport ExclamationCircleOutlined from '@ant-design/icons-vue/ExclamationCircleOutlined'\nimport InfoCircleFilled from '@ant-design/icons-vue/InfoCircleFilled'\nimport InfoCircleOutlined from '@ant-design/icons-vue/InfoCircleOutlined'\n\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { Transition, computed, defineComponent, shallowRef } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport { isValidElement } from '../_util/props-util'\nimport { getTransitionProps } from '../_util/transition'\nimport { tuple, withInstall } from '../_util/type'\nimport { cloneElement } from '../_util/vnode'\nimport PropTypes from '../_util/vue-types'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport type { NodeMouseEventHandler } from '../vc-tree/contextTypes'\nimport useStyle from './style'\n\nconst iconMapFilled = {\n success: CheckCircleFilled,\n info: InfoCircleFilled,\n error: CloseCircleFilled,\n warning: ExclamationCircleFilled,\n}\n\nconst iconMapOutlined = {\n success: CheckCircleOutlined,\n info: InfoCircleOutlined,\n error: CloseCircleOutlined,\n warning: ExclamationCircleOutlined,\n}\n\nconst AlertTypes = tuple('success', 'info', 'warning', 'error')\n\nexport type AlertType = (typeof AlertTypes)[number]\n\nexport const alertProps = () => ({\n /**\n * Type of Alert styles, options: `success`, `info`, `warning`, `error`\n */\n type: PropTypes.oneOf(AlertTypes),\n /** Whether Alert can be closed */\n closable: { type: Boolean, default: undefined },\n /** Close text to show */\n closeText: PropTypes.any,\n /** Content of Alert */\n message: PropTypes.any,\n /** Additional content of Alert */\n description: PropTypes.any,\n /** Trigger when animation ending of Alert */\n afterClose: Function as PropType<() => void>,\n /** Whether to show icon */\n showIcon: { type: Boolean, default: undefined },\n prefixCls: String,\n banner: { type: Boolean, default: undefined },\n icon: PropTypes.any,\n closeIcon: PropTypes.any,\n onClose: Function as PropType<NodeMouseEventHandler>,\n})\n\nexport type AlertProps = Partial<ExtractPropTypes<ReturnType<typeof alertProps>>>\n\nconst Alert = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAlert',\n inheritAttrs: false,\n props: alertProps(),\n setup(props, { slots, emit, attrs, expose }) {\n const { prefixCls, direction } = useConfigInject('alert', props)\n const [wrapSSR, hashId] = useStyle(prefixCls)\n const closing = shallowRef(false)\n const closed = shallowRef(false)\n const alertNode = shallowRef()\n\n const handleClose = (e: MouseEvent) => {\n e.preventDefault()\n\n const dom = alertNode.value\n\n dom.style.height = `${dom.offsetHeight}px`\n // Magic code\n // 重复一次后才能正确设置 height\n dom.style.height = `${dom.offsetHeight}px`\n\n closing.value = true\n emit('close', e)\n }\n\n const animationEnd = () => {\n closing.value = false\n closed.value = true\n props.afterClose?.()\n }\n const mergedType = computed(() => {\n const { type } = props\n if (type !== undefined) {\n return type\n }\n // banner 模式默认为警告\n return props.banner ? 'warning' : 'info'\n })\n expose({ animationEnd })\n const motionStyle = shallowRef<CSSProperties>({})\n return () => {\n const { banner, closeIcon: customCloseIcon = slots.closeIcon?.() } = props\n\n let { closable, showIcon } = props\n\n const closeText = props.closeText ?? slots.closeText?.()\n const description = props.description ?? slots.description?.()\n const message = props.message ?? slots.message?.()\n const icon = props.icon ?? slots.icon?.()\n const action = slots.action?.()\n\n // banner模式默认有 Icon\n showIcon = banner && showIcon === undefined ? true : showIcon\n\n const IconType = (description ? iconMapOutlined : iconMapFilled)[mergedType.value] || null\n\n // closeable when closeText is assigned\n if (closeText) {\n closable = true\n }\n const prefixClsValue = prefixCls.value\n const alertCls = classNames(prefixClsValue, {\n [`${prefixClsValue}-${mergedType.value}`]: true,\n [`${prefixClsValue}-closing`]: closing.value,\n [`${prefixClsValue}-with-description`]: !!description,\n [`${prefixClsValue}-no-icon`]: !showIcon,\n [`${prefixClsValue}-banner`]: !!banner,\n [`${prefixClsValue}-closable`]: closable,\n [`${prefixClsValue}-rtl`]: direction.value === 'rtl',\n [hashId.value]: true,\n })\n\n const closeIcon = closable ? (\n <button\n type=\"button\"\n onClick={handleClose}\n class={`${prefixClsValue}-close-icon`}\n tabindex={0}\n >\n {closeText ? (\n <span class={`${prefixClsValue}-close-text`}>{closeText}</span>\n ) : customCloseIcon === undefined ? (\n <CloseOutlined />\n ) : (\n customCloseIcon\n )}\n </button>\n ) : null\n\n const iconNode = (icon &&\n (isValidElement(icon) ? (\n cloneElement(icon, {\n class: `${prefixClsValue}-icon`,\n })\n ) : (\n <span class={`${prefixClsValue}-icon`}>{icon}</span>\n ))) || <IconType class={`${prefixClsValue}-icon`} />\n\n const transitionProps = getTransitionProps(`${prefixClsValue}-motion`, {\n appear: false,\n css: true,\n onAfterLeave: animationEnd,\n onBeforeLeave: (node: HTMLDivElement) => {\n node.style.maxHeight = `${node.offsetHeight}px`\n },\n onLeave: (node: HTMLDivElement) => {\n node.style.maxHeight = '0px'\n },\n })\n return wrapSSR(\n closed.value ? null : (\n <Transition {...transitionProps}>\n <div\n role=\"alert\"\n {...attrs}\n style={[attrs.style as CSSProperties, motionStyle.value]}\n v-show={!closing.value}\n class={[attrs.class, alertCls]}\n data-show={!closing.value}\n ref={alertNode}\n >\n {showIcon ? iconNode : null}\n <div class={`${prefixClsValue}-content`}>\n {message ? <div class={`${prefixClsValue}-message`}>{message}</div> : null}\n {description ? (\n <div class={`${prefixClsValue}-description`}>{description}</div>\n ) : null}\n </div>\n {action ? <div class={`${prefixClsValue}-action`}>{action}</div> : null}\n {closeIcon}\n </div>\n </Transition>\n ),\n )\n }\n },\n})\n\nexport default withInstall(Alert)\n"],"names":["iconMapFilled","success","CheckCircleFilled","info","InfoCircleFilled","error","CloseCircleFilled","warning","ExclamationCircleFilled","iconMapOutlined","CheckCircleOutlined","InfoCircleOutlined","CloseCircleOutlined","ExclamationCircleOutlined","AlertTypes","tuple","alertProps","type","PropTypes","oneOf","closable","Boolean","default","undefined","closeText","any","message","description","afterClose","Function","showIcon","prefixCls","String","banner","icon","closeIcon","onClose","Alert","defineComponent","compatConfig","MODE","name","inheritAttrs","props","setup","slots","emit","attrs","expose","direction","useConfigInject","wrapSSR","hashId","useStyle","closing","shallowRef","closed","alertNode","handleClose","e","preventDefault","dom","value","style","height","offsetHeight","animationEnd","mergedType","computed","motionStyle","customCloseIcon","action","IconType","prefixClsValue","alertCls","classNames","_createVNode","CloseOutlined","iconNode","isValidElement","cloneElement","class","transitionProps","getTransitionProps","appear","css","onAfterLeave","onBeforeLeave","node","maxHeight","onLeave","Transition","_withDirectives","_vShow","index","withInstall"],"mappings":"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"}

package/dist/es/alert/style/index.mjs ADDED Viewed

@@ -0,0 +1,4 @@
+import{resetComponent as f}from"../../style/index.mjs";import"../../theme/internal.mjs";import y from"../../theme/util/genComponentStyleHook.mjs";import{merge as I}from"../../theme/util/statistic.mjs";const s=(n,o,r,i,e)=>({backgroundColor:n,border:`${i.lineWidth}px ${i.lineType} ${o}`,[`${e}-icon`]:{color:r}}),b=n=>{const{componentCls:o,motionDurationSlow:r,marginXS:i,marginSM:e,fontSize:l,fontSizeLG:a,lineHeight:c,borderRadiusLG:g,motionEaseInOutCirc:t,alertIconSizeLG:p,colorText:d,paddingContentVerticalSM:m,alertPaddingHorizontal:$,paddingMD:S,paddingContentHorizontalLG:u}=n;return{[o]:{...f(n),position:"relative",display:"flex",alignItems:"center",padding:`${m}px ${$}px`,wordWrap:"break-word",borderRadius:g,[`&${o}-rtl`]:{direction:"rtl"},[`${o}-content`]:{flex:1,minWidth:0},[`${o}-icon`]:{marginInlineEnd:i,lineHeight:0},"&-description":{display:"none",fontSize:l,lineHeight:c},"&-message":{color:d},[`&${o}-motion-leave`]:{overflow:"hidden",opacity:1,transition:`max-height ${r} ${t}, opacity ${r} ${t},
+        padding-top ${r} ${t}, padding-bottom ${r} ${t},
+        margin-bottom ${r} ${t}`},[`&${o}-motion-leave-active`]:{maxHeight:0,marginBottom:"0 !important",paddingTop:0,paddingBottom:0,opacity:0}},[`${o}-with-description`]:{alignItems:"flex-start",paddingInline:u,paddingBlock:S,[`${o}-icon`]:{marginInlineEnd:e,fontSize:p,lineHeight:0},[`${o}-message`]:{display:"block",marginBottom:i,color:d,fontSize:a},[`${o}-description`]:{display:"block"}},[`${o}-banner`]:{marginBottom:0,border:"0 !important",borderRadius:0}}},h=n=>{const{componentCls:o,colorSuccess:r,colorSuccessBorder:i,colorSuccessBg:e,colorWarning:l,colorWarningBorder:a,colorWarningBg:c,colorError:g,colorErrorBorder:t,colorErrorBg:p,colorInfo:d,colorInfoBorder:m,colorInfoBg:$}=n;return{[o]:{"&-success":s(e,i,r,n,o),"&-info":s($,m,d,n,o),"&-warning":s(c,a,l,n,o),"&-error":{...s(p,t,g,n,o),[`${o}-description > pre`]:{margin:0,padding:0}}}}},B=n=>{const{componentCls:o,iconCls:r,motionDurationMid:i,marginXS:e,fontSizeIcon:l,colorIcon:a,colorIconHover:c}=n;return{[o]:{"&-action":{marginInlineStart:e},[`${o}-close-icon`]:{marginInlineStart:e,padding:0,overflow:"hidden",fontSize:l,lineHeight:`${l}px`,backgroundColor:"transparent",border:"none",outline:"none",cursor:"pointer",[`${r}-close`]:{color:a,transition:`color ${i}`,"&:hover":{color:c}}},"&-close-text":{color:a,transition:`color ${i}`,"&:hover":{color:c}}}}},x=n=>[b(n),h(n),B(n)],w=y("Alert",n=>{const{fontSizeHeading3:o}=n,r=I(n,{alertIconSizeLG:o,alertPaddingHorizontal:12});return[x(r)]});export{w as default,B as genActionStyle,x as genAlertStyle,b as genBaseStyle,h as genTypeStyle};
+//# sourceMappingURL=index.mjs.map

package/dist/es/alert/style/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../src/alert/style/index.ts"],"sourcesContent":["import type { CSSInterpolation, CSSObject } 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\ntype AlertToken = FullToken<'Alert'> & {\n alertIconSizeLG: number\n alertPaddingHorizontal: number\n}\n\nconst genAlertTypeStyle = (\n bgColor: string,\n borderColor: string,\n iconColor: string,\n token: AlertToken,\n alertCls: string,\n): CSSObject => ({\n backgroundColor: bgColor,\n border: `${token.lineWidth}px ${token.lineType} ${borderColor}`,\n [`${alertCls}-icon`]: {\n color: iconColor,\n },\n})\n\nexport const genBaseStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n motionDurationSlow: duration,\n marginXS,\n marginSM,\n fontSize,\n fontSizeLG,\n lineHeight,\n borderRadiusLG: borderRadius,\n motionEaseInOutCirc,\n alertIconSizeLG,\n colorText,\n paddingContentVerticalSM,\n alertPaddingHorizontal,\n paddingMD,\n paddingContentHorizontalLG,\n } = token\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n padding: `${paddingContentVerticalSM}px ${alertPaddingHorizontal}px`, // Fixed horizontal padding here.\n wordWrap: 'break-word',\n borderRadius,\n\n [`&${componentCls}-rtl`]: {\n direction: 'rtl',\n },\n\n [`${componentCls}-content`]: {\n flex: 1,\n minWidth: 0,\n },\n\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginXS,\n lineHeight: 0,\n },\n\n [`&-description`]: {\n display: 'none',\n fontSize,\n lineHeight,\n },\n\n '&-message': {\n color: colorText,\n },\n\n [`&${componentCls}-motion-leave`]: {\n overflow: 'hidden',\n opacity: 1,\n transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc},\n padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc},\n margin-bottom ${duration} ${motionEaseInOutCirc}`,\n },\n\n [`&${componentCls}-motion-leave-active`]: {\n maxHeight: 0,\n marginBottom: '0 !important',\n paddingTop: 0,\n paddingBottom: 0,\n opacity: 0,\n },\n },\n\n [`${componentCls}-with-description`]: {\n alignItems: 'flex-start',\n paddingInline: paddingContentHorizontalLG,\n paddingBlock: paddingMD,\n\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginSM,\n fontSize: alertIconSizeLG,\n lineHeight: 0,\n },\n\n [`${componentCls}-message`]: {\n display: 'block',\n marginBottom: marginXS,\n color: colorText,\n fontSize: fontSizeLG,\n },\n\n [`${componentCls}-description`]: {\n display: 'block',\n },\n },\n\n [`${componentCls}-banner`]: {\n marginBottom: 0,\n border: '0 !important',\n borderRadius: 0,\n },\n }\n}\n\nexport const genTypeStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n\n colorSuccess,\n colorSuccessBorder,\n colorSuccessBg,\n\n colorWarning,\n colorWarningBorder,\n colorWarningBg,\n\n colorError,\n colorErrorBorder,\n colorErrorBg,\n\n colorInfo,\n colorInfoBorder,\n colorInfoBg,\n } = token\n\n return {\n [componentCls]: {\n '&-success': genAlertTypeStyle(\n colorSuccessBg,\n colorSuccessBorder,\n colorSuccess,\n token,\n componentCls,\n ),\n '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls),\n '&-warning': genAlertTypeStyle(\n colorWarningBg,\n colorWarningBorder,\n colorWarning,\n token,\n componentCls,\n ),\n '&-error': {\n ...genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls),\n [`${componentCls}-description > pre`]: {\n margin: 0,\n padding: 0,\n },\n },\n },\n }\n}\n\nexport const genActionStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n iconCls,\n motionDurationMid,\n marginXS,\n fontSizeIcon,\n colorIcon,\n colorIconHover,\n } = token\n\n return {\n [componentCls]: {\n [`&-action`]: {\n marginInlineStart: marginXS,\n },\n\n [`${componentCls}-close-icon`]: {\n marginInlineStart: marginXS,\n padding: 0,\n overflow: 'hidden',\n fontSize: fontSizeIcon,\n lineHeight: `${fontSizeIcon}px`,\n backgroundColor: 'transparent',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n\n [`${iconCls}-close`]: {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover,\n },\n },\n },\n\n '&-close-text': {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover,\n },\n },\n },\n }\n}\n\nexport const genAlertStyle: GenerateStyle<AlertToken> = (token: AlertToken): CSSInterpolation => [\n genBaseStyle(token),\n genTypeStyle(token),\n genActionStyle(token),\n]\n\nexport default genComponentStyleHook('Alert', (token) => {\n const { fontSizeHeading3 } = token\n\n const alertToken = mergeToken<AlertToken>(token, {\n alertIconSizeLG: fontSizeHeading3,\n alertPaddingHorizontal: 12, // Fixed value here.\n })\n\n return [genAlertStyle(alertToken)]\n})\n"],"names":["genAlertTypeStyle","bgColor","borderColor","iconColor","token","alertCls","genBaseStyle","componentCls","duration","marginXS","marginSM","fontSize","fontSizeLG","lineHeight","borderRadius","motionEaseInOutCirc","alertIconSizeLG","colorText","paddingContentVerticalSM","alertPaddingHorizontal","paddingMD","paddingContentHorizontalLG","resetComponent","genTypeStyle","colorSuccess","colorSuccessBorder","colorSuccessBg","colorWarning","colorWarningBorder","colorWarningBg","colorError","colorErrorBorder","colorErrorBg","colorInfo","colorInfoBorder","colorInfoBg","genActionStyle","iconCls","motionDurationMid","fontSizeIcon","colorIcon","colorIconHover","genAlertStyle","useStyle","genComponentStyleHook","fontSizeHeading3","alertToken","mergeToken"],"mappings":"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"}

package/dist/es/anchor/Anchor.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as D,computed as $,ref as y,reactive as P,onMounted as H,nextTick as j,onBeforeUnmount as U,onUpdated as W,createVNode as m}from"vue";import q from"../node_modules/.pnpm/scroll-into-view-if-needed@3.1.0/node_modules/scroll-into-view-if-needed/dist/index.mjs";import x from"../_util/classNames.mjs";import V from"../_util/getScroll.mjs";import G from"../_util/scrollTo.mjs";import{arrayType as J}from"../_util/type.mjs";import K from"../_util/vue-types/index.mjs";import Q from"../affix/index.mjs";import X from"../config-provider/hooks/useConfigInject.mjs";import L from"../vc-util/Dom/addEventListener.mjs";import Y from"./AnchorLink.mjs";import Z from"./context.mjs";import _ from"./style/index.mjs";function tt(){return window}function b(r,f){if(!r.getClientRects().length)return 0;const u=r.getBoundingClientRect();return u.width\|\|u.height?f===window?(f=r.ownerDocument.documentElement,u.top-f.clientTop):u.top-f.getBoundingClientRect().top:u.top}const I=/#([\S ]+)$/,et=()=>({prefixCls:String,offsetTop:Number,bounds:Number,affix:{type:Boolean,default:!0},showInkInFixed:{type:Boolean,default:!1},getContainer:Function,wrapperClass:String,wrapperStyle:{type:Object,default:void 0},getCurrentAnchor:Function,targetOffset:Number,items:J(),direction:K.oneOf(["vertical","horizontal"]).def("vertical"),onChange:Function,onClick:Function}),mt=D({compatConfig:{MODE:3},name:"AAnchor",inheritAttrs:!1,props:et(),setup(r,{emit:f,attrs:u,slots:T,expose:O}){const{prefixCls:k,getTargetContainer:N,direction:B}=X("anchor",r),g=$(()=>r.direction??"vertical"),d=y(null),w=y(),n=P({links:[],scrollContainer:null,scrollEvent:null,animating:!1}),v=y(null),h=$(()=>{const{getContainer:t}=r;return t\|\|N?.value\|\|tt}),F=(t=0,e=5)=>{const l=[],o=h.value();return n.links.forEach(s=>{const i=I.exec(s.toString());if(!i)return;const c=document.getElementById(i[1]);if(c){const a=b(c,o);a<t+e&&l.push({link:s,top:a})}}),l.length?l.reduce((i,c)=>c.top>i.top?c:i).link:""},A=t=>{const{getCurrentAnchor:e}=r;v.value!==t&&(v.value=typeof e=="function"?e(t):t,f("change",t))},S=t=>{const{offsetTop:e,targetOffset:l}=r;A(t);const o=I.exec(t);if(!o)return;const s=document.getElementById(o[1]);if(!s)return;const i=h.value(),c=V(i),a=b(s,i);let p=c+a;p-=l!==void 0?l:e\|\|0,n.animating=!0,G(p,{callback:()=>{n.animating=!1},getContainer:h.value})};O({scrollTo:S});const C=()=>{if(n.animating)return;const{offsetTop:t,bounds:e,targetOffset:l}=r,o=F(l!==void 0?l:t\|\|0,e);A(o)},M=()=>{const t=w.value.querySelector(`.${k.value}-link-title-active`);if(t&&d.value){const e=g.value==="horizontal";d.value.style.top=e?"":`${t.offsetTop+t.clientHeight/2}px`,d.value.style.height=e?"":`${t.clientHeight}px`,d.value.style.left=e?`${t.offsetLeft}px`:"",d.value.style.width=e?`${t.clientWidth}px`:"",e&&q(t,{scrollMode:"if-needed",block:"nearest"})}};Z({registerLink:t=>{n.links.includes(t)\|\|n.links.push(t)},unregisterLink:t=>{const e=n.links.indexOf(t);e!==-1&&n.links.splice(e,1)},activeLink:v,scrollTo:S,handleClick:(t,e)=>{f("click",t,e)},direction:g}),H(()=>{j(()=>{const t=h.value();n.scrollContainer=t,n.scrollEvent=L(n.scrollContainer,"scroll",C),C()})}),U(()=>{n.scrollEvent&&n.scrollEvent.remove()}),W(()=>{if(n.scrollEvent){const t=h.value();n.scrollContainer!==t&&(n.scrollContainer=t,n.scrollEvent.remove(),n.scrollEvent=L(n.scrollContainer,"scroll",C),C())}M()});const E=t=>Array.isArray(t)?t.map(e=>{const{children:l,key:o,href:s,target:i,class:c,style:a,title:p}=e;return m(Y,{key:o,href:s,target:i,class:c,style:a,title:p,customTitleProps:e},{default:()=>[g.value==="vertical"?E(l):null],customTitle:T.customTitle})}):null,[R,z]=_(k);return()=>{const{offsetTop:t,affix:e,showInkInFixed:l}=r,o=k.value,s=x(`${o}-ink`,{[`${o}-ink-visible`]:v.value}),i=x(z.value,r.wrapperClass,`${o}-wrapper`,{[`${o}-wrapper-horizontal`]:g.value==="horizontal",[`${o}-rtl`]:B.value==="rtl"}),c=x(o,{[`${o}-fixed`]:!e&&!l}),a={maxHeight:t?`calc(100vh - ${t}px)`:"100vh",...r.wrapperStyle},p=m("div",{class:i,style:a,ref:w},[m("div",{class:c},[m("span",{class:s,ref:d},null),Array.isArray(r.items)?E(r.items):T.default?.()])]);return R(e?m(Q,{...u,offsetTop:t,target:h.value},{default:()=>[p]}):p)}}});export{et as anchorProps,mt as default};
2	+ //# sourceMappingURL=Anchor.mjs.map

package/dist/es/anchor/Anchor.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Anchor.mjs","sources":["../../../src/anchor/Anchor.tsx"],"sourcesContent":["import scrollIntoView from 'scroll-into-view-if-needed'\n\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport {\n computed,\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n onUpdated,\n reactive,\n ref,\n} from 'vue'\n\nimport classNames from '../_util/classNames'\nimport getScroll from '../_util/getScroll'\nimport scrollTo from '../_util/scrollTo'\nimport { arrayType } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport Affix from '../affix'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport addEventListener from '../vc-util/Dom/addEventListener'\nimport devWarning from '../vc-util/devWarning'\nimport type { AnchorLinkItemProps } from './AnchorLink'\nimport AnchorLink from './AnchorLink'\nimport useProvideAnchor from './context'\nimport useStyle from './style'\n\nexport type AnchorDirection = 'vertical' | 'horizontal'\n\nfunction getDefaultContainer() {\n return window\n}\n\nfunction getOffsetTop(element: HTMLElement, container: AnchorContainer): number {\n if (!element.getClientRects().length) {\n return 0\n }\n\n const rect = element.getBoundingClientRect()\n\n if (rect.width || rect.height) {\n if (container === window) {\n container = element.ownerDocument!.documentElement!\n return rect.top - container.clientTop\n }\n return rect.top - (container as HTMLElement).getBoundingClientRect().top\n }\n\n return rect.top\n}\n\nconst sharpMatcherRegx = /#([\\S ]+)$/\n\ninterface Section {\n link: string\n top: number\n}\n\nexport type AnchorContainer = HTMLElement | Window\n\nexport const anchorProps = () => ({\n prefixCls: String,\n offsetTop: Number,\n bounds: Number,\n affix: { type: Boolean, default: true },\n showInkInFixed: { type: Boolean, default: false },\n getContainer: Function as PropType<() => AnchorContainer>,\n wrapperClass: String,\n wrapperStyle: { type: Object as PropType<CSSProperties>, default: undefined as CSSProperties },\n getCurrentAnchor: Function as PropType<(activeLink: string) => string>,\n targetOffset: Number,\n items: arrayType<AnchorLinkItemProps[]>(),\n direction: PropTypes.oneOf(['vertical', 'horizontal'] as AnchorDirection[]).def('vertical'),\n onChange: Function as PropType<(currentActiveLink: string) => void>,\n onClick: Function as PropType<(e: MouseEvent, link: { title: any; href: string }) => void>,\n})\n\nexport type AnchorProps = Partial<ExtractPropTypes<ReturnType<typeof anchorProps>>>\n\nexport interface AnchorState {\n scrollContainer: HTMLElement | Window\n links: string[]\n scrollEvent: any\n animating: boolean\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAnchor',\n inheritAttrs: false,\n props: anchorProps(),\n setup(props, { emit, attrs, slots, expose }) {\n const { prefixCls, getTargetContainer, direction } = useConfigInject('anchor', props)\n const anchorDirection = computed(() => props.direction ?? 'vertical')\n\n if (process.env.NODE_ENV !== 'production') {\n devWarning(\n props.items && typeof slots.default !== 'function',\n 'Anchor',\n '`Anchor children` is deprecated. Please use `items` instead.',\n )\n }\n\n if (process.env.NODE_ENV !== 'production') {\n devWarning(\n !(anchorDirection.value === 'horizontal' && props.items?.some((n) => 'children' in n)),\n 'Anchor',\n '`Anchor items#children` is not supported when `Anchor` direction is horizontal.',\n )\n }\n\n const spanLinkNode = ref<HTMLSpanElement>(null)\n const anchorRef = ref()\n const state = reactive<AnchorState>({\n links: [],\n scrollContainer: null,\n scrollEvent: null,\n animating: false,\n })\n const activeLink = ref(null)\n const getContainer = computed(() => {\n const { getContainer } = props\n return getContainer || getTargetContainer?.value || getDefaultContainer\n })\n // func...\n const getCurrentAnchor = (offsetTop = 0, bounds = 5) => {\n const linkSections: Array<Section> = []\n const container = getContainer.value()\n state.links.forEach((link) => {\n const sharpLinkMatch = sharpMatcherRegx.exec(link.toString())\n if (!sharpLinkMatch) {\n return\n }\n const target = document.getElementById(sharpLinkMatch[1])\n if (target) {\n const top = getOffsetTop(target, container)\n if (top < offsetTop + bounds) {\n linkSections.push({\n link,\n top,\n })\n }\n }\n })\n\n if (linkSections.length) {\n const maxSection = linkSections.reduce((prev, curr) => (curr.top > prev.top ? curr : prev))\n return maxSection.link\n }\n return ''\n }\n const setCurrentActiveLink = (link: string) => {\n const { getCurrentAnchor } = props\n if (activeLink.value === link) {\n return\n }\n activeLink.value = typeof getCurrentAnchor === 'function' ? getCurrentAnchor(link) : link\n emit('change', link)\n }\n const handleScrollTo = (link: string) => {\n const { offsetTop, targetOffset } = props\n\n setCurrentActiveLink(link)\n const sharpLinkMatch = sharpMatcherRegx.exec(link)\n if (!sharpLinkMatch) {\n return\n }\n const targetElement = document.getElementById(sharpLinkMatch[1])\n if (!targetElement) {\n return\n }\n\n const container = getContainer.value()\n const scrollTop = getScroll(container, true)\n const eleOffsetTop = getOffsetTop(targetElement, container)\n let y = scrollTop + eleOffsetTop\n y -= targetOffset !== undefined ? targetOffset : offsetTop || 0\n state.animating = true\n\n scrollTo(y, {\n callback: () => {\n state.animating = false\n },\n getContainer: getContainer.value,\n })\n }\n expose({\n scrollTo: handleScrollTo,\n })\n const handleScroll = () => {\n if (state.animating) {\n return\n }\n const { offsetTop, bounds, targetOffset } = props\n const currentActiveLink = getCurrentAnchor(\n targetOffset !== undefined ? targetOffset : offsetTop || 0,\n bounds,\n )\n setCurrentActiveLink(currentActiveLink)\n }\n\n const updateInk = () => {\n const linkNode = anchorRef.value.querySelector(`.${prefixCls.value}-link-title-active`)\n if (linkNode && spanLinkNode.value) {\n const horizontalAnchor = anchorDirection.value === 'horizontal'\n spanLinkNode.value.style.top = horizontalAnchor\n ? ''\n : `${linkNode.offsetTop + linkNode.clientHeight / 2}px`\n spanLinkNode.value.style.height = horizontalAnchor ? '' : `${linkNode.clientHeight}px`\n spanLinkNode.value.style.left = horizontalAnchor ? `${linkNode.offsetLeft}px` : ''\n spanLinkNode.value.style.width = horizontalAnchor ? `${linkNode.clientWidth}px` : ''\n if (horizontalAnchor) {\n scrollIntoView(linkNode, {\n scrollMode: 'if-needed',\n block: 'nearest',\n })\n }\n }\n }\n\n useProvideAnchor({\n registerLink: (link: string) => {\n if (!state.links.includes(link)) {\n state.links.push(link)\n }\n },\n unregisterLink: (link: string) => {\n const index = state.links.indexOf(link)\n if (index !== -1) {\n state.links.splice(index, 1)\n }\n },\n activeLink,\n scrollTo: handleScrollTo,\n handleClick: (e, info) => {\n emit('click', e, info)\n },\n direction: anchorDirection,\n })\n\n onMounted(() => {\n nextTick(() => {\n const container = getContainer.value()\n state.scrollContainer = container\n state.scrollEvent = addEventListener(state.scrollContainer, 'scroll', handleScroll)\n handleScroll()\n })\n })\n onBeforeUnmount(() => {\n if (state.scrollEvent) {\n state.scrollEvent.remove()\n }\n })\n onUpdated(() => {\n if (state.scrollEvent) {\n const currentContainer = getContainer.value()\n if (state.scrollContainer !== currentContainer) {\n state.scrollContainer = currentContainer\n state.scrollEvent.remove()\n state.scrollEvent = addEventListener(state.scrollContainer, 'scroll', handleScroll)\n handleScroll()\n }\n }\n updateInk()\n })\n\n const createNestedLink = (options?: AnchorLinkItemProps[]) =>\n Array.isArray(options)\n ? options.map((option) => {\n const { children, key, href, target, class: cls, style, title } = option\n return (\n <AnchorLink\n key={key}\n href={href}\n target={target}\n class={cls}\n style={style}\n title={title}\n customTitleProps={option}\n v-slots={{ customTitle: slots.customTitle }}\n >\n {anchorDirection.value === 'vertical' ? createNestedLink(children) : null}\n </AnchorLink>\n )\n })\n : null\n\n const [wrapSSR, hashId] = useStyle(prefixCls)\n\n return () => {\n const { offsetTop, affix, showInkInFixed } = props\n const pre = prefixCls.value\n const inkClass = classNames(`${pre}-ink`, {\n [`${pre}-ink-visible`]: activeLink.value,\n })\n\n const wrapperClass = classNames(hashId.value, props.wrapperClass, `${pre}-wrapper`, {\n [`${pre}-wrapper-horizontal`]: anchorDirection.value === 'horizontal',\n [`${pre}-rtl`]: direction.value === 'rtl',\n })\n\n const anchorClass = classNames(pre, {\n [`${pre}-fixed`]: !affix && !showInkInFixed,\n })\n\n const wrapperStyle = {\n maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : '100vh',\n ...props.wrapperStyle,\n }\n const anchorContent = (\n <div class={wrapperClass} style={wrapperStyle} ref={anchorRef}>\n <div class={anchorClass}>\n <span class={inkClass} ref={spanLinkNode} />\n {Array.isArray(props.items) ? createNestedLink(props.items) : slots.default?.()}\n </div>\n </div>\n )\n\n return wrapSSR(\n !affix ? (\n anchorContent\n ) : (\n <Affix {...attrs} offsetTop={offsetTop} target={getContainer.value}>\n {anchorContent}\n </Affix>\n ),\n )\n }\n },\n})\n"],"names":["getDefaultContainer","window","getOffsetTop","element","container","getClientRects","length","rect","getBoundingClientRect","width","height","ownerDocument","documentElement","top","clientTop","sharpMatcherRegx","anchorProps","prefixCls","String","offsetTop","Number","bounds","affix","type","Boolean","default","showInkInFixed","getContainer","Function","wrapperClass","wrapperStyle","Object","undefined","getCurrentAnchor","targetOffset","items","arrayType","direction","PropTypes","oneOf","def","onChange","onClick","Anchor","compatConfig","MODE","name","inheritAttrs","props","setup","emit","attrs","slots","expose","getTargetContainer","useConfigInject","anchorDirection","computed","spanLinkNode","ref","anchorRef","state","reactive","links","scrollContainer","scrollEvent","animating","activeLink","value","linkSections","forEach","link","sharpLinkMatch","exec","toString","target","document","getElementById","push","reduce","prev","curr","setCurrentActiveLink","handleScrollTo","targetElement","scrollTop","getScroll","eleOffsetTop","y","scrollTo","callback","handleScroll","currentActiveLink","updateInk","linkNode","querySelector","horizontalAnchor","style","clientHeight","left","offsetLeft","clientWidth","scrollIntoView","scrollMode","block","useProvideAnchor","registerLink","includes","unregisterLink","index","indexOf","splice","handleClick","e","info","onMounted","nextTick","addEventListener","onBeforeUnmount","remove","onUpdated","currentContainer","createNestedLink","Array","isArray","options","map","option","children","key","href","class","cls","title","_createVNode","AnchorLink","customTitle","wrapSSR","hashId","useStyle","pre","inkClass","classNames","anchorClass","maxHeight","anchorContent","Affix"],"mappings":"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"}

package/dist/es/anchor/AnchorLink.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as L,watch as x,nextTick as y,onMounted as A,onBeforeUnmount as j,createVNode as u}from"vue";import h from"../_util/classNames.mjs";import N from"../_util/props-util/initDefaultProps.mjs";import{objectType as P,anyType as $}from"../_util/type.mjs";import S from"../config-provider/hooks/useConfigInject.mjs";import{useInjectAnchor as b}from"./context.mjs";const w=()=>({prefixCls:String,href:String,title:$(),target:String,customTitleProps:P()}),H=L({compatConfig:{MODE:3},name:"AAnchorLink",inheritAttrs:!1,props:N(w(),{href:"#"}),slots:Object,setup(t,{slots:r,attrs:l}){let i=null;const{handleClick:k,scrollTo:p,unregisterLink:s,registerLink:a,activeLink:g}=b(),{prefixCls:C}=S("anchor",t),d=e=>{const{href:n}=t;k(e,{title:i,href:n}),p(n)};return x(()=>t.href,(e,n)=>{y(()=>{s(n),a(e)})}),A(()=>{a(t.href)}),j(()=>{s(t.href)}),()=>{const{href:e,target:n,title:c=r.title,customTitleProps:f={}}=t,o=C.value;i=typeof c=="function"?c(f):c;const m=g.value===e,T=h(`${o}-link`,{[`${o}-link-active`]:m},l.class),v=h(`${o}-link-title`,{[`${o}-link-title-active`]:m});return u("div",{...l,class:T},[u("a",{class:v,href:e,title:typeof i=="string"?i:"",target:n,onClick:d},[r.customTitle?r.customTitle(f):i]),r.default?.()])}}});export{w as anchorLinkProps,H as default};
2	+ //# sourceMappingURL=AnchorLink.mjs.map

package/dist/es/anchor/AnchorLink.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnchorLink.mjs","sources":["../../../src/anchor/AnchorLink.tsx"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { defineComponent, nextTick, onBeforeUnmount, onMounted, watch } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport type { CSSProperties } from '../_util/cssinjs/hooks/useStyleRegister'\nimport { initDefaultProps } from '../_util/props-util'\nimport type { CustomSlotsType, Key, VueNode } from '../_util/type'\nimport { anyType, objectType } from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport { useInjectAnchor } from './context'\n\nexport const anchorLinkProps = () => ({\n prefixCls: String,\n href: String,\n title: anyType<VueNode | ((item: any) => VueNode)>(),\n target: String,\n /* private use */\n customTitleProps: objectType<AnchorLinkItemProps>(),\n})\nexport interface AnchorLinkItemProps {\n key: Key\n class?: string\n style?: CSSProperties\n href?: string\n target?: string\n children?: AnchorLinkItemProps[]\n title?: VueNode | ((item: AnchorLinkItemProps) => VueNode)\n}\n\nexport type AnchorLinkProps = Partial<ExtractPropTypes<ReturnType<typeof anchorLinkProps>>>\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAnchorLink',\n inheritAttrs: false,\n props: initDefaultProps(anchorLinkProps(), { href: '#' }),\n slots: Object as CustomSlotsType<{\n title: any\n default: any\n customTitle: any\n }>,\n setup(props, { slots, attrs }) {\n let mergedTitle = null\n const {\n handleClick: contextHandleClick,\n scrollTo,\n unregisterLink,\n registerLink,\n activeLink,\n } = useInjectAnchor()\n const { prefixCls } = useConfigInject('anchor', props)\n\n const handleClick = (e: Event) => {\n const { href } = props\n contextHandleClick(e, { title: mergedTitle, href })\n scrollTo(href)\n }\n\n watch(\n () => props.href,\n (val, oldVal) => {\n nextTick(() => {\n unregisterLink(oldVal)\n registerLink(val)\n })\n },\n )\n\n onMounted(() => {\n registerLink(props.href)\n })\n\n onBeforeUnmount(() => {\n unregisterLink(props.href)\n })\n\n return () => {\n const { href, target, title = slots.title, customTitleProps = {} } = props\n const pre = prefixCls.value\n mergedTitle = typeof title === 'function' ? title(customTitleProps) : title\n const active = activeLink.value === href\n const wrapperClassName = classNames(\n `${pre}-link`,\n {\n [`${pre}-link-active`]: active,\n },\n attrs.class,\n )\n const titleClassName = classNames(`${pre}-link-title`, {\n [`${pre}-link-title-active`]: active,\n })\n return (\n <div {...attrs} class={wrapperClassName}>\n <a\n class={titleClassName}\n href={href}\n title={typeof mergedTitle === 'string' ? mergedTitle : ''}\n target={target}\n onClick={handleClick}\n >\n {slots.customTitle ? slots.customTitle(customTitleProps) : mergedTitle}\n </a>\n {slots.default?.()}\n </div>\n )\n }\n },\n})\n"],"names":["anchorLinkProps","prefixCls","String","href","title","anyType","target","customTitleProps","objectType","AnchorLink","compatConfig","MODE","name","inheritAttrs","props","initDefaultProps","slots","Object","setup","attrs","mergedTitle","handleClick","contextHandleClick","scrollTo","unregisterLink","registerLink","activeLink","useInjectAnchor","useConfigInject","e","watch","val","oldVal","nextTick","onMounted","onBeforeUnmount","pre","value","active","wrapperClassName","classNames","class","titleClassName","_createVNode","customTitle","default"],"mappings":"2XAWO,MAAMA,EAAkBA,KAAO,CACpCC,UAAWC,OACXC,KAAMD,OACNE,MAAOC,EAAO,EACdC,OAAQJ,OAERK,iBAAkBC,EAAU,CAC9B,GAaAC,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,cACNC,aAAc,GACdC,MAAOC,EAAiBf,IAAmB,CAAEG,KAAM,GAAI,CAAC,EACxDa,MAAOC,OAKPC,MAAMJ,EAAO,CAAEE,MAAAA,EAAOG,MAAAA,CAAM,EAAG,CAC7B,IAAIC,EAAc,KAClB,KAAM,CACJC,YAAaC,EACbC,SAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,WAAAA,GACEC,EAAe,EACb,CAAE1B,UAAAA,CAAU,EAAI2B,EAAgB,SAAUd,CAAK,EAE/CO,EAAeQ,GAAa,CAChC,KAAM,CAAE1B,KAAAA,CAAK,EAAIW,EACjBQ,EAAmBO,EAAG,CAAEzB,MAAOgB,EAAajB,KAAAA,CAAK,CAAC,EAClDoB,EAASpB,CAAI,CACf,EAEA2B,OAAAA,EACE,IAAMhB,EAAMX,KACZ,CAAC4B,EAAKC,IAAW,CACfC,EAAS,IAAM,CACbT,EAAeQ,CAAM,EACrBP,EAAaM,CAAG,CAClB,CAAC,CACH,CACF,EAEAG,EAAU,IAAM,CACdT,EAAaX,EAAMX,IAAI,CACzB,CAAC,EAEDgC,EAAgB,IAAM,CACpBX,EAAeV,EAAMX,IAAI,CAC3B,CAAC,EAEM,IAAM,CACX,KAAM,CAAEA,KAAAA,EAAMG,OAAAA,EAAQF,MAAAA,EAAQY,EAAMZ,MAAOG,iBAAAA,EAAmB,CAAA,CAAG,EAAIO,EAC/DsB,EAAMnC,EAAUoC,MACtBjB,EAAc,OAAOhB,GAAU,WAAaA,EAAMG,CAAgB,EAAIH,EACtE,MAAMkC,EAASZ,EAAWW,QAAUlC,EAC9BoC,EAAmBC,EACvB,GAAGJ,CAAG,QACN,CACE,CAAC,GAAGA,CAAG,cAAc,EAAGE,CAC1B,EACAnB,EAAMsB,KACR,EACMC,EAAiBF,EAAW,GAAGJ,CAAG,cAAe,CACrD,CAAC,GAAGA,CAAG,oBAAoB,EAAGE,CAChC,CAAC,EACD,OAAAK,EAAA,MAAA,CAAA,GACWxB,EAAK,MAASoB,CAAgB,EAAA,CAAAI,EAAA,IAAA,CAAA,MAE5BD,EAAc,KACfvC,EAAI,MACH,OAAOiB,GAAgB,SAAWA,EAAc,GAAE,OACjDd,EAAM,QACLe,CAAW,EAAA,CAEnBL,EAAM4B,YAAc5B,EAAM4B,YAAYrC,CAAgB,EAAIa,CAAW,CAAA,EAEvEJ,EAAM6B,UAAO,CAAI,CAAA,CAGxB,CACF,CACF,CAAC"}

package/dist/es/anchor/context.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{inject as r,computed as o,provide as c}from"vue";function e(...n){}const t=Symbol("anchorContextKey"),s=n=>{c(t,n)},a=()=>r(t,{registerLink:e,unregisterLink:e,scrollTo:e,activeLink:o(()=>""),handleClick:e,direction:o(()=>"vertical")});export{t as AnchorContextKey,s as default,a as useInjectAnchor,s as useProvideAnchor};
2	+ //# sourceMappingURL=context.mjs.map

package/dist/es/anchor/context.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context.mjs","sources":["../../../src/anchor/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport { computed, inject, provide } from 'vue'\n\nimport type { AnchorDirection } from './Anchor'\n\nexport interface AnchorContext {\n registerLink: (link: string) => void\n unregisterLink: (link: string) => void\n activeLink: Ref<string>\n scrollTo: (link: string) => void\n handleClick: (e: Event, info: { title: any; href: string }) => void\n direction: ComputedRef<AnchorDirection>\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction noop(..._any: any[]): any {}\n\nexport const AnchorContextKey: InjectionKey<AnchorContext> = Symbol('anchorContextKey')\n\nconst useProvideAnchor = (state: AnchorContext) => {\n provide(AnchorContextKey, state)\n}\n\nconst useInjectAnchor = () => {\n return inject(AnchorContextKey, {\n registerLink: noop,\n unregisterLink: noop,\n scrollTo: noop,\n activeLink: computed(() => ''),\n handleClick: noop,\n direction: computed(() => 'vertical'),\n } as AnchorContext)\n}\n\nexport { useInjectAnchor, useProvideAnchor }\nexport default useProvideAnchor\n"],"names":["noop","_any","AnchorContextKey","useProvideAnchor","state","provide","useInjectAnchor","inject","computed"],"mappings":"wDAeA,SAASA,KAAQC,EAAkB,CAAC,CAE7B,MAAMC,SAAuD,kBAAkB,EAEhFC,EAAoBC,GAAyB,CACjDC,EAAQH,EAAkBE,CAAK,CACjC,EAEME,EAAkB,IACfC,EAAOL,EAAkB,CAC9B,aAAcF,EACd,eAAgBA,EAChB,SAAUA,EACV,WAAYQ,EAAS,IAAM,EAAE,EAC7B,YAAaR,EACb,UAAWQ,EAAS,IAAM,UAAU,CAAA,CACpB"}

package/dist/es/anchor/index.mjs ADDED Viewed

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

package/dist/es/anchor/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/anchor/index.tsx"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nimport type { AnchorProps } from './Anchor'\nimport Anchor from './Anchor'\nimport type { AnchorLinkItemProps, AnchorLinkProps } from './AnchorLink'\nimport AnchorLink from './AnchorLink'\n\nAnchor.Link = AnchorLink\n\n/* istanbul ignore next */\nAnchor.install = function (app: App) {\n app.component(Anchor.name, Anchor)\n app.component(Anchor.Link.name, Anchor.Link)\n return app\n}\n\nexport type { AnchorLinkItemProps, AnchorLinkProps, AnchorProps }\nexport { AnchorLink, AnchorLink as Link }\n\nexport default Anchor as typeof Anchor &\n Plugin & {\n readonly Link: typeof AnchorLink\n }\n"],"names":["Anchor","Link","AnchorLink","install","app","component","name"],"mappings":"4DAOAA,EAAOC,KAAOC,EAGdF,EAAOG,QAAU,SAAUC,EAAU,CACnCA,OAAAA,EAAIC,UAAUL,EAAOM,KAAMN,CAAM,EACjCI,EAAIC,UAAUL,EAAOC,KAAKK,KAAMN,EAAOC,IAAI,EACpCG,CACT"}

package/dist/es/anchor/style/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{textEllipsis as c,resetComponent as d}from"../../style/index.mjs";import"../../theme/internal.mjs";import p from"../../theme/util/genComponentStyleHook.mjs";import{merge as s}from"../../theme/util/statistic.mjs";const h=n=>{const{componentCls:o,holderOffsetBlock:t,motionDurationSlow:l,lineWidthBold:i,colorPrimary:r,lineType:e,colorSplit:a}=n;return{[`${o}-wrapper`]:{marginBlockStart:-t,paddingBlockStart:t,backgroundColor:"transparent",[o]:{...d(n),position:"relative",paddingInlineStart:i,[`${o}-link`]:{paddingBlock:n.anchorPaddingBlock,paddingInline:`${n.anchorPaddingInline}px 0`,"&-title":{...c,position:"relative",display:"block",marginBlockEnd:n.anchorTitleBlock,color:n.colorText,transition:`all ${n.motionDurationSlow}`,"&:only-child":{marginBlockEnd:0}},[`&-active > ${o}-link-title`]:{color:n.colorPrimary},[`${o}-link`]:{paddingBlock:n.anchorPaddingBlockSecondary}}},[`&:not(${o}-wrapper-horizontal)`]:{[o]:{"&::before":{position:"absolute",left:{_skip_check_:!0,value:0},top:0,height:"100%",borderInlineStart:`${i}px ${e} ${a}`,content:'" "'},[`${o}-ink`]:{position:"absolute",left:{_skip_check_:!0,value:0},display:"none",transform:"translateY(-50%)",transition:`top ${l} ease-in-out`,width:i,backgroundColor:r,[`&${o}-ink-visible`]:{display:"inline-block"}}}},[`${o}-fixed ${o}-ink ${o}-ink`]:{display:"none"}}}},k=n=>{const{componentCls:o,motionDurationSlow:t,lineWidthBold:l,colorPrimary:i}=n;return{[`${o}-wrapper-horizontal`]:{position:"relative","&::before":{position:"absolute",left:{_skip_check_:!0,value:0},right:{_skip_check_:!0,value:0},bottom:0,borderBottom:`1px ${n.lineType} ${n.colorSplit}`,content:'" "'},[o]:{overflowX:"scroll",position:"relative",display:"flex",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},[`${o}-link:first-of-type`]:{paddingInline:0},[`${o}-ink`]:{position:"absolute",bottom:0,transition:`left ${t} ease-in-out, width ${t} ease-in-out`,height:l,backgroundColor:i}}}}},f=p("Anchor",n=>{const{fontSize:o,fontSizeLG:t,padding:l,paddingXXS:i}=n,r=s(n,{holderOffsetBlock:i,anchorPaddingBlock:i,anchorPaddingBlockSecondary:i/2,anchorPaddingInline:l,anchorTitleBlock:o/14*3,anchorBallSize:t/2});return[h(r),k(r)]});export{f as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/anchor/style/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../src/anchor/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { resetComponent, textEllipsis } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\n\nexport interface ComponentToken {}\n\ninterface AnchorToken extends FullToken<'Anchor'> {\n holderOffsetBlock: number\n anchorPaddingBlock: number\n anchorPaddingBlockSecondary: number\n anchorPaddingInline: number\n anchorBallSize: number\n anchorTitleBlock: number\n}\n\n// ============================== Shared ==============================\nconst genSharedAnchorStyle: GenerateStyle<AnchorToken> = (token): CSSObject => {\n const {\n componentCls,\n holderOffsetBlock,\n motionDurationSlow,\n lineWidthBold,\n colorPrimary,\n lineType,\n colorSplit,\n } = token\n\n return {\n [`${componentCls}-wrapper`]: {\n marginBlockStart: -holderOffsetBlock,\n paddingBlockStart: holderOffsetBlock,\n\n // delete overflow: auto\n // overflow: 'auto',\n\n backgroundColor: 'transparent',\n\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n paddingInlineStart: lineWidthBold,\n\n [`${componentCls}-link`]: {\n paddingBlock: token.anchorPaddingBlock,\n paddingInline: `${token.anchorPaddingInline}px 0`,\n\n '&-title': {\n ...textEllipsis,\n position: 'relative',\n display: 'block',\n marginBlockEnd: token.anchorTitleBlock,\n color: token.colorText,\n transition: `all ${token.motionDurationSlow}`,\n\n '&:only-child': {\n marginBlockEnd: 0,\n },\n },\n\n [`&-active > ${componentCls}-link-title`]: {\n color: token.colorPrimary,\n },\n\n // link link\n [`${componentCls}-link`]: {\n paddingBlock: token.anchorPaddingBlockSecondary,\n },\n },\n },\n\n [`&:not(${componentCls}-wrapper-horizontal)`]: {\n [componentCls]: {\n '&::before': {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n top: 0,\n height: '100%',\n borderInlineStart: `${lineWidthBold}px ${lineType} ${colorSplit}`,\n content: '\" \"',\n },\n\n [`${componentCls}-ink`]: {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n display: 'none',\n transform: 'translateY(-50%)',\n transition: `top ${motionDurationSlow} ease-in-out`,\n width: lineWidthBold,\n backgroundColor: colorPrimary,\n\n [`&${componentCls}-ink-visible`]: {\n display: 'inline-block',\n },\n },\n },\n },\n\n [`${componentCls}-fixed ${componentCls}-ink ${componentCls}-ink`]: {\n display: 'none',\n },\n },\n }\n}\n\nconst genSharedAnchorHorizontalStyle: GenerateStyle<AnchorToken> = (token): CSSObject => {\n const { componentCls, motionDurationSlow, lineWidthBold, colorPrimary } = token\n\n return {\n [`${componentCls}-wrapper-horizontal`]: {\n position: 'relative',\n\n '&::before': {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n right: {\n _skip_check_: true,\n value: 0,\n },\n bottom: 0,\n borderBottom: `1px ${token.lineType} ${token.colorSplit}`,\n content: '\" \"',\n },\n\n [componentCls]: {\n overflowX: 'scroll',\n position: 'relative',\n display: 'flex',\n scrollbarWidth: 'none' /* Firefox */,\n\n '&::-webkit-scrollbar': {\n display: 'none' /* Safari and Chrome */,\n },\n\n [`${componentCls}-link:first-of-type`]: {\n paddingInline: 0,\n },\n\n [`${componentCls}-ink`]: {\n position: 'absolute',\n bottom: 0,\n transition: `left ${motionDurationSlow} ease-in-out, width ${motionDurationSlow} ease-in-out`,\n height: lineWidthBold,\n backgroundColor: colorPrimary,\n },\n },\n },\n }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Anchor', (token) => {\n const { fontSize, fontSizeLG, padding, paddingXXS } = token\n\n const anchorToken = mergeToken<AnchorToken>(token, {\n holderOffsetBlock: paddingXXS,\n anchorPaddingBlock: paddingXXS,\n anchorPaddingBlockSecondary: paddingXXS / 2,\n anchorPaddingInline: padding,\n anchorTitleBlock: (fontSize / 14) * 3,\n anchorBallSize: fontSizeLG / 2,\n })\n return [genSharedAnchorStyle(anchorToken), genSharedAnchorHorizontalStyle(anchorToken)]\n})\n"],"names":["genSharedAnchorStyle","token","componentCls","holderOffsetBlock","motionDurationSlow","lineWidthBold","colorPrimary","lineType","colorSplit","resetComponent","textEllipsis","genSharedAnchorHorizontalStyle","useStyle","genComponentStyleHook","fontSize","fontSizeLG","padding","paddingXXS","anchorToken","mergeToken"],"mappings":"2NAiBA,MAAMA,EAAoDC,GAAqB,CAC7E,KAAM,CACJ,aAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,EACA,WAAAC,CAAA,EACEP,EAEJ,MAAO,CACL,CAAC,GAAGC,CAAY,UAAU,EAAG,CAC3B,iBAAkB,CAACC,EACnB,kBAAmBA,EAKnB,gBAAiB,cAEjB,CAACD,CAAY,EAAG,CACd,GAAGO,EAAeR,CAAK,EACvB,SAAU,WACV,mBAAoBI,EAEpB,CAAC,GAAGH,CAAY,OAAO,EAAG,CACxB,aAAcD,EAAM,mBACpB,cAAe,GAAGA,EAAM,mBAAmB,OAE3C,UAAW,CACT,GAAGS,EACH,SAAU,WACV,QAAS,QACT,eAAgBT,EAAM,iBACtB,MAAOA,EAAM,UACb,WAAY,OAAOA,EAAM,kBAAkB,GAE3C,eAAgB,CACd,eAAgB,CAAA,CAClB,EAGF,CAAC,cAAcC,CAAY,aAAa,EAAG,CACzC,MAAOD,EAAM,YAAA,EAIf,CAAC,GAAGC,CAAY,OAAO,EAAG,CACxB,aAAcD,EAAM,2BAAA,CACtB,CACF,EAGF,CAAC,SAASC,CAAY,sBAAsB,EAAG,CAC7C,CAACA,CAAY,EAAG,CACd,YAAa,CACX,SAAU,WACV,KAAM,CACJ,aAAc,GACd,MAAO,CAAA,EAET,IAAK,EACL,OAAQ,OACR,kBAAmB,GAAGG,CAAa,MAAME,CAAQ,IAAIC,CAAU,GAC/D,QAAS,KAAA,EAGX,CAAC,GAAGN,CAAY,MAAM,EAAG,CACvB,SAAU,WACV,KAAM,CACJ,aAAc,GACd,MAAO,CAAA,EAET,QAAS,OACT,UAAW,mBACX,WAAY,OAAOE,CAAkB,eACrC,MAAOC,EACP,gBAAiBC,EAEjB,CAAC,IAAIJ,CAAY,cAAc,EAAG,CAChC,QAAS,cAAA,CACX,CACF,CACF,EAGF,CAAC,GAAGA,CAAY,UAAUA,CAAY,QAAQA,CAAY,MAAM,EAAG,CACjE,QAAS,MAAA,CACX,CACF,CAEJ,EAEMS,EAA8DV,GAAqB,CACvF,KAAM,CAAE,aAAAC,EAAc,mBAAAE,EAAoB,cAAAC,EAAe,aAAAC,GAAiBL,EAE1E,MAAO,CACL,CAAC,GAAGC,CAAY,qBAAqB,EAAG,CACtC,SAAU,WAEV,YAAa,CACX,SAAU,WACV,KAAM,CACJ,aAAc,GACd,MAAO,CAAA,EAET,MAAO,CACL,aAAc,GACd,MAAO,CAAA,EAET,OAAQ,EACR,aAAc,OAAOD,EAAM,QAAQ,IAAIA,EAAM,UAAU,GACvD,QAAS,KAAA,EAGX,CAACC,CAAY,EAAG,CACd,UAAW,SACX,SAAU,WACV,QAAS,OACT,eAAgB,OAEhB,uBAAwB,CACtB,QAAS,MAAA,EAGX,CAAC,GAAGA,CAAY,qBAAqB,EAAG,CACtC,cAAe,CAAA,EAGjB,CAAC,GAAGA,CAAY,MAAM,EAAG,CACvB,SAAU,WACV,OAAQ,EACR,WAAY,QAAQE,CAAkB,uBAAuBA,CAAkB,eAC/E,OAAQC,EACR,gBAAiBC,CAAA,CACnB,CACF,CACF,CAEJ,EAGAM,EAAeC,EAAsB,SAAWZ,GAAU,CACxD,KAAM,CAAE,SAAAa,EAAU,WAAAC,EAAY,QAAAC,EAAS,WAAAC,GAAehB,EAEhDiB,EAAcC,EAAwBlB,EAAO,CACjD,kBAAmBgB,EACnB,mBAAoBA,EACpB,4BAA6BA,EAAa,EAC1C,oBAAqBD,EACrB,iBAAmBF,EAAW,GAAM,EACpC,eAAgBC,EAAa,CAAA,CAC9B,EACD,MAAO,CAACf,EAAqBkB,CAAW,EAAGP,EAA+BO,CAAW,CAAC,CACxF,CAAC"}

package/dist/es/app/context.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{reactive as r,inject as e,provide as o}from"vue";const n=Symbol("appConfigContext"),C=t=>o(n,t),c=()=>e(n,{}),p=Symbol("appContext"),x=t=>o(p,t),i=r({message:{},notification:{},modal:{}}),u=()=>e(p,i);export{n as AppConfigContextKey,p as AppContextKey,c as useInjectAppConfigContext,u as useInjectAppContext,C as useProvideAppConfigContext,x as useProvideAppContext};
2	+ //# sourceMappingURL=context.mjs.map

package/dist/es/app/context.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context.mjs","sources":["../../../src/app/context.ts"],"sourcesContent":["import { inject, provide, reactive } from 'vue'\nimport type { InjectionKey } from 'vue'\n\nimport type { ConfigOptions as MessageConfig, MessageInstance } from '../message/interface'\nimport type { ModalStaticFunctions } from '../modal/confirm'\nimport type { NotificationConfig, NotificationInstance } from '../notification/interface'\n\nexport interface AppConfig {\n message?: MessageConfig\n notification?: NotificationConfig\n}\n\nexport const AppConfigContextKey: InjectionKey<AppConfig> = Symbol('appConfigContext')\n\nexport const useProvideAppConfigContext = (appConfigContext: AppConfig) => {\n return provide(AppConfigContextKey, appConfigContext)\n}\n\nexport const useInjectAppConfigContext = () => {\n return inject(AppConfigContextKey, {})\n}\n\ntype ModalType = Omit<ModalStaticFunctions, 'warn'>\n\nexport interface useAppProps {\n message: MessageInstance\n notification: NotificationInstance\n modal: ModalType\n}\n\nexport const AppContextKey: InjectionKey<useAppProps> = Symbol('appContext')\n\nexport const useProvideAppContext = (appContext: useAppProps) => {\n return provide(AppContextKey, appContext)\n}\n\nconst defaultAppContext: useAppProps = reactive({\n message: {},\n notification: {},\n modal: {},\n} as useAppProps)\n\nexport const useInjectAppContext = () => {\n return inject(AppContextKey, defaultAppContext)\n}\n"],"names":["AppConfigContextKey","useProvideAppConfigContext","appConfigContext","provide","useInjectAppConfigContext","inject","AppContextKey","useProvideAppContext","appContext","defaultAppContext","reactive","useInjectAppContext"],"mappings":"wDAYO,MAAMA,SAAsD,kBAAkB,EAExEC,EAA8BC,GAClCC,EAAQH,EAAqBE,CAAgB,EAGzCE,EAA4B,IAChCC,EAAOL,EAAqB,EAAE,EAW1BM,SAAkD,YAAY,EAE9DC,EAAwBC,GAC5BL,EAAQG,EAAeE,CAAU,EAGpCC,EAAiCC,EAAS,CAC9C,QAAS,CAAA,EACT,aAAc,CAAA,EACd,MAAO,CAAA,CACT,CAAgB,EAEHC,EAAsB,IAC1BN,EAAOC,EAAeG,CAAiB"}

package/dist/es/app/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as v,computed as n,createVNode as x}from"vue";import N from"../_util/classNames.mjs";import j from"../_util/props-util/initDefaultProps.mjs";import{objectType as a}from"../_util/type.mjs";import I from"../config-provider/hooks/useConfigInject.mjs";import M from"../message/useMessage.mjs";import P from"../modal/useModal/index.mjs";import S from"../notification/useNotification.mjs";import{useInjectAppConfigContext as H,useProvideAppConfigContext as h,useProvideAppContext as y,useInjectAppContext as V}from"./context.mjs";import b from"./style/index.mjs";const w=()=>({rootClassName:String,message:a(),notification:a()}),z=()=>V(),e=v({name:"AApp",props:j(w(),{}),setup(o,{slots:p}){const{prefixCls:s}=I("app",o),[r,m]=b(s),c=n(()=>N(m.value,s.value,o.rootClassName)),i=H(),t=n(()=>({message:{...i.message,...o.message},notification:{...i.notification,...o.notification}}));h(t.value);const[u,f]=M(t.value.message),[l,d]=S(t.value.notification),[C,g]=P(),A=n(()=>({message:u,notification:l,modal:C}));return y(A.value),()=>r(x("div",{class:c.value},[g(),f(),d(),p.default?.()]))}});e.useApp=z;e.install=function(o){o.component(e.name,e)};export{w as AppProps,e as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/app/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/app/index.tsx"],"sourcesContent":["import { computed, defineComponent } from 'vue'\nimport type { Plugin, App as TypeApp } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport { initDefaultProps } from '../_util/props-util'\nimport { objectType } from '../_util/type'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport useMessage from '../message/useMessage'\nimport useModal from '../modal/useModal'\nimport useNotification from '../notification/useNotification'\nimport type { AppConfig } from './context'\nimport {\n useInjectAppConfigContext,\n useInjectAppContext,\n useProvideAppConfigContext,\n useProvideAppContext,\n} from './context'\nimport useStyle from './style'\n\nexport const AppProps = () => {\n return {\n rootClassName: String,\n message: objectType<AppConfig['message']>(),\n notification: objectType<AppConfig['notification']>(),\n }\n}\n\nconst useApp = () => {\n return useInjectAppContext()\n}\n\nconst App = defineComponent({\n name: 'AApp',\n props: initDefaultProps(AppProps(), {}),\n setup(props, { slots }) {\n const { prefixCls } = useConfigInject('app', props)\n const [wrapSSR, hashId] = useStyle(prefixCls)\n const customClassName = computed(() => {\n return classNames(hashId.value, prefixCls.value, props.rootClassName)\n })\n\n const appConfig = useInjectAppConfigContext()\n const mergedAppConfig = computed(() => ({\n message: { ...appConfig.message, ...props.message },\n notification: { ...appConfig.notification, ...props.notification },\n }))\n useProvideAppConfigContext(mergedAppConfig.value)\n\n const [messageApi, messageContextHolder] = useMessage(mergedAppConfig.value.message)\n const [notificationApi, notificationContextHolder] = useNotification(\n mergedAppConfig.value.notification,\n )\n const [ModalApi, ModalContextHolder] = useModal()\n\n const memoizedContextValue = computed(() => ({\n message: messageApi,\n notification: notificationApi,\n modal: ModalApi,\n }))\n useProvideAppContext(memoizedContextValue.value)\n\n return () => {\n return wrapSSR(\n <div class={customClassName.value}>\n {ModalContextHolder()}\n {messageContextHolder()}\n {notificationContextHolder()}\n {slots.default?.()}\n </div>,\n )\n }\n },\n})\n\nApp.useApp = useApp\n\nApp.install = function (app: TypeApp) {\n app.component(App.name, App)\n}\n\nexport default App as typeof App &\n Plugin & {\n readonly useApp: typeof useApp\n }\n"],"names":["AppProps","rootClassName","String","message","objectType","notification","useApp","useInjectAppContext","App","defineComponent","name","props","initDefaultProps","setup","slots","prefixCls","useConfigInject","wrapSSR","hashId","useStyle","customClassName","computed","classNames","value","appConfig","useInjectAppConfigContext","mergedAppConfig","useProvideAppConfigContext","messageApi","messageContextHolder","useMessage","notificationApi","notificationContextHolder","useNotification","ModalApi","ModalContextHolder","useModal","memoizedContextValue","modal","useProvideAppContext","_createVNode","default","install","app","component"],"mappings":"okBAmBO,MAAMA,EAAWA,KACf,CACLC,cAAeC,OACfC,QAASC,EAAU,EACnBC,aAAcD,EAAU,IAItBE,EAASA,IACNC,EAAmB,EAGtBC,EAAMC,EAAgB,CAC1BC,KAAM,OACNC,MAAOC,EAAiBZ,EAAQ,EAAI,EAAE,EACtCa,MAAMF,EAAO,CAAEG,MAAAA,CAAM,EAAG,CACtB,KAAM,CAAEC,UAAAA,CAAU,EAAIC,EAAgB,MAAOL,CAAK,EAC5C,CAACM,EAASC,CAAM,EAAIC,EAASJ,CAAS,EACtCK,EAAkBC,EAAS,IACxBC,EAAWJ,EAAOK,MAAOR,EAAUQ,MAAOZ,EAAMV,aAAa,CACrE,EAEKuB,EAAYC,EAAyB,EACrCC,EAAkBL,EAAS,KAAO,CACtClB,QAAS,CAAE,GAAGqB,EAAUrB,QAAS,GAAGQ,EAAMR,SAC1CE,aAAc,CAAE,GAAGmB,EAAUnB,aAAc,GAAGM,EAAMN,YAAa,CACnE,EAAE,EACFsB,EAA2BD,EAAgBH,KAAK,EAEhD,KAAM,CAACK,EAAYC,CAAoB,EAAIC,EAAWJ,EAAgBH,MAAMpB,OAAO,EAC7E,CAAC4B,EAAiBC,CAAyB,EAAIC,EACnDP,EAAgBH,MAAMlB,YACxB,EACM,CAAC6B,EAAUC,CAAkB,EAAIC,EAAQ,EAEzCC,EAAuBhB,EAAS,KAAO,CAC3ClB,QAASyB,EACTvB,aAAc0B,EACdO,MAAOJ,CACT,EAAE,EACFK,OAAAA,EAAqBF,EAAqBd,KAAK,EAExC,IACEN,EAAOuB,EAAA,MAAA,CAAA,MACApB,EAAgBG,KAAK,EAAA,CAC9BY,EAAkB,EAClBN,EAAoB,EACpBG,EAAyB,EACzBlB,EAAM2B,UAAO,CAAI,EAEtB,CAEJ,CACF,CAAC,EAEDjC,EAAIF,OAASA,EAEbE,EAAIkC,QAAU,SAAUC,EAAc,CACpCA,EAAIC,UAAUpC,EAAIE,KAAMF,CAAG,CAC7B"}

package/dist/es/app/style/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"../../theme/internal.mjs";import p from"../../theme/util/genComponentStyleHook.mjs";const s=o=>{const{componentCls:t,colorText:e,fontSize:n,lineHeight:l,fontFamily:r}=o;return{[t]:{color:e,fontSize:n,lineHeight:l,fontFamily:r}}},m=p("App",o=>[s(o)]);export{m as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/app/style/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../src/app/style/index.ts"],"sourcesContent":["import type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook } from '../../theme/internal'\n\nexport interface ComponentToken {}\n\ninterface AppToken extends FullToken<'App'> {}\n\n// =============================== Base ===============================\nconst genBaseStyle: GenerateStyle<AppToken> = (token) => {\n const { componentCls, colorText, fontSize, lineHeight, fontFamily } = token\n return {\n [componentCls]: {\n color: colorText,\n fontSize,\n lineHeight,\n fontFamily,\n },\n }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('App', (token) => [genBaseStyle(token)])\n"],"names":["genBaseStyle","token","componentCls","colorText","fontSize","lineHeight","fontFamily","useStyle","genComponentStyleHook"],"mappings":"2FAQA,MAAMA,EAAyCC,GAAU,CACvD,KAAM,CAAE,aAAAC,EAAc,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,GAAeL,EACtE,MAAO,CACL,CAACC,CAAY,EAAG,CACd,MAAOC,EACP,SAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,CACF,CAEJ,EAGAC,EAAeC,EAAsB,MAAQP,GAAU,CAACD,EAAaC,CAAK,CAAC,CAAC"}

package/dist/es/auto-complete/OptGroup.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const t=()=>null;t.isSelectOptGroup=!0;t.displayName="AAutoCompleteOptGroup";export{t as default};
2	+ //# sourceMappingURL=OptGroup.mjs.map

package/dist/es/auto-complete/OptGroup.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OptGroup.mjs","sources":["../../../src/auto-complete/OptGroup.tsx"],"sourcesContent":["import type { FunctionalComponent } from 'vue'\n\nimport type { DefaultOptionType } from '../select'\n\nexport type OptGroupProps = Omit<DefaultOptionType, 'options'>\n\nexport interface OptionGroupFC extends FunctionalComponent<OptGroupProps> {\n /** Legacy for check if is a Option Group */\n isSelectOptGroup: boolean\n}\n\nconst OptGroup: OptionGroupFC = () => null\nOptGroup.isSelectOptGroup = true\nOptGroup.displayName = 'AAutoCompleteOptGroup'\nexport default OptGroup\n"],"names":["OptGroup","isSelectOptGroup","displayName"],"mappings":"AAWA,MAAMA,EAA0BA,IAAM,KACtCA,EAASC,iBAAmB,GAC5BD,EAASE,YAAc"}

package/dist/es/auto-complete/Option.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const t=()=>null;t.isSelectOption=!0;t.displayName="AAutoCompleteOption";export{t as default};
2	+ //# sourceMappingURL=Option.mjs.map

package/dist/es/auto-complete/Option.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Option.mjs","sources":["../../../src/auto-complete/Option.tsx"],"sourcesContent":["import type { FunctionalComponent } from 'vue'\n\nimport type { DefaultOptionType } from '../vc-select/Select'\n\nexport interface OptionProps extends Omit<DefaultOptionType, 'label'> {\n /** Save for customize data */\n [prop: string]: any // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\nexport interface OptionFC extends FunctionalComponent<OptionProps> {\n /** Legacy for check if is a Option Group */\n isSelectOption: boolean\n}\n\nconst Option: OptionFC = () => null\nOption.isSelectOption = true\nOption.displayName = 'AAutoCompleteOption'\nexport default Option\n"],"names":["Option","isSelectOption","displayName"],"mappings":"AAcA,MAAMA,EAAmBA,IAAM,KAC/BA,EAAOC,eAAiB,GACxBD,EAAOE,YAAc"}

package/dist/es/auto-complete/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as N,ref as v,createVNode as p}from"vue";import f from"../_util/omit.mjs";import{isValidElement as w,flattenChildren as A}from"../_util/props-util/index.mjs";import B from"../_util/warning.mjs";import E from"../config-provider/hooks/useConfigInject.mjs";import C,{selectProps as j}from"../select/index.mjs";import r from"./OptGroup.mjs";import o from"./Option.mjs";function x(e){return e?.type?.isSelectOption\|\|e?.type?.isSelectOptGroup}const M=()=>({...f(j(),["loading","mode","optionLabelProp","labelInValue"]),dataSource:Array,dropdownMenuStyle:{type:Object,default:void 0},dropdownMatchSelectWidth:{type:[Number,Boolean],default:!0},prefixCls:String,showSearch:{type:Boolean,default:void 0},transitionName:String,choiceTransitionName:{type:String,default:"zoom"},autofocus:{type:Boolean,default:void 0},backfill:{type:Boolean,default:void 0},filterOption:{type:[Boolean,Function],default:!1},defaultActiveFirstOption:{type:Boolean,default:!0},status:String}),z=o,R=r,d=N({compatConfig:{MODE:3},name:"AAutoComplete",inheritAttrs:!1,props:M(),slots:Object,setup(e,{slots:n,attrs:m,expose:y}){B(!e.dropdownClassName);const u=v(),S=()=>{const l=A(n.default?.());return l.length?l[0]:void 0};y({focus:()=>{u.value?.focus()},blur:()=>{u.value?.blur()}});const{prefixCls:a}=E("select",e);return()=>{const{size:l,dataSource:s,notFoundContent:g=n.notFoundContent?.()}=e;let c;const{class:O}=m,h={[O]:!!O,[`${a.value}-lg`]:l==="large",[`${a.value}-sm`]:l==="small",[`${a.value}-show-search`]:!0,[`${a.value}-auto-complete`]:!0};if(e.options===void 0){const i=n.dataSource?.()\|\|n.options?.()\|\|[];i.length&&x(i[0])?c=i:c=s?s.map(t=>{if(w(t))return t;switch(typeof t){case"string":return p(o,{key:t,value:t},{default:()=>[t]});case"object":return p(o,{key:t.value,value:t.value},{default:()=>[t.text]});default:throw new Error("AutoComplete[dataSource] only supports type `string[] \| Object[]`.")}}):[]}const b=f({...e,...m,mode:C.SECRET_COMBOBOX_MODE_DO_NOT_USE,getInputElement:S,notFoundContent:g,class:h,popupClassName:e.popupClassName\|\|e.dropdownClassName,ref:u},["dataSource","loading"]);return p(C,b,{default:()=>[c],...f(n,["default","dataSource","options"])})}}}),L=Object.assign(d,{Option:o,OptGroup:r,install(e){return e.component(d.name,d),e.component(o.displayName,o),e.component(r.displayName,r),e}});export{R as AutoCompleteOptGroup,z as AutoCompleteOption,M as autoCompleteProps,L as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/auto-complete/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/auto-complete/index.tsx"],"sourcesContent":["import type { App, CSSProperties, ExtractPropTypes, PropType, VNode } from 'vue'\nimport { defineComponent, ref } from 'vue'\n\nimport omit from '../_util/omit'\nimport { flattenChildren, isValidElement } from '../_util/props-util'\nimport type { InputStatus } from '../_util/statusUtils'\nimport type { CustomSlotsType } from '../_util/type'\nimport warning from '../_util/warning'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport Select, { selectProps } from '../select'\nimport OptGroup from './OptGroup'\nimport Option from './Option'\n\nfunction isSelectOptionOrSelectOptGroup(child: any): boolean {\n return child?.type?.isSelectOption || child?.type?.isSelectOptGroup\n}\n\nexport const autoCompleteProps = () => ({\n ...omit(selectProps(), ['loading', 'mode', 'optionLabelProp', 'labelInValue']),\n dataSource: Array as PropType<{ value: any; text: any }[] | string[]>,\n dropdownMenuStyle: {\n type: Object as PropType<CSSProperties>,\n default: undefined as CSSProperties,\n },\n // optionLabelProp: String,\n dropdownMatchSelectWidth: { type: [Number, Boolean], default: true },\n prefixCls: String,\n showSearch: { type: Boolean, default: undefined },\n transitionName: String,\n choiceTransitionName: { type: String, default: 'zoom' },\n autofocus: { type: Boolean, default: undefined },\n backfill: { type: Boolean, default: undefined },\n // optionLabelProp: PropTypes.string.def('children'),\n filterOption: { type: [Boolean, Function], default: false },\n defaultActiveFirstOption: { type: Boolean, default: true },\n status: String as PropType<InputStatus>,\n})\n\nexport type AutoCompleteProps = Partial<ExtractPropTypes<ReturnType<typeof autoCompleteProps>>>\n\nexport const AutoCompleteOption = Option\n\nexport const AutoCompleteOptGroup = OptGroup\n\nconst AutoComplete = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAutoComplete',\n inheritAttrs: false,\n props: autoCompleteProps(),\n // emits: ['change', 'select', 'focus', 'blur'],\n slots: Object as CustomSlotsType<{\n option: any\n // deprecated, should use props `options` instead, not slot\n options: any\n default: any\n notFoundContent: any\n dataSource: any\n clearIcon: any\n }>,\n setup(props, { slots, attrs, expose }) {\n warning(\n !('dataSource' in slots),\n 'AutoComplete',\n '`dataSource` slot is deprecated, please use props `options` instead.',\n )\n warning(\n !('options' in slots),\n 'AutoComplete',\n '`options` slot is deprecated, please use props `options` instead.',\n )\n warning(\n !props.dropdownClassName,\n 'AutoComplete',\n '`dropdownClassName` is deprecated, please use `popupClassName` instead.',\n )\n const selectRef = ref()\n const getInputElement = () => {\n const children = flattenChildren(slots.default?.())\n const element = children.length ? children[0] : undefined\n return element\n }\n\n const focus = () => {\n selectRef.value?.focus()\n }\n\n const blur = () => {\n selectRef.value?.blur()\n }\n\n expose({\n focus,\n blur,\n })\n const { prefixCls } = useConfigInject('select', props)\n return () => {\n const { size, dataSource, notFoundContent = slots.notFoundContent?.() } = props\n let optionChildren: VNode[]\n const { class: className } = attrs\n const cls = {\n [className as string]: !!className,\n [`${prefixCls.value}-lg`]: size === 'large',\n [`${prefixCls.value}-sm`]: size === 'small',\n [`${prefixCls.value}-show-search`]: true,\n [`${prefixCls.value}-auto-complete`]: true,\n }\n if (props.options === undefined) {\n const childArray = slots.dataSource?.() || slots.options?.() || []\n if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {\n optionChildren = childArray\n } else {\n optionChildren = dataSource\n ? dataSource.map((item: any) => {\n if (isValidElement(item)) {\n return item\n }\n switch (typeof item) {\n case 'string':\n return (\n <Option key={item} value={item}>\n {item}\n </Option>\n )\n case 'object':\n return (\n <Option key={item.value} value={item.value}>\n {item.text}\n </Option>\n )\n default:\n throw new Error(\n 'AutoComplete[dataSource] only supports type `string[] | Object[]`.',\n )\n }\n })\n : []\n }\n }\n\n const selectProps = omit(\n {\n ...props,\n ...(attrs as any),\n mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,\n // optionLabelProp,\n getInputElement,\n notFoundContent,\n // placeholder: '',\n class: cls,\n popupClassName: props.popupClassName || props.dropdownClassName,\n ref: selectRef,\n },\n ['dataSource', 'loading'],\n )\n return (\n <Select {...selectProps} v-slots={omit(slots, ['default', 'dataSource', 'options'])}>\n {optionChildren}\n </Select>\n )\n }\n },\n})\n\n/* istanbul ignore next */\nexport default Object.assign(AutoComplete, {\n Option,\n OptGroup,\n install(app: App) {\n app.component(AutoComplete.name, AutoComplete)\n app.component(Option.displayName, Option)\n app.component(OptGroup.displayName, OptGroup)\n return app\n },\n})\n"],"names":["isSelectOptionOrSelectOptGroup","child","type","isSelectOption","isSelectOptGroup","autoCompleteProps","omit","selectProps","dataSource","Array","dropdownMenuStyle","Object","default","undefined","dropdownMatchSelectWidth","Number","Boolean","prefixCls","String","showSearch","transitionName","choiceTransitionName","autofocus","backfill","filterOption","Function","defaultActiveFirstOption","status","AutoCompleteOption","Option","AutoCompleteOptGroup","OptGroup","AutoComplete","defineComponent","compatConfig","MODE","name","inheritAttrs","props","slots","setup","attrs","expose","warning","dropdownClassName","selectRef","ref","getInputElement","children","flattenChildren","length","focus","value","blur","useConfigInject","size","notFoundContent","optionChildren","class","className","cls","options","childArray","map","item","isValidElement","_createVNode","text","Error","mode","Select","SECRET_COMBOBOX_MODE_DO_NOT_USE","popupClassName","index","assign","install","app","component","displayName"],"mappings":"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"}

package/dist/es/avatar/Avatar.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as F,shallowRef as c,computed as H,watch as C,nextTick as S,onMounted as M,createVNode as u}from"vue";import D from"../_util/eagerComputed.mjs";import L from"../_util/hooks/useBreakpoint.mjs";import{getPropsSlot as V}from"../_util/props-util/index.mjs";import{responsiveArray as X}from"../_util/responsiveObserve.mjs";import q from"../_util/vue-types/index.mjs";import G from"../config-provider/hooks/useConfigInject.mjs";import J from"../vc-resize-observer/index.mjs";import{useAvatarInjectContext as K}from"./AvatarContext.mjs";import Q from"./style/index.mjs";const U=()=>({prefixCls:String,shape:{type:String,default:"circle"},size:{type:[Number,String,Object],default:()=>"default"},src:String,srcset:String,icon:q.any,alt:String,gap:Number,draggable:{type:Boolean,default:void 0},crossOrigin:String,loadError:{type:Function}}),le=F({compatConfig:{MODE:3},name:"AAvatar",inheritAttrs:!1,props:U(),slots:Object,setup(e,{slots:y,attrs:f}){const v=c(!0),$=c(!1),d=c(1),m=c(null),g=c(null),{prefixCls:x}=G("avatar",e),[R,A]=Q(x),z=K(),a=H(()=>e.size==="default"?z.size:e.size),E=L(),o=D(()=>{if(typeof e.size!="object")return;const t=X.find(s=>E.value[s]);return e.size[t]}),O=t=>o.value?{width:`${o.value}px`,height:`${o.value}px`,lineHeight:`${o.value}px`,fontSize:`${t?o.value/2:18}px`}:{},p=()=>{if(!m.value\|\|!g.value)return;const t=m.value.offsetWidth,r=g.value.offsetWidth;if(t!==0&&r!==0){const{gap:s=4}=e;s2<r&&(d.value=r-s2<t?(r-s*2)/t:1)}},j=()=>{const{loadError:t}=e;t?.()!==!1&&(v.value=!1)};return C(()=>e.src,()=>{S(()=>{v.value=!0,d.value=1})}),C(()=>e.gap,()=>{S(()=>{p()})}),M(()=>{S(()=>{p(),$.value=!0})}),()=>{const{shape:t,src:r,alt:s,srcset:w,draggable:I,crossOrigin:T}=e,W=z.shape??t,l=V(y,e,"icon"),n=x.value,k={[`${f.class}`]:!!f.class,[n]:!0,[`${n}-lg`]:a.value==="large",[`${n}-sm`]:a.value==="small",[`${n}-${W}`]:!0,[`${n}-image`]:r&&v.value,[`${n}-icon`]:l,[A.value]:!0},N=typeof a.value=="number"?{width:`${a.value}px`,height:`${a.value}px`,lineHeight:`${a.value}px`,fontSize:l?`${a.value/2}px`:"18px"}:{},b=y.default?.();let i;if(r&&v.value)i=u("img",{draggable:I,src:r,srcset:w,onError:j,alt:s,crossorigin:T},null);else if(l)i=l;else if($.value\|\|d.value!==1){const h=`scale(${d.value}) translateX(-50%)`,P={msTransform:h,WebkitTransform:h,transform:h},B=typeof a.value=="number"?{lineHeight:`${a.value}px`}:{};i=u(J,{onResize:p},{default:()=>[u("span",{class:`${n}-string`,ref:m,style:{...B,...P}},[b])]})}else i=u("span",{class:`${n}-string`,ref:m,style:{opacity:0}},[b]);return R(u("span",{...f,ref:g,class:k,style:[N,O(!!l),f.style]},[i]))}}});export{U as avatarProps,le as default};
2	+ //# sourceMappingURL=Avatar.mjs.map

package/dist/es/avatar/Avatar.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Avatar.mjs","sources":["../../../src/avatar/Avatar.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport eagerComputed from '../_util/eagerComputed'\nimport useBreakpoint from '../_util/hooks/useBreakpoint'\nimport { getPropsSlot } from '../_util/props-util'\nimport type { Breakpoint, ScreenSizeMap } from '../_util/responsiveObserve'\nimport { responsiveArray } from '../_util/responsiveObserve'\nimport type { CustomSlotsType, VueNode } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport ResizeObserver from '../vc-resize-observer'\nimport { useAvatarInjectContext } from './AvatarContext'\nimport useStyle from './style'\n\nexport type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap\n\nexport const avatarProps = () => ({\n prefixCls: String,\n shape: { type: String as PropType<'circle' | 'square'>, default: 'circle' },\n size: {\n type: [Number, String, Object] as PropType<AvatarSize>,\n default: (): AvatarSize => 'default',\n },\n src: String,\n /** Srcset of image avatar */\n srcset: String,\n icon: PropTypes.any,\n alt: String,\n gap: Number,\n draggable: { type: Boolean, default: undefined },\n crossOrigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n loadError: {\n type: Function as PropType<() => boolean>,\n },\n})\n\nexport type AvatarProps = Partial<ExtractPropTypes<ReturnType<typeof avatarProps>>>\n\nconst Avatar = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAvatar',\n inheritAttrs: false,\n props: avatarProps(),\n slots: Object as CustomSlotsType<{\n icon: any\n default: any\n }>,\n setup(props, { slots, attrs }) {\n const isImgExist = shallowRef(true)\n const isMounted = shallowRef(false)\n const scale = shallowRef(1)\n\n const avatarChildrenRef = shallowRef<HTMLElement>(null)\n const avatarNodeRef = shallowRef<HTMLElement>(null)\n\n const { prefixCls } = useConfigInject('avatar', props)\n const [wrapSSR, hashId] = useStyle(prefixCls)\n const avatarCtx = useAvatarInjectContext()\n const size = computed(() => {\n return props.size === 'default' ? avatarCtx.size : props.size\n })\n const screens = useBreakpoint()\n const responsiveSize = eagerComputed(() => {\n if (typeof props.size !== 'object') {\n return undefined\n }\n const currentBreakpoint: Breakpoint = responsiveArray.find((screen) => screens.value[screen])!\n const currentSize = props.size[currentBreakpoint]\n\n return currentSize\n })\n\n const responsiveSizeStyle = (hasIcon: boolean) => {\n if (responsiveSize.value) {\n return {\n width: `${responsiveSize.value}px`,\n height: `${responsiveSize.value}px`,\n lineHeight: `${responsiveSize.value}px`,\n fontSize: `${hasIcon ? responsiveSize.value / 2 : 18}px`,\n }\n }\n return {}\n }\n\n const setScaleParam = () => {\n if (!avatarChildrenRef.value || !avatarNodeRef.value) {\n return\n }\n const childrenWidth = avatarChildrenRef.value.offsetWidth // offsetWidth avoid affecting be transform scale\n const nodeWidth = avatarNodeRef.value.offsetWidth\n // denominator is 0 is no meaning\n if (childrenWidth !== 0 && nodeWidth !== 0) {\n const { gap = 4 } = props\n if (gap * 2 < nodeWidth) {\n scale.value =\n nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1\n }\n }\n }\n\n const handleImgLoadError = () => {\n const { loadError } = props\n const errorFlag = loadError?.()\n if (errorFlag !== false) {\n isImgExist.value = false\n }\n }\n\n watch(\n () => props.src,\n () => {\n nextTick(() => {\n isImgExist.value = true\n scale.value = 1\n })\n },\n )\n\n watch(\n () => props.gap,\n () => {\n nextTick(() => {\n setScaleParam()\n })\n },\n )\n\n onMounted(() => {\n nextTick(() => {\n setScaleParam()\n isMounted.value = true\n })\n })\n\n return () => {\n const { shape, src, alt, srcset, draggable, crossOrigin } = props\n const mergeShape = avatarCtx.shape ?? shape\n const icon = getPropsSlot(slots, props, 'icon')\n const pre = prefixCls.value\n const classString = {\n [`${attrs.class}`]: !!attrs.class,\n [pre]: true,\n [`${pre}-lg`]: size.value === 'large',\n [`${pre}-sm`]: size.value === 'small',\n [`${pre}-${mergeShape}`]: true,\n [`${pre}-image`]: src && isImgExist.value,\n [`${pre}-icon`]: icon,\n [hashId.value]: true,\n }\n\n const sizeStyle: CSSProperties =\n typeof size.value === 'number'\n ? {\n width: `${size.value}px`,\n height: `${size.value}px`,\n lineHeight: `${size.value}px`,\n fontSize: icon ? `${size.value / 2}px` : '18px',\n }\n : {}\n\n const children: VueNode = slots.default?.()\n let childrenToRender\n if (src && isImgExist.value) {\n childrenToRender = (\n <img\n draggable={draggable}\n src={src}\n srcset={srcset}\n onError={handleImgLoadError}\n alt={alt}\n crossorigin={crossOrigin}\n />\n )\n } else if (icon) {\n childrenToRender = icon\n } else if (isMounted.value || scale.value !== 1) {\n const transformString = `scale(${scale.value}) translateX(-50%)`\n const childrenStyle: CSSProperties = {\n msTransform: transformString,\n WebkitTransform: transformString,\n transform: transformString,\n }\n const sizeChildrenStyle =\n typeof size.value === 'number'\n ? {\n lineHeight: `${size.value}px`,\n }\n : {}\n childrenToRender = (\n <ResizeObserver onResize={setScaleParam}>\n <span\n class={`${pre}-string`}\n ref={avatarChildrenRef}\n style={{ ...sizeChildrenStyle, ...childrenStyle }}\n >\n {children}\n </span>\n </ResizeObserver>\n )\n } else {\n childrenToRender = (\n <span class={`${pre}-string`} ref={avatarChildrenRef} style={{ opacity: 0 }}>\n {children}\n </span>\n )\n }\n return wrapSSR(\n <span\n {...attrs}\n ref={avatarNodeRef}\n class={classString}\n style={[sizeStyle, responsiveSizeStyle(!!icon), attrs.style as CSSProperties]}\n >\n {childrenToRender}\n </span>,\n )\n }\n },\n})\n\nexport default Avatar\n"],"names":["avatarProps","prefixCls","String","shape","type","default","size","Number","Object","src","srcset","icon","PropTypes","any","alt","gap","draggable","Boolean","undefined","crossOrigin","loadError","Function","Avatar","defineComponent","compatConfig","MODE","name","inheritAttrs","props","slots","setup","attrs","isImgExist","shallowRef","isMounted","scale","avatarChildrenRef","avatarNodeRef","useConfigInject","wrapSSR","hashId","useStyle","avatarCtx","useAvatarInjectContext","computed","screens","useBreakpoint","responsiveSize","eagerComputed","currentBreakpoint","responsiveArray","find","screen","value","responsiveSizeStyle","hasIcon","width","height","lineHeight","fontSize","setScaleParam","childrenWidth","offsetWidth","nodeWidth","handleImgLoadError","watch","nextTick","onMounted","mergeShape","getPropsSlot","pre","classString","class","sizeStyle","children","childrenToRender","_createVNode","transformString","childrenStyle","msTransform","WebkitTransform","transform","sizeChildrenStyle","ResizeObserver","opacity","style"],"mappings":"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"}

package/dist/es/avatar/AvatarContext.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{inject as r,provide as o}from"vue";const t=Symbol("AvatarContextKey"),a=()=>r(t,{}),v=e=>o(t,e);export{a as useAvatarInjectContext,v as useAvatarProviderContext};
2	+ //# sourceMappingURL=AvatarContext.mjs.map

package/dist/es/avatar/AvatarContext.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AvatarContext.mjs","sources":["../../../src/avatar/AvatarContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nimport type { ScreenSizeMap } from '../_util/responsiveObserve'\n\nexport type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap\nexport interface AvatarContextType {\n size?: AvatarSize\n shape?: 'circle' | 'square'\n}\nconst AvatarContextKey: InjectionKey<AvatarContextType> = Symbol('AvatarContextKey')\n\nexport const useAvatarInjectContext = () => {\n return inject(AvatarContextKey, {})\n}\nexport const useAvatarProviderContext = (context: AvatarContextType) => {\n return provide(AvatarContextKey, context)\n}\n"],"names":["AvatarContextKey","useAvatarInjectContext","inject","useAvatarProviderContext","context","provide"],"mappings":"0CAUA,MAAMA,SAA2D,kBAAkB,EAEtEC,EAAyB,IAC7BC,EAAOF,EAAkB,EAAE,EAEvBG,EAA4BC,GAChCC,EAAQL,EAAkBI,CAAO"}

package/dist/es/avatar/Group.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as C,computed as P,watchEffect as S,createVNode as n}from"vue";import{getPropsSlot as $,flattenChildren as A}from"../_util/props-util/index.mjs";import{cloneElement as b}from"../_util/vnode.mjs";import k from"../config-provider/hooks/useConfigInject.mjs";import N from"../popover/index.mjs";import O from"./Avatar.mjs";import{useAvatarProviderContext as j}from"./AvatarContext.mjs";import w from"./style/index.mjs";const z=()=>({prefixCls:String,maxCount:Number,maxStyle:{type:Object,default:void 0},maxPopoverPlacement:{type:String,default:"top"},maxPopoverTrigger:String,size:{type:[Number,String,Object],default:"default"},shape:{type:String,default:"circle"}}),V=C({compatConfig:{MODE:3},name:"AAvatarGroup",inheritAttrs:!1,props:z(),setup(t,{slots:f,attrs:e}){const{prefixCls:p,direction:d}=k("avatar",t),l=P(()=>`${p.value}-group`),[m,v]=w(p);return S(()=>{const s={size:t.size,shape:t.shape};j(s)}),()=>{const{maxPopoverPlacement:s="top",maxCount:r,maxStyle:h,maxPopoverTrigger:g="hover",shape:y}=t,u={[l.value]:!0,[`${l.value}-rtl`]:d.value==="rtl",[`${e.class}`]:!!e.class,[v.value]:!0},x=$(f,t),o=A(x).map((a,c)=>b(a,{key:`avatar-key-${c}`})),i=o.length;if(r&&r<i){const a=o.slice(0,r),c=o.slice(r,i);return a.push(n(N,{key:"avatar-popover-key",content:c,trigger:g,placement:s,overlayClassName:`${l.value}-popover`},{default:()=>[n(O,{style:h,shape:y},{default:()=>[`+${i-r}`]})]})),m(n("div",{...e,class:u,style:e.style},[a]))}return m(n("div",{...e,class:u,style:e.style},[o]))}}});export{V as default,z as groupProps};
2	+ //# sourceMappingURL=Group.mjs.map

package/dist/es/avatar/Group.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Group.mjs","sources":["../../../src/avatar/Group.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent, watchEffect } from 'vue'\n\nimport { flattenChildren, getPropsSlot } from '../_util/props-util'\nimport { cloneElement } from '../_util/vnode'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport Popover from '../popover'\nimport type { AvatarSize } from './Avatar'\nimport Avatar from './Avatar'\nimport { useAvatarProviderContext } from './AvatarContext'\nimport useStyle from './style'\n\nexport const groupProps = () => ({\n prefixCls: String,\n maxCount: Number,\n maxStyle: { type: Object as PropType<CSSProperties>, default: undefined as CSSProperties },\n maxPopoverPlacement: { type: String as PropType<'top' | 'bottom'>, default: 'top' },\n maxPopoverTrigger: String as PropType<'hover' | 'focus' | 'click'>,\n /*\n * Size of avatar, options: `large`, `small`, `default`\n * or a custom number size\n * */\n size: {\n type: [Number, String, Object] as PropType<AvatarSize>,\n default: 'default' as AvatarSize,\n },\n shape: { type: String as PropType<'circle' | 'square'>, default: 'circle' },\n})\n\nexport type AvatarGroupProps = Partial<ExtractPropTypes<ReturnType<typeof groupProps>>>\n\nconst Group = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAvatarGroup',\n inheritAttrs: false,\n props: groupProps(),\n setup(props, { slots, attrs }) {\n const { prefixCls, direction } = useConfigInject('avatar', props)\n const groupPrefixCls = computed(() => `${prefixCls.value}-group`)\n const [wrapSSR, hashId] = useStyle(prefixCls)\n watchEffect(() => {\n const context = { size: props.size, shape: props.shape }\n useAvatarProviderContext(context)\n })\n return () => {\n const {\n maxPopoverPlacement = 'top',\n maxCount,\n maxStyle,\n maxPopoverTrigger = 'hover',\n shape,\n } = props\n\n const cls = {\n [groupPrefixCls.value]: true,\n [`${groupPrefixCls.value}-rtl`]: direction.value === 'rtl',\n [`${attrs.class}`]: !!attrs.class,\n [hashId.value]: true,\n }\n\n const children = getPropsSlot(slots, props)\n const childrenWithProps = flattenChildren(children).map((child, index) =>\n cloneElement(child, {\n key: `avatar-key-${index}`,\n }),\n )\n\n const numOfChildren = childrenWithProps.length\n if (maxCount && maxCount < numOfChildren) {\n const childrenShow = childrenWithProps.slice(0, maxCount)\n const childrenHidden = childrenWithProps.slice(maxCount, numOfChildren)\n\n childrenShow.push(\n <Popover\n key=\"avatar-popover-key\"\n content={childrenHidden}\n trigger={maxPopoverTrigger}\n placement={maxPopoverPlacement}\n overlayClassName={`${groupPrefixCls.value}-popover`}\n >\n <Avatar style={maxStyle} shape={shape}>{`+${numOfChildren - maxCount}`}</Avatar>\n </Popover>,\n )\n return wrapSSR(\n <div {...attrs} class={cls} style={attrs.style as CSSProperties}>\n {childrenShow}\n </div>,\n )\n }\n\n return wrapSSR(\n <div {...attrs} class={cls} style={attrs.style as CSSProperties}>\n {childrenWithProps}\n </div>,\n )\n }\n },\n})\n\nexport default Group\n"],"names":["groupProps","prefixCls","String","maxCount","Number","maxStyle","type","Object","default","undefined","maxPopoverPlacement","maxPopoverTrigger","size","shape","Group","defineComponent","compatConfig","MODE","name","inheritAttrs","props","setup","slots","attrs","direction","useConfigInject","groupPrefixCls","computed","value","wrapSSR","hashId","useStyle","watchEffect","context","useAvatarProviderContext","cls","class","children","getPropsSlot","childrenWithProps","flattenChildren","map","child","index","cloneElement","key","numOfChildren","length","childrenShow","slice","childrenHidden","push","_createVNode","Popover","Avatar","style"],"mappings":"sbAYO,MAAMA,EAAaA,KAAO,CAC/BC,UAAWC,OACXC,SAAUC,OACVC,SAAU,CAAEC,KAAMC,OAAmCC,QAASC,QAC9DC,oBAAqB,CAAEJ,KAAMJ,OAAsCM,QAAS,OAC5EG,kBAAmBT,OAKnBU,KAAM,CACJN,KAAM,CAACF,OAAQF,OAAQK,MAAM,EAC7BC,QAAS,WAEXK,MAAO,CAAEP,KAAMJ,OAAyCM,QAAS,QAAS,CAC5E,GAIMM,EAAQC,EAAgB,CAC5BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,eACNC,aAAc,GACdC,MAAOpB,EAAU,EACjBqB,MAAMD,EAAO,CAAEE,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CAC7B,KAAM,CAAEtB,UAAAA,EAAWuB,UAAAA,CAAU,EAAIC,EAAgB,SAAUL,CAAK,EAC1DM,EAAiBC,EAAS,IAAM,GAAG1B,EAAU2B,KAAK,QAAQ,EAC1D,CAACC,EAASC,CAAM,EAAIC,EAAS9B,CAAS,EAC5C+B,OAAAA,EAAY,IAAM,CAChB,MAAMC,EAAU,CAAErB,KAAMQ,EAAMR,KAAMC,MAAOO,EAAMP,OACjDqB,EAAyBD,CAAO,CAClC,CAAC,EACM,IAAM,CACX,KAAM,CACJvB,oBAAAA,EAAsB,MACtBP,SAAAA,EACAE,SAAAA,EACAM,kBAAAA,EAAoB,QACpBE,MAAAA,CACF,EAAIO,EAEEe,EAAM,CACV,CAACT,EAAeE,KAAK,EAAG,GACxB,CAAC,GAAGF,EAAeE,KAAK,MAAM,EAAGJ,EAAUI,QAAU,MACrD,CAAC,GAAGL,EAAMa,KAAK,EAAE,EAAG,CAAC,CAACb,EAAMa,MAC5B,CAACN,EAAOF,KAAK,EAAG,IAGZS,EAAWC,EAAahB,EAAOF,CAAK,EACpCmB,EAAoBC,EAAgBH,CAAQ,EAAEI,IAAI,CAACC,EAAOC,IAC9DC,EAAaF,EAAO,CAClBG,IAAK,cAAcF,CAAK,EAC1B,CAAC,CACH,EAEMG,EAAgBP,EAAkBQ,OACxC,GAAI5C,GAAYA,EAAW2C,EAAe,CACxC,MAAME,EAAeT,EAAkBU,MAAM,EAAG9C,CAAQ,EAClD+C,EAAiBX,EAAkBU,MAAM9C,EAAU2C,CAAa,EAEtEE,OAAAA,EAAaG,KAAIC,EAAAC,EAAA,CAAA,IAAA,qBAAA,QAGJH,EAAc,QACdvC,EAAiB,UACfD,EAAmB,iBACZ,GAAGgB,EAAeE,KAAK,UAAU,EAAA,CAAApB,QAAAA,IAAA,CAAA4C,EAAAE,EAAA,CAAA,MAEpCjD,EAAQ,MAASQ,CAAK,EAAA,CAAAL,QAAAA,IAAA,CAAG,IAAIsC,EAAgB3C,CAAQ,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAE1E,EACO0B,EAAOuB,EAAA,MAAA,CAAA,GACH7B,EAAK,MAASY,EAAG,MAASZ,EAAMgC,OAAK,CAC3CP,CAAY,EAEjB,CACF,CAEA,OAAOnB,EAAOuB,EAAA,MAAA,CAAA,GACH7B,EAAK,MAASY,EAAG,MAASZ,EAAMgC,OAAK,CAC3ChB,CAAiB,EAEtB,CACF,CACF,CACF,CAAC"}

package/dist/es/avatar/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import o from"./Avatar.mjs";import{avatarProps as p}from"./Avatar.mjs";import t from"./Group.mjs";o.Group=t;o.install=function(r){return r.component(o.name,o),r.component(t.name,t),r};export{t as AvatarGroup,p as avatarProps,o as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/avatar/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../src/avatar/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nimport Avatar from './Avatar'\nimport Group from './Group'\n\nexport { avatarProps } from './Avatar'\nexport type { AvatarProps, AvatarSize } from './Avatar'\nexport type { AvatarGroupProps } from './Group'\n\nAvatar.Group = Group\n\n/* istanbul ignore next */\nAvatar.install = function (app: App) {\n app.component(Avatar.name, Avatar)\n app.component(Group.name, Group)\n return app\n}\nexport { Group as AvatarGroup }\nexport default Avatar as typeof Avatar &\n Plugin & {\n readonly Group: typeof Group\n }\n"],"names":["Avatar","Group","app"],"mappings":"kGASAA,EAAO,MAAQC,EAGfD,EAAO,QAAU,SAAUE,EAAU,CACnC,OAAAA,EAAI,UAAUF,EAAO,KAAMA,CAAM,EACjCE,EAAI,UAAUD,EAAM,KAAMA,CAAK,EACxBC,CACT"}

package/dist/es/avatar/style/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{resetComponent as x}from"../../style/index.mjs";import"../../theme/internal.mjs";import $ from"../../theme/util/genComponentStyleHook.mjs";import{merge as C}from"../../theme/util/statistic.mjs";const y=t=>{const{antCls:e,componentCls:o,iconCls:r,avatarBg:n,avatarColor:i,containerSize:a,containerSizeLG:l,containerSizeSM:c,textFontSize:g,textFontSizeLG:p,textFontSizeSM:u,borderRadius:m,borderRadiusLG:h,borderRadiusSM:v,lineWidth:d,lineType:z}=t,S=(s,b,f)=>({width:s,height:s,lineHeight:`${s-d2}px`,borderRadius:"50%",[`&${o}-square`]:{borderRadius:f},[`${o}-string`]:{position:"absolute",left:{_skip_check_:!0,value:"50%"},transformOrigin:"0 center"},[`&${o}-icon`]:{fontSize:b,[`> ${r}`]:{margin:0}}});return{[o]:{...x(t),position:"relative",display:"inline-block",overflow:"hidden",color:i,whiteSpace:"nowrap",textAlign:"center",verticalAlign:"middle",background:n,border:`${d}px ${z} transparent`,"&-image":{background:"transparent"},[`${e}-image-img`]:{display:"block"},...S(a,g,m),"&-lg":{...S(l,p,h)},"&-sm":{...S(c,u,v)},"> img":{display:"block",width:"100%",height:"100%",objectFit:"cover"}}}},L=t=>{const{componentCls:e,groupBorderColor:o,groupOverlapping:r,groupSpace:n}=t;return{[`${e}-group`]:{display:"inline-flex",[`${e}`]:{borderColor:o},"> :not(:first-child)":{marginInlineStart:r}},[`${e}-group-popover`]:{[`${e} + ${e}`]:{marginInlineStart:n}}}},M=$("Avatar",t=>{const{colorTextLightSolid:e,colorTextPlaceholder:o}=t,r=C(t,{avatarBg:o,avatarColor:e});return[y(r),L(r)]},t=>{const{controlHeight:e,controlHeightLG:o,controlHeightSM:r,fontSize:n,fontSizeLG:i,fontSizeXL:a,fontSizeHeading3:l,marginXS:c,marginXXS:g,colorBorderBg:p}=t;return{containerSize:e,containerSizeLG:o,containerSizeSM:r,textFontSize:Math.round((i+a)/2),textFontSizeLG:l,textFontSizeSM:n,groupSpace:g,groupOverlapping:-c,groupBorderColor:p}});export{M as default};
2	+ //# sourceMappingURL=index.mjs.map

package/dist/es/avatar/style/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","sources":["../../../../src/avatar/style/index.ts"],"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\nexport interface ComponentToken {\n /**\n * @desc 头像背景色\n * @descEN Background color of Avatar\n */\n containerSize: number\n /**\n * @desc 大号头像尺寸\n * @descEN Size of large Avatar\n */\n containerSizeLG: number\n /**\n * @desc 小号头像尺寸\n * @descEN Size of small Avatar\n */\n containerSizeSM: number\n /**\n * @desc 头像文字大小\n * @descEN Font size of Avatar\n */\n textFontSize: number\n /**\n * @desc 大号头像文字大小\n * @descEN Font size of large Avatar\n */\n textFontSizeLG: number\n /**\n * @desc 小号头像文字大小\n * @descEN Font size of small Avatar\n */\n textFontSizeSM: number\n /**\n * @desc 头像组间距\n * @descEN Spacing between avatars in a group\n */\n groupSpace: number\n /**\n * @desc 头像组重叠宽度\n * @descEN Overlapping of avatars in a group\n */\n groupOverlapping: number\n /**\n * @desc 头像组边框颜色\n * @descEN Border color of avatars in a group\n */\n groupBorderColor: string\n}\n\ntype AvatarToken = FullToken<'Avatar'> & {\n avatarBg: string\n avatarColor: string\n avatarBgColor: string\n}\n\nconst genBaseStyle: GenerateStyle<AvatarToken> = (token) => {\n const {\n antCls,\n componentCls,\n iconCls,\n avatarBg,\n avatarColor,\n containerSize,\n containerSizeLG,\n containerSizeSM,\n textFontSize,\n textFontSizeLG,\n textFontSizeSM,\n borderRadius,\n borderRadiusLG,\n borderRadiusSM,\n lineWidth,\n lineType,\n } = token\n\n // Avatar size style\n const avatarSizeStyle = (size: number, fontSize: number, radius: number): CSSObject => ({\n width: size,\n height: size,\n lineHeight: `${size - lineWidth * 2}px`,\n borderRadius: '50%',\n\n [`&${componentCls}-square`]: {\n borderRadius: radius,\n },\n\n [`${componentCls}-string`]: {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: '50%',\n },\n transformOrigin: '0 center',\n },\n\n [`&${componentCls}-icon`]: {\n fontSize,\n [`> ${iconCls}`]: {\n margin: 0,\n },\n },\n })\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n display: 'inline-block',\n overflow: 'hidden',\n color: avatarColor,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n verticalAlign: 'middle',\n background: avatarBg,\n border: `${lineWidth}px ${lineType} transparent`,\n\n [`&-image`]: {\n background: 'transparent',\n },\n\n [`${antCls}-image-img`]: {\n display: 'block',\n },\n\n ...avatarSizeStyle(containerSize, textFontSize, borderRadius),\n\n [`&-lg`]: {\n ...avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG),\n },\n\n [`&-sm`]: {\n ...avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM),\n },\n\n '> img': {\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n },\n }\n}\n\nconst genGroupStyle: GenerateStyle<AvatarToken> = (token) => {\n const { componentCls, groupBorderColor, groupOverlapping, groupSpace } = token\n\n return {\n [`${componentCls}-group`]: {\n display: 'inline-flex',\n\n [`${componentCls}`]: {\n borderColor: groupBorderColor,\n },\n\n [`> *:not(:first-child)`]: {\n marginInlineStart: groupOverlapping,\n },\n },\n [`${componentCls}-group-popover`]: {\n [`${componentCls} + ${componentCls}`]: {\n marginInlineStart: groupSpace,\n },\n },\n }\n}\n\nexport default genComponentStyleHook(\n 'Avatar',\n (token) => {\n const { colorTextLightSolid, colorTextPlaceholder } = token\n const avatarToken = mergeToken<AvatarToken>(token, {\n avatarBg: colorTextPlaceholder,\n avatarColor: colorTextLightSolid,\n })\n return [genBaseStyle(avatarToken), genGroupStyle(avatarToken)]\n },\n (token) => {\n const {\n controlHeight,\n controlHeightLG,\n controlHeightSM,\n\n fontSize,\n fontSizeLG,\n fontSizeXL,\n fontSizeHeading3,\n\n marginXS,\n marginXXS,\n colorBorderBg,\n } = token\n return {\n containerSize: controlHeight,\n containerSizeLG: controlHeightLG,\n containerSizeSM: controlHeightSM,\n\n textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),\n textFontSizeLG: fontSizeHeading3,\n textFontSizeSM: fontSize,\n\n groupSpace: marginXXS,\n groupOverlapping: -marginXS,\n groupBorderColor: colorBorderBg,\n }\n },\n)\n"],"names":["genBaseStyle","token","antCls","componentCls","iconCls","avatarBg","avatarColor","containerSize","containerSizeLG","containerSizeSM","textFontSize","textFontSizeLG","textFontSizeSM","borderRadius","borderRadiusLG","borderRadiusSM","lineWidth","lineType","avatarSizeStyle","size","fontSize","radius","resetComponent","genGroupStyle","groupBorderColor","groupOverlapping","groupSpace","useStyle","genComponentStyleHook","colorTextLightSolid","colorTextPlaceholder","avatarToken","mergeToken","controlHeight","controlHeightLG","controlHeightSM","fontSizeLG","fontSizeXL","fontSizeHeading3","marginXS","marginXXS","colorBorderBg"],"mappings":"yMA2DA,MAAMA,EAA4CC,GAAU,CAC1D,KAAM,CACJ,OAAAC,EACA,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,eAAAC,EACA,aAAAC,EACA,eAAAC,EACA,eAAAC,EACA,UAAAC,EACA,SAAAC,CAAA,EACEhB,EAGEiB,EAAkB,CAACC,EAAcC,EAAkBC,KAA+B,CACtF,MAAOF,EACP,OAAQA,EACR,WAAY,GAAGA,EAAOH,EAAY,CAAC,KACnC,aAAc,MAEd,CAAC,IAAIb,CAAY,SAAS,EAAG,CAC3B,aAAckB,CAAA,EAGhB,CAAC,GAAGlB,CAAY,SAAS,EAAG,CAC1B,SAAU,WACV,KAAM,CACJ,aAAc,GACd,MAAO,KAAA,EAET,gBAAiB,UAAA,EAGnB,CAAC,IAAIA,CAAY,OAAO,EAAG,CACzB,SAAAiB,EACA,CAAC,KAAKhB,CAAO,EAAE,EAAG,CAChB,OAAQ,CAAA,CACV,CACF,GAGF,MAAO,CACL,CAACD,CAAY,EAAG,CACd,GAAGmB,EAAerB,CAAK,EACvB,SAAU,WACV,QAAS,eACT,SAAU,SACV,MAAOK,EACP,WAAY,SACZ,UAAW,SACX,cAAe,SACf,WAAYD,EACZ,OAAQ,GAAGW,CAAS,MAAMC,CAAQ,eAEjC,UAAY,CACX,WAAY,aAAA,EAGd,CAAC,GAAGf,CAAM,YAAY,EAAG,CACvB,QAAS,OAAA,EAGX,GAAGgB,EAAgBX,EAAeG,EAAcG,CAAY,EAE3D,OAAS,CACR,GAAGK,EAAgBV,EAAiBG,EAAgBG,CAAc,CAAA,EAGnE,OAAS,CACR,GAAGI,EAAgBT,EAAiBG,EAAgBG,CAAc,CAAA,EAGpE,QAAS,CACP,QAAS,QACT,MAAO,OACP,OAAQ,OACR,UAAW,OAAA,CACb,CACF,CAEJ,EAEMQ,EAA6CtB,GAAU,CAC3D,KAAM,CAAE,aAAAE,EAAc,iBAAAqB,EAAkB,iBAAAC,EAAkB,WAAAC,GAAezB,EAEzE,MAAO,CACL,CAAC,GAAGE,CAAY,QAAQ,EAAG,CACzB,QAAS,cAET,CAAC,GAAGA,CAAY,EAAE,EAAG,CACnB,YAAaqB,CAAA,EAGd,wBAA0B,CACzB,kBAAmBC,CAAA,CACrB,EAEF,CAAC,GAAGtB,CAAY,gBAAgB,EAAG,CACjC,CAAC,GAAGA,CAAY,MAAMA,CAAY,EAAE,EAAG,CACrC,kBAAmBuB,CAAA,CACrB,CACF,CAEJ,EAEAC,EAAeC,EACb,SACC3B,GAAU,CACT,KAAM,CAAE,oBAAA4B,EAAqB,qBAAAC,CAAA,EAAyB7B,EAChD8B,EAAcC,EAAwB/B,EAAO,CACjD,SAAU6B,EACV,YAAaD,CAAA,CACd,EACD,MAAO,CAAC7B,EAAa+B,CAAW,EAAGR,EAAcQ,CAAW,CAAC,CAC/D,EACC9B,GAAU,CACT,KAAM,CACJ,cAAAgC,EACA,gBAAAC,EACA,gBAAAC,EAEA,SAAAf,EACA,WAAAgB,EACA,WAAAC,EACA,iBAAAC,EAEA,SAAAC,EACA,UAAAC,EACA,cAAAC,CAAA,EACExC,EACJ,MAAO,CACL,cAAegC,EACf,gBAAiBC,EACjB,gBAAiBC,EAEjB,aAAc,KAAK,OAAOC,EAAaC,GAAc,CAAC,EACtD,eAAgBC,EAChB,eAAgBlB,EAEhB,WAAYoB,EACZ,iBAAkB,CAACD,EACnB,iBAAkBE,CAAA,CAEtB,CACF"}

package/dist/es/badge/Badge.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineComponent as q,computed as l,ref as N,watch as F,createVNode as a,Transition as G,withDirectives as J,vShow as K}from"vue";import L from"../_util/classNames.mjs";import{isPresetColor as Q}from"../_util/colors.mjs";import U from"../_util/isNumeric.mjs";import{getPropsSlot as W,flattenChildren as X}from"../_util/props-util/index.mjs";import{getTransitionProps as Y}from"../_util/transition.mjs";import{cloneElement as _}from"../_util/vnode.mjs";import B from"../_util/vue-types/index.mjs";import ee from"../config-provider/hooks/useConfigInject.mjs";import te from"./Ribbon.mjs";import le from"./ScrollNumber.mjs";import oe from"./style/index.mjs";function ue(){return{count:B.any.def(null),showZero:{type:Boolean,default:void 0},overflowCount:{type:Number,default:99},dot:{type:Boolean,default:void 0},prefixCls:String,scrollNumberPrefixCls:String,status:{type:String},size:{type:String,default:"default"},color:String,text:B.any,offset:Array,numberStyle:{type:Object,default:void 0},title:String}}const be=q({compatConfig:{MODE:3},name:"ABadge",Ribbon:te,inheritAttrs:!1,props:ue(),slots:Object,setup(e,{slots:c,attrs:v}){const{prefixCls:t,direction:w}=ee("badge",e),[P,E]=oe(t),C=l(()=>e.count>e.overflowCount?`${e.overflowCount}+`:e.count),$=l(()=>C.value==="0"\|\|C.value===0),Z=l(()=>e.count===null\|\|$.value&&!e.showZero),S=l(()=>(e.status!==null&&e.status!==void 0\|\|e.color!==null&&e.color!==void 0)&&Z.value),i=l(()=>e.dot&&!$.value),s=l(()=>i.value?"":C.value),T=l(()=>(s.value===null\|\|s.value===void 0\|\|s.value===""\|\|$.value&&!e.showZero)&&!i.value),D=N(e.count),d=N(s.value),m=N(i.value);F([()=>e.count,s,i],()=>{T.value\|\|(D.value=e.count,d.value=s.value,m.value=i.value)},{immediate:!0});const y=l(()=>Q(e.color,!1)),k=l(()=>({[`${t.value}-status-dot`]:S.value,[`${t.value}-status-${e.status}`]:!!e.status,[`${t.value}-color-${e.color}`]:y.value})),z=l(()=>e.color&&!y.value?{background:e.color,color:e.color}:{}),O=l(()=>({[`${t.value}-dot`]:m.value,[`${t.value}-count`]:!m.value,[`${t.value}-count-sm`]:e.size==="small",[`${t.value}-multiple-words`]:!m.value&&d.value&&d.value.toString().length>1,[`${t.value}-status-${e.status}`]:!!e.status,[`${t.value}-color-${e.color}`]:y.value}));return()=>{const{offset:o,title:R,color:I}=e,j=v.style,h=W(c,e,"text"),u=t.value,r=D.value;let n=X(c.default?.());n=n.length?n:null;const x=!!(!T.value\|\|c.count),g=(()=>{if(!o)return{...j};const f={marginTop:U(o[1])?`${o[1]}px`:o[1]};return w.value==="rtl"?f.left=`${Number.parseInt(o[0],10)}px`:f.right=`${-Number.parseInt(o[0],10)}px`,{...f,...j}})(),H=R??(typeof r=="string"\|\|typeof r=="number"?r:void 0),M=x\|\|!h?null:a("span",{class:`${u}-status-text`},[h]),V=typeof r=="object"\|\|r===void 0&&c.count?_(r??c.count?.(),{style:g},!1):null,A=L(u,{[`${u}-status`]:S.value,[`${u}-not-a-wrapper`]:!n,[`${u}-rtl`]:w.value==="rtl"},v.class,E.value);if(!n&&S.value){const f=g.color;return P(a("span",{...v,class:A,style:g},[a("span",{class:k.value,style:z.value},null),a("span",{style:{color:f},class:`${u}-status-text`},[h])]))}const p=Y(n?`${u}-zoom`:"",{appear:!1});let b={...g,...e.numberStyle};return I&&!y.value&&(b=b\|\|{},b.background=I),P(a("span",{...v,class:A},[n,a(G,p,{default:()=>[J(a(le,{prefixCls:e.scrollNumberPrefixCls,show:x,class:O.value,count:d.value,title:H,style:b,key:"scrollNumber"},{default:()=>[V]}),[[K,x]])]}),M]))}}});export{ue as badgeProps,be as default};
2	+ //# sourceMappingURL=Badge.mjs.map