@antsoo-lib/components 0.1.7 → 0.1.8

package/dist/es/vc-mentions/src/Mentions.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as $,ref as C,reactive as q,watchEffect as z,computed as G,provide as H,toRef as b,onUpdated as J,nextTick as Q,createVNode as d}from"vue";import X from"../../_util/BaseInput.mjs";import i from"../../_util/KeyCode.mjs";import Y from"../../_util/classNames.mjs";import Z from"../../_util/omit.mjs";import _ from"../../_util/props-util/initDefaultProps.mjs";import ee from"./KeywordTrigger.mjs";import te from"./MentionsContext.mjs";import{defaultProps as ne,vcMentionsProps as oe}from"./mentionsProps.mjs";import{replaceWithMeasure as se,getBeforeSelectionText as re,getLastMeasureIndex as ae,setInputSelection as ie}from"./util.mjs";function L(){}const Ie=$({compatConfig:{MODE:3},name:"Mentions",inheritAttrs:!1,props:_(oe,ne),emits:["change","select","search","focus","blur","pressenter"],setup(r,{emit:u,attrs:D,expose:K,slots:S}){const M=C(null),l=C(null),N=C(),t=q({value:r.value||"",measuring:!1,measureLocation:0,measureText:null,measurePrefix:"",activeIndex:0,isFocus:!1});z(()=>{t.value=r.value});const y=e=>{u("change",e)},B=({target:{value:e}})=>{y(e)},U=(e,n,o)=>{Object.assign(t,{measuring:!0,measureText:e,measurePrefix:n,measureLocation:o,activeIndex:0})},f=e=>{Object.assign(t,{measuring:!1,measureLocation:0,measureText:null}),e?.()},A=e=>{const{which:n}=e;if(t.measuring){if(n===i.UP||n===i.DOWN){const o=g.value.length,a=n===i.UP?-1:1,s=(t.activeIndex+a+o)%o;t.activeIndex=s,e.preventDefault()}else if(n===i.ESC)f();else if(n===i.ENTER){if(e.preventDefault(),!g.value.length){f();return}const o=g.value[t.activeIndex];E(o)}}},R=e=>{const{key:n,which:o}=e,{measureText:a,measuring:s}=t,{prefix:h,validateSearch:P}=r,v=e.target;if(v.composing)return;const x=re(v),{location:p,prefix:m}=ae(x,h);if(![i.ESC,i.UP,i.DOWN,i.ENTER].includes(o))if(p!==-1){const c=x.slice(p+m.length),I=P(c,r),T=!!F(c).length;I?(n===m||n==="Shift"||s||c!==a&&T)&&U(c,m,p):s&&f(),I&&u("search",c,m)}else s&&f()},W=e=>{t.measuring||u("pressenter",e)},j=e=>{O(e)},k=e=>{w(e)},O=e=>{clearTimeout(N.value);const{isFocus:n}=t;!n&&e&&u("focus",e),t.isFocus=!0},w=e=>{N.value=setTimeout(()=>{t.isFocus=!1,f(),u("blur",e)},100)},E=e=>{const{split:n}=r,{value:o=""}=e,{text:a,selectionLocation:s}=se(t.value,{measureLocation:t.measureLocation,targetText:o,prefix:t.measurePrefix,selectionStart:l.value.getSelectionStart(),split:n});y(a),f(()=>{ie(l.value.input,s)}),u("select",e,t.measurePrefix)},V=e=>{t.activeIndex=e},F=e=>{const n=e||t.measureText||"",{filterOption:o}=r;return r.options.filter(s=>o?o(n,s):!0)},g=G(()=>F());return K({blur:()=>{l.value.blur()},focus:()=>{l.value.focus()}}),H(te,{activeIndex:b(t,"activeIndex"),setActiveIndex:V,selectOption:E,onFocus:O,onBlur:w,loading:b(r,"loading")}),J(()=>{Q(()=>{t.measuring&&(M.value.scrollTop=l.value.getScrollTop())})}),()=>{const{measureLocation:e,measurePrefix:n,measuring:o}=t,{prefixCls:a,placement:s,transitionName:h,getPopupContainer:P,direction:v,...x}=r,{class:p,style:m,...c}=D,T={...Z(x,["value","prefix","split","validateSearch","filterOption","options","loading"]),...c,onChange:L,onSelect:L,value:t.value,onInput:B,onBlur:k,onKeydown:A,onKeyup:R,onFocus:j,onPressenter:W};return d("div",{class:Y(a,p),style:m},[d(X,{...T,ref:l,tag:"textarea"},null),o&&d("div",{ref:M,class:`${a}-measure`},[t.value.slice(0,e),d(ee,{prefixCls:a,transitionName:h,dropdownClassName:r.dropdownClassName,placement:s,options:o?g.value:[],visible:!0,direction:v,getPopupContainer:P},{default:()=>[d("span",null,[n])],notFoundContent:S.notFoundContent,option:S.option}),t.value.slice(e+n.length)])])}}});export{Ie as default};
+//# sourceMappingURL=Mentions.mjs.map

package/dist/es/vc-mentions/src/Mentions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mentions.mjs","sources":["../../../../src/vc-mentions/src/Mentions.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes } from 'vue'\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  toRef,\n  watchEffect,\n} from 'vue'\n\nimport type { BaseInputExpose } from '../../_util/BaseInput'\nimport BaseInput from '../../_util/BaseInput'\nimport type { EventHandler } from '../../_util/EventInterface'\nimport KeyCode from '../../_util/KeyCode'\nimport classNames from '../../_util/classNames'\nimport omit from '../../_util/omit'\nimport { initDefaultProps } from '../../_util/props-util'\nimport KeywordTrigger from './KeywordTrigger'\nimport MentionsContextKey from './MentionsContext'\nimport type { OptionProps } from './Option'\nimport { defaultProps, vcMentionsProps } from './mentionsProps'\nimport {\n  getBeforeSelectionText,\n  getLastMeasureIndex,\n  replaceWithMeasure,\n  setInputSelection,\n} from './util'\n\nexport type MentionsProps = Partial<ExtractPropTypes<typeof vcMentionsProps>>\n\nfunction noop() {}\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'Mentions',\n  inheritAttrs: false,\n  props: initDefaultProps(vcMentionsProps, defaultProps),\n  emits: ['change', 'select', 'search', 'focus', 'blur', 'pressenter'],\n  setup(props, { emit, attrs, expose, slots }) {\n    const measure = ref(null)\n    const textarea = ref<BaseInputExpose>(null)\n    const focusId = ref()\n    const state = reactive({\n      value: props.value || '',\n      measuring: false,\n      measureLocation: 0,\n      measureText: null,\n      measurePrefix: '',\n      activeIndex: 0,\n      isFocus: false,\n    })\n\n    watchEffect(() => {\n      state.value = props.value\n    })\n\n    const triggerChange = (val: string) => {\n      emit('change', val)\n    }\n\n    const onChange: EventHandler = ({ target: { value } }) => {\n      triggerChange(value)\n    }\n\n    const startMeasure = (measureText: string, measurePrefix: string, measureLocation: number) => {\n      Object.assign(state, {\n        measuring: true,\n        measureText,\n        measurePrefix,\n        measureLocation,\n        activeIndex: 0,\n      })\n    }\n    const stopMeasure = (callback?: () => void) => {\n      Object.assign(state, {\n        measuring: false,\n        measureLocation: 0,\n        measureText: null,\n      })\n      callback?.()\n    }\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { which } = event\n      // Skip if not measuring\n      if (!state.measuring) {\n        return\n      }\n\n      if (which === KeyCode.UP || which === KeyCode.DOWN) {\n        // Control arrow function\n        const optionLen = options.value.length\n        const offset = which === KeyCode.UP ? -1 : 1\n        const newActiveIndex = (state.activeIndex + offset + optionLen) % optionLen\n        state.activeIndex = newActiveIndex\n        event.preventDefault()\n      } else if (which === KeyCode.ESC) {\n        stopMeasure()\n      } else if (which === KeyCode.ENTER) {\n        // Measure hit\n        event.preventDefault()\n        if (!options.value.length) {\n          stopMeasure()\n          return\n        }\n        const option = options.value[state.activeIndex]\n        selectOption(option)\n      }\n    }\n\n    const onKeyUp = (event: KeyboardEvent) => {\n      const { key, which } = event\n      const { measureText: prevMeasureText, measuring } = state\n      const { prefix, validateSearch } = props\n      const target = event.target as HTMLTextAreaElement\n      if ((target as any).composing) {\n        return\n      }\n      const selectionStartText = getBeforeSelectionText(target)\n      const { location: measureIndex, prefix: measurePrefix } = getLastMeasureIndex(\n        selectionStartText,\n        prefix,\n      )\n\n      // Skip if match the white key list\n      if ([KeyCode.ESC, KeyCode.UP, KeyCode.DOWN, KeyCode.ENTER].includes(which)) {\n        return\n      }\n\n      if (measureIndex !== -1) {\n        const measureText = selectionStartText.slice(measureIndex + measurePrefix.length)\n        const validateMeasure = validateSearch(measureText, props)\n        const matchOption = !!getOptions(measureText).length\n\n        if (validateMeasure) {\n          if (\n            key === measurePrefix ||\n            key === 'Shift' ||\n            measuring ||\n            (measureText !== prevMeasureText && matchOption)\n          ) {\n            startMeasure(measureText, measurePrefix, measureIndex)\n          }\n        } else if (measuring) {\n          // Stop if measureText is invalidate\n          stopMeasure()\n        }\n\n        /**\n         * We will trigger `onSearch` to developer since they may use for async update.\n         * If met `space` means user finished searching.\n         */\n        if (validateMeasure) {\n          emit('search', measureText, measurePrefix)\n        }\n      } else if (measuring) {\n        stopMeasure()\n      }\n    }\n    const onPressEnter = (event) => {\n      if (!state.measuring) {\n        emit('pressenter', event)\n      }\n    }\n\n    const onInputFocus = (event: Event) => {\n      onFocus(event)\n    }\n    const onInputBlur = (event: Event) => {\n      onBlur(event)\n    }\n    const onFocus = (event: Event) => {\n      clearTimeout(focusId.value)\n      const { isFocus } = state\n      if (!isFocus && event) {\n        emit('focus', event)\n      }\n      state.isFocus = true\n    }\n    const onBlur = (event: Event) => {\n      focusId.value = setTimeout(() => {\n        state.isFocus = false\n        stopMeasure()\n        emit('blur', event)\n      }, 100)\n    }\n    const selectOption = (option: OptionProps) => {\n      const { split } = props\n      const { value: mentionValue = '' } = option\n      const { text, selectionLocation } = replaceWithMeasure(state.value, {\n        measureLocation: state.measureLocation,\n        targetText: mentionValue,\n        prefix: state.measurePrefix,\n        selectionStart: textarea.value.getSelectionStart(),\n        split,\n      })\n      triggerChange(text)\n      stopMeasure(() => {\n        // We need restore the selection position\n        setInputSelection(textarea.value.input as HTMLTextAreaElement, selectionLocation)\n      })\n\n      emit('select', option, state.measurePrefix)\n    }\n    const setActiveIndex = (activeIndex: number) => {\n      state.activeIndex = activeIndex\n    }\n\n    const getOptions = (measureText?: string) => {\n      const targetMeasureText = measureText || state.measureText || ''\n      const { filterOption } = props\n      const list = props.options.filter((option: OptionProps) => {\n        /** Return all result if `filterOption` is false. */\n        if (!!filterOption === false) {\n          return true\n        }\n        return (filterOption as Function)(targetMeasureText, option)\n      })\n      return list\n    }\n    const options = computed(() => {\n      return getOptions()\n    })\n\n    const focus = () => {\n      textarea.value.focus()\n    }\n    const blur = () => {\n      textarea.value.blur()\n    }\n    expose({ blur, focus })\n    provide(MentionsContextKey, {\n      activeIndex: toRef(state, 'activeIndex'),\n      setActiveIndex,\n      selectOption,\n      onFocus,\n      onBlur,\n      loading: toRef(props, 'loading'),\n    })\n    onUpdated(() => {\n      nextTick(() => {\n        if (state.measuring) {\n          measure.value.scrollTop = textarea.value.getScrollTop()\n        }\n      })\n    })\n    return () => {\n      const { measureLocation, measurePrefix, measuring } = state\n      const { prefixCls, placement, transitionName, getPopupContainer, direction, ...restProps } =\n        props\n\n      const { class: className, style, ...otherAttrs } = attrs\n\n      const inputProps = omit(restProps, [\n        'value',\n        'prefix',\n        'split',\n        'validateSearch',\n        'filterOption',\n        'options',\n        'loading',\n      ])\n\n      const textareaProps = {\n        ...inputProps,\n        ...otherAttrs,\n        onChange: noop,\n        onSelect: noop,\n        value: state.value,\n        onInput: onChange,\n        onBlur: onInputBlur,\n        onKeydown: onKeyDown,\n        onKeyup: onKeyUp,\n        onFocus: onInputFocus,\n        onPressenter: onPressEnter,\n      }\n      return (\n        <div class={classNames(prefixCls, className)} style={style as CSSProperties}>\n          <BaseInput {...textareaProps} ref={textarea} tag=\"textarea\"></BaseInput>\n          {measuring && (\n            <div ref={measure} class={`${prefixCls}-measure`}>\n              {state.value.slice(0, measureLocation)}\n              <KeywordTrigger\n                prefixCls={prefixCls}\n                transitionName={transitionName}\n                dropdownClassName={props.dropdownClassName}\n                placement={placement}\n                options={measuring ? options.value : []}\n                visible\n                direction={direction}\n                getPopupContainer={getPopupContainer}\n                v-slots={{ notFoundContent: slots.notFoundContent, option: slots.option }}\n              >\n                <span>{measurePrefix}</span>\n              </KeywordTrigger>\n              {state.value.slice(measureLocation + measurePrefix.length)}\n            </div>\n          )}\n        </div>\n      )\n    }\n  },\n})\n"],"names":["noop","Mentions","compatConfig","MODE","name","inheritAttrs","props","initDefaultProps","vcMentionsProps","defaultProps","emits","setup","emit","attrs","expose","slots","measure","ref","textarea","focusId","state","reactive","value","measuring","measureLocation","measureText","measurePrefix","activeIndex","isFocus","watchEffect","triggerChange","val","onChange","target","startMeasure","Object","assign","stopMeasure","callback","onKeyDown","event","which","KeyCode","UP","DOWN","optionLen","options","length","offset","newActiveIndex","preventDefault","ESC","ENTER","option","selectOption","onKeyUp","key","prevMeasureText","prefix","validateSearch","composing","selectionStartText","getBeforeSelectionText","location","measureIndex","getLastMeasureIndex","includes","slice","validateMeasure","matchOption","getOptions","onPressEnter","onInputFocus","onFocus","onInputBlur","onBlur","clearTimeout","setTimeout","split","mentionValue","text","selectionLocation","replaceWithMeasure","targetText","selectionStart","getSelectionStart","setInputSelection","input","setActiveIndex","targetMeasureText","filterOption","filter","computed","blur","focus","provide","MentionsContextKey","toRef","loading","onUpdated","nextTick","scrollTop","getScrollTop","prefixCls","placement","transitionName","getPopupContainer","direction","restProps","class","className","style","otherAttrs","textareaProps","omit","onSelect","onInput","onKeydown","onKeyup","onPressenter","_createVNode","classNames","BaseInput","KeywordTrigger","dropdownClassName","default","notFoundContent"],"mappings":"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"}

package/dist/es/vc-mentions/src/MentionsContext.mjs

@@ -0,0 +1,2 @@
+const t=Symbol("MentionsContextKey");export{t as default};
+//# sourceMappingURL=MentionsContext.mjs.map

package/dist/es/vc-mentions/src/MentionsContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionsContext.mjs","sources":["../../../../src/vc-mentions/src/MentionsContext.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\nimport type { OptionProps } from './Option'\n\nexport interface MentionsContext {\n  activeIndex: Ref<number>\n  setActiveIndex?: (index: number) => void\n  selectOption?: (option: OptionProps) => void\n  onFocus?: EventListener\n  onBlur?: EventListener\n  loading?: Ref<boolean>\n}\n\nconst MentionsContextKey: InjectionKey<MentionsContext> = Symbol('MentionsContextKey')\n\nexport default MentionsContextKey\n"],"names":["MentionsContextKey"],"mappings":"AAaA,MAAMA,SAA2D,oBAAoB"}

package/dist/es/vc-mentions/src/Option.mjs

@@ -0,0 +1,2 @@
+import"vue";import{anyType as p,objectType as t}from"../../_util/type.mjs";const e={value:String,disabled:Boolean,payload:t()},n={...e,label:p([])},i={name:"Option",props:n,render(r,{slots:o}){return o.default?.()}};export{e as baseOptionsProps,i as optionOptions,n as optionProps};
+//# sourceMappingURL=Option.mjs.map

package/dist/es/vc-mentions/src/Option.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.mjs","sources":["../../../../src/vc-mentions/src/Option.tsx"],"sourcesContent":["import type { ExtractPropTypes, HTMLAttributes } from 'vue'\nimport { defineComponent } from 'vue'\n\nimport type { VueNode } from '../../_util/type'\nimport { anyType, objectType } from '../../_util/type'\n\nexport const baseOptionsProps = {\n  value: String,\n  disabled: Boolean,\n  payload: objectType<Record<string, any>>(),\n}\nexport const optionProps = {\n  ...baseOptionsProps,\n  label: anyType<VueNode | ((o: BaseOptionsProps) => VueNode)>([]),\n}\nexport type BaseOptionsProps = Partial<ExtractPropTypes<typeof baseOptionsProps>> &\n  Partial<HTMLAttributes>\n\nexport type OptionProps = Partial<ExtractPropTypes<typeof optionProps>> & Partial<HTMLAttributes>\n\nexport const optionOptions = {\n  name: 'Option',\n  props: optionProps,\n  render(_props: any, { slots }: any) {\n    return slots.default?.()\n  },\n}\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  ...optionOptions,\n})\n"],"names":["baseOptionsProps","value","String","disabled","Boolean","payload","objectType","optionProps","label","anyType","optionOptions","name","props","render","_props","slots","default"],"mappings":"2EAMO,MAAMA,EAAmB,CAC9BC,MAAOC,OACPC,SAAUC,QACVC,QAASC,EAAU,CACrB,EACaC,EAAc,CACzB,GAAGP,EACHQ,MAAOC,EAAsD,CAAA,CAAE,CACjE,EAMaC,EAAgB,CAC3BC,KAAM,SACNC,MAAOL,EACPM,OAAOC,EAAa,CAAEC,MAAAA,CAAW,EAAG,CAClC,OAAOA,EAAMC,UAAO,CACtB,CACF"}

package/dist/es/vc-mentions/src/mentionsProps.mjs

@@ -0,0 +1,2 @@
+import"vue";import o from"../../_util/props-util/initDefaultProps.mjs";import{tuple as e,arrayType as r}from"../../_util/type.mjs";import t from"../../_util/vue-types/index.mjs";import{filterOption as i,validateSearch as n}from"./util.mjs";const a=e("top","bottom"),p={autofocus:{type:Boolean,default:void 0},prefix:t.oneOfType([t.string,t.arrayOf(t.string)]),prefixCls:String,value:String,disabled:{type:Boolean,default:void 0},split:String,transitionName:String,placement:t.oneOf(a),character:t.any,characterRender:Function,filterOption:{type:[Boolean,Function]},validateSearch:Function,getPopupContainer:{type:Function},options:r(),loading:{type:Boolean,default:void 0},rows:[Number,String],direction:{type:String}},l={...p,dropdownClassName:String},s={prefix:"@",split:" ",rows:1,validateSearch:n,filterOption:(()=>i)};o(l,s);export{a as PlaceMent,s as defaultProps,p as mentionsProps,l as vcMentionsProps};
+//# sourceMappingURL=mentionsProps.mjs.map

package/dist/es/vc-mentions/src/mentionsProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentionsProps.mjs","sources":["../../../../src/vc-mentions/src/mentionsProps.ts"],"sourcesContent":["import type { PropType } from 'vue'\n\nimport { initDefaultProps } from '../../_util/props-util'\nimport { arrayType, tuple } from '../../_util/type'\nimport PropTypes from '../../_util/vue-types'\nimport type { OptionProps } from './Option'\nimport {\n  filterOption as defaultFilterOption,\n  validateSearch as defaultValidateSearch,\n} from './util'\n\nexport const PlaceMent = tuple('top', 'bottom')\nexport type Direction = 'ltr' | 'rtl'\n\nexport const mentionsProps = {\n  autofocus: { type: Boolean, default: undefined },\n  prefix: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  prefixCls: String,\n  value: String,\n  disabled: { type: Boolean, default: undefined },\n  split: String,\n  transitionName: String,\n  placement: PropTypes.oneOf(PlaceMent),\n  character: PropTypes.any,\n  characterRender: Function,\n  filterOption: {\n    type: [Boolean, Function] as PropType<typeof defaultFilterOption | false>,\n  },\n  validateSearch: Function,\n  getPopupContainer: {\n    type: Function as PropType<() => HTMLElement>,\n  },\n  options: arrayType<OptionProps[]>(),\n  loading: { type: Boolean, default: undefined },\n  rows: [Number, String],\n  direction: { type: String as PropType<Direction> },\n}\n\nexport const vcMentionsProps = {\n  ...mentionsProps,\n  dropdownClassName: String,\n}\n\nexport const defaultProps = {\n  prefix: '@',\n  split: ' ',\n  rows: 1,\n  validateSearch: defaultValidateSearch,\n  filterOption: (() => defaultFilterOption) as any,\n}\n\nexport default initDefaultProps(vcMentionsProps, defaultProps)\n"],"names":["PlaceMent","tuple","mentionsProps","PropTypes","arrayType","vcMentionsProps","defaultProps","defaultValidateSearch","defaultFilterOption","initDefaultProps"],"mappings":"gPAWO,MAAMA,EAAYC,EAAM,MAAO,QAAQ,EAGjCC,EAAgB,CAC3B,UAAW,CAAE,KAAM,QAAS,QAAS,MAAA,EACrC,OAAQC,EAAU,UAAU,CAACA,EAAU,OAAQA,EAAU,QAAQA,EAAU,MAAM,CAAC,CAAC,EACnF,UAAW,OACX,MAAO,OACP,SAAU,CAAE,KAAM,QAAS,QAAS,MAAA,EACpC,MAAO,OACP,eAAgB,OAChB,UAAWA,EAAU,MAAMH,CAAS,EACpC,UAAWG,EAAU,IACrB,gBAAiB,SACjB,aAAc,CACZ,KAAM,CAAC,QAAS,QAAQ,CAAA,EAE1B,eAAgB,SAChB,kBAAmB,CACjB,KAAM,QAAA,EAER,QAASC,EAAA,EACT,QAAS,CAAE,KAAM,QAAS,QAAS,MAAA,EACnC,KAAM,CAAC,OAAQ,MAAM,EACrB,UAAW,CAAE,KAAM,MAAA,CACrB,EAEaC,EAAkB,CAC7B,GAAGH,EACH,kBAAmB,MACrB,EAEaI,EAAe,CAC1B,OAAQ,IACR,MAAO,IACP,KAAM,EACN,eAAgBC,EAChB,cAAe,IAAMC,EACvB,EAEeC,EAAiBJ,EAAiBC,CAAY"}

package/dist/es/vc-mentions/src/util.mjs

@@ -0,0 +1,2 @@
+function g(e){const{selectionStart:t}=e;return e.value.slice(0,t)}function h(e,t=""){return(Array.isArray(t)?t:[t]).reduce((c,r)=>{const o=e.lastIndexOf(r);return o>c.location?{location:o,prefix:r}:c},{location:-1,prefix:""})}function u(e){return(e||"").toLowerCase()}function f(e,t,i){const c=e[0];if(!c||c===i)return e;let r=e;const o=t.length;for(let n=0;n<o;n+=1)if(u(r[n])!==u(t[n])){r=r.slice(n);break}else n===o-1&&(r=r.slice(o));return r}function x(e,t){const{measureLocation:i,prefix:c,targetText:r,selectionStart:o,split:n}=t;let s=e.slice(0,i);s[s.length-n.length]===n&&(s=s.slice(0,s.length-n.length)),s&&(s=`${s}${n}`);let l=f(e.slice(o),r.slice(o-i-c.length),n);l.slice(0,n.length)===n&&(l=l.slice(n.length));const a=`${s}${c}${r}${n}`;return{text:`${a}${l}`,selectionLocation:a.length}}function d(e,t){e.setSelectionRange(t,t),e.blur(),e.focus()}function L(e,t){const{split:i}=t;return!i||!e.includes(i)}function $(e,{value:t=""}){const i=e.toLowerCase();return t.toLowerCase().includes(i)}export{$ as filterOption,g as getBeforeSelectionText,h as getLastMeasureIndex,x as replaceWithMeasure,d as setInputSelection,L as validateSearch};
+//# sourceMappingURL=util.mjs.map

package/dist/es/vc-mentions/src/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.mjs","sources":["../../../../src/vc-mentions/src/util.ts"],"sourcesContent":["import type { MentionsProps } from './Mentions'\nimport type { OptionProps } from './Option'\n\n/**\n * Cut input selection into 2 part and return text before selection start\n */\nexport function getBeforeSelectionText(input: HTMLTextAreaElement) {\n  const { selectionStart } = input\n  return input.value.slice(0, selectionStart)\n}\n\ninterface MeasureIndex {\n  location: number\n  prefix: string\n}\n/**\n * Find the last match prefix index\n */\nexport function getLastMeasureIndex(text: string, prefix: string | string[] = ''): MeasureIndex {\n  const prefixList: string[] = Array.isArray(prefix) ? prefix : [prefix]\n  return prefixList.reduce(\n    (lastMatch: MeasureIndex, prefixStr): MeasureIndex => {\n      const lastIndex = text.lastIndexOf(prefixStr)\n      if (lastIndex > lastMatch.location) {\n        return {\n          location: lastIndex,\n          prefix: prefixStr,\n        }\n      }\n      return lastMatch\n    },\n    { location: -1, prefix: '' },\n  )\n}\n\ninterface MeasureConfig {\n  measureLocation: number\n  prefix: string\n  targetText: string\n  selectionStart: number\n  split: string\n}\n\nfunction lower(char: string | undefined): string {\n  return (char || '').toLowerCase()\n}\n\nfunction reduceText(text: string, targetText: string, split: string) {\n  const firstChar = text[0]\n  if (!firstChar || firstChar === split) {\n    return text\n  }\n\n  // Reuse rest text as it can\n  let restText = text\n  const targetTextLen = targetText.length\n  for (let i = 0; i < targetTextLen; i += 1) {\n    if (lower(restText[i]) !== lower(targetText[i])) {\n      restText = restText.slice(i)\n      break\n    } else if (i === targetTextLen - 1) {\n      restText = restText.slice(targetTextLen)\n    }\n  }\n\n  return restText\n}\n\n/**\n * Paint targetText into current text:\n *  text: little@litest\n *  targetText: light\n *  => little @light test\n */\nexport function replaceWithMeasure(text: string, measureConfig: MeasureConfig) {\n  const { measureLocation, prefix, targetText, selectionStart, split } = measureConfig\n\n  // Before text will append one space if have other text\n  let beforeMeasureText = text.slice(0, measureLocation)\n  if (beforeMeasureText[beforeMeasureText.length - split.length] === split) {\n    beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length)\n  }\n  if (beforeMeasureText) {\n    beforeMeasureText = `${beforeMeasureText}${split}`\n  }\n\n  // Cut duplicate string with current targetText\n  let restText = reduceText(\n    text.slice(selectionStart),\n    targetText.slice(selectionStart - measureLocation - prefix.length),\n    split,\n  )\n  if (restText.slice(0, split.length) === split) {\n    restText = restText.slice(split.length)\n  }\n\n  const connectedStartText = `${beforeMeasureText}${prefix}${targetText}${split}`\n\n  return {\n    text: `${connectedStartText}${restText}`,\n    selectionLocation: connectedStartText.length,\n  }\n}\n\nexport function setInputSelection(input: HTMLTextAreaElement, location: number) {\n  input.setSelectionRange(location, location)\n\n  /**\n   * Reset caret into view.\n   * Since this function always called by user control, it's safe to focus element.\n   */\n  input.blur()\n  input.focus()\n}\n\nexport function validateSearch(text: string, props: MentionsProps) {\n  const { split } = props\n  return !split || !text.includes(split)\n}\n\nexport function filterOption(input: string, { value = '' }: OptionProps): boolean {\n  const lowerCase = input.toLowerCase()\n  return value.toLowerCase().includes(lowerCase)\n}\n"],"names":["getBeforeSelectionText","input","selectionStart","getLastMeasureIndex","text","prefix","lastMatch","prefixStr","lastIndex","lower","char","reduceText","targetText","split","firstChar","restText","targetTextLen","i","replaceWithMeasure","measureConfig","measureLocation","beforeMeasureText","connectedStartText","setInputSelection","location","validateSearch","props","filterOption","value","lowerCase"],"mappings":"AAMO,SAASA,EAAuBC,EAA4B,CACjE,KAAM,CAAE,eAAAC,GAAmBD,EAC3B,OAAOA,EAAM,MAAM,MAAM,EAAGC,CAAc,CAC5C,CASO,SAASC,EAAoBC,EAAcC,EAA4B,GAAkB,CAE9F,OAD6B,MAAM,QAAQA,CAAM,EAAIA,EAAS,CAACA,CAAM,GACnD,OAChB,CAACC,EAAyBC,IAA4B,CACpD,MAAMC,EAAYJ,EAAK,YAAYG,CAAS,EAC5C,OAAIC,EAAYF,EAAU,SACjB,CACL,SAAUE,EACV,OAAQD,CAAA,EAGLD,CACT,EACA,CAAE,SAAU,GAAI,OAAQ,EAAA,CAAG,CAE/B,CAUA,SAASG,EAAMC,EAAkC,CAC/C,OAAQA,GAAQ,IAAI,YAAA,CACtB,CAEA,SAASC,EAAWP,EAAcQ,EAAoBC,EAAe,CACnE,MAAMC,EAAYV,EAAK,CAAC,EACxB,GAAI,CAACU,GAAaA,IAAcD,EAC9B,OAAOT,EAIT,IAAIW,EAAWX,EACf,MAAMY,EAAgBJ,EAAW,OACjC,QAASK,EAAI,EAAGA,EAAID,EAAeC,GAAK,EACtC,GAAIR,EAAMM,EAASE,CAAC,CAAC,IAAMR,EAAMG,EAAWK,CAAC,CAAC,EAAG,CAC/CF,EAAWA,EAAS,MAAME,CAAC,EAC3B,KACF,MAAWA,IAAMD,EAAgB,IAC/BD,EAAWA,EAAS,MAAMC,CAAa,GAI3C,OAAOD,CACT,CAQO,SAASG,EAAmBd,EAAce,EAA8B,CAC7E,KAAM,CAAE,gBAAAC,EAAiB,OAAAf,EAAQ,WAAAO,EAAY,eAAAV,EAAgB,MAAAW,GAAUM,EAGvE,IAAIE,EAAoBjB,EAAK,MAAM,EAAGgB,CAAe,EACjDC,EAAkBA,EAAkB,OAASR,EAAM,MAAM,IAAMA,IACjEQ,EAAoBA,EAAkB,MAAM,EAAGA,EAAkB,OAASR,EAAM,MAAM,GAEpFQ,IACFA,EAAoB,GAAGA,CAAiB,GAAGR,CAAK,IAIlD,IAAIE,EAAWJ,EACbP,EAAK,MAAMF,CAAc,EACzBU,EAAW,MAAMV,EAAiBkB,EAAkBf,EAAO,MAAM,EACjEQ,CAAA,EAEEE,EAAS,MAAM,EAAGF,EAAM,MAAM,IAAMA,IACtCE,EAAWA,EAAS,MAAMF,EAAM,MAAM,GAGxC,MAAMS,EAAqB,GAAGD,CAAiB,GAAGhB,CAAM,GAAGO,CAAU,GAAGC,CAAK,GAE7E,MAAO,CACL,KAAM,GAAGS,CAAkB,GAAGP,CAAQ,GACtC,kBAAmBO,EAAmB,MAAA,CAE1C,CAEO,SAASC,EAAkBtB,EAA4BuB,EAAkB,CAC9EvB,EAAM,kBAAkBuB,EAAUA,CAAQ,EAM1CvB,EAAM,KAAA,EACNA,EAAM,MAAA,CACR,CAEO,SAASwB,EAAerB,EAAcsB,EAAsB,CACjE,KAAM,CAAE,MAAAb,GAAUa,EAClB,MAAO,CAACb,GAAS,CAACT,EAAK,SAASS,CAAK,CACvC,CAEO,SAASc,EAAa1B,EAAe,CAAE,MAAA2B,EAAQ,IAA4B,CAChF,MAAMC,EAAY5B,EAAM,YAAA,EACxB,OAAO2B,EAAM,cAAc,SAASC,CAAS,CAC/C"}

package/dist/es/vc-notification/HookNotification.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as M,computed as d,ref as E,watch as F,createVNode as r,TransitionGroup as G}from"vue";import K from"../_util/Portal.mjs";import O from"../_util/classNames.mjs";import{getTransitionGroupProps as S}from"../_util/transition.mjs";import T from"./Notice.mjs";let C=0;const _=Date.now();function q(){const t=C;return C+=1,`rcNotification_${_}_${t}`}const z=M({name:"HookNotification",inheritAttrs:!1,props:["prefixCls","transitionName","animation","maxCount","closeIcon","hashId","remove","notices","getStyles","getClassName","onAllRemoved","getContainer"],setup(t,{attrs:f,slots:N}){const h=new Map,y=d(()=>t.notices),P=d(()=>{let e=t.transitionName;if(!e&&t.animation)switch(typeof t.animation){case"string":e=t.animation;break;case"function":e=t.animation().name;break;case"object":e=t.animation.name;break;default:e=`${t.prefixCls}-fade`;break}return S(e)}),x=e=>t.remove(e),c=E({});F(y,()=>{const e={};Object.keys(c.value).forEach(n=>{e[n]=[]}),t.notices.forEach(n=>{const{placement:a="topRight"}=n.notice;a&&(e[a]=e[a]||[],e[a].push(n))}),c.value=e});const I=d(()=>Object.keys(c.value));return()=>{const{prefixCls:e,closeIcon:n=N.closeIcon?.({prefixCls:e})}=t,a=I.value.map(s=>{const v=c.value[s],k=t.getClassName?.(s),b=t.getStyles?.(s),$=v.map(({notice:o,holderCallback:g},R)=>{const j=R===y.value.length-1?o.updateMark:void 0,{key:i,userPassKey:L}=o,{content:u}=o,m={prefixCls:e,closeIcon:typeof n=="function"?n({prefixCls:e}):n,...o,...o.props,key:i,noticeKey:L||i,updateMark:j,onClose:l=>{x(l),o.onClose?.()},onClick:o.onClick};return g?r("div",{key:i,class:`${e}-hook-holder`,ref:l=>{typeof i>"u"||(l?(h.set(i,l),g(l,m)):h.delete(i))}},null):r(T,{...m,class:O(m.class,t.hashId)},{default:()=>[typeof u=="function"?u({prefixCls:e}):u]})}),w={[e]:1,[`${e}-${s}`]:1,[f.class]:!!f.class,[t.hashId]:!0,[k]:!!k};function A(){v.length>0||(Reflect.deleteProperty(c.value,s),t.onAllRemoved?.())}return r("div",{key:s,class:w,style:f.style||b||{top:"65px",left:"50%"}},[r(G,{tag:"div",...P.value,onAfterLeave:A},{default:()=>[$]})])});return r(K,{getContainer:t.getContainer},{default:()=>[a]})}}});export{z as default,q as getUuid};
+//# sourceMappingURL=HookNotification.mjs.map

package/dist/es/vc-notification/HookNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookNotification.mjs","sources":["../../../src/vc-notification/HookNotification.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport { TransitionGroup, computed, defineComponent, ref, watch } from 'vue'\n\nimport Portal from '../_util/Portal'\nimport classNames from '../_util/classNames'\nimport type { CSSMotionProps } from '../_util/transition'\nimport { getTransitionGroupProps } from '../_util/transition'\nimport type { Key, VueNode } from '../_util/type'\nimport type { NoticeProps } from './Notice'\nimport Notice from './Notice'\n\nlet seed = 0\nconst now = Date.now()\n\nexport function getUuid() {\n  const id = seed\n  seed += 1\n  return `rcNotification_${now}_${id}`\n}\n\nexport type Placement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight'\n\nexport interface OpenConfig extends NoticeProps {\n  key: Key\n  placement?: Placement\n  content?: VueNode\n  duration?: number | null\n}\n\nexport type Placements = Partial<Record<Placement, OpenConfig[]>>\n\nexport interface NoticeContent extends Omit<NoticeProps, 'prefixCls' | 'noticeKey' | 'onClose'> {\n  prefixCls?: string\n  key?: Key\n  updateMark?: string\n  content?: any\n  onClose?: () => void\n  style?: CSSProperties\n  class?: string\n  placement?: Placement\n}\n\nexport type NoticeFunc = (noticeProps: NoticeContent) => void\nexport type HolderReadyCallback = (\n  div: HTMLDivElement,\n  noticeProps: NoticeProps & { key: Key },\n) => void\n\nexport interface NotificationInstance {\n  notice: NoticeFunc\n  removeNotice: (key: Key) => void\n  destroy: () => void\n  add: (noticeProps: NoticeContent) => void\n  component: Notification\n}\n\nexport interface HookNotificationProps {\n  prefixCls?: string\n  transitionName?: string\n  animation?: string | CSSMotionProps | ((placement?: Placement) => CSSMotionProps)\n  maxCount?: number\n  closeIcon?: any\n  hashId?: string\n  // Hook Notification\n  remove: (key: Key) => void\n  notices: NotificationState\n  getStyles?: (placement?: Placement) => CSSProperties\n  getClassName?: (placement?: Placement) => string\n  onAllRemoved?: VoidFunction\n  getContainer?: () => HTMLElement\n}\n\ntype NotificationState = {\n  notice: NoticeContent & {\n    userPassKey?: Key\n  }\n  holderCallback?: HolderReadyCallback\n}[]\n\nconst Notification = defineComponent<HookNotificationProps>({\n  name: 'HookNotification',\n  inheritAttrs: false,\n  props: [\n    'prefixCls',\n    'transitionName',\n    'animation',\n    'maxCount',\n    'closeIcon',\n    'hashId',\n    'remove',\n    'notices',\n    'getStyles',\n    'getClassName',\n    'onAllRemoved',\n    'getContainer',\n  ] as any,\n  setup(props, { attrs, slots }) {\n    const hookRefs = new Map<Key, HTMLDivElement>()\n    const notices = computed(() => props.notices)\n    const transitionProps = computed(() => {\n      let name = props.transitionName\n      if (!name && props.animation) {\n        switch (typeof props.animation) {\n          case 'string':\n            name = props.animation\n            break\n          case 'function':\n            name = props.animation().name\n            break\n          case 'object':\n            name = props.animation.name\n            break\n          default:\n            name = `${props.prefixCls}-fade`\n            break\n        }\n      }\n      return getTransitionGroupProps(name)\n    })\n\n    const remove = (key: Key) => props.remove(key)\n    const placements = ref({} as Record<Placement, NotificationState>)\n    watch(notices, () => {\n      const nextPlacements = {} as any\n      // init placements with animation\n      Object.keys(placements.value).forEach((placement) => {\n        nextPlacements[placement] = []\n      })\n      props.notices.forEach((config) => {\n        const { placement = 'topRight' } = config.notice\n        if (placement) {\n          nextPlacements[placement] = nextPlacements[placement] || []\n          nextPlacements[placement].push(config)\n        }\n      })\n      placements.value = nextPlacements\n    })\n\n    const placementList = computed(() => Object.keys(placements.value) as Placement[])\n\n    return () => {\n      const { prefixCls, closeIcon = slots.closeIcon?.({ prefixCls }) } = props\n      const noticeNodes = placementList.value.map((placement) => {\n        const noticesForPlacement = placements.value[placement]\n        const classes = props.getClassName?.(placement)\n        const styles = props.getStyles?.(placement)\n        const noticeNodesForPlacement = noticesForPlacement.map(\n          ({ notice, holderCallback }, index) => {\n            const updateMark = index === notices.value.length - 1 ? notice.updateMark : undefined\n            const { key, userPassKey } = notice\n            const { content } = notice\n            const noticeProps = {\n              prefixCls,\n              closeIcon: typeof closeIcon === 'function' ? closeIcon({ prefixCls }) : closeIcon,\n              ...(notice as any),\n              ...notice.props,\n              key,\n              noticeKey: userPassKey || key,\n              updateMark,\n              onClose: (noticeKey: Key) => {\n                remove(noticeKey)\n                notice.onClose?.()\n              },\n              onClick: notice.onClick,\n            }\n\n            if (holderCallback) {\n              return (\n                <div\n                  key={key}\n                  class={`${prefixCls}-hook-holder`}\n                  ref={(div: HTMLDivElement) => {\n                    if (typeof key === 'undefined') {\n                      return\n                    }\n                    if (div) {\n                      hookRefs.set(key, div)\n                      holderCallback(div, noticeProps)\n                    } else {\n                      hookRefs.delete(key)\n                    }\n                  }}\n                />\n              )\n            }\n\n            return (\n              <Notice {...noticeProps} class={classNames(noticeProps.class, props.hashId)}>\n                {typeof content === 'function' ? content({ prefixCls }) : content}\n              </Notice>\n            )\n          },\n        )\n        const className = {\n          [prefixCls]: 1,\n          [`${prefixCls}-${placement}`]: 1,\n          [attrs.class as string]: !!attrs.class,\n          [props.hashId]: true,\n          [classes]: !!classes,\n        }\n        function onAfterLeave() {\n          if (noticesForPlacement.length > 0) {\n            return\n          }\n          Reflect.deleteProperty(placements.value, placement)\n          props.onAllRemoved?.()\n        }\n        return (\n          <div\n            key={placement}\n            class={className}\n            style={\n              (attrs.style as CSSProperties) ||\n              styles || {\n                top: '65px',\n                left: '50%',\n              }\n            }\n          >\n            <TransitionGroup tag=\"div\" {...transitionProps.value} onAfterLeave={onAfterLeave}>\n              {noticeNodesForPlacement}\n            </TransitionGroup>\n          </div>\n        )\n      })\n      return <Portal getContainer={props.getContainer}>{noticeNodes}</Portal>\n    }\n  },\n})\n\nexport default Notification\n"],"names":["seed","now","Date","getUuid","id","Notification","defineComponent","name","inheritAttrs","props","setup","attrs","slots","hookRefs","Map","notices","computed","transitionProps","transitionName","animation","prefixCls","getTransitionGroupProps","remove","key","placements","ref","watch","nextPlacements","Object","keys","value","forEach","placement","config","notice","push","placementList","closeIcon","noticeNodes","map","noticesForPlacement","classes","getClassName","styles","getStyles","noticeNodesForPlacement","holderCallback","index","updateMark","length","undefined","userPassKey","content","noticeProps","noticeKey","onClose","onClick","_createVNode","div","set","delete","Notice","classNames","class","hashId","default","className","onAfterLeave","Reflect","deleteProperty","onAllRemoved","style","top","left","TransitionGroup","Portal","getContainer"],"mappings":"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"}

package/dist/es/vc-notification/Notice.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as $,computed as k,onMounted as A,onUnmounted as I,watch as K,createVNode as a,Teleport as O}from"vue";import P from"../_util/classNames.mjs";const g=$({name:"Notice",inheritAttrs:!1,props:["prefixCls","duration","updateMark","noticeKey","closeIcon","closable","props","onClick","onClose","holder","visible"],setup(o,{attrs:d,slots:p}){let c,b=!1;const f=k(()=>o.duration===void 0?4.5:o.duration),m=()=>{f.value&&!b&&(c=setTimeout(()=>{h()},f.value*1e3))},i=()=>{c&&(clearTimeout(c),c=null)},h=t=>{t&&t.stopPropagation(),i();const{onClose:e,noticeKey:s}=o;e&&e(s)},M=()=>{i(),m()};return A(()=>{m()}),I(()=>{b=!0,i()}),K([f,()=>o.updateMark,()=>o.visible],([t,e,s],[C,r,u])=>{(t!==C||e!==r||s!==u&&u)&&M()},{flush:"post"}),()=>{const{prefixCls:t,closable:e,closeIcon:s=p.closeIcon?.(),onClick:C,holder:r}=o,{class:u,style:x}=d,n=`${t}-notice`,N=Object.keys(d).reduce((T,l)=>((l.startsWith("data-")||l.startsWith("aria-")||l==="role")&&(T[l]=d[l]),T),{}),v=a("div",{class:P(n,u,{[`${n}-closable`]:e}),style:x,onMouseenter:i,onMouseleave:m,onClick:C,...N},[a("div",{class:`${n}-content`},[p.default?.()]),e?a("a",{tabindex:0,onClick:h,class:`${n}-close`},[s||a("span",{class:`${n}-close-x`},null)]):null]);return r?a(O,{to:r},{default:()=>v}):v}}});export{g as default};
+//# sourceMappingURL=Notice.mjs.map

package/dist/es/vc-notification/Notice.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.mjs","sources":["../../../src/vc-notification/Notice.tsx"],"sourcesContent":["import { Teleport, computed, defineComponent, onMounted, onUnmounted, watch } from 'vue'\nimport type { CSSProperties, HTMLAttributes } from 'vue'\n\nimport type { MouseEventHandler } from '../_util/EventInterface'\nimport classNames from '../_util/classNames'\nimport type { Key } from '../_util/type'\n\ninterface DivProps extends HTMLAttributes {\n  // Ideally we would allow all data-* props but this would depend on https://github.com/microsoft/TypeScript/issues/28960\n  'data-testid'?: string\n}\n\nexport interface NoticeProps {\n  prefixCls: string\n  duration?: number | null\n  updateMark?: string\n  /** Mark as final key since set maxCount may keep the key but user pass key is different */\n  noticeKey: Key\n  closeIcon?: any\n  closable?: boolean\n  props?: DivProps\n  onClick?: MouseEventHandler\n  onClose?: (key: Key) => void\n\n  holder?: HTMLDivElement\n\n  visible?: boolean\n}\n\nexport default defineComponent<NoticeProps>({\n  name: 'Notice',\n  inheritAttrs: false,\n  props: [\n    'prefixCls',\n    'duration',\n    'updateMark',\n    'noticeKey',\n    'closeIcon',\n    'closable',\n    'props',\n    'onClick',\n    'onClose',\n    'holder',\n    'visible',\n  ] as any,\n  setup(props, { attrs, slots }) {\n    let closeTimer: any\n    let isUnMounted = false\n    const duration = computed(() => (props.duration === undefined ? 4.5 : props.duration))\n    const startCloseTimer = () => {\n      if (duration.value && !isUnMounted) {\n        closeTimer = setTimeout(() => {\n          close()\n        }, duration.value * 1000)\n      }\n    }\n\n    const clearCloseTimer = () => {\n      if (closeTimer) {\n        clearTimeout(closeTimer)\n        closeTimer = null\n      }\n    }\n    const close = (e?: MouseEvent) => {\n      if (e) {\n        e.stopPropagation()\n      }\n      clearCloseTimer()\n      const { onClose, noticeKey } = props\n      if (onClose) {\n        onClose(noticeKey)\n      }\n    }\n    const restartCloseTimer = () => {\n      clearCloseTimer()\n      startCloseTimer()\n    }\n    onMounted(() => {\n      startCloseTimer()\n    })\n    onUnmounted(() => {\n      isUnMounted = true\n      clearCloseTimer()\n    })\n\n    watch(\n      [duration, () => props.updateMark, () => props.visible],\n      ([preDuration, preUpdateMark, preVisible], [newDuration, newUpdateMark, newVisible]) => {\n        if (\n          preDuration !== newDuration ||\n          preUpdateMark !== newUpdateMark ||\n          (preVisible !== newVisible && newVisible)\n        ) {\n          restartCloseTimer()\n        }\n      },\n      { flush: 'post' },\n    )\n    return () => {\n      const { prefixCls, closable, closeIcon = slots.closeIcon?.(), onClick, holder } = props\n      const { class: className, style } = attrs\n      const componentClass = `${prefixCls}-notice`\n      const dataOrAriaAttributeProps = Object.keys(attrs).reduce(\n        (acc: Record<string, string>, key: string) => {\n          if (key.startsWith('data-') || key.startsWith('aria-') || key === 'role') {\n            acc[key] = (attrs as any)[key]\n          }\n          return acc\n        },\n        {},\n      )\n      const node = (\n        <div\n          class={classNames(componentClass, className, {\n            [`${componentClass}-closable`]: closable,\n          })}\n          style={style as CSSProperties}\n          onMouseenter={clearCloseTimer}\n          onMouseleave={startCloseTimer}\n          onClick={onClick}\n          {...dataOrAriaAttributeProps}\n        >\n          <div class={`${componentClass}-content`}>{slots.default?.()}</div>\n          {closable ? (\n            <a tabindex={0} onClick={close} class={`${componentClass}-close`}>\n              {closeIcon || <span class={`${componentClass}-close-x`} />}\n            </a>\n          ) : null}\n        </div>\n      )\n\n      if (holder) {\n        return <Teleport to={holder} v-slots={{ default: () => node }}></Teleport>\n      }\n\n      return node\n    }\n  },\n})\n"],"names":["Notice","name","inheritAttrs","props","setup","attrs","slots","closeTimer","isUnMounted","duration","computed","undefined","startCloseTimer","value","setTimeout","close","clearCloseTimer","clearTimeout","e","stopPropagation","onClose","noticeKey","restartCloseTimer","onMounted","onUnmounted","watch","updateMark","visible","preDuration","preUpdateMark","preVisible","newDuration","newUpdateMark","newVisible","flush","prefixCls","closable","closeIcon","onClick","holder","class","className","style","componentClass","dataOrAriaAttributeProps","Object","keys","reduce","acc","key","startsWith","node","_createVNode","classNames","default","Teleport"],"mappings":"qKA6BA,MAAAA,IAA4C,CAC1CC,KAAM,SACNC,aAAc,GACdC,MAAO,CACL,YACA,WACA,aACA,YACA,YACA,WACA,QACA,UACA,UACA,SACA,SAAS,EAEXC,MAAMD,EAAO,CAAEE,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CAC7B,IAAIC,EACAC,EAAc,GAClB,MAAMC,EAAWC,EAAS,IAAOP,EAAMM,WAAaE,OAAY,IAAMR,EAAMM,QAAS,EAC/EG,EAAkBA,IAAM,CACxBH,EAASI,OAAS,CAACL,IACrBD,EAAaO,WAAW,IAAM,CAC5BC,EAAK,CACP,EAAGN,EAASI,MAAQ,GAAI,EAE5B,EAEMG,EAAkBA,IAAM,CACxBT,IACFU,aAAaV,CAAU,EACvBA,EAAa,KAEjB,EACMQ,EAASG,GAAmB,CAC5BA,GACFA,EAAEC,gBAAe,EAEnBH,EAAe,EACf,KAAM,CAAEI,QAAAA,EAASC,UAAAA,CAAU,EAAIlB,EAC3BiB,GACFA,EAAQC,CAAS,CAErB,EACMC,EAAoBA,IAAM,CAC9BN,EAAe,EACfJ,EAAe,CACjB,EACAW,OAAAA,EAAU,IAAM,CACdX,EAAe,CACjB,CAAC,EACDY,EAAY,IAAM,CAChBhB,EAAc,GACdQ,EAAe,CACjB,CAAC,EAEDS,EACE,CAAChB,EAAU,IAAMN,EAAMuB,WAAY,IAAMvB,EAAMwB,OAAO,EACtD,CAAC,CAACC,EAAaC,EAAeC,CAAU,EAAG,CAACC,EAAaC,EAAeC,CAAU,IAAM,EAEpFL,IAAgBG,GAChBF,IAAkBG,GACjBF,IAAeG,GAAcA,IAE9BX,EAAiB,CAErB,EACA,CAAEY,MAAO,MAAO,CAClB,EACO,IAAM,CACX,KAAM,CAAEC,UAAAA,EAAWC,SAAAA,EAAUC,UAAAA,EAAY/B,EAAM+B,YAAS,EAAMC,QAAAA,EAASC,OAAAA,CAAO,EAAIpC,EAC5E,CAAEqC,MAAOC,EAAWC,MAAAA,CAAM,EAAIrC,EAC9BsC,EAAiB,GAAGR,CAAS,UAC7BS,EAA2BC,OAAOC,KAAKzC,CAAK,EAAE0C,OAClD,CAACC,EAA6BC,MACxBA,EAAIC,WAAW,OAAO,GAAKD,EAAIC,WAAW,OAAO,GAAKD,IAAQ,UAChED,EAAIC,CAAG,EAAK5C,EAAc4C,CAAG,GAExBD,GAET,CAAA,CACF,EACMG,EAAIC,EAAA,MAAA,CAAA,MAECC,EAAWV,EAAgBF,EAAW,CAC3C,CAAC,GAAGE,CAAc,WAAW,EAAGP,CAClC,CAAC,EAAC,MACKM,EAAK,aACE1B,EAAe,aACfJ,EAAe,QACpB0B,EAAO,GACZM,CAAwB,EAAA,CAAAQ,EAAA,MAAA,CAAA,MAEhB,GAAGT,CAAc,YAAU,CAAGrC,EAAMgD,UAAO,CAAI,CAAA,EAC1DlB,EAAQgB,EAAA,IAAA,CAAA,SACM,EAAC,QAAWrC,EAAK,MAAS,GAAG4B,CAAc,UAAQ,CAC7DN,GAASe,EAAA,OAAA,CAAA,MAAiB,GAAGT,CAAc,YAAU,IAAA,CAAI,CAAA,EAE1D,IAAI,CAAA,EAIZ,OAAIJ,EACFa,EAAAG,EAAA,CAAA,GAAqBhB,GAAiB,CAAEe,QAASA,IAAMH,EAAM,EAGxDA,CACT,CACF,CACF,CAAC"}

package/dist/es/vc-notification/Notification.mjs

@@ -0,0 +1,2 @@
+import{createVNode as p,render as I,defineComponent as R,ref as W,computed as K,TransitionGroup as _,shallowRef as A,onMounted as D,toRaw as E}from"vue";import G from"../_util/classNames.mjs";import{getTransitionGroupProps as O}from"../_util/transition.mjs";import b,{globalConfigForApi as P}from"../config-provider/index.mjs";import z from"./Notice.mjs";let w=0;const F=Date.now();function $(){const c=w;return w+=1,`rcNotification_${F}_${c}`}const M=R({name:"Notification",inheritAttrs:!1,props:["prefixCls","transitionName","animation","maxCount","closeIcon","hashId"],setup(c,{attrs:m,expose:y,slots:N}){const C=new Map,s=W([]),g=K(()=>{const{prefixCls:t,animation:o="fade"}=c;let n=c.transitionName;return!n&&o&&(n=`${t}-${o}`),O(n)}),k=(t,o)=>{const n=t.key||$(),e={...t,key:n},{maxCount:i}=c,l=s.value.map(x=>x.notice.key).indexOf(n),f=s.value.concat();l!==-1?f.splice(l,1,{notice:e,holderCallback:o}):(i&&s.value.length>=i&&(e.key=f[0].notice.key,e.updateMark=$(),e.userPassKey=n,f.shift()),f.push({notice:e,holderCallback:o})),s.value=f},v=t=>{s.value=E(s.value).filter(({notice:{key:o,userPassKey:n}})=>(n||o)!==t)};return y({add:k,remove:v,notices:s}),()=>{const{prefixCls:t,closeIcon:o=N.closeIcon?.({prefixCls:t})}=c,n=s.value.map(({notice:i,holderCallback:l},f)=>{const x=f===s.value.length-1?i.updateMark:void 0,{key:a,userPassKey:d}=i,{content:h}=i,r={prefixCls:t,closeIcon:typeof o=="function"?o({prefixCls:t}):o,...i,...i.props,key:a,noticeKey:d||a,updateMark:x,onClose:u=>{v(u),i.onClose?.()},onClick:i.onClick};return l?p("div",{key:a,class:`${t}-hook-holder`,ref:u=>{typeof a>"u"||(u?(C.set(a,u),l(u,r)):C.delete(a))}},null):p(z,{...r,class:G(r.class,c.hashId)},{default:()=>[typeof h=="function"?h({prefixCls:t}):h]})}),e={[t]:1,[m.class]:!!m.class,[c.hashId]:!0};return p("div",{class:e,style:m.style||{top:"65px",left:"50%"}},[p(_,{tag:"div",...g.value},{default:()=>[n]})])}}});M.newInstance=function(m,y){const{name:N="notification",getContainer:C,appContext:s,prefixCls:g,rootPrefixCls:k,transitionName:v,hasTransitionName:t,useStyle:o,...n}=m||{},e=document.createElement("div");C?C().appendChild(e):document.body.appendChild(e);const l=p(R({compatConfig:{MODE:3},name:"NotificationWrapper",setup(f,{attrs:x}){const a=A(),d=K(()=>P.getPrefixCls(N,g)),[,h]=o(d);return D(()=>{y({notice(r){a.value?.add(r)},removeNotice(r){a.value?.remove(r)},destroy(){I(null,e),e.parentNode&&e.parentNode.removeChild(e)},component:a})}),()=>{const r=P,u=r.getRootPrefixCls(k,d.value),T=t?v:`${d.value}-${v}`;return p(b,{...r,prefixCls:u},{default:()=>[p(M,{ref:a,...x,prefixCls:d.value,transitionName:T,hashId:h.value},null)]})}}}),n);l.appContext=s||l.appContext,I(l,e)};export{M as default};
+//# sourceMappingURL=Notification.mjs.map

package/dist/es/vc-notification/Notification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.mjs","sources":["../../../src/vc-notification/Notification.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport {\n  TransitionGroup,\n  computed,\n  createVNode,\n  defineComponent,\n  onMounted,\n  ref,\n  shallowRef,\n  toRaw,\n  render as vueRender,\n} from 'vue'\n\nimport classNames from '../_util/classNames'\nimport { getTransitionGroupProps } from '../_util/transition'\nimport type { Key, VueNode } from '../_util/type'\nimport ConfigProvider, { globalConfigForApi } from '../config-provider'\nimport type { NoticeProps } from './Notice'\nimport Notice from './Notice'\n\nlet seed = 0\nconst now = Date.now()\n\nfunction getUuid() {\n  const id = seed\n  seed += 1\n  return `rcNotification_${now}_${id}`\n}\n\nexport interface NoticeContent extends Omit<NoticeProps, 'prefixCls' | 'noticeKey' | 'onClose'> {\n  prefixCls?: string\n  key?: Key\n  updateMark?: string\n  content?: string | ((arg: { prefixCls: string }) => VueNode) | VueNode\n  onClose?: () => void\n  style?: CSSProperties\n  class?: string\n}\nexport type Placement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight'\n\nexport interface OpenConfig extends NoticeProps {\n  key: Key\n  placement?: Placement\n  content?: string | (() => VueNode) | VueNode\n  duration?: number | null\n}\n\nexport type NoticeFunc = (noticeProps: NoticeContent) => void\nexport type HolderReadyCallback = (\n  div: HTMLDivElement,\n  noticeProps: NoticeProps & { key: Key },\n) => void\n\nexport interface NotificationInstance {\n  notice: NoticeFunc\n  removeNotice: (key: Key) => void\n  destroy: () => void\n  component: Notification\n}\n\nexport interface NotificationProps {\n  prefixCls?: string\n  transitionName?: string\n  animation?: string | object\n  maxCount?: number\n  closeIcon?: any\n  hashId?: string\n}\n\ntype NotificationState = {\n  notice: NoticeContent & {\n    userPassKey?: Key\n  }\n  holderCallback?: HolderReadyCallback\n}[]\n\nconst Notification = defineComponent({\n  name: 'Notification',\n  inheritAttrs: false,\n  props: ['prefixCls', 'transitionName', 'animation', 'maxCount', 'closeIcon', 'hashId'],\n  setup(props, { attrs, expose, slots }) {\n    const hookRefs = new Map<Key, HTMLDivElement>()\n    const notices = ref<NotificationState>([])\n    const transitionProps = computed(() => {\n      const { prefixCls, animation = 'fade' } = props\n      let name = props.transitionName\n      if (!name && animation) {\n        name = `${prefixCls}-${animation}`\n      }\n      return getTransitionGroupProps(name)\n    })\n\n    const add = (originNotice: NoticeContent, holderCallback?: HolderReadyCallback) => {\n      const key = originNotice.key || getUuid()\n      const notice: NoticeContent & { key: Key; userPassKey?: Key } = {\n        ...originNotice,\n        key,\n      }\n      const { maxCount } = props\n      const noticeIndex = notices.value.map((v) => v.notice.key).indexOf(key)\n      const updatedNotices = notices.value.concat()\n      if (noticeIndex !== -1) {\n        updatedNotices.splice(noticeIndex, 1, { notice, holderCallback } as any)\n      } else {\n        if (maxCount && notices.value.length >= maxCount) {\n          // XXX, use key of first item to update new added (let React to move exsiting\n          // instead of remove and mount). Same key was used before for both a) external\n          // manual control and b) internal react 'key' prop , which is not that good.\n\n          // zombieJ: Not know why use `updateKey`. This makes Notice infinite loop in jest.\n          // Change to `updateMark` for compare instead.\n          // https://github.com/react-component/notification/commit/32299e6be396f94040bfa82517eea940db947ece\n          notice.key = updatedNotices[0].notice.key as Key\n          notice.updateMark = getUuid()\n\n          // zombieJ: That's why. User may close by key directly.\n          // We need record this but not re-render to avoid upper issue\n          // https://github.com/react-component/notification/issues/129\n          notice.userPassKey = key\n\n          updatedNotices.shift()\n        }\n        updatedNotices.push({ notice, holderCallback } as any)\n      }\n      notices.value = updatedNotices\n    }\n\n    const remove = (removeKey: Key) => {\n      notices.value = toRaw(notices.value as any).filter(({ notice: { key, userPassKey } }) => {\n        const mergedKey = userPassKey || key\n        return mergedKey !== removeKey\n      })\n    }\n    expose({\n      add,\n      remove,\n      notices,\n    })\n    return () => {\n      const { prefixCls, closeIcon = slots.closeIcon?.({ prefixCls }) } = props\n      const noticeNodes = notices.value.map(({ notice, holderCallback }, index) => {\n        const updateMark = index === notices.value.length - 1 ? notice.updateMark : undefined\n        const { key, userPassKey } = notice\n\n        const { content } = notice\n        const noticeProps = {\n          prefixCls,\n          closeIcon: typeof closeIcon === 'function' ? closeIcon({ prefixCls }) : closeIcon,\n          ...(notice as any),\n          ...notice.props,\n          key,\n          noticeKey: userPassKey || key,\n          updateMark,\n          onClose: (noticeKey: Key) => {\n            remove(noticeKey)\n            notice.onClose?.()\n          },\n          onClick: notice.onClick,\n        }\n        if (holderCallback) {\n          return (\n            <div\n              key={key}\n              class={`${prefixCls}-hook-holder`}\n              ref={(div: HTMLDivElement) => {\n                if (typeof key === 'undefined') {\n                  return\n                }\n\n                if (div) {\n                  hookRefs.set(key, div)\n                  holderCallback(div, noticeProps)\n                } else {\n                  hookRefs.delete(key)\n                }\n              }}\n            />\n          )\n        }\n        return (\n          <Notice {...noticeProps} class={classNames(noticeProps.class, props.hashId)}>\n            {typeof content === 'function' ? content({ prefixCls }) : content}\n          </Notice>\n        )\n      })\n      const className = {\n        [prefixCls]: 1,\n        [attrs.class as string]: !!attrs.class,\n        [props.hashId]: true,\n      }\n      return (\n        <div\n          class={className}\n          style={\n            (attrs.style as CSSProperties) || {\n              top: '65px',\n              left: '50%',\n            }\n          }\n        >\n          <TransitionGroup tag=\"div\" {...transitionProps.value}>\n            {noticeNodes}\n          </TransitionGroup>\n        </div>\n      )\n    }\n  },\n})\n\nNotification.newInstance = function newNotificationInstance(properties, callback) {\n  const {\n    name = 'notification',\n    getContainer,\n    appContext,\n    prefixCls: customizePrefixCls,\n    rootPrefixCls: customRootPrefixCls,\n    transitionName: customTransitionName,\n    hasTransitionName,\n    useStyle,\n    ...props\n  } = properties || {}\n  const div = document.createElement('div')\n  if (getContainer) {\n    const root = getContainer()\n    root.appendChild(div)\n  } else {\n    document.body.appendChild(div)\n  }\n  const Wrapper = defineComponent({\n    compatConfig: { MODE: 3 },\n    name: 'NotificationWrapper',\n    setup(_props, { attrs }) {\n      const notiRef = shallowRef()\n      const prefixCls = computed(() => globalConfigForApi.getPrefixCls(name, customizePrefixCls))\n      const [, hashId] = useStyle(prefixCls)\n      onMounted(() => {\n        callback({\n          notice(noticeProps: NoticeContent) {\n            notiRef.value?.add(noticeProps)\n          },\n          removeNotice(key: Key) {\n            notiRef.value?.remove(key)\n          },\n          destroy() {\n            vueRender(null, div)\n            if (div.parentNode) {\n              div.parentNode.removeChild(div)\n            }\n          },\n          component: notiRef,\n        })\n      })\n      return () => {\n        const global = globalConfigForApi\n        const rootPrefixCls = global.getRootPrefixCls(customRootPrefixCls, prefixCls.value)\n        const transitionName = hasTransitionName\n          ? customTransitionName\n          : `${prefixCls.value}-${customTransitionName}`\n        return (\n          <ConfigProvider {...global} prefixCls={rootPrefixCls}>\n            <Notification\n              ref={notiRef}\n              {...attrs}\n              prefixCls={prefixCls.value}\n              transitionName={transitionName}\n              hashId={hashId.value}\n            />\n          </ConfigProvider>\n        )\n      }\n    },\n  })\n\n  const vm = createVNode(Wrapper, props)\n  vm.appContext = appContext || vm.appContext\n  vueRender(vm, div)\n}\n\nexport default Notification\n"],"names":["seed","now","Date","getUuid","id","Notification","defineComponent","name","inheritAttrs","props","setup","attrs","expose","slots","hookRefs","Map","notices","ref","transitionProps","computed","prefixCls","animation","transitionName","getTransitionGroupProps","add","originNotice","holderCallback","key","notice","maxCount","noticeIndex","value","map","v","indexOf","updatedNotices","concat","splice","length","updateMark","userPassKey","shift","push","remove","removeKey","toRaw","filter","closeIcon","noticeNodes","index","undefined","content","noticeProps","noticeKey","onClose","onClick","_createVNode","div","set","delete","Notice","classNames","class","hashId","default","className","style","top","left","TransitionGroup","newInstance","properties","callback","getContainer","appContext","customizePrefixCls","rootPrefixCls","customRootPrefixCls","customTransitionName","hasTransitionName","useStyle","document","createElement","appendChild","body","vm","createVNode","compatConfig","MODE","_props","notiRef","shallowRef","globalConfigForApi","getPrefixCls","onMounted","removeNotice","destroy","vueRender","parentNode","removeChild","component","global","getRootPrefixCls","ConfigProvider"],"mappings":"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"}

package/dist/es/vc-notification/index.mjs

@@ -0,0 +1,2 @@
+import t from"./Notification.mjs";import"vue";import"../_util/Portal.mjs";export{t as default};
+//# sourceMappingURL=index.mjs.map

package/dist/es/vc-notification/index.mjs.map

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

package/dist/es/vc-notification/useNotification.mjs

@@ -0,0 +1,2 @@
+import{shallowRef as d,watch as I,createVNode as b}from"vue";import A,{getUuid as m}from"./HookNotification.mjs";const O=()=>document.body;let p=0;function S(...u){const r={};return u.forEach(c=>{c&&Object.keys(c).forEach(f=>{const a=c[f];a!==void 0&&(r[f]=a)})}),r}function H(u={}){const{getContainer:r=O,motion:c,prefixCls:f,maxCount:a,getClassName:g,getStyles:h,onAllRemoved:k,...C}=u,n=d([]),x=d(),N=(e,o)=>{const i=e.key||m(),s={...e,key:i},v=n.value.map(E=>E.notice.key).indexOf(i),l=n.value.concat();v!==-1?l.splice(v,1,{notice:s,holderCallback:o}):(a&&n.value.length>=a&&(s.key=l[0].notice.key,s.updateMark=m(),s.userPassKey=i,l.shift()),l.push({notice:s,holderCallback:o})),n.value=l},y=e=>{n.value=n.value.filter(({notice:{key:o,userPassKey:i}})=>(i||o)!==e)},K=()=>{n.value=[]},R=()=>b(A,{ref:x,prefixCls:f,maxCount:a,notices:n.value,remove:y,getClassName:g,getStyles:h,animation:c,hashId:u.hashId,onAllRemoved:k,getContainer:r},null),t=d([]),w={open:e=>{const o=S(C,e);(o.key===null||o.key===void 0)&&(o.key=`vc-notification-${p}`,p+=1),t.value=[...t.value,{type:"open",config:o}]},close:e=>{t.value=[...t.value,{type:"close",key:e}]},destroy:()=>{t.value=[...t.value,{type:"destroy"}]}};return I(t,()=>{t.value.length&&(t.value.forEach(e=>{switch(e.type){case"open":N(e.config);break;case"close":y(e.key);break;case"destroy":K();break}}),t.value=[])}),[w,R]}export{H as default};
+//# sourceMappingURL=useNotification.mjs.map

package/dist/es/vc-notification/useNotification.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotification.mjs","sources":["../../../src/vc-notification/useNotification.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport { shallowRef, watch } from 'vue'\n\nimport type { CSSMotionProps } from '../_util/transition'\nimport type { Key, VueNode } from '../_util/type'\nimport HookNotification, { getUuid } from './HookNotification'\nimport type { HolderReadyCallback, NoticeContent } from './HookNotification'\nimport type { NotificationInstance, OpenConfig, Placement } from './Notification'\n\nconst defaultGetContainer = () => document.body\n\ntype OptionalConfig = Partial<OpenConfig>\n\nexport interface NotificationConfig {\n  prefixCls?: string\n  /** Customize container. It will repeat call which means you should return same container element. */\n  getContainer?: () => HTMLElement\n  motion?: CSSMotionProps | ((placement?: Placement) => CSSMotionProps)\n  closeIcon?: VueNode\n  closable?: boolean\n  maxCount?: number\n  duration?: number\n  /** @private. Config for notification holder style. Safe to remove if refactor */\n  getClassName?: (placement?: Placement) => string\n  /** @private. Config for notification holder style. Safe to remove if refactor */\n  getStyles?: (placement?: Placement) => CSSProperties\n  onAllRemoved?: VoidFunction\n  hashId?: string\n}\n\nexport interface NotificationAPI {\n  open: (config: OptionalConfig) => void\n  close: (key: Key) => void\n  destroy: () => void\n}\n\ninterface OpenTask {\n  type: 'open'\n  config: OpenConfig\n}\n\ninterface CloseTask {\n  type: 'close'\n  key: Key\n}\n\ninterface DestroyTask {\n  type: 'destroy'\n}\n\ntype Task = OpenTask | CloseTask | DestroyTask\n\nlet uniqueKey = 0\n\nfunction mergeConfig<T>(...objList: Partial<T>[]): T {\n  const clone: T = {} as T\n\n  objList.forEach((obj) => {\n    if (obj) {\n      Object.keys(obj).forEach((key) => {\n        const val = obj[key]\n\n        if (val !== undefined) {\n          clone[key] = val\n        }\n      })\n    }\n  })\n\n  return clone\n}\n\nexport default function useNotification(rootConfig: NotificationConfig = {}) {\n  const {\n    getContainer = defaultGetContainer,\n    motion,\n    prefixCls,\n    maxCount,\n    getClassName,\n    getStyles,\n    onAllRemoved,\n    ...shareConfig\n  } = rootConfig\n\n  const notices = shallowRef([])\n  const notificationsRef = shallowRef<NotificationInstance>()\n  const add = (originNotice: NoticeContent, holderCallback?: HolderReadyCallback) => {\n    const key = originNotice.key || getUuid()\n    const notice: NoticeContent & { key: Key; userPassKey?: Key } = {\n      ...originNotice,\n      key,\n    }\n    const noticeIndex = notices.value.map((v) => v.notice.key).indexOf(key)\n    const updatedNotices = notices.value.concat()\n    if (noticeIndex !== -1) {\n      updatedNotices.splice(noticeIndex, 1, { notice, holderCallback } as any)\n    } else {\n      if (maxCount && notices.value.length >= maxCount) {\n        notice.key = updatedNotices[0].notice.key as Key\n        notice.updateMark = getUuid()\n        notice.userPassKey = key\n        updatedNotices.shift()\n      }\n      updatedNotices.push({ notice, holderCallback } as any)\n    }\n    notices.value = updatedNotices\n  }\n  const removeNotice = (removeKey: Key) => {\n    notices.value = notices.value.filter(({ notice: { key, userPassKey } }) => {\n      const mergedKey = userPassKey || key\n      return mergedKey !== removeKey\n    })\n  }\n\n  const destroy = () => {\n    notices.value = []\n  }\n\n  const contextHolder = () => (\n    <HookNotification\n      ref={notificationsRef}\n      prefixCls={prefixCls}\n      maxCount={maxCount}\n      notices={notices.value}\n      remove={removeNotice}\n      getClassName={getClassName}\n      getStyles={getStyles}\n      animation={motion}\n      hashId={rootConfig.hashId}\n      onAllRemoved={onAllRemoved}\n      getContainer={getContainer}\n    ></HookNotification>\n  )\n\n  const taskQueue = shallowRef([] as Task[])\n  // ========================= Refs =========================\n  const api = {\n    open: (config: OpenConfig) => {\n      const mergedConfig = mergeConfig(shareConfig, config)\n      //@ts-ignore\n      if (mergedConfig.key === null || mergedConfig.key === undefined) {\n        //@ts-ignore\n        mergedConfig.key = `vc-notification-${uniqueKey}`\n        uniqueKey += 1\n      }\n\n      taskQueue.value = [...taskQueue.value, { type: 'open', config: mergedConfig as any }]\n    },\n    close: (key) => {\n      taskQueue.value = [...taskQueue.value, { type: 'close', key }]\n    },\n    destroy: () => {\n      taskQueue.value = [...taskQueue.value, { type: 'destroy' }]\n    },\n  }\n\n  // ======================== Effect ========================\n  watch(taskQueue, () => {\n    // Flush task when node ready\n    if (taskQueue.value.length) {\n      taskQueue.value.forEach((task) => {\n        switch (task.type) {\n          case 'open':\n            // @ts-ignore\n            add(task.config)\n            break\n\n          case 'close':\n            removeNotice(task.key)\n            break\n          case 'destroy':\n            destroy()\n            break\n        }\n      })\n      taskQueue.value = []\n    }\n  })\n\n  // ======================== Return ========================\n  return [api, contextHolder] as const\n}\n"],"names":["defaultGetContainer","document","body","uniqueKey","mergeConfig","objList","clone","forEach","obj","Object","keys","key","val","undefined","useNotification","rootConfig","getContainer","motion","prefixCls","maxCount","getClassName","getStyles","onAllRemoved","shareConfig","notices","shallowRef","notificationsRef","add","originNotice","holderCallback","getUuid","notice","noticeIndex","value","map","v","indexOf","updatedNotices","concat","splice","length","updateMark","userPassKey","shift","push","removeNotice","removeKey","filter","destroy","contextHolder","_createVNode","HookNotification","hashId","taskQueue","api","open","config","mergedConfig","type","close","watch","task"],"mappings":"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"}

package/dist/es/vc-overflow/Item.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as b,computed as C,ref as I,onUnmounted as E,createVNode as f}from"vue";import R from"../_util/classNames.mjs";import p from"../_util/vue-types/index.mjs";import w from"../vc-resize-observer/index.mjs";const t=void 0,U=b({compatConfig:{MODE:3},name:"Item",props:{prefixCls:String,item:p.any,renderItem:Function,responsive:Boolean,itemKey:{type:[String,Number]},registerSize:Function,display:Boolean,order:Number,component:p.any,invalidate:Boolean},setup(o,{slots:c,expose:v}){const e=C(()=>o.responsive&&!o.display),i=I();v({itemNodeRef:i});function r(n){o.registerSize(o.itemKey,n)}return E(()=>{r(null)}),()=>{const{prefixCls:n,invalidate:s,item:a,renderItem:l,responsive:d,registerSize:x,itemKey:B,display:D,order:y,component:g="div",...N}=o,S=c.default?.(),h=l&&a!==t?l(a):S;let m;s||(m={opacity:e.value?0:1,height:e.value?0:t,overflowY:e.value?"hidden":t,order:d?y:t,pointerEvents:e.value?"none":t,position:e.value?"absolute":t});const u={};return e.value&&(u["aria-hidden"]=!0),f(w,{disabled:!d,onResize:({offsetWidth:z})=>{r(z)}},{default:()=>f(g,{class:R(!s&&n),style:m,...u,...N,ref:i},{default:()=>[h]})})}}});export{U as default};
+//# sourceMappingURL=Item.mjs.map

package/dist/es/vc-overflow/Item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.mjs","sources":["../../../src/vc-overflow/Item.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, PropType } from 'vue'\nimport { computed, defineComponent, onUnmounted, ref } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport type { Key, VueNode } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport ResizeObserver from '../vc-resize-observer'\n\nconst UNDEFINED = undefined\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'Item',\n  props: {\n    prefixCls: String,\n    item: PropTypes.any,\n    renderItem: Function as PropType<(item: any) => VueNode>,\n    responsive: Boolean,\n    itemKey: { type: [String, Number] as PropType<string | number> },\n    registerSize: Function as PropType<(key: Key, width: number | null) => void>,\n    display: Boolean,\n    order: Number,\n    component: PropTypes.any,\n    invalidate: Boolean,\n  },\n  setup(props, { slots, expose }) {\n    const mergedHidden = computed(() => props.responsive && !props.display)\n    const itemNodeRef = ref()\n\n    expose({ itemNodeRef })\n\n    // ================================ Effect ================================\n    function internalRegisterSize(width: number | null) {\n      props.registerSize(props.itemKey, width)\n    }\n\n    onUnmounted(() => {\n      internalRegisterSize(null)\n    })\n\n    return () => {\n      const {\n        prefixCls,\n        invalidate,\n        item,\n        renderItem,\n        responsive,\n        registerSize,\n        itemKey,\n        display,\n        order,\n        component: Component = 'div',\n        ...restProps\n      } = props\n      const children = slots.default?.()\n      // ================================ Render ================================\n      const childNode = renderItem && item !== UNDEFINED ? renderItem(item) : children\n\n      let overflowStyle: CSSProperties | undefined\n      if (!invalidate) {\n        overflowStyle = {\n          opacity: mergedHidden.value ? 0 : 1,\n          height: mergedHidden.value ? 0 : UNDEFINED,\n          overflowY: mergedHidden.value ? 'hidden' : UNDEFINED,\n          order: responsive ? order : UNDEFINED,\n          pointerEvents: mergedHidden.value ? 'none' : UNDEFINED,\n          position: mergedHidden.value ? 'absolute' : UNDEFINED,\n        }\n      }\n\n      const overflowProps: HTMLAttributes = {}\n      if (mergedHidden.value) {\n        overflowProps['aria-hidden'] = true\n      }\n\n      // 使用 disabled  避免结构不一致 导致子组件 rerender\n      return (\n        <ResizeObserver\n          disabled={!responsive}\n          onResize={({ offsetWidth }) => {\n            internalRegisterSize(offsetWidth)\n          }}\n          v-slots={{\n            default: () => (\n              <Component\n                class={classNames(!invalidate && prefixCls)}\n                style={overflowStyle}\n                {...overflowProps}\n                {...restProps}\n                ref={itemNodeRef}\n              >\n                {childNode}\n              </Component>\n            ),\n          }}\n        ></ResizeObserver>\n      )\n    }\n  },\n})\n"],"names":["UNDEFINED","undefined","Item","compatConfig","MODE","name","props","prefixCls","String","item","PropTypes","any","renderItem","Function","responsive","Boolean","itemKey","type","Number","registerSize","display","order","component","invalidate","setup","slots","expose","mergedHidden","computed","itemNodeRef","ref","internalRegisterSize","width","onUnmounted","Component","restProps","children","default","childNode","overflowStyle","opacity","value","height","overflowY","pointerEvents","position","overflowProps","_createVNode","ResizeObserver","onResize","offsetWidth","classNames"],"mappings":"iOAQA,MAAMA,EAAYC,OAElBC,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,OACNC,MAAO,CACLC,UAAWC,OACXC,KAAMC,EAAUC,IAChBC,WAAYC,SACZC,WAAYC,QACZC,QAAS,CAAEC,KAAM,CAACT,OAAQU,MAAM,GAChCC,aAAcN,SACdO,QAASL,QACTM,MAAOH,OACPI,UAAWZ,EAAUC,IACrBY,WAAYR,SAEdS,MAAMlB,EAAO,CAAEmB,MAAAA,EAAOC,OAAAA,CAAO,EAAG,CAC9B,MAAMC,EAAeC,EAAS,IAAMtB,EAAMQ,YAAc,CAACR,EAAMc,OAAO,EAChES,EAAcC,EAAG,EAEvBJ,EAAO,CAAEG,YAAAA,CAAY,CAAC,EAGtB,SAASE,EAAqBC,EAAsB,CAClD1B,EAAMa,aAAab,EAAMU,QAASgB,CAAK,CACzC,CAEAC,OAAAA,EAAY,IAAM,CAChBF,EAAqB,IAAI,CAC3B,CAAC,EAEM,IAAM,CACX,KAAM,CACJxB,UAAAA,EACAgB,WAAAA,EACAd,KAAAA,EACAG,WAAAA,EACAE,WAAAA,EACAK,aAAAA,EACAH,QAAAA,EACAI,QAAAA,EACAC,MAAAA,EACAC,UAAWY,EAAY,MACvB,GAAGC,CACL,EAAI7B,EACE8B,EAAWX,EAAMY,UAAO,EAExBC,EAAY1B,GAAcH,IAAST,EAAYY,EAAWH,CAAI,EAAI2B,EAExE,IAAIG,EACChB,IACHgB,EAAgB,CACdC,QAASb,EAAac,MAAQ,EAAI,EAClCC,OAAQf,EAAac,MAAQ,EAAIzC,EACjC2C,UAAWhB,EAAac,MAAQ,SAAWzC,EAC3CqB,MAAOP,EAAaO,EAAQrB,EAC5B4C,cAAejB,EAAac,MAAQ,OAASzC,EAC7C6C,SAAUlB,EAAac,MAAQ,WAAazC,IAIhD,MAAM8C,EAAgC,CAAA,EACtC,OAAInB,EAAac,QACfK,EAAc,aAAa,EAAI,IAIjCC,EAAAC,EAAA,CAAA,SAEc,CAAClC,EAAU,SACXmC,CAAC,CAAEC,YAAAA,CAAY,IAAM,CAC7BnB,EAAqBmB,CAAW,CAClC,GACS,CACPb,QAASA,IAAAU,EAAAb,EAAA,CAAA,MAEEiB,EAAW,CAAC5B,GAAchB,CAAS,EAAC,MACpCgC,EAAa,GAChBO,EAAa,GACbX,EAAS,IACRN,CAAW,EAAA,CAAAQ,QAAAA,IAAA,CAEfC,CAAS,CAAA,CAAA,EAGf,CAGP,CACF,CACF,CAAC"}

package/dist/es/vc-overflow/Overflow.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as re,computed as a,shallowRef as s,watch as se,createVNode as v}from"vue";import oe from"../_util/classNames.mjs";import T from"../_util/vue-types/index.mjs";import ve from"../vc-resize-observer/index.mjs";import F from"./Item.mjs";import de from"./RawItem.mjs";import{OverflowContextProvider as G}from"./context.mjs";const L="responsive",X="invalidate";function fe(t){return`+ ${t.length} ...`}const me=()=>({id:String,prefixCls:String,data:Array,itemKey:[String,Number,Function],itemWidth:{type:Number,default:10},renderItem:Function,renderRawItem:Function,maxCount:[Number,String],renderRest:Function,renderRawRest:Function,suffix:T.any,component:String,itemComponent:T.any,onVisibleChange:Function,ssr:String,onMousedown:Function,role:String}),z=re({name:"Overflow",inheritAttrs:!1,props:me(),emits:["visibleChange"],setup(t,{attrs:j,emit:q,slots:B}){const K=a(()=>t.ssr==="full"),w=s(null),o=a(()=>w.value||0),S=s(new Map),M=s(0),c=s(0),y=s(0),d=s(null),N=s(null),g=a(()=>N.value===null&&K.value?Number.MAX_SAFE_INTEGER:N.value||0),O=s(!1),I=a(()=>`${t.prefixCls}-item`),P=a(()=>Math.max(M.value,c.value)),f=a(()=>!!(t.data.length&&t.maxCount===L)),_=a(()=>t.maxCount===X),H=a(()=>f.value||typeof t.maxCount=="number"&&t.data.length>t.maxCount),m=a(()=>{let e=t.data;return f.value?w.value===null&&K.value?e=t.data:e=t.data.slice(0,Math.min(t.data.length,o.value/t.itemWidth)):typeof t.maxCount=="number"&&(e=t.data.slice(0,t.maxCount)),e}),b=a(()=>f.value?t.data.slice(g.value+1):t.data.slice(m.value.length)),W=(e,l)=>typeof t.itemKey=="function"?t.itemKey(e):(t.itemKey&&e?.[t.itemKey])??l,J=a(()=>t.renderItem||(e=>e)),x=(e,l)=>{N.value=e,l||(O.value=e<t.data.length-1,q("visibleChange",e))},Q=(e,l)=>{w.value=l.clientWidth},k=(e,l)=>{const n=new Map(S.value);l===null?n.delete(e):n.set(e,l),S.value=n},U=(e,l)=>{M.value=c.value,c.value=l},Y=(e,l)=>{y.value=l},E=e=>S.value.get(W(m.value[e],e));return se([o,S,c,y,()=>t.itemKey,m],()=>{if(o.value&&P.value&&m.value){let e=y.value;const l=m.value.length,n=l-1;if(!l){x(0),d.value=null;return}for(let u=0;u<l;u+=1){const h=E(u);if(h===void 0){x(u-1,!0);break}if(e+=h,n===0&&e<=o.value||u===n-1&&e+E(n)<=o.value){x(n),d.value=null;break}else if(e+P.value>o.value){x(u-1),d.value=e-h-y.value+c.value;break}}t.suffix&&E(0)+y.value>o.value&&(d.value=null)}}),()=>{const e=O.value&&!!b.value.length,{itemComponent:l,renderRawItem:n,renderRawRest:u,renderRest:h,prefixCls:Z="rc-overflow",suffix:V,component:p="div",id:ee,onMousedown:te}=t,{class:le,style:ne,...ae}=j;let $={};d.value!==null&&f.value&&($={position:"absolute",left:`${d.value}px`,top:0});const R={prefixCls:I.value,responsive:f.value,component:l,invalidate:_.value},ue=n?(i,r)=>{const C=W(i,r);return v(G,{key:C,value:{...R,order:r,item:i,itemKey:C,registerSize:k,display:r<=g.value}},{default:()=>[n(i,r)]})}:(i,r)=>{const C=W(i,r);return v(F,{...R,order:r,key:C,item:i,renderItem:J.value,itemKey:C,registerSize:k,display:r<=g.value},null)};let A=()=>null;const D={order:e?g.value:Number.MAX_SAFE_INTEGER,className:`${I.value} ${I.value}-rest`,registerSize:U,display:e};if(u)u&&(A=()=>v(G,{value:{...R,...D}},{default:()=>[u(b.value)]}));else{const i=h||fe;A=()=>v(F,{...R,...D},{default:()=>typeof i=="function"?i(b.value):i})}const ie=()=>v(p,{id:ee,class:oe(!_.value&&Z,le),style:ne,onMousedown:te,role:t.role,...ae},{default:()=>[m.value.map(ue),H.value?A():null,V&&v(F,{...R,order:g.value,class:`${I.value}-suffix`,registerSize:Y,display:!0,style:$},{default:()=>V}),B.default?.()]});return v(ve,{disabled:!f.value,onResize:Q},{default:ie})}}});z.Item=de;z.RESPONSIVE=L;z.INVALIDATE=X;export{z as default};
+//# sourceMappingURL=Overflow.mjs.map

package/dist/es/vc-overflow/Overflow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overflow.mjs","sources":["../../../src/vc-overflow/Overflow.tsx"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, HTMLAttributes, PropType } from 'vue'\nimport { computed, defineComponent, shallowRef, watch } from 'vue'\n\nimport type { MouseEventHandler } from '../_util/EventInterface'\nimport classNames from '../_util/classNames'\nimport type { Key, VueNode } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport ResizeObserver from '../vc-resize-observer'\nimport Item from './Item'\nimport RawItem from './RawItem'\nimport { OverflowContextProvider } from './context'\n\nconst RESPONSIVE = 'responsive' as const\nconst INVALIDATE = 'invalidate' as const\n\nfunction defaultRenderRest<ItemType>(omittedItems: ItemType[]) {\n  return `+ ${omittedItems.length} ...`\n}\n\nconst overflowProps = () => {\n  return {\n    id: String,\n    prefixCls: String,\n    data: Array,\n    itemKey: [String, Number, Function] as PropType<Key | ((item: any) => Key)>,\n    /** Used for `responsive`. It will limit render node to avoid perf issue */\n    itemWidth: { type: Number, default: 10 },\n    renderItem: Function as PropType<(item: any) => VueNode>,\n    renderRawItem: Function as PropType<(item: any, index: number) => VueNode>,\n    maxCount: [Number, String] as PropType<number | typeof RESPONSIVE | typeof INVALIDATE>,\n    renderRest: Function as PropType<(items: any[]) => VueNode>,\n    renderRawRest: Function as PropType<(items: any[]) => VueNode>,\n    suffix: PropTypes.any,\n    component: String,\n    itemComponent: PropTypes.any,\n    onVisibleChange: Function as PropType<(visibleCount: number) => void>,\n    /** When set to `full`, ssr will render full items by default and remove at client side */\n    ssr: String as PropType<'full'>,\n    onMousedown: Function as PropType<MouseEventHandler>,\n    role: String,\n  }\n}\ntype InterOverflowProps = Partial<ExtractPropTypes<ReturnType<typeof overflowProps>>>\nexport type OverflowProps = HTMLAttributes & InterOverflowProps\nconst Overflow = defineComponent({\n  name: 'Overflow',\n  inheritAttrs: false,\n  props: overflowProps(),\n  emits: ['visibleChange'],\n  setup(props, { attrs, emit, slots }) {\n    const fullySSR = computed(() => props.ssr === 'full')\n\n    const containerWidth = shallowRef<number>(null)\n    const mergedContainerWidth = computed(() => containerWidth.value || 0)\n    const itemWidths = shallowRef<Map<Key, number>>(new Map<Key, number>())\n    const prevRestWidth = shallowRef(0)\n    const restWidth = shallowRef(0)\n    const suffixWidth = shallowRef(0)\n    const suffixFixedStart = shallowRef<number>(null)\n    const displayCount = shallowRef<number>(null)\n\n    const mergedDisplayCount = computed(() => {\n      if (displayCount.value === null && fullySSR.value) {\n        return Number.MAX_SAFE_INTEGER\n      }\n\n      return displayCount.value || 0\n    })\n\n    const restReady = shallowRef(false)\n\n    const itemPrefixCls = computed(() => `${props.prefixCls}-item`)\n\n    // Always use the max width to avoid blink\n    const mergedRestWidth = computed(() => Math.max(prevRestWidth.value, restWidth.value))\n\n    // ================================= Data =================================\n    const isResponsive = computed(() => !!(props.data.length && props.maxCount === RESPONSIVE))\n    const invalidate = computed(() => props.maxCount === INVALIDATE)\n\n    /**\n     * When is `responsive`, we will always render rest node to get the real width of it for calculation\n     */\n    const showRest = computed(\n      () =>\n        isResponsive.value ||\n        (typeof props.maxCount === 'number' && props.data.length > props.maxCount),\n    )\n\n    const mergedData = computed(() => {\n      let items = props.data\n\n      if (isResponsive.value) {\n        if (containerWidth.value === null && fullySSR.value) {\n          items = props.data\n        } else {\n          items = props.data.slice(\n            0,\n            Math.min(props.data.length, mergedContainerWidth.value / props.itemWidth),\n          )\n        }\n      } else if (typeof props.maxCount === 'number') {\n        items = props.data.slice(0, props.maxCount)\n      }\n\n      return items\n    })\n\n    const omittedItems = computed(() => {\n      if (isResponsive.value) {\n        return props.data.slice(mergedDisplayCount.value + 1)\n      }\n      return props.data.slice(mergedData.value.length)\n    })\n\n    // ================================= Item =================================\n    const getKey = (item: any, index: number) => {\n      if (typeof props.itemKey === 'function') {\n        return props.itemKey(item)\n      }\n      return (props.itemKey && (item as any)?.[props.itemKey]) ?? index\n    }\n\n    const mergedRenderItem = computed(() => props.renderItem || ((item: any) => item))\n\n    const updateDisplayCount = (count: number, notReady?: boolean) => {\n      displayCount.value = count\n      if (!notReady) {\n        restReady.value = count < props.data.length - 1\n\n        emit('visibleChange', count)\n      }\n    }\n\n    // ================================= Size =================================\n    const onOverflowResize = (_: object, element: HTMLElement) => {\n      containerWidth.value = element.clientWidth\n    }\n\n    const registerSize = (key: Key, width: number | null) => {\n      const clone = new Map(itemWidths.value)\n\n      if (width === null) {\n        clone.delete(key)\n      } else {\n        clone.set(key, width)\n      }\n      itemWidths.value = clone\n    }\n\n    const registerOverflowSize = (_: Key, width: number | null) => {\n      prevRestWidth.value = restWidth.value\n      restWidth.value = width!\n    }\n\n    const registerSuffixSize = (_: Key, width: number | null) => {\n      suffixWidth.value = width!\n    }\n\n    // ================================ Effect ================================\n    const getItemWidth = (index: number) => {\n      return itemWidths.value.get(getKey(mergedData.value[index], index))\n    }\n\n    watch(\n      [mergedContainerWidth, itemWidths, restWidth, suffixWidth, () => props.itemKey, mergedData],\n      () => {\n        if (mergedContainerWidth.value && mergedRestWidth.value && mergedData.value) {\n          let totalWidth = suffixWidth.value\n\n          const len = mergedData.value.length\n          const lastIndex = len - 1\n\n          // When data count change to 0, reset this since not loop will reach\n          if (!len) {\n            updateDisplayCount(0)\n            suffixFixedStart.value = null\n            return\n          }\n\n          for (let i = 0; i < len; i += 1) {\n            const currentItemWidth = getItemWidth(i)\n\n            // Break since data not ready\n            if (currentItemWidth === undefined) {\n              updateDisplayCount(i - 1, true)\n              break\n            }\n\n            // Find best match\n            totalWidth += currentItemWidth\n\n            if (\n              // Only one means `totalWidth` is the final width\n              (lastIndex === 0 && totalWidth <= mergedContainerWidth.value) ||\n              // Last two width will be the final width\n              (i === lastIndex - 1 &&\n                totalWidth + getItemWidth(lastIndex)! <= mergedContainerWidth.value)\n            ) {\n              // Additional check if match the end\n              updateDisplayCount(lastIndex)\n              suffixFixedStart.value = null\n              break\n            } else if (totalWidth + mergedRestWidth.value > mergedContainerWidth.value) {\n              // Can not hold all the content to show rest\n              updateDisplayCount(i - 1)\n              suffixFixedStart.value =\n                totalWidth - currentItemWidth - suffixWidth.value + restWidth.value\n              break\n            }\n          }\n\n          if (props.suffix && getItemWidth(0) + suffixWidth.value > mergedContainerWidth.value) {\n            suffixFixedStart.value = null\n          }\n        }\n      },\n    )\n\n    return () => {\n      // ================================ Render ================================\n      const displayRest = restReady.value && !!omittedItems.value.length\n      const {\n        itemComponent,\n        renderRawItem,\n        renderRawRest,\n        renderRest,\n        prefixCls = 'rc-overflow',\n        suffix,\n        component: Component = 'div' as any,\n        id,\n        onMousedown,\n      } = props\n      const { class: className, style, ...restAttrs } = attrs\n      let suffixStyle: CSSProperties = {}\n      if (suffixFixedStart.value !== null && isResponsive.value) {\n        suffixStyle = {\n          position: 'absolute',\n          left: `${suffixFixedStart.value}px`,\n          top: 0,\n        }\n      }\n\n      const itemSharedProps = {\n        prefixCls: itemPrefixCls.value,\n        responsive: isResponsive.value,\n        component: itemComponent,\n        invalidate: invalidate.value,\n      }\n\n      // >>>>> Choice render fun by `renderRawItem`\n      const internalRenderItemNode = renderRawItem\n        ? (item: any, index: number) => {\n            const key = getKey(item, index)\n\n            return (\n              <OverflowContextProvider\n                key={key}\n                value={{\n                  ...itemSharedProps,\n                  order: index,\n                  item,\n                  itemKey: key,\n                  registerSize,\n                  display: index <= mergedDisplayCount.value,\n                }}\n              >\n                {renderRawItem(item, index)}\n              </OverflowContextProvider>\n            )\n          }\n        : (item: any, index: number) => {\n            const key = getKey(item, index)\n\n            return (\n              <Item\n                {...itemSharedProps}\n                order={index}\n                key={key}\n                item={item}\n                renderItem={mergedRenderItem.value}\n                itemKey={key}\n                registerSize={registerSize}\n                display={index <= mergedDisplayCount.value}\n              />\n            )\n          }\n\n      // >>>>> Rest node\n      let restNode = () => null\n      const restContextProps = {\n        order: displayRest ? mergedDisplayCount.value : Number.MAX_SAFE_INTEGER,\n        className: `${itemPrefixCls.value} ${itemPrefixCls.value}-rest`,\n        registerSize: registerOverflowSize,\n        display: displayRest,\n      }\n\n      if (!renderRawRest) {\n        const mergedRenderRest = renderRest || defaultRenderRest\n\n        restNode = () => (\n          <Item\n            {...itemSharedProps}\n            // When not show, order should be the last\n            {...restContextProps}\n            v-slots={{\n              default: () =>\n                typeof mergedRenderRest === 'function'\n                  ? mergedRenderRest(omittedItems.value)\n                  : mergedRenderRest,\n            }}\n          ></Item>\n        )\n      } else if (renderRawRest) {\n        restNode = () => (\n          <OverflowContextProvider\n            value={{\n              ...itemSharedProps,\n              ...restContextProps,\n            }}\n          >\n            {renderRawRest(omittedItems.value)}\n          </OverflowContextProvider>\n        )\n      }\n\n      const overflowNode = () => (\n        <Component\n          id={id}\n          class={classNames(!invalidate.value && prefixCls, className)}\n          style={style}\n          onMousedown={onMousedown}\n          role={props.role}\n          {...restAttrs}\n        >\n          {mergedData.value.map(internalRenderItemNode)}\n\n          {/* Rest Count Item */}\n          {showRest.value ? restNode() : null}\n\n          {/* Suffix Node */}\n          {suffix && (\n            <Item\n              {...itemSharedProps}\n              order={mergedDisplayCount.value}\n              class={`${itemPrefixCls.value}-suffix`}\n              registerSize={registerSuffixSize}\n              display\n              style={suffixStyle}\n              v-slots={{ default: () => suffix }}\n            ></Item>\n          )}\n          {slots.default?.()}\n        </Component>\n      )\n      // 使用 disabled  避免结构不一致 导致子组件 rerender\n      return (\n        <ResizeObserver\n          disabled={!isResponsive.value}\n          onResize={onOverflowResize}\n          v-slots={{ default: overflowNode }}\n        ></ResizeObserver>\n      )\n    }\n  },\n})\n\nOverflow.Item = RawItem\nOverflow.RESPONSIVE = RESPONSIVE\nOverflow.INVALIDATE = INVALIDATE\n\nexport default Overflow as typeof Overflow & {\n  readonly Item: typeof RawItem\n  readonly RESPONSIVE: typeof RESPONSIVE\n  readonly INVALIDATE: typeof INVALIDATE\n}\n"],"names":["RESPONSIVE","INVALIDATE","defaultRenderRest","omittedItems","length","overflowProps","id","String","prefixCls","data","Array","itemKey","Number","Function","itemWidth","type","default","renderItem","renderRawItem","maxCount","renderRest","renderRawRest","suffix","PropTypes","any","component","itemComponent","onVisibleChange","ssr","onMousedown","role","Overflow","defineComponent","name","inheritAttrs","props","emits","setup","attrs","emit","slots","fullySSR","computed","containerWidth","shallowRef","mergedContainerWidth","value","itemWidths","Map","prevRestWidth","restWidth","suffixWidth","suffixFixedStart","displayCount","mergedDisplayCount","MAX_SAFE_INTEGER","restReady","itemPrefixCls","mergedRestWidth","Math","max","isResponsive","invalidate","showRest","mergedData","items","slice","min","getKey","item","index","mergedRenderItem","updateDisplayCount","count","notReady","onOverflowResize","_","element","clientWidth","registerSize","key","width","clone","delete","set","registerOverflowSize","registerSuffixSize","getItemWidth","get","watch","totalWidth","len","lastIndex","i","currentItemWidth","undefined","displayRest","Component","class","className","style","restAttrs","suffixStyle","position","left","top","itemSharedProps","responsive","internalRenderItemNode","_createVNode","OverflowContextProvider","order","display","Item","restNode","restContextProps","mergedRenderRest","overflowNode","classNames","map","ResizeObserver","RawItem"],"mappings":"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"}

package/dist/es/vc-overflow/RawItem.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as p,createVNode as e}from"vue";import f from"../_util/classNames.mjs";import s from"../_util/vue-types/index.mjs";import d from"./Item.mjs";import{useInjectOverflowContext as y,OverflowContextProvider as v}from"./context.mjs";const I=p({compatConfig:{MODE:3},name:"RawItem",inheritAttrs:!1,props:{component:s.any,title:s.any,id:String,onMouseenter:{type:Function},onMouseleave:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onFocus:{type:Function},role:String,tabindex:Number},setup(t,{slots:o,attrs:n}){const r=y();return()=>{if(!r.value){const{component:u="div",...l}=t;return e(u,{...l,...n},{default:()=>[o.default?.()]})}const{className:a,...c}=r.value,{class:m,...i}=n;return e(v,{value:null},{default:()=>[e(d,{class:f(a,m),...c,...i,...t},o)]})}}});export{I as default};
+//# sourceMappingURL=RawItem.mjs.map

package/dist/es/vc-overflow/RawItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawItem.mjs","sources":["../../../src/vc-overflow/RawItem.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport PropTypes from '../_util/vue-types'\nimport Item from './Item'\nimport { OverflowContextProvider, useInjectOverflowContext } from './context'\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'RawItem',\n  inheritAttrs: false,\n  props: {\n    component: PropTypes.any,\n    title: PropTypes.any,\n    id: String,\n    onMouseenter: { type: Function },\n    onMouseleave: { type: Function },\n    onClick: { type: Function },\n    onKeydown: { type: Function },\n    onFocus: { type: Function },\n    role: String,\n    tabindex: Number,\n  },\n  setup(props, { slots, attrs }) {\n    const context = useInjectOverflowContext()\n\n    return () => {\n      // Render directly when context not provided\n      if (!context.value) {\n        const { component: Component = 'div', ...restProps } = props\n        return (\n          <Component {...restProps} {...attrs}>\n            {slots.default?.()}\n          </Component>\n        )\n      }\n\n      const { className: contextClassName, ...restContext } = context.value\n      const { class: className, ...restProps } = attrs\n      // Do not pass context to sub item to avoid multiple measure\n      return (\n        <OverflowContextProvider value={null}>\n          <Item\n            class={classNames(contextClassName, className)}\n            {...restContext}\n            {...restProps}\n            {...props}\n            v-slots={slots}\n          ></Item>\n        </OverflowContextProvider>\n      )\n    }\n  },\n})\n"],"names":["RawItem","compatConfig","MODE","name","inheritAttrs","props","component","PropTypes","any","title","id","String","onMouseenter","type","Function","onMouseleave","onClick","onKeydown","onFocus","role","tabindex","Number","setup","slots","attrs","context","useInjectOverflowContext","value","Component","restProps","_createVNode","default","className","contextClassName","restContext","class","OverflowContextProvider","Item","classNames"],"mappings":"0PAOA,MAAAA,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,UACNC,aAAc,GACdC,MAAO,CACLC,UAAWC,EAAUC,IACrBC,MAAOF,EAAUC,IACjBE,GAAIC,OACJC,aAAc,CAAEC,KAAMC,UACtBC,aAAc,CAAEF,KAAMC,UACtBE,QAAS,CAAEH,KAAMC,UACjBG,UAAW,CAAEJ,KAAMC,UACnBI,QAAS,CAAEL,KAAMC,UACjBK,KAAMR,OACNS,SAAUC,QAEZC,MAAMjB,EAAO,CAAEkB,MAAAA,EAAOC,MAAAA,CAAM,EAAG,CAC7B,MAAMC,EAAUC,EAAwB,EAExC,MAAO,IAAM,CAEX,GAAI,CAACD,EAAQE,MAAO,CAClB,KAAM,CAAErB,UAAWsB,EAAY,MAAO,GAAGC,CAAU,EAAIxB,EACvD,OAAAyB,EAAAF,EAAA,CAAA,GACiBC,EAAS,GAAML,CAAK,EAAA,CAAAO,QAAAA,IAAA,CAChCR,EAAMQ,UAAO,CAAI,CAAA,CAAA,CAGxB,CAEA,KAAM,CAAEC,UAAWC,EAAkB,GAAGC,GAAgBT,EAAQE,MAC1D,CAAEQ,MAAOH,EAAW,GAAGH,CAAU,EAAIL,EAE3C,OAAAM,EAAAM,EAAA,CAAA,MACkC,IAAI,EAAA,CAAAL,QAAAA,IAAA,CAAAD,EAAAO,EAAA,CAAA,MAEzBC,EAAWL,EAAkBD,CAAS,EAAC,GAC1CE,EAAW,GACXL,EAAS,GACTxB,CAAK,EACAkB,CAAK,CAAA,CAAA,CAAA,CAItB,CACF,CACF,CAAC"}

package/dist/es/vc-overflow/context.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as n,provide as l,computed as e,inject as v}from"vue";const t=Symbol("OverflowContextProviderKey"),f=n({compatConfig:{MODE:3},name:"OverflowContextProvider",inheritAttrs:!1,props:{value:{type:Object}},setup(o,{slots:r}){return l(t,e(()=>o.value)),()=>r.default?.()}}),p=()=>v(t,e(()=>null));export{f as OverflowContextProvider,p as useInjectOverflowContext};
+//# sourceMappingURL=context.mjs.map

package/dist/es/vc-overflow/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../src/vc-overflow/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, PropType } from 'vue'\nimport { computed, defineComponent, inject, provide } from 'vue'\n\nimport type { Key } from '../_util/type'\n\nexport interface OverflowContextProviderValueType {\n  prefixCls: string\n  responsive: boolean\n  order: number\n  registerSize: (key: Key, width: number | null) => void\n  display: boolean\n\n  invalidate: boolean\n\n  // Item Usage\n  item?: any\n  itemKey?: Key\n\n  // Rest Usage\n  className?: string\n}\n\nconst OverflowContextProviderKey: InjectionKey<\n  ComputedRef<OverflowContextProviderValueType | null>\n> = Symbol('OverflowContextProviderKey')\n\nexport const OverflowContextProvider = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'OverflowContextProvider',\n  inheritAttrs: false,\n  props: {\n    value: { type: Object as PropType<OverflowContextProviderValueType> },\n  },\n  setup(props, { slots }) {\n    provide(\n      OverflowContextProviderKey,\n      computed(() => props.value),\n    )\n    return () => slots.default?.()\n  },\n})\n\nexport const useInjectOverflowContext =\n  (): ComputedRef<OverflowContextProviderValueType | null> => {\n    return inject(\n      OverflowContextProviderKey,\n      computed(() => null),\n    )\n  }\n"],"names":["OverflowContextProviderKey","OverflowContextProvider","defineComponent","props","slots","provide","computed","useInjectOverflowContext","inject"],"mappings":"6EAsBA,MAAMA,SAEK,4BAA4B,EAE1BC,EAA0BC,EAAgB,CACrD,aAAc,CAAE,KAAM,CAAA,EACtB,KAAM,0BACN,aAAc,GACd,MAAO,CACL,MAAO,CAAE,KAAM,MAAA,CAAqD,EAEtE,MAAMC,EAAO,CAAE,MAAAC,GAAS,CACtB,OAAAC,EACEL,EACAM,EAAS,IAAMH,EAAM,KAAK,CAAA,EAErB,IAAMC,EAAM,UAAA,CACrB,CACF,CAAC,EAEYG,EACX,IACSC,EACLR,EACAM,EAAS,IAAM,IAAI,CAAA"}

package/dist/es/vc-overflow/index.mjs

@@ -0,0 +1,2 @@
+import r from"./Overflow.mjs";export{r as default};
+//# sourceMappingURL=index.mjs.map

package/dist/es/vc-overflow/index.mjs.map

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

package/dist/es/vc-pagination/KeyCode.mjs

@@ -0,0 +1,2 @@
+const R={ENTER:13,ARROW_UP:38,ARROW_DOWN:40};export{R as default};
+//# sourceMappingURL=KeyCode.mjs.map

package/dist/es/vc-pagination/KeyCode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyCode.mjs","sources":["../../../src/vc-pagination/KeyCode.ts"],"sourcesContent":["export default {\n  ZERO: 48,\n  NINE: 57,\n\n  NUMPAD_ZERO: 96,\n  NUMPAD_NINE: 105,\n\n  BACKSPACE: 8,\n  DELETE: 46,\n  ENTER: 13,\n\n  ARROW_UP: 38,\n  ARROW_DOWN: 40,\n}\n"],"names":["KEYCODE"],"mappings":"AAAA,MAAAA,EAAe,CASb,MAAO,GAEP,SAAU,GACV,WAAY,EACd"}

package/dist/es/vc-pagination/Options.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as z,ref as $,computed as S,createVNode as u}from"vue";import P from"../_util/BaseInput.mjs";import d from"../_util/vue-types/index.mjs";import q from"./KeyCode.mjs";const I=z({compatConfig:{MODE:3},props:{disabled:{type:Boolean,default:void 0},changeSize:Function,quickGo:Function,selectComponentClass:d.any,current:Number,pageSizeOptions:d.array.def(["10","20","50","100"]),pageSize:Number,buildOptionText:Function,locale:d.object,rootPrefixCls:String,selectPrefixCls:String,goButton:d.any},setup(a){const n=$(""),m=S(()=>!n.value||isNaN(n.value)?void 0:Number(n.value)),x=e=>`${e.value} ${a.locale.items_per_page}`,g=e=>{const{value:t}=e.target;n.value!==t&&(n.value=t)},y=e=>{const{goButton:t,quickGo:o,rootPrefixCls:l}=a;t||n.value===""||(e.relatedTarget&&(e.relatedTarget.className.includes(`${l}-item-link`)||e.relatedTarget.className.includes(`${l}-item`))||o(m.value),n.value="")},r=e=>{n.value!==""&&(e.keyCode===q.ENTER||e.type==="click")&&(a.quickGo(m.value),n.value="")},b=S(()=>{const{pageSize:e,pageSizeOptions:t}=a;return t.some(o=>o.toString()===e.toString())?t:t.concat([e.toString()]).sort((o,l)=>{const s=isNaN(Number(o))?0:Number(o),c=isNaN(Number(l))?0:Number(l);return s-c})});return()=>{const{rootPrefixCls:e,locale:t,changeSize:o,quickGo:l,goButton:s,selectComponentClass:c,selectPrefixCls:h,pageSize:k,disabled:f}=a,p=`${e}-options`;let v=null,C=null,N=null;if(!o&&!l)return null;if(o&&c){const O=a.buildOptionText||x,B=b.value.map((i,T)=>u(c.Option,{key:T,value:i},{default:()=>[O({value:i})]}));v=u(c,{disabled:f,prefixCls:h,showSearch:!1,class:`${p}-size-changer`,optionLabelProp:"children",value:(k||b.value[0]).toString(),onChange:i=>o(Number(i)),getPopupContainer:i=>i.parentNode},{default:()=>[B]})}return l&&(s&&(N=typeof s=="boolean"?u("button",{type:"button",onClick:r,onKeyup:r,disabled:f,class:`${p}-quick-jumper-button`},[t.jump_to_confirm]):u("span",{onClick:r,onKeyup:r},[s])),C=u("div",{class:`${p}-quick-jumper`},[t.jump_to,u(P,{disabled:f,type:"text",value:n.value,onInput:g,onChange:g,onKeyup:r,onBlur:y},null),t.page,N])),u("li",{class:`${p}`},[v,C])}}});export{I as default};
+//# sourceMappingURL=Options.mjs.map

package/dist/es/vc-pagination/Options.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Options.mjs","sources":["../../../src/vc-pagination/Options.tsx"],"sourcesContent":["import { computed, defineComponent, ref } from 'vue'\n\nimport BaseInput from '../_util/BaseInput'\nimport type { EventHandler } from '../_util/EventInterface'\nimport PropTypes from '../_util/vue-types'\nimport KEYCODE from './KeyCode'\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  props: {\n    disabled: { type: Boolean, default: undefined },\n    changeSize: Function,\n    quickGo: Function,\n    selectComponentClass: PropTypes.any,\n    current: Number,\n    pageSizeOptions: PropTypes.array.def(['10', '20', '50', '100']),\n    pageSize: Number,\n    buildOptionText: Function,\n    locale: PropTypes.object,\n    rootPrefixCls: String,\n    selectPrefixCls: String,\n    goButton: PropTypes.any,\n  },\n  setup(props) {\n    const goInputText = ref('')\n    const validValue = computed(() => {\n      return !goInputText.value || isNaN(goInputText.value as any)\n        ? undefined\n        : Number(goInputText.value)\n    })\n\n    const defaultBuildOptionText = (opt) => {\n      return `${opt.value} ${props.locale.items_per_page}`\n    }\n    const handleChange: EventHandler = (e) => {\n      const { value } = e.target\n      if (goInputText.value === value) return\n      goInputText.value = value\n    }\n    const handleBlur: EventHandler = (e) => {\n      const { goButton, quickGo, rootPrefixCls } = props\n\n      if (goButton || goInputText.value === '') {\n        return\n      }\n      if (\n        e.relatedTarget &&\n        (e.relatedTarget.className.includes(`${rootPrefixCls}-item-link`) ||\n          e.relatedTarget.className.includes(`${rootPrefixCls}-item`))\n      ) {\n        goInputText.value = ''\n      } else {\n        quickGo(validValue.value)\n        goInputText.value = ''\n      }\n    }\n    const go: EventHandler = (e) => {\n      if (goInputText.value === '') {\n        return\n      }\n      if (e.keyCode === KEYCODE.ENTER || e.type === 'click') {\n        // https://github.com/vueComponent/ant-design-vue/issues/1316\n        props.quickGo(validValue.value)\n\n        goInputText.value = ''\n      }\n    }\n\n    const pageSizeOptions = computed(() => {\n      const { pageSize, pageSizeOptions } = props\n      if (pageSizeOptions.some((option) => option.toString() === pageSize.toString())) {\n        return pageSizeOptions\n      }\n      return pageSizeOptions.concat([pageSize.toString()]).sort((a, b) => {\n        const numberA = isNaN(Number(a)) ? 0 : Number(a)\n\n        const numberB = isNaN(Number(b)) ? 0 : Number(b)\n        return numberA - numberB\n      })\n    })\n\n    return () => {\n      const {\n        rootPrefixCls,\n        locale,\n        changeSize,\n        quickGo,\n        goButton,\n        selectComponentClass: Select,\n        selectPrefixCls,\n        pageSize,\n        disabled,\n      } = props\n      const prefixCls = `${rootPrefixCls}-options`\n      let changeSelect = null\n      let goInput = null\n      let gotoButton = null\n\n      if (!changeSize && !quickGo) {\n        return null\n      }\n\n      if (changeSize && Select) {\n        const buildOptionText = props.buildOptionText || defaultBuildOptionText\n        const options = pageSizeOptions.value.map((opt, i) => (\n          <Select.Option key={i} value={opt}>\n            {buildOptionText({ value: opt })}\n          </Select.Option>\n        ))\n\n        changeSelect = (\n          <Select\n            disabled={disabled}\n            prefixCls={selectPrefixCls}\n            showSearch={false}\n            class={`${prefixCls}-size-changer`}\n            optionLabelProp=\"children\"\n            value={(pageSize || pageSizeOptions.value[0]).toString()}\n            onChange={(value) => changeSize(Number(value))}\n            getPopupContainer={(triggerNode) => triggerNode.parentNode}\n          >\n            {options}\n          </Select>\n        )\n      }\n\n      if (quickGo) {\n        if (goButton) {\n          gotoButton =\n            typeof goButton === 'boolean' ? (\n              <button\n                type=\"button\"\n                onClick={go}\n                onKeyup={go}\n                disabled={disabled}\n                class={`${prefixCls}-quick-jumper-button`}\n              >\n                {locale.jump_to_confirm}\n              </button>\n            ) : (\n              <span onClick={go} onKeyup={go}>\n                {goButton}\n              </span>\n            )\n        }\n        goInput = (\n          <div class={`${prefixCls}-quick-jumper`}>\n            {locale.jump_to}\n            <BaseInput\n              disabled={disabled}\n              type=\"text\"\n              value={goInputText.value}\n              onInput={handleChange}\n              onChange={handleChange}\n              onKeyup={go}\n              onBlur={handleBlur}\n            ></BaseInput>\n            {locale.page}\n            {gotoButton}\n          </div>\n        )\n      }\n\n      return (\n        <li class={`${prefixCls}`}>\n          {changeSelect}\n          {goInput}\n        </li>\n      )\n    }\n  },\n})\n"],"names":["Options","compatConfig","MODE","props","disabled","type","Boolean","default","undefined","changeSize","Function","quickGo","selectComponentClass","PropTypes","any","current","Number","pageSizeOptions","array","def","pageSize","buildOptionText","locale","object","rootPrefixCls","String","selectPrefixCls","goButton","setup","goInputText","ref","validValue","computed","value","isNaN","defaultBuildOptionText","opt","items_per_page","handleChange","e","target","handleBlur","relatedTarget","className","includes","go","keyCode","KEYCODE","ENTER","some","option","toString","concat","sort","a","b","numberA","numberB","Select","prefixCls","changeSelect","goInput","gotoButton","options","map","i","_createVNode","Option","triggerNode","parentNode","jump_to_confirm","jump_to","BaseInput","page"],"mappings":"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"}

package/dist/es/vc-pagination/Pager.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as u,createVNode as i}from"vue";import m from"../_util/classNames.mjs";import y from"../_util/vue-types/index.mjs";const P=u({compatConfig:{MODE:3},name:"Pager",inheritAttrs:!1,props:{rootPrefixCls:String,page:Number,active:{type:Boolean,default:void 0},last:{type:Boolean,default:void 0},locale:y.object,showTitle:{type:Boolean,default:void 0},itemRender:{type:Function,default:()=>{}},onClick:{type:Function},onKeypress:{type:Function}},eimt:["click","keypress"],setup(e,{emit:o,attrs:s}){const a=()=>{o("click",e.page)},c=n=>{o("keypress",n,a,e.page)};return()=>{const{showTitle:n,page:l,itemRender:r}=e,{class:d,style:f}=s,t=`${e.rootPrefixCls}-item`,p=m(t,`${t}-${e.page}`,{[`${t}-active`]:e.active,[`${t}-disabled`]:!e.page},d);return i("li",{onClick:a,onKeypress:c,title:n?String(l):null,tabindex:"0",class:p,style:f},[r({page:l,type:"page",originalElement:i("a",{rel:"nofollow"},[l])})])}}});export{P as default};
+//# sourceMappingURL=Pager.mjs.map

package/dist/es/vc-pagination/Pager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager.mjs","sources":["../../../src/vc-pagination/Pager.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue'\nimport { defineComponent } from 'vue'\n\nimport classNames from '../_util/classNames'\nimport PropTypes from '../_util/vue-types'\n\nexport default defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'Pager',\n  inheritAttrs: false,\n  props: {\n    rootPrefixCls: String,\n    page: Number,\n    active: { type: Boolean, default: undefined },\n    last: { type: Boolean, default: undefined },\n    locale: PropTypes.object,\n    showTitle: { type: Boolean, default: undefined },\n    itemRender: {\n      type: Function,\n      default: () => {},\n    },\n    onClick: {\n      type: Function,\n    },\n    onKeypress: {\n      type: Function,\n    },\n  },\n  eimt: ['click', 'keypress'],\n  setup(props, { emit, attrs }) {\n    const handleClick = () => {\n      emit('click', props.page)\n    }\n    const handleKeyPress = (event: KeyboardEvent) => {\n      emit('keypress', event, handleClick, props.page)\n    }\n    return () => {\n      const { showTitle, page, itemRender } = props\n      const { class: _cls, style } = attrs\n      const prefixCls = `${props.rootPrefixCls}-item`\n      const cls = classNames(\n        prefixCls,\n        `${prefixCls}-${props.page}`,\n        {\n          [`${prefixCls}-active`]: props.active,\n          [`${prefixCls}-disabled`]: !props.page,\n        },\n        _cls,\n      )\n\n      return (\n        <li\n          onClick={handleClick}\n          onKeypress={handleKeyPress}\n          title={showTitle ? String(page) : null}\n          tabindex=\"0\"\n          class={cls}\n          style={style as CSSProperties}\n        >\n          {itemRender({\n            page,\n            type: 'page',\n            originalElement: <a rel=\"nofollow\">{page}</a>,\n          })}\n        </li>\n      )\n    }\n  },\n})\n"],"names":["Pager","compatConfig","MODE","name","inheritAttrs","props","rootPrefixCls","String","page","Number","active","type","Boolean","default","undefined","last","locale","PropTypes","object","showTitle","itemRender","Function","onClick","onKeypress","eimt","setup","emit","attrs","handleClick","handleKeyPress","event","class","_cls","style","prefixCls","cls","classNames","_createVNode","originalElement"],"mappings":"0IAMA,MAAAA,IAA+B,CAC7BC,aAAc,CAAEC,KAAM,GACtBC,KAAM,QACNC,aAAc,GACdC,MAAO,CACLC,cAAeC,OACfC,KAAMC,OACNC,OAAQ,CAAEC,KAAMC,QAASC,QAASC,QAClCC,KAAM,CAAEJ,KAAMC,QAASC,QAASC,QAChCE,OAAQC,EAAUC,OAClBC,UAAW,CAAER,KAAMC,QAASC,QAASC,QACrCM,WAAY,CACVT,KAAMU,SACNR,QAASA,IAAM,CAAC,GAElBS,QAAS,CACPX,KAAMU,UAERE,WAAY,CACVZ,KAAMU,QACR,GAEFG,KAAM,CAAC,QAAS,UAAU,EAC1BC,MAAMpB,EAAO,CAAEqB,KAAAA,EAAMC,MAAAA,CAAM,EAAG,CAC5B,MAAMC,EAAcA,IAAM,CACxBF,EAAK,QAASrB,EAAMG,IAAI,CAC1B,EACMqB,EAAkBC,GAAyB,CAC/CJ,EAAK,WAAYI,EAAOF,EAAavB,EAAMG,IAAI,CACjD,EACA,MAAO,IAAM,CACX,KAAM,CAAEW,UAAAA,EAAWX,KAAAA,EAAMY,WAAAA,CAAW,EAAIf,EAClC,CAAE0B,MAAOC,EAAMC,MAAAA,CAAM,EAAIN,EACzBO,EAAY,GAAG7B,EAAMC,aAAa,QAClC6B,EAAMC,EACVF,EACA,GAAGA,CAAS,IAAI7B,EAAMG,IAAI,GAC1B,CACE,CAAC,GAAG0B,CAAS,SAAS,EAAG7B,EAAMK,OAC/B,CAAC,GAAGwB,CAAS,WAAW,EAAG,CAAC7B,EAAMG,MAEpCwB,CACF,EAEA,OAAAK,EAAA,KAAA,CAAA,QAEaT,EAAW,WACRC,EAAc,MACnBV,EAAYZ,OAAOC,CAAI,EAAI,KAAI,SAAA,IAAA,MAE/B2B,EAAG,MACHF,CAAK,EAAA,CAEXb,EAAW,CACVZ,KAAAA,EACAG,KAAM,OACN2B,gBAAeD,EAAA,IAAA,CAAA,IAAA,UAAA,EAAA,CAAqB7B,CAAI,CAAA,CAC1C,CAAC,CAAC,CAAA,CAGR,CACF,CACF,CAAC"}

package/dist/es/vc-pagination/Pagination.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as ee,createVNode as i,createTextVNode as te}from"vue";import ne from"../_util/BaseInput.mjs";import se from"../_util/BaseMixin.mjs";import f from"../_util/classNames.mjs";import A from"../_util/firstNotUndefined.mjs";import{splitAttrs as ie,isValidElement as L,hasProp as v,getComponent as re}from"../_util/props-util/index.mjs";import{cloneElement as U}from"../_util/vnode.mjs";import l from"../_util/vue-types/index.mjs";import x from"./KeyCode.mjs";import ae from"./Options.mjs";import C from"./Pager.mjs";import le from"./locale/zh_CN.mjs";function oe(e){return typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function ue({originalElement:e}){return e}function d(e,t,n){const s=typeof e>"u"?t.statePageSize:e;return Math.floor((n.total-1)/s)+1}const $e=ee({compatConfig:{MODE:3},name:"Pagination",mixins:[se],inheritAttrs:!1,props:{disabled:{type:Boolean,default:void 0},prefixCls:l.string.def("rc-pagination"),selectPrefixCls:l.string.def("rc-select"),current:Number,defaultCurrent:l.number.def(1),total:l.number.def(0),pageSize:Number,defaultPageSize:l.number.def(10),hideOnSinglePage:{type:Boolean,default:!1},showSizeChanger:{type:Boolean,default:void 0},showLessItems:{type:Boolean,default:!1},selectComponentClass:l.any,showPrevNextJumpers:{type:Boolean,default:!0},showQuickJumper:l.oneOfType([l.looseBool,l.object]).def(!1),showTitle:{type:Boolean,default:!0},pageSizeOptions:l.arrayOf(l.oneOfType([l.number,l.string])),buildOptionText:Function,showTotal:Function,simple:{type:Boolean,default:void 0},locale:l.object.def(le),itemRender:l.func.def(ue),prevIcon:l.any,nextIcon:l.any,jumpPrevIcon:l.any,jumpNextIcon:l.any,totalBoundaryShowSizeChanger:l.number.def(50)},data(){const e=this.$props;let t=A([this.current,this.defaultCurrent]);const n=A([this.pageSize,this.defaultPageSize]);return t=Math.min(t,d(n,void 0,e)),{stateCurrent:t,stateCurrentInputValue:t,statePageSize:n}},watch:{current(e){this.setState({stateCurrent:e,stateCurrentInputValue:e})},pageSize(e){const t={};let n=this.stateCurrent;const s=d(e,this.$data,this.$props);n=n>s?s:n,v(this,"current")||(t.stateCurrent=n,t.stateCurrentInputValue=n),t.statePageSize=e,this.setState(t)},stateCurrent(e,t){this.$nextTick(()=>{if(this.$refs.paginationNode){const n=this.$refs.paginationNode.querySelector(`.${this.prefixCls}-item-${t}`);n&&document.activeElement===n&&n.blur()}})},total(){const e={},t=d(this.pageSize,this.$data,this.$props);if(v(this,"current")){const n=Math.min(this.current,t);e.stateCurrent=n,e.stateCurrentInputValue=n}else{let n=this.stateCurrent;n===0&&t>0?n=1:n=Math.min(this.stateCurrent,t),e.stateCurrent=n}this.setState(e)}},methods:{getJumpPrevPage(){return Math.max(1,this.stateCurrent-(this.showLessItems?3:5))},getJumpNextPage(){return Math.min(d(void 0,this.$data,this.$props),this.stateCurrent+(this.showLessItems?3:5))},getItemIcon(e,t){const{prefixCls:n}=this.$props;return re(this,e,this.$props)||i("button",{type:"button","aria-label":t,class:`${n}-item-link`},null)},getValidValue(e){const t=e.target.value,n=d(void 0,this.$data,this.$props),{stateCurrentInputValue:s}=this.$data;let r;return t===""?r=t:isNaN(Number(t))?r=s:t>=n?r=n:r=Number(t),r},isValid(e){return oe(e)&&e!==this.stateCurrent},shouldDisplayQuickJumper(){const{showQuickJumper:e,pageSize:t,total:n}=this.$props;return n<=t?!1:e},handleKeyDown(e){(e.keyCode===x.ARROW_UP||e.keyCode===x.ARROW_DOWN)&&e.preventDefault()},handleKeyUp(e){const t=this.getValidValue(e),n=this.stateCurrentInputValue;t!==n&&this.setState({stateCurrentInputValue:t}),e.keyCode===x.ENTER?this.handleChange(t):e.keyCode===x.ARROW_UP?this.handleChange(t-1):e.keyCode===x.ARROW_DOWN&&this.handleChange(t+1)},changePageSize(e){let t=this.stateCurrent;const n=t,s=d(e,this.$data,this.$props);t=t>s?s:t,s===0&&(t=this.stateCurrent),typeof e=="number"&&(v(this,"pageSize")||this.setState({statePageSize:e}),v(this,"current")||this.setState({stateCurrent:t,stateCurrentInputValue:t})),this.__emit("update:pageSize",e),t!==n&&this.__emit("update:current",t),this.__emit("showSizeChange",t,e),this.__emit("change",t,e)},handleChange(e){const{disabled:t}=this.$props;let n=e;if(this.isValid(n)&&!t){const s=d(void 0,this.$data,this.$props);return n>s?n=s:n<1&&(n=1),v(this,"current")||this.setState({stateCurrent:n,stateCurrentInputValue:n}),this.__emit("update:current",n),this.__emit("change",n,this.statePageSize),n}return this.stateCurrent},prev(){this.hasPrev()&&this.handleChange(this.stateCurrent-1)},next(){this.hasNext()&&this.handleChange(this.stateCurrent+1)},jumpPrev(){this.handleChange(this.getJumpPrevPage())},jumpNext(){this.handleChange(this.getJumpNextPage())},hasPrev(){return this.stateCurrent>1},hasNext(){return this.stateCurrent<d(void 0,this.$data,this.$props)},getShowSizeChanger(){const{showSizeChanger:e,total:t,totalBoundaryShowSizeChanger:n}=this.$props;return typeof e<"u"?e:t>n},runIfEnter(e,t,...n){(e.key==="Enter"||e.charCode===13)&&(e.preventDefault(),t(...n))},runIfEnterPrev(e){this.runIfEnter(e,this.prev)},runIfEnterNext(e){this.runIfEnter(e,this.next)},runIfEnterJumpPrev(e){this.runIfEnter(e,this.jumpPrev)},runIfEnterJumpNext(e){this.runIfEnter(e,this.jumpNext)},handleGoTO(e){(e.keyCode===x.ENTER||e.type==="click")&&this.handleChange(this.stateCurrentInputValue)},renderPrev(e){const{itemRender:t}=this.$props,n=t({page:e,type:"prev",originalElement:this.getItemIcon("prevIcon","prev page")}),s=!this.hasPrev();return L(n)?U(n,s?{disabled:s}:{}):n},renderNext(e){const{itemRender:t}=this.$props,n=t({page:e,type:"next",originalElement:this.getItemIcon("nextIcon","next page")}),s=!this.hasNext();return L(n)?U(n,s?{disabled:s}:{}):n}},render(){const{prefixCls:e,disabled:t,hideOnSinglePage:n,total:s,locale:r,showQuickJumper:z,showLessItems:w,showTitle:h,showTotal:O,simple:F,itemRender:c,showPrevNextJumpers:G,jumpPrevIcon:W,jumpNextIcon:Q,selectComponentClass:q,selectPrefixCls:Y,pageSizeOptions:H}=this.$props,{stateCurrent:a,statePageSize:y}=this,{class:_,...j}=ie(this.$attrs).extraAttrs;if(n===!0&&this.total<=y)return null;const o=d(void 0,this.$data,this.$props),u=[];let K=null,V=null,R=null,B=null,P=null;const b=z&&z.goButton,p=w?1:2,J=a-1>0?a-1:0,D=a+1<o?a+1:o,S=this.hasPrev(),N=this.hasNext();if(F)return b&&(typeof b=="boolean"?P=i("button",{type:"button",onClick:this.handleGoTO,onKeyup:this.handleGoTO},[r.jump_to_confirm]):P=i("span",{onClick:this.handleGoTO,onKeyup:this.handleGoTO},[b]),P=i("li",{title:h?`${r.jump_to}${a}/${o}`:null,class:`${e}-simple-pager`},[P])),i("ul",{class:f(`${e} ${e}-simple`,{[`${e}-disabled`]:t},_),...j},[i("li",{title:h?r.prev_page:null,onClick:this.prev,tabindex:S?0:null,onKeypress:this.runIfEnterPrev,class:f(`${e}-prev`,{[`${e}-disabled`]:!S}),"aria-disabled":!S},[this.renderPrev(J)]),i("li",{title:h?`${a}/${o}`:null,class:`${e}-simple-pager`},[i(ne,{type:"text",value:this.stateCurrentInputValue,disabled:t,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onInput:this.handleKeyUp,onChange:this.handleKeyUp,size:"3"},null),i("span",{class:`${e}-slash`},[te("／")]),o]),i("li",{title:h?r.next_page:null,onClick:this.next,tabindex:N?0:null,onKeypress:this.runIfEnterNext,class:f(`${e}-next`,{[`${e}-disabled`]:!N}),"aria-disabled":!N},[this.renderNext(D)]),P]);if(o<=3+p*2){const k={locale:r,rootPrefixCls:e,showTitle:h,itemRender:c,onClick:this.handleChange,onKeypress:this.runIfEnter};o||u.push(i(C,{...k,key:"noPager",page:1,class:`${e}-item-disabled`},null));for(let m=1;m<=o;m+=1){const g=a===m;u.push(i(C,{...k,key:m,page:m,active:g},null))}}else{const k=w?r.prev_3:r.prev_5,m=w?r.next_3:r.next_5;G&&(K=i("li",{title:this.showTitle?k:null,key:"prev",onClick:this.jumpPrev,tabindex:"0",onKeypress:this.runIfEnterJumpPrev,class:f(`${e}-jump-prev`,{[`${e}-jump-prev-custom-icon`]:!!W})},[c({page:this.getJumpPrevPage(),type:"jump-prev",originalElement:this.getItemIcon("jumpPrevIcon","prev page")})]),V=i("li",{title:this.showTitle?m:null,key:"next",tabindex:"0",onClick:this.jumpNext,onKeypress:this.runIfEnterJumpNext,class:f(`${e}-jump-next`,{[`${e}-jump-next-custom-icon`]:!!Q})},[c({page:this.getJumpNextPage(),type:"jump-next",originalElement:this.getItemIcon("jumpNextIcon","next page")})])),B=i(C,{locale:r,last:!0,rootPrefixCls:e,onClick:this.handleChange,onKeypress:this.runIfEnter,key:o,page:o,active:!1,showTitle:h,itemRender:c},null),R=i(C,{locale:r,rootPrefixCls:e,onClick:this.handleChange,onKeypress:this.runIfEnter,key:1,page:1,active:!1,showTitle:h,itemRender:c},null);let g=Math.max(1,a-p),I=Math.min(a+p,o);a-1<=p&&(I=1+p*2),o-a<=p&&(g=o-p*2);for(let $=g;$<=I;$+=1){const Z=a===$;u.push(i(C,{locale:r,rootPrefixCls:e,onClick:this.handleChange,onKeypress:this.runIfEnter,key:$,page:$,active:Z,showTitle:h,itemRender:c},null))}a-1>=p*2&&a!==3&&(u[0]=i(C,{locale:r,rootPrefixCls:e,onClick:this.handleChange,onKeypress:this.runIfEnter,key:g,page:g,class:`${e}-item-after-jump-prev`,active:!1,showTitle:this.showTitle,itemRender:c},null),u.unshift(K)),o-a>=p*2&&a!==o-2&&(u[u.length-1]=i(C,{locale:r,rootPrefixCls:e,onClick:this.handleChange,onKeypress:this.runIfEnter,key:I,page:I,class:`${e}-item-before-jump-next`,active:!1,showTitle:this.showTitle,itemRender:c},null),u.push(V)),g!==1&&u.unshift(R),I!==o&&u.push(B)}let M=null;O&&(M=i("li",{class:`${e}-total-text`},[O(s,[s===0?0:(a-1)*y+1,a*y>s?s:a*y])]));const E=!S||!o,T=!N||!o,X=this.buildOptionText||this.$slots.buildOptionText;return i("ul",{unselectable:"on",ref:"paginationNode",...j,class:f({[`${e}`]:!0,[`${e}-disabled`]:t},_)},[M,i("li",{title:h?r.prev_page:null,onClick:this.prev,tabindex:E?null:0,onKeypress:this.runIfEnterPrev,class:f(`${e}-prev`,{[`${e}-disabled`]:E}),"aria-disabled":E},[this.renderPrev(J)]),u,i("li",{title:h?r.next_page:null,onClick:this.next,tabindex:T?null:0,onKeypress:this.runIfEnterNext,class:f(`${e}-next`,{[`${e}-disabled`]:T}),"aria-disabled":T},[this.renderNext(D)]),i(ae,{disabled:t,locale:r,rootPrefixCls:e,selectComponentClass:q,selectPrefixCls:Y,changeSize:this.getShowSizeChanger()?this.changePageSize:null,current:a,pageSize:y,pageSizeOptions:H,buildOptionText:X||null,quickGo:this.shouldDisplayQuickJumper()?this.handleChange:null,goButton:b},null)])}});export{$e as default};
+//# sourceMappingURL=Pagination.mjs.map