element-ps 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/dist/index.full.js +1 -1
  2. package/dist/index.full.min.js +1 -1
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +1 -1
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +1 -1
  7. package/es/index.mjs +8 -8
  8. package/es/packages/components/affix/index.mjs +2 -2
  9. package/es/packages/components/affix/src/affix.mjs +5 -22
  10. package/es/packages/components/affix/src/affix.mjs.map +1 -1
  11. package/es/packages/components/affix/src/affix.vue_vue&type=script&lang.mjs +1 -1
  12. package/es/packages/components/affix/src/affix2.mjs +22 -5
  13. package/es/packages/components/affix/src/affix2.mjs.map +1 -1
  14. package/es/packages/components/avatar/index.mjs +2 -2
  15. package/es/packages/components/avatar/src/avatar.mjs +29 -5
  16. package/es/packages/components/avatar/src/avatar.mjs.map +1 -1
  17. package/es/packages/components/avatar/src/avatar.vue_vue&type=script&lang.mjs +1 -1
  18. package/es/packages/components/avatar/src/avatar2.mjs +5 -29
  19. package/es/packages/components/avatar/src/avatar2.mjs.map +1 -1
  20. package/es/packages/components/badge/index.mjs +2 -2
  21. package/es/packages/components/badge/src/badge.mjs +20 -5
  22. package/es/packages/components/badge/src/badge.mjs.map +1 -1
  23. package/es/packages/components/badge/src/badge.vue_vue&type=script&lang.mjs +1 -1
  24. package/es/packages/components/badge/src/badge2.mjs +5 -20
  25. package/es/packages/components/badge/src/badge2.mjs.map +1 -1
  26. package/es/packages/components/card/index.mjs +2 -2
  27. package/es/packages/components/card/src/card.mjs +17 -5
  28. package/es/packages/components/card/src/card.mjs.map +1 -1
  29. package/es/packages/components/card/src/card.vue_vue&type=script&lang.mjs +1 -1
  30. package/es/packages/components/card/src/card2.mjs +5 -17
  31. package/es/packages/components/card/src/card2.mjs.map +1 -1
  32. package/es/packages/components/cascader-panel/src/config.mjs +1 -1
  33. package/es/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.mjs +1 -1
  34. package/es/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.mjs +1 -1
  35. package/es/packages/components/cascader-panel/src/node.mjs +5 -72
  36. package/es/packages/components/cascader-panel/src/node.mjs.map +1 -1
  37. package/es/packages/components/cascader-panel/src/node2.mjs +72 -5
  38. package/es/packages/components/cascader-panel/src/node2.mjs.map +1 -1
  39. package/es/packages/components/cascader-panel/src/store.mjs +1 -1
  40. package/es/packages/components/divider/index.mjs +2 -2
  41. package/es/packages/components/divider/src/divider.mjs +15 -5
  42. package/es/packages/components/divider/src/divider.mjs.map +1 -1
  43. package/es/packages/components/divider/src/divider.vue_vue&type=script&lang.mjs +1 -1
  44. package/es/packages/components/divider/src/divider2.mjs +5 -15
  45. package/es/packages/components/divider/src/divider2.mjs.map +1 -1
  46. package/es/packages/components/dropdown/index.mjs +1 -1
  47. package/es/packages/components/dropdown/src/dropdown.mjs +0 -5
  48. package/es/packages/components/dropdown/src/dropdown.mjs.map +1 -1
  49. package/es/packages/components/dropdown/src/dropdown2.mjs +5 -0
  50. package/es/packages/components/dropdown/src/dropdown2.mjs.map +1 -1
  51. package/es/packages/components/index.mjs +8 -8
  52. package/es/packages/components/input/src/input.vue_vue&type=script&lang.mjs.map +1 -1
  53. package/es/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.mjs +1 -1
  54. package/es/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.mjs.map +1 -1
  55. package/es/packages/components/link/index.mjs +2 -2
  56. package/es/packages/components/link/src/link.mjs +5 -20
  57. package/es/packages/components/link/src/link.mjs.map +1 -1
  58. package/es/packages/components/link/src/link.vue_vue&type=script&lang.mjs +1 -1
  59. package/es/packages/components/link/src/link2.mjs +20 -5
  60. package/es/packages/components/link/src/link2.mjs.map +1 -1
  61. package/es/packages/components/menu/index.mjs +2 -2
  62. package/es/packages/components/menu/src/menu-item-group.mjs +5 -4
  63. package/es/packages/components/menu/src/menu-item-group.mjs.map +1 -1
  64. package/es/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.mjs +1 -1
  65. package/es/packages/components/menu/src/menu-item-group2.mjs +4 -5
  66. package/es/packages/components/menu/src/menu-item-group2.mjs.map +1 -1
  67. package/es/packages/components/rate/index.mjs +2 -2
  68. package/es/packages/components/rate/src/rate.mjs +85 -5
  69. package/es/packages/components/rate/src/rate.mjs.map +1 -1
  70. package/es/packages/components/rate/src/rate.vue_vue&type=script&lang.mjs +1 -1
  71. package/es/packages/components/rate/src/rate2.mjs +5 -85
  72. package/es/packages/components/rate/src/rate2.mjs.map +1 -1
  73. package/lib/index.js +8 -8
  74. package/lib/packages/components/affix/index.js +2 -2
  75. package/lib/packages/components/affix/src/affix.js +5 -21
  76. package/lib/packages/components/affix/src/affix.js.map +1 -1
  77. package/lib/packages/components/affix/src/affix.vue_vue&type=script&lang.js +1 -1
  78. package/lib/packages/components/affix/src/affix2.js +21 -5
  79. package/lib/packages/components/affix/src/affix2.js.map +1 -1
  80. package/lib/packages/components/avatar/index.js +2 -2
  81. package/lib/packages/components/avatar/src/avatar.js +28 -5
  82. package/lib/packages/components/avatar/src/avatar.js.map +1 -1
  83. package/lib/packages/components/avatar/src/avatar.vue_vue&type=script&lang.js +1 -1
  84. package/lib/packages/components/avatar/src/avatar2.js +5 -28
  85. package/lib/packages/components/avatar/src/avatar2.js.map +1 -1
  86. package/lib/packages/components/badge/index.js +2 -2
  87. package/lib/packages/components/badge/src/badge.js +19 -5
  88. package/lib/packages/components/badge/src/badge.js.map +1 -1
  89. package/lib/packages/components/badge/src/badge.vue_vue&type=script&lang.js +1 -1
  90. package/lib/packages/components/badge/src/badge2.js +5 -19
  91. package/lib/packages/components/badge/src/badge2.js.map +1 -1
  92. package/lib/packages/components/card/index.js +2 -2
  93. package/lib/packages/components/card/src/card.js +16 -5
  94. package/lib/packages/components/card/src/card.js.map +1 -1
  95. package/lib/packages/components/card/src/card.vue_vue&type=script&lang.js +1 -1
  96. package/lib/packages/components/card/src/card2.js +5 -16
  97. package/lib/packages/components/card/src/card2.js.map +1 -1
  98. package/lib/packages/components/cascader-panel/src/config.js +1 -1
  99. package/lib/packages/components/cascader-panel/src/index.vue_vue&type=script&lang.js +1 -1
  100. package/lib/packages/components/cascader-panel/src/menu.vue_vue&type=script&lang.js +1 -1
  101. package/lib/packages/components/cascader-panel/src/node.js +5 -71
  102. package/lib/packages/components/cascader-panel/src/node.js.map +1 -1
  103. package/lib/packages/components/cascader-panel/src/node2.js +71 -5
  104. package/lib/packages/components/cascader-panel/src/node2.js.map +1 -1
  105. package/lib/packages/components/cascader-panel/src/store.js +1 -1
  106. package/lib/packages/components/divider/index.js +2 -2
  107. package/lib/packages/components/divider/src/divider.js +14 -5
  108. package/lib/packages/components/divider/src/divider.js.map +1 -1
  109. package/lib/packages/components/divider/src/divider.vue_vue&type=script&lang.js +1 -1
  110. package/lib/packages/components/divider/src/divider2.js +5 -14
  111. package/lib/packages/components/divider/src/divider2.js.map +1 -1
  112. package/lib/packages/components/dropdown/index.js +1 -1
  113. package/lib/packages/components/dropdown/src/dropdown.js +0 -9
  114. package/lib/packages/components/dropdown/src/dropdown.js.map +1 -1
  115. package/lib/packages/components/dropdown/src/dropdown2.js +9 -0
  116. package/lib/packages/components/dropdown/src/dropdown2.js.map +1 -1
  117. package/lib/packages/components/index.js +8 -8
  118. package/lib/packages/components/input/src/input.vue_vue&type=script&lang.js.map +1 -1
  119. package/lib/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.js +1 -1
  120. package/lib/packages/components/input/src/input.vue_vue&type=template&id=3290dcb6&lang.js.map +1 -1
  121. package/lib/packages/components/link/index.js +2 -2
  122. package/lib/packages/components/link/src/link.js +5 -19
  123. package/lib/packages/components/link/src/link.js.map +1 -1
  124. package/lib/packages/components/link/src/link.vue_vue&type=script&lang.js +1 -1
  125. package/lib/packages/components/link/src/link2.js +19 -5
  126. package/lib/packages/components/link/src/link2.js.map +1 -1
  127. package/lib/packages/components/menu/index.js +2 -2
  128. package/lib/packages/components/menu/src/menu-item-group.js +6 -4
  129. package/lib/packages/components/menu/src/menu-item-group.js.map +1 -1
  130. package/lib/packages/components/menu/src/menu-item-group.vue_vue&type=script&lang.js +1 -1
  131. package/lib/packages/components/menu/src/menu-item-group2.js +4 -6
  132. package/lib/packages/components/menu/src/menu-item-group2.js.map +1 -1
  133. package/lib/packages/components/rate/index.js +2 -2
  134. package/lib/packages/components/rate/src/rate.js +85 -5
  135. package/lib/packages/components/rate/src/rate.js.map +1 -1
  136. package/lib/packages/components/rate/src/rate.vue_vue&type=script&lang.js +1 -1
  137. package/lib/packages/components/rate/src/rate2.js +5 -85
  138. package/lib/packages/components/rate/src/rate2.js.map +1 -1
  139. package/package.json +1 -1
  140. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"input.vue_vue&type=template&id=3290dcb6&lang.js","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;;;;;8CArG1CA;IAEG;;;;;;;;;;;;;;;IAgBA,0BAAO;IACP,QAAQ;;IAETC;IACgB,6CAAhBD;MACEC;MACW,YAAO,4BAAlBD,8BAAA;QACEE;;MAGFC,gCAAAC;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,oCAA7BD,+BAAA;QACEG,+BAAA;UACED;UACe,oCAAfG;;YAA2B,OAAM;AAAA;iCAC/B;gCAAAA,4CAAgB;;;;;;MAKtBJ;MACY,uCAAZD,+BAAA;QACEG,+BAAA;WACmB,mBAAc,wBAAmB,4CAAlDH;YACEE;YACe,oCAAfG;;cAA2B,OAAM;AAAA;mCAC/B;kCAAAA,4CAAgB;;;;;UAGL,mCAAfA;;YAA0B,OAAM;AAAA;iCAC9B;cAAAC;;;;UAEa,wCAAfD;;YAA+B,OAAM;AAAA;iCACnC;cAAAC;;;;UAEU,4CAAZN,+BAAA;YACEG,+BAAA,gCACK,+CAAmB,WAAM;;;QAK1B,sBAAiB,sCADzBE;;UAEE,OAAM;AAAA;+BAEN;8BAAAA,4CAAgB;;;;;MAIpBJ;MACW,YAAO,2BAAlBD,8BAAA;QACEE;;gCAKJF;MADAC;MAEEE,mCAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,UAAU;QACV,UAAU;QACV,UAAU;QACV,cAAc;QACd,OAAO;QACP,cAAY;QACZ,aAAa;;MAEJ,4CAAZJ,+BAAA,iCACK,+CAAmB,WAAM;;;gBArGxB;;;;;;"}
1
+ {"version":3,"file":"input.vue_vue&type=template&id=3290dcb6&lang.js","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;;;;;8CArG1CA;IAEG;;;;;;;;;;;;;;;IAgBA,0BAAO;IACP,QAAQ,eAAU;AAAA;IAEnBC;IACgB,6CAAhBD;MACEC;MACW,YAAO,4BAAlBD,8BAAA;QACEE;;MAGFC,gCAAAC;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,oCAA7BD,+BAAA;QACEG,+BAAA;UACED;UACe,oCAAfG;;YAA2B,OAAM;AAAA;iCAC/B;gCAAAA,4CAAgB;;;;;;MAKtBJ;MACY,uCAAZD,+BAAA;QACEG,+BAAA;WACmB,mBAAc,wBAAmB,4CAAlDH;YACEE;YACe,oCAAfG;;cAA2B,OAAM;AAAA;mCAC/B;kCAAAA,4CAAgB;;;;;UAGL,mCAAfA;;YAA0B,OAAM;AAAA;iCAC9B;cAAAC;;;;UAEa,wCAAfD;;YAA+B,OAAM;AAAA;iCACnC;cAAAC;;;;UAEU,4CAAZN,+BAAA;YACEG,+BAAA,gCACK,+CAAmB,WAAM;;;QAK1B,sBAAiB,sCADzBE;;UAEE,OAAM;AAAA;+BAEN;8BAAAA,4CAAgB;;;;;MAIpBJ;MACW,YAAO,2BAAlBD,8BAAA;QACEE;;gCAKJF;MADAC;MAEEE,mCAAAC;QACE,KAAI;AAAA,QACJ,OAAM;AAAA,SACE;QACP,UAAU;QACV,UAAU;QACV,UAAU;QACV,cAAc;QACd,OAAO;QACP,cAAY;QACZ,aAAa;;MAEJ,4CAAZJ,+BAAA,iCACK,+CAAmB,WAAM;;;gBArGxB;;;;;;"}
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var withInstall = require('../../utils/with-install.js');
6
- require('./src/link2.js');
7
- var link = require('./src/link.js');
6
+ require('./src/link.js');
7
+ var link = require('./src/link2.js');
8
8
  var link_vue_vue_type_script_lang = require('./src/link.vue_vue&type=script&lang.js');
9
9
 
10
10
  const PsLink = withInstall.withInstall(link_vue_vue_type_script_lang["default"]);
@@ -2,25 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var props = require('../../../utils/props.js');
5
+ var link_vue_vue_type_script_lang = require('./link.vue_vue&type=script&lang.js');
6
+ var link_vue_vue_type_template_id_6a422645_lang = require('./link.vue_vue&type=template&id=6a422645&lang.js');
6
7
 
7
- const linkProps = props.buildProps({
8
- type: {
9
- type: String,
10
- values: ["primary", "success", "warning", "info", "danger", "default"],
11
- default: "default"
12
- },
13
- underline: {
14
- type: Boolean,
15
- default: true
16
- },
17
- disabled: { type: Boolean, default: false },
18
- href: { type: String, default: "" },
19
- icon: {
20
- type: props.definePropType([String, Object]),
21
- default: ""
22
- }
23
- });
8
+ link_vue_vue_type_script_lang["default"].render = link_vue_vue_type_template_id_6a422645_lang.render;
9
+ link_vue_vue_type_script_lang["default"].__file = "packages/components/link/src/link.vue";
24
10
 
25
- exports.linkProps = linkProps;
11
+ exports["default"] = link_vue_vue_type_script_lang["default"];
26
12
  //# sourceMappingURL=link.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"link.js","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":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;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,MAAMC,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
- var link = require('./link.js');
6
+ var link = require('./link2.js');
7
7
  var index = require('../../icon/index.js');
8
8
 
9
9
  var script = vue.defineComponent({
@@ -2,11 +2,25 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var link_vue_vue_type_script_lang = require('./link.vue_vue&type=script&lang.js');
6
- var link_vue_vue_type_template_id_6a422645_lang = require('./link.vue_vue&type=template&id=6a422645&lang.js');
5
+ var props = require('../../../utils/props.js');
7
6
 
8
- link_vue_vue_type_script_lang["default"].render = link_vue_vue_type_template_id_6a422645_lang.render;
9
- link_vue_vue_type_script_lang["default"].__file = "packages/components/link/src/link.vue";
7
+ const linkProps = props.buildProps({
8
+ type: {
9
+ type: String,
10
+ values: ["primary", "success", "warning", "info", "danger", "default"],
11
+ default: "default"
12
+ },
13
+ underline: {
14
+ type: Boolean,
15
+ default: true
16
+ },
17
+ disabled: { type: Boolean, default: false },
18
+ href: { type: String, default: "" },
19
+ icon: {
20
+ type: props.definePropType([String, Object]),
21
+ default: ""
22
+ }
23
+ });
10
24
 
11
- exports["default"] = link_vue_vue_type_script_lang["default"];
25
+ exports.linkProps = linkProps;
12
26
  //# sourceMappingURL=link2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"link2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"link2.js","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":["buildProps","definePropType"],"mappings":";;;;;;MAGa,YAAYA,iBAAW;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,MAAMC,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var withInstall = require('../../utils/with-install.js');
6
6
  var menu = require('./src/menu.js');
7
7
  require('./src/menu-item2.js');
8
- require('./src/menu-item-group2.js');
8
+ require('./src/menu-item-group.js');
9
9
  var subMenu = require('./src/sub-menu.js');
10
10
  var menuItem = require('./src/menu-item.js');
11
- var menuItemGroup = require('./src/menu-item-group.js');
11
+ var menuItemGroup = require('./src/menu-item-group2.js');
12
12
  require('./src/types.js');
13
13
  var menuItem_vue_vue_type_script_lang = require('./src/menu-item.vue_vue&type=script&lang.js');
14
14
  var menuItemGroup_vue_vue_type_script_lang = require('./src/menu-item-group.vue_vue&type=script&lang.js');
@@ -2,9 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const menuItemGroupProps = {
6
- title: String
7
- };
5
+ var menuItemGroup_vue_vue_type_script_lang = require('./menu-item-group.vue_vue&type=script&lang.js');
6
+ var menuItemGroup_vue_vue_type_template_id_67a2995d_lang = require('./menu-item-group.vue_vue&type=template&id=67a2995d&lang.js');
8
7
 
9
- exports.menuItemGroupProps = menuItemGroupProps;
8
+ menuItemGroup_vue_vue_type_script_lang["default"].render = menuItemGroup_vue_vue_type_template_id_67a2995d_lang.render;
9
+ menuItemGroup_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-item-group.vue";
10
+
11
+ exports["default"] = menuItemGroup_vue_vue_type_script_lang["default"];
10
12
  //# sourceMappingURL=menu-item-group.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item-group.js","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;;;;"}
1
+ {"version":3,"file":"menu-item-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
6
  var error = require('../../../utils/error.js');
7
- var menuItemGroup = require('./menu-item-group.js');
7
+ var menuItemGroup = require('./menu-item-group2.js');
8
8
 
9
9
  const COMPONENT_NAME = "ElMenuItemGroup";
10
10
  var script = vue.defineComponent({
@@ -2,11 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var menuItemGroup_vue_vue_type_script_lang = require('./menu-item-group.vue_vue&type=script&lang.js');
6
- var menuItemGroup_vue_vue_type_template_id_67a2995d_lang = require('./menu-item-group.vue_vue&type=template&id=67a2995d&lang.js');
5
+ const menuItemGroupProps = {
6
+ title: String
7
+ };
7
8
 
8
- menuItemGroup_vue_vue_type_script_lang["default"].render = menuItemGroup_vue_vue_type_template_id_67a2995d_lang.render;
9
- menuItemGroup_vue_vue_type_script_lang["default"].__file = "packages/components/menu/src/menu-item-group.vue";
10
-
11
- exports["default"] = menuItemGroup_vue_vue_type_script_lang["default"];
9
+ exports.menuItemGroupProps = menuItemGroupProps;
12
10
  //# sourceMappingURL=menu-item-group2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item-group2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"menu-item-group2.js","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;;;;"}
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var withInstall = require('../../utils/with-install.js');
6
- require('./src/rate.js');
7
- var rate = require('./src/rate2.js');
6
+ require('./src/rate2.js');
7
+ var rate = require('./src/rate.js');
8
8
  var rate_vue_vue_type_script_lang = require('./src/rate.vue_vue&type=script&lang.js');
9
9
 
10
10
  const PsRate = withInstall.withInstall(rate_vue_vue_type_script_lang["default"]);
@@ -2,11 +2,91 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var rate_vue_vue_type_script_lang = require('./rate.vue_vue&type=script&lang.js');
6
- var rate_vue_vue_type_template_id_38c42df6_lang = require('./rate.vue_vue&type=template&id=38c42df6&lang.js');
5
+ var icons = require('@element-plus/icons');
6
+ var constants = require('../../../utils/constants.js');
7
+ var props = require('../../../utils/props.js');
7
8
 
8
- rate_vue_vue_type_script_lang["default"].render = rate_vue_vue_type_template_id_38c42df6_lang.render;
9
- rate_vue_vue_type_script_lang["default"].__file = "packages/components/rate/src/rate.vue";
9
+ const rateProps = props.buildProps({
10
+ modelValue: {
11
+ type: Number,
12
+ default: 0
13
+ },
14
+ lowThreshold: {
15
+ type: Number,
16
+ default: 2
17
+ },
18
+ highThreshold: {
19
+ type: Number,
20
+ default: 4
21
+ },
22
+ max: {
23
+ type: Number,
24
+ default: 5
25
+ },
26
+ colors: {
27
+ type: props.definePropType([Array, Object]),
28
+ default: () => props.mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
29
+ },
30
+ voidColor: {
31
+ type: String,
32
+ default: "#C6D1DE"
33
+ },
34
+ disabledVoidColor: {
35
+ type: String,
36
+ default: "#EFF2F7"
37
+ },
38
+ icons: {
39
+ type: props.definePropType([Array, Object]),
40
+ default: () => [icons.StarFilled, icons.StarFilled, icons.StarFilled]
41
+ },
42
+ voidIcon: {
43
+ type: props.definePropType([String, Object]),
44
+ default: () => icons.Star
45
+ },
46
+ disabledvoidIcon: {
47
+ type: props.definePropType([String, Object]),
48
+ default: () => icons.StarFilled
49
+ },
50
+ disabled: {
51
+ type: Boolean,
52
+ default: false
53
+ },
54
+ allowHalf: {
55
+ type: Boolean,
56
+ default: false
57
+ },
58
+ showText: {
59
+ type: Boolean,
60
+ default: false
61
+ },
62
+ showScore: {
63
+ type: Boolean,
64
+ default: false
65
+ },
66
+ textColor: {
67
+ type: String,
68
+ default: "#1f2d3d"
69
+ },
70
+ texts: {
71
+ type: props.definePropType([Array]),
72
+ default: () => props.mutable([
73
+ "Extremely bad",
74
+ "Disappointed",
75
+ "Fair",
76
+ "Satisfied",
77
+ "Surprise"
78
+ ])
79
+ },
80
+ scoreTemplate: {
81
+ type: String,
82
+ default: "{value}"
83
+ }
84
+ });
85
+ const rateEmits = {
86
+ change: (value) => typeof value === "number",
87
+ [constants.UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
88
+ };
10
89
 
11
- exports["default"] = rate_vue_vue_type_script_lang["default"];
90
+ exports.rateEmits = rateEmits;
91
+ exports.rateProps = rateProps;
12
92
  //# sourceMappingURL=rate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rate.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"rate.js","sources":["../../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/utils/constants'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const rateProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n lowThreshold: {\n type: Number,\n default: 2,\n },\n highThreshold: {\n type: Number,\n default: 4,\n },\n max: {\n type: Number,\n default: 5,\n },\n colors: {\n type: definePropType<string[] | Record<number, string>>([Array, Object]),\n default: () => mutable(['#F7BA2A', '#F7BA2A', '#F7BA2A'] as const),\n },\n voidColor: {\n type: String,\n default: '#C6D1DE',\n },\n disabledVoidColor: {\n type: String,\n default: '#EFF2F7',\n },\n icons: {\n type: definePropType<\n Array<string | Component> | Record<number, string | Component>\n >([Array, Object]),\n default: () => [StarFilled, StarFilled, StarFilled],\n },\n voidIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => Star,\n },\n disabledvoidIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => StarFilled,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n allowHalf: {\n type: Boolean,\n default: false,\n },\n showText: {\n type: Boolean,\n default: false,\n },\n showScore: {\n type: Boolean,\n default: false,\n },\n textColor: {\n type: String,\n default: '#1f2d3d',\n },\n texts: {\n type: definePropType<string[]>([Array]),\n default: () =>\n mutable([\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ] as const),\n },\n scoreTemplate: {\n type: String,\n default: '{value}',\n },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n change: (value: number) => typeof value === 'number',\n [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n"],"names":["buildProps","definePropType","mutable","StarFilled","Star","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;MAKa,YAAYA,iBAAW;AAAA,EAClC,YAAY;AAAA,IACV,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,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAMC,qBAAkD,CAAC,OAAO;AAAA,IAChE,SAAS,MAAMC,cAAQ,CAAC,WAAW,WAAW;AAAA;AAAA,EAEhD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMD,qBAEJ,CAAC,OAAO;AAAA,IACV,SAAS,MAAM,CAACE,kBAAYA,kBAAYA;AAAA;AAAA,EAE1C,UAAU;AAAA,IACR,MAAMF,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAMG;AAAA;AAAA,EAEjB,kBAAkB;AAAA,IAChB,MAAMH,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAME;AAAA;AAAA,EAEjB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,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,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMF,qBAAyB,CAAC;AAAA,IAChC,SAAS,MACPC,cAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGN,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,YAAY;AAAA,EACvB,QAAQ,CAAC,UAAkB,OAAO,UAAU;AAAA,GAC3CG,+BAAqB,CAAC,UAAkB,OAAO,UAAU;AAAA;;;;;"}
@@ -7,7 +7,7 @@ var shared = require('@vue/shared');
7
7
  require('../../../tokens/index.js');
8
8
  var index = require('../../icon/index.js');
9
9
  var icons = require('@element-plus/icons');
10
- var rate = require('./rate2.js');
10
+ var rate = require('./rate.js');
11
11
  var form = require('../../../tokens/form.js');
12
12
 
13
13
  function getValueFromMap(value, map) {
@@ -2,91 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var icons = require('@element-plus/icons');
6
- var constants = require('../../../utils/constants.js');
7
- var props = require('../../../utils/props.js');
5
+ var rate_vue_vue_type_script_lang = require('./rate.vue_vue&type=script&lang.js');
6
+ var rate_vue_vue_type_template_id_38c42df6_lang = require('./rate.vue_vue&type=template&id=38c42df6&lang.js');
8
7
 
9
- const rateProps = props.buildProps({
10
- modelValue: {
11
- type: Number,
12
- default: 0
13
- },
14
- lowThreshold: {
15
- type: Number,
16
- default: 2
17
- },
18
- highThreshold: {
19
- type: Number,
20
- default: 4
21
- },
22
- max: {
23
- type: Number,
24
- default: 5
25
- },
26
- colors: {
27
- type: props.definePropType([Array, Object]),
28
- default: () => props.mutable(["#F7BA2A", "#F7BA2A", "#F7BA2A"])
29
- },
30
- voidColor: {
31
- type: String,
32
- default: "#C6D1DE"
33
- },
34
- disabledVoidColor: {
35
- type: String,
36
- default: "#EFF2F7"
37
- },
38
- icons: {
39
- type: props.definePropType([Array, Object]),
40
- default: () => [icons.StarFilled, icons.StarFilled, icons.StarFilled]
41
- },
42
- voidIcon: {
43
- type: props.definePropType([String, Object]),
44
- default: () => icons.Star
45
- },
46
- disabledvoidIcon: {
47
- type: props.definePropType([String, Object]),
48
- default: () => icons.StarFilled
49
- },
50
- disabled: {
51
- type: Boolean,
52
- default: false
53
- },
54
- allowHalf: {
55
- type: Boolean,
56
- default: false
57
- },
58
- showText: {
59
- type: Boolean,
60
- default: false
61
- },
62
- showScore: {
63
- type: Boolean,
64
- default: false
65
- },
66
- textColor: {
67
- type: String,
68
- default: "#1f2d3d"
69
- },
70
- texts: {
71
- type: props.definePropType([Array]),
72
- default: () => props.mutable([
73
- "Extremely bad",
74
- "Disappointed",
75
- "Fair",
76
- "Satisfied",
77
- "Surprise"
78
- ])
79
- },
80
- scoreTemplate: {
81
- type: String,
82
- default: "{value}"
83
- }
84
- });
85
- const rateEmits = {
86
- change: (value) => typeof value === "number",
87
- [constants.UPDATE_MODEL_EVENT]: (value) => typeof value === "number"
88
- };
8
+ rate_vue_vue_type_script_lang["default"].render = rate_vue_vue_type_template_id_38c42df6_lang.render;
9
+ rate_vue_vue_type_script_lang["default"].__file = "packages/components/rate/src/rate.vue";
89
10
 
90
- exports.rateEmits = rateEmits;
91
- exports.rateProps = rateProps;
11
+ exports["default"] = rate_vue_vue_type_script_lang["default"];
92
12
  //# sourceMappingURL=rate2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"rate2.js","sources":["../../../../../../../packages/components/rate/src/rate.ts"],"sourcesContent":["import { Star, StarFilled } from '@element-plus/icons'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/utils/constants'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils/props'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const rateProps = buildProps({\n modelValue: {\n type: Number,\n default: 0,\n },\n lowThreshold: {\n type: Number,\n default: 2,\n },\n highThreshold: {\n type: Number,\n default: 4,\n },\n max: {\n type: Number,\n default: 5,\n },\n colors: {\n type: definePropType<string[] | Record<number, string>>([Array, Object]),\n default: () => mutable(['#F7BA2A', '#F7BA2A', '#F7BA2A'] as const),\n },\n voidColor: {\n type: String,\n default: '#C6D1DE',\n },\n disabledVoidColor: {\n type: String,\n default: '#EFF2F7',\n },\n icons: {\n type: definePropType<\n Array<string | Component> | Record<number, string | Component>\n >([Array, Object]),\n default: () => [StarFilled, StarFilled, StarFilled],\n },\n voidIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => Star,\n },\n disabledvoidIcon: {\n type: definePropType<string | Component>([String, Object]),\n default: () => StarFilled,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n allowHalf: {\n type: Boolean,\n default: false,\n },\n showText: {\n type: Boolean,\n default: false,\n },\n showScore: {\n type: Boolean,\n default: false,\n },\n textColor: {\n type: String,\n default: '#1f2d3d',\n },\n texts: {\n type: definePropType<string[]>([Array]),\n default: () =>\n mutable([\n 'Extremely bad',\n 'Disappointed',\n 'Fair',\n 'Satisfied',\n 'Surprise',\n ] as const),\n },\n scoreTemplate: {\n type: String,\n default: '{value}',\n },\n} as const)\n\nexport type RateProps = ExtractPropTypes<typeof rateProps>\n\nexport const rateEmits = {\n change: (value: number) => typeof value === 'number',\n [UPDATE_MODEL_EVENT]: (value: number) => typeof value === 'number',\n}\nexport type RateEmits = typeof rateEmits\n"],"names":["buildProps","definePropType","mutable","StarFilled","Star","UPDATE_MODEL_EVENT"],"mappings":";;;;;;;;MAKa,YAAYA,iBAAW;AAAA,EAClC,YAAY;AAAA,IACV,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,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAMC,qBAAkD,CAAC,OAAO;AAAA,IAChE,SAAS,MAAMC,cAAQ,CAAC,WAAW,WAAW;AAAA;AAAA,EAEhD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMD,qBAEJ,CAAC,OAAO;AAAA,IACV,SAAS,MAAM,CAACE,kBAAYA,kBAAYA;AAAA;AAAA,EAE1C,UAAU;AAAA,IACR,MAAMF,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAMG;AAAA;AAAA,EAEjB,kBAAkB;AAAA,IAChB,MAAMH,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS,MAAME;AAAA;AAAA,EAEjB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,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,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAMF,qBAAyB,CAAC;AAAA,IAChC,SAAS,MACPC,cAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,EAGN,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,YAAY;AAAA,EACvB,QAAQ,CAAC,UAAkB,OAAO,UAAU;AAAA,GAC3CG,+BAAqB,CAAC,UAAkB,OAAO,UAAU;AAAA;;;;;"}
1
+ {"version":3,"file":"rate2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-ps",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "homepage": "https://element-plus.org/",
6
6
  "keywords": [
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"1.0.19","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}
1
+ {"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"element-ps","version":"1.0.20","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown"}}}