@koi-design/uxd-ui 14.0.1 → 14.0.3

package/lib/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { defineComponent, computed, ref, onMounted, nextTick, watch, inject, resolveComponent, shallowRef } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Search, CircleX, Eye, EyeOff } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport calculateNodeHeight from '../../utils/calculateNodeHeight';\nimport { isValid } from '../../utils/isValid';\nimport { FormItemKey } from '../Form';\nimport { inputProps, inputEmits, type AutoSizeObject, type InputValueType } from './Input.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nconst getMoneyString = (val: string) => {\n  return val.replace(/^-?\\d+/g, (m) => m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ','));\n};\n\nexport default defineComponent({\n  name: 'UInput',\n  components: {\n    UIcon,\n    Search,\n    CircleX,\n    Eye,\n    EyeOff\n  },\n  // #region props\n  props: inputProps,\n  emits: inputEmits,\n  setup(props, { slots, emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('input');\n    const { onFieldChange, onFieldBlur } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    // ref\n    const wordCountRef = shallowRef<HTMLElement | null>(null);\n    const inputRef = shallowRef<HTMLInputElement | null>(null);\n    const textareaRef = shallowRef<HTMLTextAreaElement | null>(null);\n    const appendRef = shallowRef<HTMLElement | null>(null);\n    // #region data\n\n    const showPassword = ref(false);\n\n    const stateValue = ref<string | number>('');\n    const slotReady = ref(false);\n    const isOnComposition = ref(false);\n    const textareaStyles = ref({});\n    const showClearIcon = ref(false);\n    // #endregion\n    // #region computed\n    const showPrefix = computed(() => {\n      if (props.type !== 'textarea') {\n        return props.prefixIcon !== undefined || slots.prefix !== undefined;\n      }\n      return false;\n    });\n    const showSuffix = computed(() => {\n      if (props.type !== 'textarea' && !props.showWordLimit && !props.search && !props.passwordIcon) {\n        return props.suffixIcon !== undefined || slots.suffix !== undefined;\n      }\n      return false;\n    });\n    const textLength = computed(() => {\n      return typeof stateValue.value === 'number' ? String(stateValue.value).length : (stateValue.value || '').length;\n    });\n    const showPrepend = computed(() => {\n      if (props.type !== 'textarea') return slots.prepend !== undefined;\n      return false;\n    });\n    const showAppend = computed(() => {\n      if (props.type !== 'textarea') return slots.append !== undefined;\n      return false;\n    });\n    const nativeType = computed(() => {\n      let tempType = props.type;\n      if (props.type === 'password' && props.passwordIcon && showPassword.value) {\n        tempType = 'text';\n      }\n      return tempType;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    // #region methods\n    const resizeTextarea = () => {\n      if (!props.autosize || props.type !== 'textarea' || !textareaRef.value) {\n        return;\n      }\n      const { minRows, maxRows } = props.autosize as AutoSizeObject;\n      textareaStyles.value = calculateNodeHeight(textareaRef.value, minRows, maxRows);\n    };\n\n    // #endregion\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv !== undefined || nv !== null ? nv : '';\n        nextTick(() => {\n          resizeTextarea();\n        });\n      },\n      { immediate: true }\n    );\n\n    const wordCountWidth = ref(0);\n    // const computedStyle = computed(() => {\n    //   // default 11 inputbasepadding\n    //   let paddingRight = 0;\n    //   // wordlimit add limit width fixed 8px\n    //   if (props.showWordLimit) {\n    //     paddingRight += wordCountWidth.value + 16;\n    //   } else if (showSuffix.value || props.passwordIcon || (props.search && props.enterButton === false)) {\n    //     paddingRight = 26;\n    //   }\n    //   // when clear icon appear with word count\n    //   if (showClearIcon.value && !showSuffix.value) {\n    //     paddingRight += 24;\n    //   }\n    //   if (paddingRight !== 0) {\n    //     return {\n    //       paddingRight: `${paddingRight}px`\n    //     };\n    //   }\n    //   return {};\n    // });\n    // const computedClearStyle = computed(() => {\n    //   const clearStyle: CSSProperties = {};\n    //   let right = 0;\n    //   if (props.passwordIcon || (props.search && props.enterButton === false)) {\n    //     right = 24;\n    //   } else if (props.showWordLimit) {\n    //     right = wordCountWidth.value + 11;\n    //   }\n    //   if (appendRef.value) {\n    //     right += appendRef.value.offsetWidth;\n    //   }\n    //   if (right > 0) {\n    //     clearStyle.right = `${right}px`;\n    //   }\n    //   return clearStyle;\n    // });\n\n    const handleWrapEnter = () => {\n      if (props.clearable) {\n        showClearIcon.value = !showClearIcon.value;\n      }\n    };\n    const computedPaddingRight = () => {\n      if (props.showWordLimit && wordCountRef.value) {\n        wordCountWidth.value = wordCountRef.value.offsetWidth;\n      }\n    };\n\n    const emitChange = (value: InputValueType) => {\n      if (props.modelValue === undefined) {\n        stateValue.value = value;\n      }\n      emit('update:modelValue', value);\n      emit('change', value);\n      if (onFieldChange && !props.disabledTriggerForm) {\n        onFieldChange(value);\n      }\n    };\n\n    const setStateValue = (value: InputValueType) => {\n      if (value === stateValue.value) return;\n      if (props.showWordLimit) {\n        computedPaddingRight();\n      }\n      nextTick(() => {\n        setTimeout(() => {\n          resizeTextarea();\n        });\n      });\n      emitChange(value);\n    };\n\n    const handleInput = (event: any) => {\n      if (isOnComposition.value) return;\n      setStateValue(event.target.value);\n    };\n\n    const handleBlur = (event: any) => {\n      if (onFieldBlur && !props.disabledTriggerForm) {\n        onFieldBlur(stateValue.value);\n      }\n      emit('blur', event);\n    };\n\n    const handleComposition = (event: any) => {\n      if (event.type === 'compositionstart') {\n        isOnComposition.value = true;\n      }\n      if (event.type === 'compositionend') {\n        isOnComposition.value = false;\n        handleInput(event);\n      }\n    };\n\n    const focus = () => {\n      if (props.type === 'textarea') {\n        textareaRef.value?.focus();\n      } else {\n        inputRef.value?.focus();\n      }\n    };\n    const select = () => {\n      if (props.type === 'textarea') {\n        textareaRef.value?.select();\n      } else {\n        inputRef.value?.select();\n      }\n    };\n\n    const handleClear = (event: Event) => {\n      setStateValue('');\n      emit('clear', event);\n    };\n\n    const handleEnter = (event: Event) => {\n      emit('enter', event);\n      if (props.search) emit('search', stateValue.value);\n    };\n    const handleSearch = () => {\n      if (props.disabled) return;\n      // inputRef.value?.focus();\n      emit('search', stateValue.value);\n    };\n\n    const handleToggleShowPassword = () => {\n      if (props.disabled || !stateValue.value) return;\n      const len = `${stateValue.value}`.length;\n      showPassword.value = !showPassword.value;\n      inputRef.value?.focus();\n      setTimeout(() => {\n        inputRef.value?.setSelectionRange(len, len);\n      }, 0);\n    };\n    const handleKeydown = (event: any) => {\n      emit('keydown', event);\n    };\n    const handleKeypress = (event: any) => {\n      emit('keypress', event);\n    };\n    const handleKeyup = (event: any) => {\n      if (event.key === 'Enter') {\n        handleEnter(event);\n      }\n      emit('keyup', event);\n    };\n    const handleFocus = (event: any) => {\n      emit('focus', event);\n    };\n\n    // #endregion\n\n    onMounted(() => {\n      slotReady.value = true;\n      nextTick(() => {\n        setTimeout(() => {\n          resizeTextarea();\n        });\n      });\n      computedPaddingRight();\n    });\n\n    return {\n      prefixCls,\n      wordCountRef,\n      inputRef,\n      textareaRef,\n      appendRef,\n      slotReady,\n      stateValue,\n      getMoneyString,\n      textareaStyles,\n      showPassword,\n      computedDirection,\n      // computedStyle,\n      // computedClearStyle,\n      nativeType,\n      showPrefix,\n      showSuffix,\n      textLength,\n      showPrepend,\n      showAppend,\n      showClearIcon,\n      // methods\n      handleEnter,\n      handleWrapEnter,\n      handleKeydown,\n      handleKeypress,\n      handleKeyup,\n      handleFocus,\n      handleBlur,\n      handleComposition,\n      handleInput,\n      setStateValue,\n      resizeTextarea,\n      focus,\n      select,\n      handleClear,\n      handleSearch,\n      handleToggleShowPassword\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n\n    const prefixIcon = typeof this.prefixIcon === 'string' ? resolveComponent(this.prefixIcon) : this.prefixIcon;\n    const suffixIcon = typeof this.suffixIcon === 'string' ? resolveComponent(this.suffixIcon) : this.suffixIcon;\n    const suffix = () => {\n      if (this.type === 'password' && this.passwordIcon) {\n        return (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleToggleShowPassword}>\n            <UIcon>{this.showPassword ? <Eye /> : <EyeOff />}</UIcon>\n          </span>\n        );\n      }\n      if (this.showWordLimit) {\n        return (\n          <span ref=\"wordCountRef\" class={[`${prefixCls}-word-count`]}>\n            {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n          </span>\n        );\n      }\n      if (this.showSuffix) {\n        return (\n          <span class={`${prefixCls}-suffix`}>\n            {this.$slots.suffix\n              ? this.$slots.suffix()\n              : suffixIcon && (\n                  <UIcon>\n                    <suffixIcon />\n                  </UIcon>\n                )}\n          </span>\n        );\n      }\n    };\n\n    const prefix = () => {\n      if (this.search && this.enterButton === false) {\n        return (\n          <span class={[`${prefixCls}-prefix`]}>\n            <UIcon>\n              <Search />\n            </UIcon>\n          </span>\n        );\n      }\n      if (this.showPrefix) {\n        return (\n          <span class={`${prefixCls}-prefix`}>\n            {this.$slots.prefix\n              ? this.$slots.prefix()\n              : prefixIcon && (\n                  <UIcon>\n                    <prefixIcon />\n                  </UIcon>\n                )}\n          </span>\n        );\n      }\n      return null;\n    };\n\n    const singleInput = (\n      <div\n        class={[\n          `${prefixCls}-wrap`,\n          `${prefixCls}-wrap-${this.size}`,\n          {\n            [`${prefixCls}-${this.type}`]: this.type !== 'number',\n            [`${prefixCls}-wrap-disabled`]: this.disabled,\n            [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n            [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n            [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n            [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n            [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n          }\n        ]}\n        onMouseenter={this.handleWrapEnter}\n        onMouseleave={this.handleWrapEnter}\n      >\n        {this.label && (\n          <label\n            class={{\n              [`${prefixCls}-label`]: true,\n              [`${prefixCls}-label-colon`]: this.labelColon && this.labelPosition === 'left',\n              [`${prefixCls}-label-required`]: this.required\n            }}\n          >\n            {this.label}\n          </label>\n        )}\n        {prefix()}\n\n        <input\n          ref=\"inputRef\"\n          class={[`${this.prefixCls}`]}\n          type={this.nativeType}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          autofocus={this.autofocus}\n          disabled={this.disabled}\n          maxlength={this.maxlength}\n          autocomplete={this.autocomplete}\n          spellcheck={this.spellcheck}\n          value={this.stateValue}\n          onKeyup={this.handleKeyup}\n          onKeypress={this.handleKeypress}\n          onKeydown={this.handleKeydown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onCompositionstart={this.handleComposition}\n          onCompositionupdate={this.handleComposition}\n          onCompositionend={this.handleComposition}\n          onInput={this.handleInput}\n          onChange={this.handleInput}\n        />\n        {this.clearable && isValid(this.stateValue) && !this.disabled && (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n            <UIcon>\n              <CircleX />\n            </UIcon>\n          </span>\n        )}\n        {suffix()}\n      </div>\n    );\n\n    if (this.type === 'textarea') {\n      return (\n        <div\n          class={[\n            `${prefixCls}-wrap`,\n            `${prefixCls}-wrap-${this.size}`,\n            `${prefixCls}-wrap-textarea`,\n            {\n              [`${prefixCls}-wrap-disabled`]: this.disabled,\n              [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n              [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n              [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n              [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n              [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n            }\n          ]}\n          onMouseenter={this.handleWrapEnter}\n          onMouseleave={this.handleWrapEnter}\n        >\n          <textarea\n            id={this.elementId}\n            ref=\"textareaRef\"\n            class={[\n              `${prefixCls}`,\n              {\n                [`${prefixCls}-disabled`]: this.disabled\n              }\n            ]}\n            value={this.stateValue}\n            style={this.textareaStyles}\n            wrap={this.wrap}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            placeholder={this.placeholder}\n            autofocus={this.autofocus}\n            maxlength={this.maxlength}\n            autocomplete={this.autocomplete}\n            spellcheck={this.spellcheck}\n            rows={this.rows}\n            onKeyup={this.handleKeyup}\n            onKeypress={this.handleKeypress}\n            onKeydown={this.handleKeydown}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onCompositionstart={this.handleComposition}\n            onCompositionupdate={this.handleComposition}\n            onCompositionend={this.handleComposition}\n            onInput={this.handleInput}\n          />\n          {this.clearable && isValid(this.stateValue) && !this.disabled && (\n            <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n              <UIcon>\n                <CircleX />\n              </UIcon>\n            </span>\n          )}\n          {this.showWordLimit && (\n            <div class={[`${prefixCls}-word-count`]}>\n              {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    if (this.showPrepend || this.showAppend || (this.search && this.enterButton)) {\n      return (\n        <div\n          class={[\n            `${prefixCls}-group`,\n            `${prefixCls}-group-${this.size}`,\n            {\n              [`${prefixCls}-group-with-prepend`]: this.showPrepend,\n              [`${prefixCls}-group-with-append`]: this.showAppend || (this.search && this.enterButton),\n              [`${prefixCls}-with-search`]: this.search && this.enterButton,\n              [`${prefixCls}-group-soft`]: this.variant === 'soft',\n              [`${prefixCls}-group-rtl`]: this.computedDirection === 'rtl'\n            }\n          ]}\n        >\n          {this.showPrepend && <div class={[`${prefixCls}-group-prepend`]}>{this.$slots.prepend()}</div>}\n          {singleInput}\n          {this.search && !!this.enterButton ? (\n            <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]} onClick={this.handleSearch}>\n              {this.enterButton === true ? (\n                <UIcon>\n                  <Search />\n                </UIcon>\n              ) : (\n                this.enterButton\n              )}\n            </div>\n          ) : (\n            this.showAppend && (\n              <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]}>\n                {this.$slots.append()}\n              </div>\n            )\n          )}\n        </div>\n      );\n    }\n\n    return singleInput;\n  }\n});\n"],"names":["getMoneyString","val","replace","m","defineComponent","name","components","UIcon","Search","CircleX","Eye","EyeOff","props","inputProps","emits","inputEmits","setup","slots","emit","prefixCls","config","globalConfig","useGlobalConfig","onFieldChange","onFieldBlur","inject","FormItemKey","wordCountRef","shallowRef","inputRef","textareaRef","appendRef","showPassword","ref","stateValue","slotReady","isOnComposition","textareaStyles","showClearIcon","showPrefix","computed","type","prefixIcon","undefined","prefix","showSuffix","showWordLimit","search","passwordIcon","suffixIcon","suffix","textLength","value","String","length","showPrepend","prepend","showAppend","append","nativeType","tempType","computedDirection","direction","resizeTextarea","autosize","minRows","maxRows","calculateNodeHeight","watch","modelValue","nv","nextTick","immediate","wordCountWidth","handleWrapEnter","clearable","computedPaddingRight","offsetWidth","emitChange","disabledTriggerForm","setStateValue","setTimeout","handleInput","event","target","handleBlur","handleComposition","focus","select","handleClear","handleEnter","handleSearch","disabled","handleToggleShowPassword","len","_a","setSelectionRange","handleKeydown","handleKeypress","handleKeyup","key","handleFocus","onMounted","render","resolveComponent","_createVNode","default","maxlength","$slots","enterButton","singleInput","size","labelPosition","variant","label","labelColon","required","readonly","placeholder","autofocus","autocomplete","spellcheck","isValid","elementId","wrap","rows"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { defineComponent, computed, ref, onMounted, nextTick, watch, inject, resolveComponent, shallowRef } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Search, CircleX, Eye, EyeOff } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport calculateNodeHeight from '../../utils/calculateNodeHeight';\nimport { isValid } from '../../utils/isValid';\nimport { FormItemKey } from '../Form';\nimport { inputProps, inputEmits, type AutoSizeObject, type InputValueType } from './Input.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nconst getMoneyString = (val: string) => {\n  return val.replace(/^-?\\d+/g, (m) => m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ','));\n};\n\nexport default defineComponent({\n  name: 'UInput',\n  components: {\n    UIcon,\n    Search,\n    CircleX,\n    Eye,\n    EyeOff\n  },\n  // #region props\n  props: inputProps,\n  emits: inputEmits,\n  setup(props, { slots, emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('input');\n    const { onFieldChange, onFieldBlur } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    // ref\n    const wordCountRef = shallowRef<HTMLElement | null>(null);\n    const inputRef = shallowRef<HTMLInputElement | null>(null);\n    const textareaRef = shallowRef<HTMLTextAreaElement | null>(null);\n    const appendRef = shallowRef<HTMLElement | null>(null);\n    // #region data\n\n    const showPassword = ref(false);\n\n    const stateValue = ref<string | number>('');\n    const slotReady = ref(false);\n    const isOnComposition = ref(false);\n    const textareaStyles = ref({});\n    const showClearIcon = ref(false);\n    // #endregion\n    // #region computed\n    const showPrefix = computed(() => {\n      if (props.type !== 'textarea') {\n        return props.prefixIcon !== undefined || slots.prefix !== undefined;\n      }\n      return false;\n    });\n    const showSuffix = computed(() => {\n      if (props.type !== 'textarea' && !props.showWordLimit && !props.search && !props.passwordIcon) {\n        return props.suffixIcon !== undefined || slots.suffix !== undefined;\n      }\n      return false;\n    });\n    const textLength = computed(() => {\n      return typeof stateValue.value === 'number' ? String(stateValue.value).length : (stateValue.value || '').length;\n    });\n    const showPrepend = computed(() => {\n      if (props.type !== 'textarea') return slots.prepend !== undefined;\n      return false;\n    });\n    const showAppend = computed(() => {\n      if (props.type !== 'textarea') return slots.append !== undefined;\n      return false;\n    });\n    const nativeType = computed(() => {\n      let tempType = props.type;\n      if (props.type === 'password' && props.passwordIcon && showPassword.value) {\n        tempType = 'text';\n      }\n      return tempType;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    // #region methods\n    const resizeTextarea = () => {\n      if (!props.autosize || props.type !== 'textarea' || !textareaRef.value) {\n        return;\n      }\n      const { minRows, maxRows } = props.autosize as AutoSizeObject;\n      textareaStyles.value = calculateNodeHeight(textareaRef.value, minRows, maxRows);\n    };\n\n    // #endregion\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv !== undefined || nv !== null ? nv : '';\n        nextTick(() => {\n          resizeTextarea();\n        });\n      },\n      { immediate: true }\n    );\n\n    const wordCountWidth = ref(0);\n    // const computedStyle = computed(() => {\n    //   // default 11 inputbasepadding\n    //   let paddingRight = 0;\n    //   // wordlimit add limit width fixed 8px\n    //   if (props.showWordLimit) {\n    //     paddingRight += wordCountWidth.value + 16;\n    //   } else if (showSuffix.value || props.passwordIcon || (props.search && props.enterButton === false)) {\n    //     paddingRight = 26;\n    //   }\n    //   // when clear icon appear with word count\n    //   if (showClearIcon.value && !showSuffix.value) {\n    //     paddingRight += 24;\n    //   }\n    //   if (paddingRight !== 0) {\n    //     return {\n    //       paddingRight: `${paddingRight}px`\n    //     };\n    //   }\n    //   return {};\n    // });\n    // const computedClearStyle = computed(() => {\n    //   const clearStyle: CSSProperties = {};\n    //   let right = 0;\n    //   if (props.passwordIcon || (props.search && props.enterButton === false)) {\n    //     right = 24;\n    //   } else if (props.showWordLimit) {\n    //     right = wordCountWidth.value + 11;\n    //   }\n    //   if (appendRef.value) {\n    //     right += appendRef.value.offsetWidth;\n    //   }\n    //   if (right > 0) {\n    //     clearStyle.right = `${right}px`;\n    //   }\n    //   return clearStyle;\n    // });\n\n    const handleWrapEnter = () => {\n      if (props.clearable) {\n        showClearIcon.value = !showClearIcon.value;\n      }\n    };\n    const computedPaddingRight = () => {\n      if (props.showWordLimit && wordCountRef.value) {\n        wordCountWidth.value = wordCountRef.value.offsetWidth;\n      }\n    };\n\n    const emitChange = (value: InputValueType) => {\n      if (props.modelValue === undefined) {\n        stateValue.value = value;\n      }\n      emit('update:modelValue', value);\n      emit('change', value);\n      if (onFieldChange && !props.disabledTriggerForm) {\n        onFieldChange(value);\n      }\n    };\n\n    const setStateValue = (value: InputValueType) => {\n      if (value === stateValue.value) return;\n      if (props.showWordLimit) {\n        computedPaddingRight();\n      }\n      nextTick(() => {\n        setTimeout(() => {\n          resizeTextarea();\n        });\n      });\n      emitChange(value);\n    };\n\n    const handleInput = (event: any) => {\n      if (isOnComposition.value) return;\n      setStateValue(event.target.value);\n    };\n\n    const handleBlur = (event: any) => {\n      if (onFieldBlur && !props.disabledTriggerForm) {\n        onFieldBlur(stateValue.value);\n      }\n      emit('blur', event);\n    };\n\n    const handleComposition = (event: any) => {\n      if (event.type === 'compositionstart') {\n        isOnComposition.value = true;\n      }\n      if (event.type === 'compositionend') {\n        isOnComposition.value = false;\n        handleInput(event);\n      }\n    };\n\n    const focus = () => {\n      if (props.type === 'textarea') {\n        textareaRef.value?.focus();\n      } else {\n        inputRef.value?.focus();\n      }\n    };\n    const select = () => {\n      if (props.type === 'textarea') {\n        textareaRef.value?.select();\n      } else {\n        inputRef.value?.select();\n      }\n    };\n\n    const handleClear = (event: Event) => {\n      setStateValue('');\n      emit('clear', event);\n    };\n\n    const handleEnter = (event: Event) => {\n      emit('enter', event);\n      if (props.search) emit('search', stateValue.value);\n    };\n    const handleSearch = () => {\n      if (props.disabled) return;\n      // inputRef.value?.focus();\n      emit('search', stateValue.value);\n    };\n\n    const handleToggleShowPassword = () => {\n      if (props.disabled || !stateValue.value) return;\n      const len = `${stateValue.value}`.length;\n      showPassword.value = !showPassword.value;\n      inputRef.value?.focus();\n      setTimeout(() => {\n        inputRef.value?.setSelectionRange(len, len);\n      }, 0);\n    };\n    const handleKeydown = (event: any) => {\n      emit('keydown', event);\n    };\n    const handleKeypress = (event: any) => {\n      emit('keypress', event);\n    };\n    const handleKeyup = (event: any) => {\n      if (event.key === 'Enter') {\n        handleEnter(event);\n      }\n      emit('keyup', event);\n    };\n    const handleFocus = (event: any) => {\n      emit('focus', event);\n    };\n\n    // #endregion\n\n    onMounted(() => {\n      slotReady.value = true;\n      nextTick(() => {\n        setTimeout(() => {\n          resizeTextarea();\n        });\n      });\n      computedPaddingRight();\n    });\n\n    return {\n      prefixCls,\n      wordCountRef,\n      inputRef,\n      textareaRef,\n      appendRef,\n      slotReady,\n      stateValue,\n      getMoneyString,\n      textareaStyles,\n      showPassword,\n      computedDirection,\n      // computedStyle,\n      // computedClearStyle,\n      nativeType,\n      showPrefix,\n      showSuffix,\n      textLength,\n      showPrepend,\n      showAppend,\n      showClearIcon,\n      // methods\n      handleEnter,\n      handleWrapEnter,\n      handleKeydown,\n      handleKeypress,\n      handleKeyup,\n      handleFocus,\n      handleBlur,\n      handleComposition,\n      handleInput,\n      setStateValue,\n      resizeTextarea,\n      focus,\n      select,\n      handleClear,\n      handleSearch,\n      handleToggleShowPassword\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n\n    const prefixIcon = typeof this.prefixIcon === 'string' ? resolveComponent(this.prefixIcon) : this.prefixIcon;\n    const suffixIcon = typeof this.suffixIcon === 'string' ? resolveComponent(this.suffixIcon) : this.suffixIcon;\n    const suffix = () => {\n      if (this.type === 'password' && this.passwordIcon) {\n        return (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleToggleShowPassword}>\n            <UIcon>{this.showPassword ? <Eye /> : <EyeOff />}</UIcon>\n          </span>\n        );\n      }\n      if (this.showWordLimit) {\n        return (\n          <span ref=\"wordCountRef\" class={[`${prefixCls}-word-count`]}>\n            {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n          </span>\n        );\n      }\n      if (this.showSuffix) {\n        return (\n          <span class={`${prefixCls}-suffix`}>\n            {this.$slots.suffix\n              ? this.$slots.suffix()\n              : suffixIcon && (\n                  <UIcon>\n                    <suffixIcon />\n                  </UIcon>\n                )}\n          </span>\n        );\n      }\n    };\n\n    const prefix = () => {\n      if (this.search && this.enterButton === false) {\n        return (\n          <span class={[`${prefixCls}-prefix`]}>\n            <UIcon>\n              <Search />\n            </UIcon>\n          </span>\n        );\n      }\n      if (this.showPrefix) {\n        return (\n          <span class={`${prefixCls}-prefix`}>\n            {this.$slots.prefix\n              ? this.$slots.prefix()\n              : prefixIcon && (\n                  <UIcon>\n                    <prefixIcon />\n                  </UIcon>\n                )}\n          </span>\n        );\n      }\n      return null;\n    };\n\n    const singleInput = (\n      <div\n        class={[\n          `${prefixCls}-wrap`,\n          `${prefixCls}-wrap-${this.size}`,\n          {\n            [`${prefixCls}-${this.type}`]: this.type !== 'number',\n            [`${prefixCls}-wrap-disabled`]: this.disabled,\n            [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n            [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n            [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n            [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n            [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n          }\n        ]}\n        onMouseenter={this.handleWrapEnter}\n        onMouseleave={this.handleWrapEnter}\n      >\n        {this.label && (\n          <label\n            class={{\n              [`${prefixCls}-label`]: true,\n              [`${prefixCls}-label-colon`]: this.labelColon && this.labelPosition === 'left',\n              [`${prefixCls}-label-required`]: this.required\n            }}\n          >\n            {this.label}\n          </label>\n        )}\n        {prefix()}\n\n        <input\n          ref=\"inputRef\"\n          class={[`${this.prefixCls}`]}\n          type={this.nativeType}\n          size={this.inputSize}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          autofocus={this.autofocus}\n          disabled={this.disabled}\n          maxlength={this.maxlength}\n          autocomplete={this.autocomplete}\n          spellcheck={this.spellcheck}\n          value={this.stateValue}\n          onKeyup={this.handleKeyup}\n          onKeypress={this.handleKeypress}\n          onKeydown={this.handleKeydown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          onCompositionstart={this.handleComposition}\n          onCompositionupdate={this.handleComposition}\n          onCompositionend={this.handleComposition}\n          onInput={this.handleInput}\n          onChange={this.handleInput}\n        />\n        {this.clearable && isValid(this.stateValue) && !this.disabled && (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n            <UIcon>\n              <CircleX />\n            </UIcon>\n          </span>\n        )}\n        {suffix()}\n      </div>\n    );\n\n    if (this.type === 'textarea') {\n      return (\n        <div\n          class={[\n            `${prefixCls}-wrap`,\n            `${prefixCls}-wrap-${this.size}`,\n            `${prefixCls}-wrap-textarea`,\n            {\n              [`${prefixCls}-wrap-disabled`]: this.disabled,\n              [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n              [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n              [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n              [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n              [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n            }\n          ]}\n          onMouseenter={this.handleWrapEnter}\n          onMouseleave={this.handleWrapEnter}\n        >\n          <textarea\n            id={this.elementId}\n            ref=\"textareaRef\"\n            class={[\n              `${prefixCls}`,\n              {\n                [`${prefixCls}-disabled`]: this.disabled\n              }\n            ]}\n            value={this.stateValue}\n            style={this.textareaStyles}\n            wrap={this.wrap}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            placeholder={this.placeholder}\n            autofocus={this.autofocus}\n            maxlength={this.maxlength}\n            autocomplete={this.autocomplete}\n            spellcheck={this.spellcheck}\n            rows={this.rows}\n            onKeyup={this.handleKeyup}\n            onKeypress={this.handleKeypress}\n            onKeydown={this.handleKeydown}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n            onCompositionstart={this.handleComposition}\n            onCompositionupdate={this.handleComposition}\n            onCompositionend={this.handleComposition}\n            onInput={this.handleInput}\n          />\n          {this.clearable && isValid(this.stateValue) && !this.disabled && (\n            <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n              <UIcon>\n                <CircleX />\n              </UIcon>\n            </span>\n          )}\n          {this.showWordLimit && (\n            <div class={[`${prefixCls}-word-count`]}>\n              {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    if (this.showPrepend || this.showAppend || (this.search && this.enterButton)) {\n      return (\n        <div\n          class={[\n            `${prefixCls}-group`,\n            `${prefixCls}-group-${this.size}`,\n            {\n              [`${prefixCls}-group-with-prepend`]: this.showPrepend,\n              [`${prefixCls}-group-with-append`]: this.showAppend || (this.search && this.enterButton),\n              [`${prefixCls}-with-search`]: this.search && this.enterButton,\n              [`${prefixCls}-group-soft`]: this.variant === 'soft',\n              [`${prefixCls}-group-rtl`]: this.computedDirection === 'rtl'\n            }\n          ]}\n        >\n          {this.showPrepend && <div class={[`${prefixCls}-group-prepend`]}>{this.$slots.prepend()}</div>}\n          {singleInput}\n          {this.search && !!this.enterButton ? (\n            <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]} onClick={this.handleSearch}>\n              {this.enterButton === true ? (\n                <UIcon>\n                  <Search />\n                </UIcon>\n              ) : (\n                this.enterButton\n              )}\n            </div>\n          ) : (\n            this.showAppend && (\n              <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]}>\n                {this.$slots.append()}\n              </div>\n            )\n          )}\n        </div>\n      );\n    }\n\n    return singleInput;\n  }\n});\n"],"names":["getMoneyString","val","replace","m","defineComponent","name","components","UIcon","Search","CircleX","Eye","EyeOff","props","inputProps","emits","inputEmits","setup","slots","emit","prefixCls","config","globalConfig","useGlobalConfig","onFieldChange","onFieldBlur","inject","FormItemKey","wordCountRef","shallowRef","inputRef","textareaRef","appendRef","showPassword","ref","stateValue","slotReady","isOnComposition","textareaStyles","showClearIcon","showPrefix","computed","type","prefixIcon","undefined","prefix","showSuffix","showWordLimit","search","passwordIcon","suffixIcon","suffix","textLength","value","String","length","showPrepend","prepend","showAppend","append","nativeType","tempType","computedDirection","direction","resizeTextarea","autosize","minRows","maxRows","calculateNodeHeight","watch","modelValue","nv","nextTick","immediate","wordCountWidth","handleWrapEnter","clearable","computedPaddingRight","offsetWidth","emitChange","disabledTriggerForm","setStateValue","setTimeout","handleInput","event","target","handleBlur","handleComposition","focus","select","handleClear","handleEnter","handleSearch","disabled","handleToggleShowPassword","len","_a","setSelectionRange","handleKeydown","handleKeypress","handleKeyup","key","handleFocus","onMounted","render","resolveComponent","_createVNode","default","maxlength","$slots","enterButton","singleInput","size","labelPosition","variant","label","labelColon","required","inputSize","readonly","placeholder","autofocus","autocomplete","spellcheck","isValid","elementId","wrap","rows"],"mappings":"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"}

package/lib/components/Input/Input.type.d.ts

@@ -121,6 +121,9 @@ export declare const inputProps: {
     direction: {
         type: PropType<"ltr" | "rtl">;
     };
+    inputSize: {
+        type: NumberConstructor;
+    };
 };
 export declare type InputProps = ExtractPropTypes<typeof inputProps>;
 export declare const inputEmits: {

package/lib/components/Input/Input.type.js

@@ -119,6 +119,9 @@ const inputProps = {
   },
   direction: {
     type: String
+  },
+  inputSize: {
+    type: Number
   }
 };
 const inputEmits = {

package/lib/components/Input/Input.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.type.js","sources":["../../../../src/components/Input/Input.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport const inputType = ['text', 'textarea', 'password', 'number'] as const;\nexport type InputType = (typeof inputType)[number];\n\nexport type InputValueType = string | number;\nexport interface AutoSizeObject {\n  minRows: number;\n  maxRows: number;\n}\n\nexport const inputProps = {\n  type: {\n    type: String as PropType<InputType>,\n    default: 'text',\n    validator: oneOf(inputType)\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n  },\n  modelValue: {\n    type: [String, Number]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  maxlength: {\n    type: Number\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  autosize: {\n    type: [Boolean, Object] as PropType<boolean | AutoSizeObject>,\n    default: false\n  },\n  rows: {\n    type: Number,\n    default: 2\n  },\n  readonly: {\n    type: Boolean,\n    default: false\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  spellcheck: {\n    type: Boolean,\n    default: false\n  },\n  autocomplete: {\n    type: String,\n    default: 'off'\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  elementId: {\n    type: String\n  },\n  wrap: {\n    type: String,\n    default: 'soft'\n  },\n  prefixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  showWordLimit: {\n    type: Boolean,\n    default: false\n  },\n  search: {\n    type: Boolean,\n    default: false\n  },\n  enterButton: {\n    type: [Boolean, String],\n    default: false\n  },\n\n  passwordIcon: {\n    type: Boolean,\n    default: false\n  },\n  label: {\n    type: String,\n    default: ''\n  },\n  labelPosition: {\n    type: String as PropType<'top' | 'left'>,\n    default: 'left'\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  labelStyle: {\n    type: Object,\n    default: () => ({})\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  disabledTriggerForm: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type InputProps = ExtractPropTypes<typeof inputProps>;\n\nexport const inputEmits = {\n  enter: (ev: Event) => ev instanceof Event,\n  search: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  change: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  'update:modelValue': (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  clear: (ev: Event) => ev instanceof Event,\n  keydown: (ev: Event) => ev instanceof Event,\n  keypress: (ev: Event) => ev instanceof Event,\n  keyup: (ev: Event) => ev instanceof Event,\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event\n};\n\nexport type InputEmits = typeof inputEmits;\n"],"names":["oneOf","normalSizeMap"],"mappings":"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"}
+{"version":3,"file":"Input.type.js","sources":["../../../../src/components/Input/Input.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport const inputType = ['text', 'textarea', 'password', 'number'] as const;\nexport type InputType = (typeof inputType)[number];\n\nexport type InputValueType = string | number;\nexport interface AutoSizeObject {\n  minRows: number;\n  maxRows: number;\n}\n\nexport const inputProps = {\n  type: {\n    type: String as PropType<InputType>,\n    default: 'text',\n    validator: oneOf(inputType)\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n  },\n  modelValue: {\n    type: [String, Number]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  maxlength: {\n    type: Number\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  autosize: {\n    type: [Boolean, Object] as PropType<boolean | AutoSizeObject>,\n    default: false\n  },\n  rows: {\n    type: Number,\n    default: 2\n  },\n  readonly: {\n    type: Boolean,\n    default: false\n  },\n  autofocus: {\n    type: Boolean,\n    default: false\n  },\n  spellcheck: {\n    type: Boolean,\n    default: false\n  },\n  autocomplete: {\n    type: String,\n    default: 'off'\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  elementId: {\n    type: String\n  },\n  wrap: {\n    type: String,\n    default: 'soft'\n  },\n  prefixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  showWordLimit: {\n    type: Boolean,\n    default: false\n  },\n  search: {\n    type: Boolean,\n    default: false\n  },\n  enterButton: {\n    type: [Boolean, String],\n    default: false\n  },\n\n  passwordIcon: {\n    type: Boolean,\n    default: false\n  },\n  label: {\n    type: String,\n    default: ''\n  },\n  labelPosition: {\n    type: String as PropType<'top' | 'left'>,\n    default: 'left'\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  labelStyle: {\n    type: Object,\n    default: () => ({})\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  disabledTriggerForm: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  },\n  inputSize: {\n    type: Number\n  }\n};\n\nexport type InputProps = ExtractPropTypes<typeof inputProps>;\n\nexport const inputEmits = {\n  enter: (ev: Event) => ev instanceof Event,\n  search: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  change: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  'update:modelValue': (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n  clear: (ev: Event) => ev instanceof Event,\n  keydown: (ev: Event) => ev instanceof Event,\n  keypress: (ev: Event) => ev instanceof Event,\n  keyup: (ev: Event) => ev instanceof Event,\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event\n};\n\nexport type InputEmits = typeof inputEmits;\n"],"names":["oneOf","normalSizeMap"],"mappings":"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"}

package/lib/components/Input/index.d.ts

@@ -113,6 +113,9 @@ export declare const UInput: {
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
+        inputSize: {
+            type: NumberConstructor;
+        };
     }>> & Readonly<{
         onSearch?: (v: import("./Input.type").InputValueType) => any;
         onChange?: (v: import("./Input.type").InputValueType) => any;
@@ -451,6 +454,9 @@ export declare const UInput: {
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
+        inputSize: {
+            type: NumberConstructor;
+        };
     }>> & Readonly<{
         onSearch?: (v: import("./Input.type").InputValueType) => any;
         onChange?: (v: import("./Input.type").InputValueType) => any;
@@ -639,6 +645,9 @@ export declare const UInput: {
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
+    inputSize: {
+        type: NumberConstructor;
+    };
 }>> & Readonly<{
     onSearch?: (v: import("./Input.type").InputValueType) => any;
     onChange?: (v: import("./Input.type").InputValueType) => any;

package/lib/components/Menu/MenuItem.vue.d.ts

@@ -95,8 +95,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -108,41 +108,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -396,8 +396,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -409,38 +409,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -503,8 +503,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            type: import("vue").PropType<"light" | "red">;
+            default: "light" | "red";
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
@@ -516,41 +516,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefixCls: import("vue").ComputedRef<string>;
         arrowStyle: import("vue").ComputedRef<{
             top: string;
+            right: string;
             transform: string;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
             bottom: string;
+            right: string;
             transform: string;
             top?: undefined;
             left?: undefined;
-            right?: undefined;
         } | {
+            top: string;
             left: string;
             transform: string;
-            top?: undefined;
-            bottom?: undefined;
             right?: undefined;
+            bottom?: undefined;
         } | {
-            right: string;
+            bottom: string;
+            left: string;
             transform: string;
             top?: undefined;
-            bottom?: undefined;
-            left?: undefined;
+            right?: undefined;
         } | {
             top?: undefined;
+            right?: undefined;
             transform?: undefined;
             bottom?: undefined;
             left?: undefined;
-            right?: undefined;
         }>;
         onVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'visible-change': (v: boolean) => boolean;
         'update:visible': (v: boolean) => boolean;
     }, string, {
-        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        color: "light" | "red";
         offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";

package/lib/components/Menu/index.d.ts

@@ -344,8 +344,8 @@ export declare const UMenu: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -357,41 +357,41 @@ export declare const UMenu: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'visible-change': (v: boolean) => boolean;
                 'update:visible': (v: boolean) => boolean;
             }, import("vue").PublicProps, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -645,8 +645,8 @@ export declare const UMenu: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    type: import("vue").PropType<"light" | "red">;
+                    default: "light" | "red";
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -658,38 +658,38 @@ export declare const UMenu: {
                 prefixCls: import("vue").ComputedRef<string>;
                 arrowStyle: import("vue").ComputedRef<{
                     top: string;
+                    right: string;
                     transform: string;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
                     bottom: string;
+                    right: string;
                     transform: string;
                     top?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 } | {
+                    top: string;
                     left: string;
                     transform: string;
-                    top?: undefined;
-                    bottom?: undefined;
                     right?: undefined;
+                    bottom?: undefined;
                 } | {
-                    right: string;
+                    bottom: string;
+                    left: string;
                     transform: string;
                     top?: undefined;
-                    bottom?: undefined;
-                    left?: undefined;
+                    right?: undefined;
                 } | {
                     top?: undefined;
+                    right?: undefined;
                     transform?: undefined;
                     bottom?: undefined;
                     left?: undefined;
-                    right?: undefined;
                 }>;
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, {
-                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                color: "light" | "red";
                 offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
@@ -752,8 +752,8 @@ export declare const UMenu: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                type: import("vue").PropType<"light" | "red">;
+                default: "light" | "red";
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -765,41 +765,41 @@ export declare const UMenu: {
             prefixCls: import("vue").ComputedRef<string>;
             arrowStyle: import("vue").ComputedRef<{
                 top: string;
+                right: string;
                 transform: string;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
                 bottom: string;
+                right: string;
                 transform: string;
                 top?: undefined;
                 left?: undefined;
-                right?: undefined;
             } | {
+                top: string;
                 left: string;
                 transform: string;
-                top?: undefined;
-                bottom?: undefined;
                 right?: undefined;
+                bottom?: undefined;
             } | {
-                right: string;
+                bottom: string;
+                left: string;
                 transform: string;
                 top?: undefined;
-                bottom?: undefined;
-                left?: undefined;
+                right?: undefined;
             } | {
                 top?: undefined;
+                right?: undefined;
                 transform?: undefined;
                 bottom?: undefined;
                 left?: undefined;
-                right?: undefined;
             }>;
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'visible-change': (v: boolean) => boolean;
             'update:visible': (v: boolean) => boolean;
         }, string, {
-            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            color: "light" | "red";
             offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";

package/lib/components/Message/Message.js

@@ -38,7 +38,8 @@ const getMessageInstance = () => {
 const notice = (args) => {
   const {
     type,
-    content
+    content,
+    showIcon = true
   } = args;
   const duration = args.duration !== void 0 ? args.duration : defaultDuration;
   const iconType = iconTypes[type];
@@ -55,8 +56,8 @@ const notice = (args) => {
     background: args.background,
     content: () => vue.createVNode("div", {
       "class": `${prefixCls}-custom-content ${prefixCls}-${type}`,
-      "data-color": type
-    }, [vue.createVNode(index.UIcon, {
+      "data-type": type
+    }, [showIcon && vue.createVNode(index.UIcon, {
       "spin": type === "loading"
     }, {
       default: () => [vue.createVNode(iconType, null, null)]