element-ps 1.0.20 → 1.0.21

package/es/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue&type=template&id=3290dcb6&lang.mjs","sources":["../../../../../../../packages/components/input/src/input.vue?vue&type=template&id=3290dcb6&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"type !== 'hidden'\"\n    :class=\"[\n      type === 'textarea' ? 'el-textarea' : 'el-input',\n      inputSize ? 'el-input--' + inputSize : '',\n      {\n        'is-disabled': inputDisabled,\n        'is-exceed': inputExceed,\n        'el-input-group': $slots.prepend || $slots.append,\n        'el-input-group--append': $slots.append,\n        'el-input-group--prepend': $slots.prepend,\n        'el-input--prefix': $slots.prefix || prefixIcon,\n        'el-input--suffix':\n          $slots.suffix || suffixIcon || clearable || showPassword,\n        'el-input--suffix--password-clear': clearable && showPassword,\n      },\n      $attrs.class,\n    ]\"\n    :style=\"containerStyle\"\n    :widget=\"widget || undefined\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" class=\"el-input-group__prepend\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <input\n        ref=\"input\"\n        class=\"el-input__inner\"\n        v-bind=\"attrs\"\n        :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :tabindex=\"tabindex\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :style=\"inputStyle\"\n      />\n\n      <!-- prefix slot -->\n      <span v-if=\"$slots.prefix || prefixIcon\" class=\"el-input__prefix\">\n        <span class=\"el-input__prefix-inner\">\n          <slot name=\"prefix\"></slot>\n          <ps-icon v-if=\"prefixIcon\" class=\"el-input__icon\">\n            <component :is=\"prefixIcon\" />\n          </ps-icon>\n        </span>\n      </span>\n\n      <!-- suffix slot -->\n      <span v-if=\"suffixVisible\" class=\"el-input__suffix\">\n        <span class=\"el-input__suffix-inner\">\n          <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n            <slot name=\"suffix\"></slot>\n            <ps-icon v-if=\"suffixIcon\" class=\"el-input__icon\">\n              <component :is=\"suffixIcon\" />\n            </ps-icon>\n          </template>\n          <ps-icon v-if=\"showClear\" class=\"el-input__icon el-input__clear\">\n            <circle-close />\n          </ps-icon>\n          <ps-icon v-if=\"showPwdVisible\" class=\"el-input__icon el-input__clear\">\n            <icon-view />\n          </ps-icon>\n          <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n            <span class=\"el-input__count-inner\">\n              {{ textLength }} / {{ attrs.maxlength }}\n            </span>\n          </span>\n        </span>\n        <ps-icon\n          v-if=\"validateState && validateIcon\"\n          class=\"el-input__icon el-input__validateIcon\"\n        >\n          <component :is=\"validateIcon\" />\n        </ps-icon>\n      </span>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" class=\"el-input-group__append\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        ref=\"textarea\"\n        class=\"el-textarea__inner\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"computedTextareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n      />\n      <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n        {{ textLength }} / {{ attrs.maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  computed,\n  watch,\n  nextTick,\n  getCurrentInstance,\n  ref,\n  shallowRef,\n  onMounted,\n  onUpdated,\n} from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useAttrs, useFormItem } from '@element-ps/hooks'\nimport { VALIDATE_STATE_MAP } from '@element-ps/utils/constants'\nimport { isObject } from '@element-ps/utils/util'\nimport isServer from '@element-ps/utils/isServer'\nimport { calcTextareaHeight } from './calc-textarea-height'\nimport { inputProps } from './input'\nimport type { StyleValue } from '@element-ps/utils/types'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CircleClose, View as IconView } from '@element-plus/icons'\n\nconst PENDANT_MAP = {\n  suffix: 'append',\n  prefix: 'prepend',\n} as const\n\nexport default defineComponent({\n  name: 'PsInput',\n  inheritAttrs: false,\n  components: { PsIcon, CircleClose, IconView },\n  props: inputProps,\n\n  setup(props, { slots, attrs: rawAttrs }) {\n    const instance = getCurrentInstance()!\n    const attrs = useAttrs()\n\n    const elForm = inject(elFormKey, undefined)\n    const elFormItem = inject(elFormItemKey, undefined)\n\n    const { size: inputSize, disabled: inputDisabled } = useFormItem({})\n\n    const input = ref<HTMLInputElement>()\n    const textarea = ref<HTMLTextAreaElement>()\n    const focused = ref(false)\n    const hovering = ref(false)\n    const passwordVisible = ref(false)\n    const _textareaCalcStyle = shallowRef(props.inputStyle)\n\n    const inputOrTextarea = computed(() => input.value || textarea.value)\n    const needStatusIcon = computed(() => elForm?.statusIcon ?? false)\n    const validateState = computed(() => elFormItem?.validateState || '')\n    const validateIcon = computed(() => VALIDATE_STATE_MAP[validateState.value])\n    const containerStyle = computed(() => rawAttrs.style as StyleValue)\n    const computedTextareaStyle = computed<StyleValue>(() => [\n      props.inputStyle,\n      _textareaCalcStyle.value,\n      { resize: props.resize },\n    ])\n    const nativeInputValue = computed(() =>\n      props._modelValue === null || props._modelValue === undefined\n        ? ''\n        : String(props._modelValue)\n    )\n    const showClear = computed(\n      () =>\n        props.clearable &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !!nativeInputValue.value &&\n        (focused.value || hovering.value)\n    )\n    const showPwdVisible = computed(\n      () =>\n        props.showPassword &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        (!!nativeInputValue.value || focused.value)\n    )\n    const isWordLimitVisible = computed(\n      () =>\n        props.showWordLimit &&\n        !!attrs.value.maxlength &&\n        (props.type === 'text' || props.type === 'textarea') &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !props.showPassword\n    )\n    const textLength = computed(() => Array.from(nativeInputValue.value).length)\n    const inputExceed = computed(\n      () =>\n        // show exceed style if length of initial value greater then maxlength\n        !!isWordLimitVisible.value &&\n        textLength.value > Number(attrs.value.maxlength)\n    )\n\n    const resizeTextarea = () => {\n      const { type, autosize } = props\n\n      if (isServer || type !== 'textarea') return\n\n      if (autosize) {\n        const minRows = isObject(autosize) ? autosize.minRows : undefined\n        const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n        _textareaCalcStyle.value = {\n          ...calcTextareaHeight(textarea.value!, minRows, maxRows),\n        }\n      } else {\n        _textareaCalcStyle.value = {\n          minHeight: calcTextareaHeight(textarea.value!).minHeight,\n        }\n      }\n    }\n\n    const setNativeInputValue = () => {\n      const input = inputOrTextarea.value\n      if (!input || input.value === nativeInputValue.value) return\n      input.value = nativeInputValue.value\n    }\n\n    const calcIconOffset = (place: 'prefix' | 'suffix') => {\n      const { el } = instance.vnode\n      if (!el) return\n      const elList: HTMLSpanElement[] = Array.from(\n        el.querySelectorAll(`.el-input__${place}`)\n      )\n      const target = elList.find((item) => item.parentNode === el)\n\n      if (!target) return\n\n      const pendant = PENDANT_MAP[place]\n\n      if (slots[pendant]) {\n        target.style.transform = `translateX(${place === 'suffix' ? '-' : ''}${\n          el.querySelector(`.el-input-group__${pendant}`).offsetWidth\n        }px)`\n      } else {\n        target.removeAttribute('style')\n      }\n    }\n\n    const updateIconOffset = () => {\n      calcIconOffset('prefix')\n      calcIconOffset('suffix')\n    }\n\n    const suffixVisible = computed(\n      () =>\n        !!slots.suffix ||\n        !!props.suffixIcon ||\n        showClear.value ||\n        props.showPassword ||\n        isWordLimitVisible.value ||\n        (!!validateState.value && needStatusIcon.value)\n    )\n\n    watch(\n      () => props._modelValue,\n      () => {\n        nextTick(resizeTextarea)\n        if (props.validateEvent) {\n          elFormItem?.validate?.('change')\n        }\n      }\n    )\n\n    // native input value is set explicitly\n    // do not use v-model / :value in template\n    // see: https://github.com/ElemeFE/element/issues/14521\n    watch(nativeInputValue, () => setNativeInputValue())\n\n    // when change between <input> and <textarea>,\n    // update DOM dependent value and styles\n    // https://github.com/ElemeFE/element/issues/14857\n    watch(\n      () => props.type,\n      () => {\n        nextTick(() => {\n          setNativeInputValue()\n          resizeTextarea()\n          updateIconOffset()\n        })\n      }\n    )\n\n    onMounted(() => {\n      setNativeInputValue()\n      updateIconOffset()\n      nextTick(resizeTextarea)\n    })\n\n    onUpdated(() => {\n      nextTick(updateIconOffset)\n    })\n\n    return {\n      input,\n      textarea,\n      attrs,\n      inputSize,\n      validateState,\n      validateIcon,\n      containerStyle,\n      computedTextareaStyle,\n      inputDisabled,\n      showClear,\n      showPwdVisible,\n      isWordLimitVisible,\n      textLength,\n      hovering,\n      inputExceed,\n      passwordVisible,\n      inputOrTextarea,\n      suffixVisible,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_renderSlot","_createElementVNode","_mergeProps","_createBlock","_createVNode"],"mappings":";;;;;EAyBiC,OAAM;AAAA;;;;EAmBQ,OAAM;AAAA;qBACvC,OAAM;;;EASa,OAAM;AAAA;qBACzB,OAAM;;;EAasB,OAAM;AAAA;qBAC9B,OAAM;;;EAcQ,OAAM;AAAA;;;;EAmBA,OAAM;AAAA;;;;;sCArG1CA;IAEG;;;;;;;;;;;;;;;IAgBA,sBAAO;IACP,QAAQ,eAAU;AAAA;IAEnBC;IACgB,yCAAhBD;MACEC;MACW,YAAO,wBAAlBD,0BAAA;QACEE;;MAGFC,4BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,MAAM,oBAAgB,6CAAyC;QAC/D,UAAU;QACV,UAAU;QACV,cAAc;QACd,UAAU;QACV,cAAY;QACZ,aAAa;QACb,OAAO;;MAGVH;MACY,YAAO,UAAU,gCAA7BD,2BAAA;QACEG,2BAAA;UACED;UACe,gCAAfG;;YAA2B,OAAM;AAAA;6BAC/B;4BAAAA,oCAAgB;;;;;;MAKtBJ;MACY,mCAAZD,2BAAA;QACEG,2BAAA;WACmB,mBAAc,wBAAmB,wCAAlDH;YACEE;YACe,gCAAfG;;cAA2B,OAAM;AAAA;+BAC/B;8BAAAA,oCAAgB;;;;;UAGL,+BAAfA;;YAA0B,OAAM;AAAA;6BAC9B;cAAAC;;;;UAEa,oCAAfD;;YAA+B,OAAM;AAAA;6BACnC;cAAAC;;;;UAEU,wCAAZN,2BAAA;YACEG,2BAAA,4BACK,2CAAmB,WAAM;;;QAK1B,sBAAiB,kCADzBE;;UAEE,OAAM;AAAA;2BAEN;0BAAAA,oCAAgB;;;;;MAIpBJ;MACW,YAAO,uBAAlBD,0BAAA;QACEE;;4BAKJF;MADAC;MAEEE,+BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,UAAU;QACV,UAAU;QACV,UAAU;QACV,cAAc;QACd,OAAO;QACP,cAAY;QACZ,aAAa;;MAEJ,wCAAZJ,2BAAA,6BACK,2CAAmB,WAAM;;;YArGxB;;;;;;"}
+{"version":3,"file":"input.vue_vue&type=template&id=3290dcb6&lang.mjs","sources":["../../../../../../../packages/components/input/src/input.vue?vue&type=template&id=3290dcb6&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"type !== 'hidden'\"\n    :class=\"[\n      type === 'textarea' ? 'el-textarea' : 'el-input',\n      inputSize ? 'el-input--' + inputSize : '',\n      {\n        'is-disabled': inputDisabled,\n        'is-exceed': inputExceed,\n        'el-input-group': $slots.prepend || $slots.append,\n        'el-input-group--append': $slots.append,\n        'el-input-group--prepend': $slots.prepend,\n        'el-input--prefix': $slots.prefix || prefixIcon,\n        'el-input--suffix':\n          $slots.suffix || suffixIcon || clearable || showPassword,\n        'el-input--suffix--password-clear': clearable && showPassword,\n      },\n      $attrs.class,\n    ]\"\n    :style=\"containerStyle\"\n    :widget=\"widget\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" class=\"el-input-group__prepend\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <input\n        ref=\"input\"\n        class=\"el-input__inner\"\n        v-bind=\"attrs\"\n        :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :tabindex=\"tabindex\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n        :style=\"inputStyle\"\n      />\n\n      <!-- prefix slot -->\n      <span v-if=\"$slots.prefix || prefixIcon\" class=\"el-input__prefix\">\n        <span class=\"el-input__prefix-inner\">\n          <slot name=\"prefix\"></slot>\n          <ps-icon v-if=\"prefixIcon\" class=\"el-input__icon\">\n            <component :is=\"prefixIcon\" />\n          </ps-icon>\n        </span>\n      </span>\n\n      <!-- suffix slot -->\n      <span v-if=\"suffixVisible\" class=\"el-input__suffix\">\n        <span class=\"el-input__suffix-inner\">\n          <template v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\">\n            <slot name=\"suffix\"></slot>\n            <ps-icon v-if=\"suffixIcon\" class=\"el-input__icon\">\n              <component :is=\"suffixIcon\" />\n            </ps-icon>\n          </template>\n          <ps-icon v-if=\"showClear\" class=\"el-input__icon el-input__clear\">\n            <circle-close />\n          </ps-icon>\n          <ps-icon v-if=\"showPwdVisible\" class=\"el-input__icon el-input__clear\">\n            <icon-view />\n          </ps-icon>\n          <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n            <span class=\"el-input__count-inner\">\n              {{ textLength }} / {{ attrs.maxlength }}\n            </span>\n          </span>\n        </span>\n        <ps-icon\n          v-if=\"validateState && validateIcon\"\n          class=\"el-input__icon el-input__validateIcon\"\n        >\n          <component :is=\"validateIcon\" />\n        </ps-icon>\n      </span>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" class=\"el-input-group__append\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        ref=\"textarea\"\n        class=\"el-textarea__inner\"\n        v-bind=\"attrs\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"computedTextareaStyle\"\n        :aria-label=\"label\"\n        :placeholder=\"placeholder\"\n      />\n      <span v-if=\"isWordLimitVisible\" class=\"el-input__count\">\n        {{ textLength }} / {{ attrs.maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  computed,\n  watch,\n  nextTick,\n  getCurrentInstance,\n  ref,\n  shallowRef,\n  onMounted,\n  onUpdated,\n} from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { useAttrs, useFormItem } from '@element-ps/hooks'\nimport { VALIDATE_STATE_MAP } from '@element-ps/utils/constants'\nimport { isObject } from '@element-ps/utils/util'\nimport isServer from '@element-ps/utils/isServer'\nimport { calcTextareaHeight } from './calc-textarea-height'\nimport { inputProps } from './input'\nimport type { StyleValue } from '@element-ps/utils/types'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CircleClose, View as IconView } from '@element-plus/icons'\n\nconst PENDANT_MAP = {\n  suffix: 'append',\n  prefix: 'prepend',\n} as const\n\nexport default defineComponent({\n  name: 'PsInput',\n  inheritAttrs: false,\n  components: { PsIcon, CircleClose, IconView },\n  props: inputProps,\n\n  setup(props, { slots, attrs: rawAttrs }) {\n    const instance = getCurrentInstance()!\n    const attrs = useAttrs()\n\n    const elForm = inject(elFormKey, undefined)\n    const elFormItem = inject(elFormItemKey, undefined)\n\n    const { size: inputSize, disabled: inputDisabled } = useFormItem({})\n\n    const input = ref<HTMLInputElement>()\n    const textarea = ref<HTMLTextAreaElement>()\n    const focused = ref(false)\n    const hovering = ref(false)\n    const passwordVisible = ref(false)\n    const _textareaCalcStyle = shallowRef(props.inputStyle)\n\n    const inputOrTextarea = computed(() => input.value || textarea.value)\n    const needStatusIcon = computed(() => elForm?.statusIcon ?? false)\n    const validateState = computed(() => elFormItem?.validateState || '')\n    const validateIcon = computed(() => VALIDATE_STATE_MAP[validateState.value])\n    const containerStyle = computed(() => rawAttrs.style as StyleValue)\n    const computedTextareaStyle = computed<StyleValue>(() => [\n      props.inputStyle,\n      _textareaCalcStyle.value,\n      { resize: props.resize },\n    ])\n    const nativeInputValue = computed(() =>\n      props._modelValue === null || props._modelValue === undefined\n        ? ''\n        : String(props._modelValue)\n    )\n    const showClear = computed(\n      () =>\n        props.clearable &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !!nativeInputValue.value &&\n        (focused.value || hovering.value)\n    )\n    const showPwdVisible = computed(\n      () =>\n        props.showPassword &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        (!!nativeInputValue.value || focused.value)\n    )\n    const isWordLimitVisible = computed(\n      () =>\n        props.showWordLimit &&\n        !!attrs.value.maxlength &&\n        (props.type === 'text' || props.type === 'textarea') &&\n        !inputDisabled.value &&\n        !props.readonly &&\n        !props.showPassword\n    )\n    const textLength = computed(() => Array.from(nativeInputValue.value).length)\n    const inputExceed = computed(\n      () =>\n        // show exceed style if length of initial value greater then maxlength\n        !!isWordLimitVisible.value &&\n        textLength.value > Number(attrs.value.maxlength)\n    )\n\n    const resizeTextarea = () => {\n      const { type, autosize } = props\n\n      if (isServer || type !== 'textarea') return\n\n      if (autosize) {\n        const minRows = isObject(autosize) ? autosize.minRows : undefined\n        const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n        _textareaCalcStyle.value = {\n          ...calcTextareaHeight(textarea.value!, minRows, maxRows),\n        }\n      } else {\n        _textareaCalcStyle.value = {\n          minHeight: calcTextareaHeight(textarea.value!).minHeight,\n        }\n      }\n    }\n\n    const setNativeInputValue = () => {\n      const input = inputOrTextarea.value\n      if (!input || input.value === nativeInputValue.value) return\n      input.value = nativeInputValue.value\n    }\n\n    const calcIconOffset = (place: 'prefix' | 'suffix') => {\n      const { el } = instance.vnode\n      if (!el) return\n      const elList: HTMLSpanElement[] = Array.from(\n        el.querySelectorAll(`.el-input__${place}`)\n      )\n      const target = elList.find((item) => item.parentNode === el)\n\n      if (!target) return\n\n      const pendant = PENDANT_MAP[place]\n\n      if (slots[pendant]) {\n        target.style.transform = `translateX(${place === 'suffix' ? '-' : ''}${\n          el.querySelector(`.el-input-group__${pendant}`).offsetWidth\n        }px)`\n      } else {\n        target.removeAttribute('style')\n      }\n    }\n\n    const updateIconOffset = () => {\n      calcIconOffset('prefix')\n      calcIconOffset('suffix')\n    }\n\n    const suffixVisible = computed(\n      () =>\n        !!slots.suffix ||\n        !!props.suffixIcon ||\n        showClear.value ||\n        props.showPassword ||\n        isWordLimitVisible.value ||\n        (!!validateState.value && needStatusIcon.value)\n    )\n\n    watch(\n      () => props._modelValue,\n      () => {\n        nextTick(resizeTextarea)\n        if (props.validateEvent) {\n          elFormItem?.validate?.('change')\n        }\n      }\n    )\n\n    // native input value is set explicitly\n    // do not use v-model / :value in template\n    // see: https://github.com/ElemeFE/element/issues/14521\n    watch(nativeInputValue, () => setNativeInputValue())\n\n    // when change between <input> and <textarea>,\n    // update DOM dependent value and styles\n    // https://github.com/ElemeFE/element/issues/14857\n    watch(\n      () => props.type,\n      () => {\n        nextTick(() => {\n          setNativeInputValue()\n          resizeTextarea()\n          updateIconOffset()\n        })\n      }\n    )\n\n    onMounted(() => {\n      setNativeInputValue()\n      updateIconOffset()\n      nextTick(resizeTextarea)\n    })\n\n    onUpdated(() => {\n      nextTick(updateIconOffset)\n    })\n\n    return {\n      input,\n      textarea,\n      attrs,\n      inputSize,\n      validateState,\n      validateIcon,\n      containerStyle,\n      computedTextareaStyle,\n      inputDisabled,\n      showClear,\n      showPwdVisible,\n      isWordLimitVisible,\n      textLength,\n      hovering,\n      inputExceed,\n      passwordVisible,\n      inputOrTextarea,\n      suffixVisible,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_renderSlot","_createElementVNode","_mergeProps","_createBlock","_createVNode"],"mappings":";;;;;EAyBiC,OAAM;AAAA;;;;EAmBQ,OAAM;AAAA;qBACvC,OAAM;;;EASa,OAAM;AAAA;qBACzB,OAAM;;;EAasB,OAAM;AAAA;qBAC9B,OAAM;;;EAcQ,OAAM;AAAA;;;;EAmBA,OAAM;AAAA;;;;;sCArG1CA;IAEG;;;;;;;;;;;;;;;IAgBA,sBAAO;IACP,QAAQ;;IAETC;IACgB,yCAAhBD;MACEC;MACW,YAAO,wBAAlBD,0BAAA;QACEE;;MAGFC,4BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,MAAM,oBAAgB,6CAAyC;QAC/D,UAAU;QACV,UAAU;QACV,cAAc;QACd,UAAU;QACV,cAAY;QACZ,aAAa;QACb,OAAO;;MAGVH;MACY,YAAO,UAAU,gCAA7BD,2BAAA;QACEG,2BAAA;UACED;UACe,gCAAfG;;YAA2B,OAAM;AAAA;6BAC/B;4BAAAA,oCAAgB;;;;;;MAKtBJ;MACY,mCAAZD,2BAAA;QACEG,2BAAA;WACmB,mBAAc,wBAAmB,wCAAlDH;YACEE;YACe,gCAAfG;;cAA2B,OAAM;AAAA;+BAC/B;8BAAAA,oCAAgB;;;;;UAGL,+BAAfA;;YAA0B,OAAM;AAAA;6BAC9B;cAAAC;;;;UAEa,oCAAfD;;YAA+B,OAAM;AAAA;6BACnC;cAAAC;;;;UAEU,wCAAZN,2BAAA;YACEG,2BAAA,4BACK,2CAAmB,WAAM;;;QAK1B,sBAAiB,kCADzBE;;UAEE,OAAM;AAAA;2BAEN;0BAAAA,oCAAgB;;;;;MAIpBJ;MACW,YAAO,uBAAlBD,0BAAA;QACEE;;4BAKJF;MADAC;MAEEE,+BAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,UAAU;QACV,UAAU;QACV,UAAU;QACV,cAAc;QACd,OAAO;QACP,cAAY;QACZ,aAAa;;MAEJ,wCAAZJ,2BAAA,6BACK,2CAAmB,WAAM;;;YArGxB;;;;;;"}

package/es/packages/components/input/src/input2.mjs

@@ -1,7 +1,81 @@
-import script from './input.vue_vue&type=script&lang.mjs';
-export { default } from './input.vue_vue&type=script&lang.mjs';
-import { render } from './input.vue_vue&type=template&id=3290dcb6&lang.mjs';
+import '../../../hooks/index.mjs';
+import { buildProps, definePropType, mutable } from '../../../utils/props.mjs';
+import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/input/src/input.vue";
+const inputProps = buildProps({
+  ...useFormItemProps,
+  _modelValue: {
+    type: definePropType(void 0),
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "text"
+  },
+  resize: {
+    type: String,
+    values: ["none", "both", "horizontal", "vertical"]
+  },
+  autosize: {
+    type: definePropType([Boolean, Object]),
+    default: false
+  },
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  placeholder: {
+    type: String
+  },
+  form: {
+    type: String,
+    default: ""
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  showWordLimit: {
+    type: Boolean,
+    default: false
+  },
+  suffixIcon: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  prefixIcon: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  label: {
+    type: String
+  },
+  tabindex: {
+    type: [Number, String]
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  inputStyle: {
+    type: definePropType([Object, Array, String]),
+    default: () => mutable({})
+  },
+  maxlength: {
+    type: [Number, String]
+  },
+  widget: {
+    type: String
+  }
+});
+
+export { inputProps };
 //# sourceMappingURL=input2.mjs.map

package/es/packages/components/input/src/input2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"input2.mjs","sources":["../../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import { useFormItemProps } from '@element-ps/hooks'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { StyleValue } from '@element-ps/utils/types'\nimport type { ExtractPropTypes, Component } from 'vue'\n\ntype AutoSize = { minRows?: number; maxRows?: number } | boolean\n\nexport const inputProps = buildProps({\n  ...useFormItemProps,\n  _modelValue: {\n    type: definePropType<string | number | null | undefined>(undefined),\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'text',\n  },\n  resize: {\n    type: String,\n    values: ['none', 'both', 'horizontal', 'vertical'],\n  },\n  autosize: {\n    type: definePropType<AutoSize>([Boolean, Object]),\n    default: false,\n  },\n  autocomplete: {\n    type: String,\n    default: 'off',\n  },\n  placeholder: {\n    type: String,\n  },\n  form: {\n    type: String,\n    default: '',\n  },\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  showPassword: {\n    type: Boolean,\n    default: false,\n  },\n  showWordLimit: {\n    type: Boolean,\n    default: false,\n  },\n  suffixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  label: {\n    type: String,\n  },\n  tabindex: {\n    type: [Number, String],\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  inputStyle: {\n    type: definePropType<StyleValue>([Object, Array, String]),\n    default: () => mutable({} as const),\n  },\n  maxlength: {\n    type: [Number, String],\n  },\n  widget: {\n    type: String,\n  },\n} as const)\nexport type InputProps = ExtractPropTypes<typeof inputProps>\n"],"names":[],"mappings":";;;;MAOa,aAAa,WAAW;AAAA,KAChC;AAAA,EACH,aAAa;AAAA,IACX,MAAM,eAAmD;AAAA,IACzD,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,QAAQ,cAAc;AAAA;AAAA,EAEzC,UAAU;AAAA,IACR,MAAM,eAAyB,CAAC,SAAS;AAAA,IACzC,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA;AAAA,EAER,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,EAER,UAAU;AAAA,IACR,MAAM,CAAC,QAAQ;AAAA;AAAA,EAEjB,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM,eAA2B,CAAC,QAAQ,OAAO;AAAA,IACjD,SAAS,MAAM,QAAQ;AAAA;AAAA,EAEzB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA;AAAA,EAEjB,QAAQ;AAAA,IACN,MAAM;AAAA;AAAA;;;;"}

package/es/packages/components/link/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/link.mjs';
-export { linkProps } from './src/link2.mjs';
+import './src/link2.mjs';
+export { linkProps } from './src/link.mjs';
 import script from './src/link.vue_vue&type=script&lang.mjs';
 
 const PsLink = withInstall(script);

package/es/packages/components/link/src/link.mjs

@@ -1,7 +1,22 @@
-import script from './link.vue_vue&type=script&lang.mjs';
-export { default } from './link.vue_vue&type=script&lang.mjs';
-import { render } from './link.vue_vue&type=template&id=6a422645&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/link/src/link.vue";
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: { type: Boolean, default: false },
+  href: { type: String, default: "" },
+  icon: {
+    type: definePropType([String, Object]),
+    default: ""
+  }
+});
+
+export { linkProps };
 //# sourceMappingURL=link.mjs.map

package/es/packages/components/link/src/link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"link.mjs","sources":["../../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n"],"names":[],"mappings":";;MAGa,YAAY,WAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/link/src/link.vue_vue&type=script&lang.mjs

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { linkProps } from './link2.mjs';
+import { linkProps } from './link.mjs';
 import { PsIcon } from '../../icon/index.mjs';
 
 var script = defineComponent({

package/es/packages/components/link/src/link2.mjs

@@ -1,22 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './link.vue_vue&type=script&lang.mjs';
+export { default } from './link.vue_vue&type=script&lang.mjs';
+import { render } from './link.vue_vue&type=template&id=6a422645&lang.mjs';
 
-const linkProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger", "default"],
-    default: "default"
-  },
-  underline: {
-    type: Boolean,
-    default: true
-  },
-  disabled: { type: Boolean, default: false },
-  href: { type: String, default: "" },
-  icon: {
-    type: definePropType([String, Object]),
-    default: ""
-  }
-});
-
-export { linkProps };
+script.render = render;
+script.__file = "packages/components/link/src/link.vue";
 //# sourceMappingURL=link2.mjs.map

package/es/packages/components/link/src/link2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"link2.mjs","sources":["../../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const linkProps = buildProps({\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n    default: 'default',\n  },\n  underline: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: { type: Boolean, default: false },\n  href: { type: String, default: '' },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n"],"names":[],"mappings":";;MAGa,YAAY,WAAW;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ,UAAU;AAAA,IAC5D,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU,EAAE,MAAM,SAAS,SAAS;AAAA,EACpC,MAAM,EAAE,MAAM,QAAQ,SAAS;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"link2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/menu/index.mjs

@@ -1,12 +1,12 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import Menu from './src/menu.mjs';
 export { menuEmits, menuProps } from './src/menu.mjs';
-import './src/menu-item2.mjs';
-import './src/menu-item-group.mjs';
+import './src/menu-item.mjs';
+import './src/menu-item-group2.mjs';
 import SubMenu from './src/sub-menu.mjs';
 export { subMenuProps } from './src/sub-menu.mjs';
-export { menuItemEmits, menuItemProps } from './src/menu-item.mjs';
-export { menuItemGroupProps } from './src/menu-item-group2.mjs';
+export { menuItemEmits, menuItemProps } from './src/menu-item2.mjs';
+export { menuItemGroupProps } from './src/menu-item-group.mjs';
 import './src/types.mjs';
 import script from './src/menu-item.vue_vue&type=script&lang.mjs';
 import script$1 from './src/menu-item-group.vue_vue&type=script&lang.mjs';

package/es/packages/components/menu/src/menu-item-group.mjs

@@ -1,7 +1,6 @@
-import script from './menu-item-group.vue_vue&type=script&lang.mjs';
-export { default } from './menu-item-group.vue_vue&type=script&lang.mjs';
-import { render } from './menu-item-group.vue_vue&type=template&id=67a2995d&lang.mjs';
+const menuItemGroupProps = {
+  title: String
+};
 
-script.render = render;
-script.__file = "packages/components/menu/src/menu-item-group.vue";
+export { menuItemGroupProps };
 //# sourceMappingURL=menu-item-group.mjs.map

package/es/packages/components/menu/src/menu-item-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"menu-item-group.mjs","sources":["../../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":"MAEa,qBAAqB;AAAA,EAChC,OAAO;AAAA;;;;"}

package/es/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, inject, computed } from 'vue';
 import { throwError } from '../../../utils/error.mjs';
-import { menuItemGroupProps } from './menu-item-group2.mjs';
+import { menuItemGroupProps } from './menu-item-group.mjs';
 
 const COMPONENT_NAME = "ElMenuItemGroup";
 var script = defineComponent({

package/es/packages/components/menu/src/menu-item-group2.mjs

@@ -1,6 +1,7 @@
-const menuItemGroupProps = {
-  title: String
-};
+import script from './menu-item-group.vue_vue&type=script&lang.mjs';
+export { default } from './menu-item-group.vue_vue&type=script&lang.mjs';
+import { render } from './menu-item-group.vue_vue&type=template&id=67a2995d&lang.mjs';
 
-export { menuItemGroupProps };
+script.render = render;
+script.__file = "packages/components/menu/src/menu-item-group.vue";
 //# sourceMappingURL=menu-item-group2.mjs.map

package/es/packages/components/menu/src/menu-item-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group2.mjs","sources":["../../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":"MAEa,qBAAqB;AAAA,EAChC,OAAO;AAAA;;;;"}
+{"version":3,"file":"menu-item-group2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/menu/src/menu-item.mjs

@@ -1,20 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
-import '../../../utils/util.mjs';
-import { isString } from '@vue/shared';
+import script from './menu-item.vue_vue&type=script&lang.mjs';
+export { default } from './menu-item.vue_vue&type=script&lang.mjs';
+import { render } from './menu-item.vue_vue&type=template&id=aa755baa&lang.mjs';
 
-const menuItemProps = buildProps({
-  index: {
-    type: definePropType([String, null]),
-    default: null
-  },
-  route: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean
-});
-const menuItemEmits = {
-  click: (item) => isString(item.index) && Array.isArray(item.indexPath)
-};
-
-export { menuItemEmits, menuItemProps };
+script.render = render;
+script.__file = "packages/components/menu/src/menu-item.vue";
 //# sourceMappingURL=menu-item.mjs.map

package/es/packages/components/menu/src/menu-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.mjs","sources":["../../../../../../../packages/components/menu/src/menu-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport { isString } from '@element-ps/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport type { MenuItemRegistered } from './types'\n\nexport const menuItemProps = buildProps({\n  index: {\n    type: definePropType<string | null>([String, null]),\n    default: null,\n  },\n  route: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n  },\n  disabled: Boolean,\n} as const)\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>\n\nexport const menuItemEmits = {\n  click: (item: MenuItemRegistered) =>\n    isString(item.index) && Array.isArray(item.indexPath),\n}\nexport type MenuItemEmits = typeof menuItemEmits\n"],"names":[],"mappings":";;;;MAOa,gBAAgB,WAAW;AAAA,EACtC,OAAO;AAAA,IACL,MAAM,eAA8B,CAAC,QAAQ;AAAA,IAC7C,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM,eAAiC,CAAC,QAAQ;AAAA;AAAA,EAElD,UAAU;AAAA;MAIC,gBAAgB;AAAA,EAC3B,OAAO,CAAC,SACN,SAAS,KAAK,UAAU,MAAM,QAAQ,KAAK;AAAA;;;;"}
+{"version":3,"file":"menu-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/menu/src/menu-item.vue_vue&type=script&lang.mjs

@@ -3,7 +3,7 @@ import _Tooltip from '../../tooltip/index.mjs';
 import '../../popper/index.mjs';
 import { throwError } from '../../../utils/error.mjs';
 import useMenu from './use-menu.mjs';
-import { menuItemProps } from './menu-item.mjs';
+import { menuItemProps } from './menu-item2.mjs';
 import { Effect } from '../../popper/src/use-popper/defaults.mjs';
 
 const COMPONENT_NAME = "PsMenuItem";

package/es/packages/components/menu/src/menu-item2.mjs

@@ -1,7 +1,20 @@
-import script from './menu-item.vue_vue&type=script&lang.mjs';
-export { default } from './menu-item.vue_vue&type=script&lang.mjs';
-import { render } from './menu-item.vue_vue&type=template&id=aa755baa&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import '../../../utils/util.mjs';
+import { isString } from '@vue/shared';
 
-script.render = render;
-script.__file = "packages/components/menu/src/menu-item.vue";
+const menuItemProps = buildProps({
+  index: {
+    type: definePropType([String, null]),
+    default: null
+  },
+  route: {
+    type: definePropType([String, Object])
+  },
+  disabled: Boolean
+});
+const menuItemEmits = {
+  click: (item) => isString(item.index) && Array.isArray(item.indexPath)
+};
+
+export { menuItemEmits, menuItemProps };
 //# sourceMappingURL=menu-item2.mjs.map

package/es/packages/components/menu/src/menu-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"menu-item2.mjs","sources":["../../../../../../../packages/components/menu/src/menu-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport { isString } from '@element-ps/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport type { MenuItemRegistered } from './types'\n\nexport const menuItemProps = buildProps({\n  index: {\n    type: definePropType<string | null>([String, null]),\n    default: null,\n  },\n  route: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n  },\n  disabled: Boolean,\n} as const)\nexport type MenuItemProps = ExtractPropTypes<typeof menuItemProps>\n\nexport const menuItemEmits = {\n  click: (item: MenuItemRegistered) =>\n    isString(item.index) && Array.isArray(item.indexPath),\n}\nexport type MenuItemEmits = typeof menuItemEmits\n"],"names":[],"mappings":";;;;MAOa,gBAAgB,WAAW;AAAA,EACtC,OAAO;AAAA,IACL,MAAM,eAA8B,CAAC,QAAQ;AAAA,IAC7C,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM,eAAiC,CAAC,QAAQ;AAAA;AAAA,EAElD,UAAU;AAAA;MAIC,gBAAgB;AAAA,EAC3B,OAAO,CAAC,SACN,SAAS,KAAK,UAAU,MAAM,QAAQ,KAAK;AAAA;;;;"}

package/lib/index.js

@@ -7,16 +7,16 @@ require('./packages/components/index.js');
 require('./packages/hooks/index.js');
 require('./packages/tokens/index.js');
 var makeInstaller = require('./make-installer.js');
-var affix = require('./packages/components/affix/src/affix2.js');
+var affix = require('./packages/components/affix/src/affix.js');
 var index = require('./packages/components/affix/index.js');
 var alert = require('./packages/components/alert/src/alert2.js');
 var index$1 = require('./packages/components/alert/index.js');
 var index$2 = require('./packages/components/autocomplete/index.js');
 var avatar = require('./packages/components/avatar/src/avatar.js');
 var index$3 = require('./packages/components/avatar/index.js');
-var backtop = require('./packages/components/backtop/src/backtop.js');
+var backtop = require('./packages/components/backtop/src/backtop2.js');
 var index$4 = require('./packages/components/backtop/index.js');
-var badge = require('./packages/components/badge/src/badge.js');
+var badge = require('./packages/components/badge/src/badge2.js');
 var index$5 = require('./packages/components/badge/index.js');
 var breadcrumb = require('./packages/components/breadcrumb/src/breadcrumb.js');
 var breadcrumbItem = require('./packages/components/breadcrumb/src/breadcrumb-item.js');
@@ -24,7 +24,7 @@ var index$6 = require('./packages/components/breadcrumb/index.js');
 var button = require('./packages/components/button/src/button.js');
 var index$7 = require('./packages/components/button/index.js');
 var index$8 = require('./packages/components/calendar/index.js');
-var card = require('./packages/components/card/src/card.js');
+var card = require('./packages/components/card/src/card2.js');
 var index$9 = require('./packages/components/card/index.js');
 var index$a = require('./packages/components/carousel/index.js');
 var index$b = require('./packages/components/cascader/index.js');
@@ -45,28 +45,28 @@ var index$l = require('./packages/components/descriptions/index.js');
 var useDialog = require('./packages/components/dialog/src/use-dialog.js');
 var dialog = require('./packages/components/dialog/src/dialog.js');
 var index$m = require('./packages/components/dialog/index.js');
-var divider = require('./packages/components/divider/src/divider.js');
+var divider = require('./packages/components/divider/src/divider2.js');
 var index$n = require('./packages/components/divider/index.js');
 var index$o = require('./packages/components/drawer/index.js');
 var index$p = require('./packages/components/dropdown/index.js');
-var empty = require('./packages/components/empty/src/empty.js');
+var empty = require('./packages/components/empty/src/empty2.js');
 var index$q = require('./packages/components/empty/index.js');
 var index$r = require('./packages/components/form/index.js');
-var icon = require('./packages/components/icon/src/icon.js');
+var icon = require('./packages/components/icon/src/icon2.js');
 var index$s = require('./packages/components/icon/index.js');
 var image = require('./packages/components/image/src/image.js');
 var index$t = require('./packages/components/image/index.js');
-var imageViewer = require('./packages/components/image-viewer/src/image-viewer.js');
+var imageViewer = require('./packages/components/image-viewer/src/image-viewer2.js');
 var index$u = require('./packages/components/image-viewer/index.js');
-var input = require('./packages/components/input/src/input.js');
+var input = require('./packages/components/input/src/input2.js');
 var index$v = require('./packages/components/input/index.js');
 var inputNumber = require('./packages/components/input-number/src/input-number.js');
 var index$w = require('./packages/components/input-number/index.js');
-var link = require('./packages/components/link/src/link2.js');
+var link = require('./packages/components/link/src/link.js');
 var index$x = require('./packages/components/link/index.js');
 var menu = require('./packages/components/menu/src/menu.js');
-var menuItem = require('./packages/components/menu/src/menu-item.js');
-var menuItemGroup = require('./packages/components/menu/src/menu-item-group2.js');
+var menuItem = require('./packages/components/menu/src/menu-item2.js');
+var menuItemGroup = require('./packages/components/menu/src/menu-item-group.js');
 var subMenu = require('./packages/components/menu/src/sub-menu.js');
 var index$y = require('./packages/components/menu/index.js');
 var overlay = require('./packages/components/overlay/src/overlay.js');

package/lib/packages/components/affix/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/affix.js');
-var affix = require('./src/affix2.js');
+require('./src/affix2.js');
+var affix = require('./src/affix.js');
 var affix_vue_vue_type_script_lang = require('./src/affix.vue_vue&type=script&lang.js');
 
 const PsAffix = withInstall.withInstall(affix_vue_vue_type_script_lang["default"]);

package/lib/packages/components/affix/src/affix.js

@@ -2,11 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var affix_vue_vue_type_script_lang = require('./affix.vue_vue&type=script&lang.js');
-var affix_vue_vue_type_template_id_0745df9e_lang = require('./affix.vue_vue&type=template&id=0745df9e&lang.js');
+var props = require('../../../utils/props.js');
 
-affix_vue_vue_type_script_lang["default"].render = affix_vue_vue_type_template_id_0745df9e_lang.render;
-affix_vue_vue_type_script_lang["default"].__file = "packages/components/affix/src/affix.vue";
+const affixProps = props.buildProps({
+  zIndex: {
+    type: props.definePropType([Number, String]),
+    default: 100
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  position: {
+    type: String,
+    values: ["top", "bottom"],
+    default: "top"
+  }
+});
 
-exports["default"] = affix_vue_vue_type_script_lang["default"];
+exports.affixProps = affixProps;
 //# sourceMappingURL=affix.js.map

package/lib/packages/components/affix/src/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"affix.js","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAKa,aAAaA,iBAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAMC,qBAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/affix/src/affix.vue_vue&type=script&lang.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var affix = require('./affix2.js');
+var affix = require('./affix.js');
 
 var script = vue.defineComponent({
   name: "PsAffix",

package/lib/packages/components/affix/src/affix2.js

@@ -2,27 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var affix_vue_vue_type_script_lang = require('./affix.vue_vue&type=script&lang.js');
+var affix_vue_vue_type_template_id_0745df9e_lang = require('./affix.vue_vue&type=template&id=0745df9e&lang.js');
 
-const affixProps = props.buildProps({
-  zIndex: {
-    type: props.definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
-  }
-});
+affix_vue_vue_type_script_lang["default"].render = affix_vue_vue_type_template_id_0745df9e_lang.render;
+affix_vue_vue_type_script_lang["default"].__file = "packages/components/affix/src/affix.vue";
 
-exports.affixProps = affixProps;
+exports["default"] = affix_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=affix2.js.map

package/lib/packages/components/affix/src/affix2.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.js","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAKa,aAAaA,iBAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAMC,qBAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"affix2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/backtop/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/backtop2.js');
-var backtop = require('./src/backtop.js');
+require('./src/backtop.js');
+var backtop = require('./src/backtop2.js');
 var backtop_vue_vue_type_script_lang = require('./src/backtop.vue_vue&type=script&lang.js');
 
 const PsBacktop = withInstall.withInstall(backtop_vue_vue_type_script_lang["default"]);

package/lib/packages/components/backtop/src/backtop.js

@@ -2,24 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
-  }
-};
+var backtop_vue_vue_type_script_lang = require('./backtop.vue_vue&type=script&lang.js');
+var backtop_vue_vue_type_template_id_63a7fea6_lang = require('./backtop.vue_vue&type=template&id=63a7fea6&lang.js');
 
-exports.backtopProps = backtopProps;
+backtop_vue_vue_type_script_lang["default"].render = backtop_vue_vue_type_template_id_63a7fea6_lang.render;
+backtop_vue_vue_type_script_lang["default"].__file = "packages/components/backtop/src/backtop.vue";
+
+exports["default"] = backtop_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=backtop.js.map

package/lib/packages/components/backtop/src/backtop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.js","sources":["../../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n"],"names":[],"mappings":";;;;MAEa,eAAe;AAAA,EAC1B,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"backtop.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}