@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Input/Input.mjs

@@ -0,0 +1,414 @@
+import { defineComponent, inject, shallowRef, ref, computed, watch, nextTick, onMounted, resolveComponent, createVNode } from 'vue';
+import { UIcon } from '../Icon/index.mjs';
+import { URoundSearch, URoundCloseCircle, URoundEyeOpen, URoundEyeOff } from '@koi-design/uxd-icon';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import calculateNodeHeight from '../../utils/calculateNodeHeight.mjs';
+import '../Form/index.mjs';
+import { inputProps, inputEmits } from './Input.type.mjs';
+import { FormItemKey } from '../Form/utils.mjs';
+
+const getMoneyString = (val) => {
+  return val.replace(/^-?\d+/g, (m) => m.replace(/(?=(?!\b)(\d{3})+$)/g, ","));
+};
+var Input = defineComponent({
+  name: "UInput",
+  components: {
+    UIcon,
+    URoundSearch,
+    URoundCloseCircle,
+    URoundEyeOpen,
+    URoundEyeOff
+  },
+  props: inputProps,
+  emits: inputEmits,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const {
+      prefixCls,
+      config: globalConfig
+    } = useGlobalConfig("input");
+    const {
+      onFieldChange,
+      onFieldBlur
+    } = inject(FormItemKey, {});
+    const wordCountRef = shallowRef(null);
+    const inputRef = shallowRef(null);
+    const textareaRef = shallowRef(null);
+    const appendRef = shallowRef(null);
+    const showPassword = ref(false);
+    const stateValue = ref("");
+    const slotReady = ref(false);
+    const isOnComposition = ref(false);
+    const textareaStyles = ref({});
+    const showClearIcon = ref(false);
+    const showPrefix = computed(() => {
+      if (props.type !== "textarea") {
+        return props.prefixIcon !== void 0 || slots.prefix !== void 0;
+      }
+      return false;
+    });
+    const showSuffix = computed(() => {
+      if (props.type !== "textarea" && !props.showWordLimit && !props.search && !props.passwordIcon) {
+        return props.suffixIcon !== void 0 || slots.suffix !== void 0;
+      }
+      return false;
+    });
+    const textLength = computed(() => {
+      return typeof stateValue.value === "number" ? String(stateValue.value).length : (stateValue.value || "").length;
+    });
+    const showPrepend = computed(() => {
+      if (props.type !== "textarea")
+        return slots.prepend !== void 0;
+      return false;
+    });
+    const showAppend = computed(() => {
+      if (props.type !== "textarea")
+        return slots.append !== void 0;
+      return false;
+    });
+    const nativeType = computed(() => {
+      let tempType = props.type;
+      if (props.type === "password" && props.passwordIcon && showPassword.value) {
+        tempType = "text";
+      }
+      return tempType;
+    });
+    const computedDirection = computed(() => {
+      return props.direction || globalConfig.direction || "ltr";
+    });
+    const resizeTextarea = () => {
+      if (!props.autosize || props.type !== "textarea" || !textareaRef.value) {
+        return;
+      }
+      const {
+        minRows,
+        maxRows
+      } = props.autosize;
+      textareaStyles.value = calculateNodeHeight(textareaRef.value, minRows, maxRows);
+    };
+    watch(() => props.modelValue, (nv) => {
+      stateValue.value = nv !== void 0 || nv !== null ? nv : "";
+      nextTick(() => {
+        resizeTextarea();
+      });
+    }, {
+      immediate: true
+    });
+    const wordCountWidth = ref(0);
+    const handleWrapEnter = () => {
+      if (props.clearable) {
+        showClearIcon.value = !showClearIcon.value;
+      }
+    };
+    const computedPaddingRight = () => {
+      if (props.showWordLimit && wordCountRef.value) {
+        wordCountWidth.value = wordCountRef.value.offsetWidth;
+      }
+    };
+    const emitChange = (value) => {
+      if (props.modelValue === void 0) {
+        stateValue.value = value;
+      }
+      emit("update:modelValue", value);
+      emit("change", value);
+      if (onFieldChange && !props.disabledTriggerForm) {
+        onFieldChange(value);
+      }
+    };
+    const setStateValue = (value) => {
+      if (value === stateValue.value)
+        return;
+      if (props.showWordLimit) {
+        computedPaddingRight();
+      }
+      nextTick(() => {
+        setTimeout(() => {
+          resizeTextarea();
+        });
+      });
+      emitChange(value);
+    };
+    const handleInput = (event) => {
+      if (isOnComposition.value)
+        return;
+      setStateValue(event.target.value);
+    };
+    const handleBlur = (event) => {
+      if (onFieldBlur && !props.disabledTriggerForm) {
+        onFieldBlur(stateValue.value);
+      }
+      emit("blur", event);
+    };
+    const handleComposition = (event) => {
+      if (event.type === "compositionstart") {
+        isOnComposition.value = true;
+      }
+      if (event.type === "compositionend") {
+        isOnComposition.value = false;
+        handleInput(event);
+      }
+    };
+    const focus = () => {
+      var _a, _b;
+      if (props.type === "textarea") {
+        (_a = textareaRef.value) == null ? void 0 : _a.focus();
+      } else {
+        (_b = inputRef.value) == null ? void 0 : _b.focus();
+      }
+    };
+    const select = () => {
+      var _a, _b;
+      if (props.type === "textarea") {
+        (_a = textareaRef.value) == null ? void 0 : _a.select();
+      } else {
+        (_b = inputRef.value) == null ? void 0 : _b.select();
+      }
+    };
+    const handleClear = (event) => {
+      setStateValue("");
+      emit("clear", event);
+    };
+    const handleEnter = (event) => {
+      emit("enter", event);
+      if (props.search)
+        emit("search", stateValue.value);
+    };
+    const handleSearch = () => {
+      if (props.disabled)
+        return;
+      emit("search", stateValue.value);
+    };
+    const handleToggleShowPassword = () => {
+      var _a;
+      if (props.disabled || !stateValue.value)
+        return;
+      const len = `${stateValue.value}`.length;
+      showPassword.value = !showPassword.value;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+      setTimeout(() => {
+        var _a2;
+        (_a2 = inputRef.value) == null ? void 0 : _a2.setSelectionRange(len, len);
+      }, 0);
+    };
+    const handleKeydown = (event) => {
+      emit("keydown", event);
+    };
+    const handleKeypress = (event) => {
+      emit("keypress", event);
+    };
+    const handleKeyup = (event) => {
+      if (event.key === "Enter") {
+        handleEnter(event);
+      }
+      emit("keyup", event);
+    };
+    const handleFocus = (event) => {
+      emit("focus", event);
+    };
+    onMounted(() => {
+      slotReady.value = true;
+      nextTick(() => {
+        setTimeout(() => {
+          resizeTextarea();
+        });
+      });
+      computedPaddingRight();
+    });
+    return {
+      prefixCls,
+      wordCountRef,
+      inputRef,
+      textareaRef,
+      appendRef,
+      slotReady,
+      stateValue,
+      getMoneyString,
+      textareaStyles,
+      showPassword,
+      computedDirection,
+      nativeType,
+      showPrefix,
+      showSuffix,
+      textLength,
+      showPrepend,
+      showAppend,
+      showClearIcon,
+      handleEnter,
+      handleWrapEnter,
+      handleKeydown,
+      handleKeypress,
+      handleKeyup,
+      handleFocus,
+      handleBlur,
+      handleComposition,
+      handleInput,
+      setStateValue,
+      resizeTextarea,
+      focus,
+      select,
+      handleClear,
+      handleSearch,
+      handleToggleShowPassword
+    };
+  },
+  render() {
+    const {
+      prefixCls
+    } = this;
+    const prefixIcon = typeof this.prefixIcon === "string" ? resolveComponent(this.prefixIcon) : this.prefixIcon;
+    const suffixIcon = typeof this.suffixIcon === "string" ? resolveComponent(this.suffixIcon) : this.suffixIcon;
+    const suffix = () => {
+      if (this.search && this.enterButton === false) {
+        return createVNode("span", {
+          "class": [`${prefixCls}-icon`, `${prefixCls}-icon-button`],
+          "onClick": this.handleSearch
+        }, [createVNode(UIcon, null, {
+          default: () => [createVNode(URoundSearch, null, null)]
+        })]);
+      }
+      if (this.type === "password" && this.passwordIcon) {
+        return createVNode("span", {
+          "class": [`${prefixCls}-icon`, `${prefixCls}-icon-button`],
+          "onClick": this.handleToggleShowPassword
+        }, [createVNode(UIcon, null, {
+          default: () => [this.showPassword ? createVNode(URoundEyeOpen, null, null) : createVNode(URoundEyeOff, null, null)]
+        })]);
+      }
+      if (this.showWordLimit) {
+        return createVNode("span", {
+          "ref": "wordCountRef",
+          "class": [`${prefixCls}-word-count`]
+        }, [this.computedDirection === "rtl" ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`]);
+      }
+      if (this.showSuffix) {
+        return createVNode("span", {
+          "class": `${prefixCls}-suffix`
+        }, [this.$slots.suffix ? this.$slots.suffix() : suffixIcon && createVNode(UIcon, null, {
+          default: () => [createVNode(suffixIcon, null, null)]
+        })]);
+      }
+    };
+    const singleInput = createVNode("div", {
+      "class": [`${prefixCls}-wrap`, `${prefixCls}-wrap-${this.size}`, {
+        [`${prefixCls}-${this.type}`]: this.type !== "number",
+        [`${prefixCls}-wrap-disabled`]: this.disabled,
+        [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,
+        [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,
+        [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,
+        [`${prefixCls}-wrap-variant-${this.variant}`]: true,
+        [`${prefixCls}-wrap-rtl`]: this.computedDirection === "rtl"
+      }],
+      "data-color": this.color,
+      "onMouseenter": this.handleWrapEnter,
+      "onMouseleave": this.handleWrapEnter
+    }, [this.label && createVNode("label", {
+      "class": {
+        [`${prefixCls}-label`]: true,
+        [`${prefixCls}-label-colon`]: this.labelColon && this.labelPosition === "left",
+        [`${prefixCls}-label-required`]: this.required
+      }
+    }, [this.label]), this.showPrefix && createVNode("span", {
+      "class": `${prefixCls}-prefix`
+    }, [this.$slots.prefix ? this.$slots.prefix() : prefixIcon && createVNode(UIcon, null, {
+      default: () => [createVNode(prefixIcon, null, null)]
+    })]), createVNode("input", {
+      "ref": "inputRef",
+      "class": [`${this.prefixCls}`],
+      "type": this.nativeType,
+      "readonly": this.readonly,
+      "placeholder": this.placeholder,
+      "autofocus": this.autofocus,
+      "disabled": this.disabled,
+      "maxlength": this.maxlength,
+      "autocomplete": this.autocomplete,
+      "spellcheck": this.spellcheck,
+      "value": this.stateValue,
+      "onKeyup": this.handleKeyup,
+      "onKeypress": this.handleKeypress,
+      "onKeydown": this.handleKeydown,
+      "onFocus": this.handleFocus,
+      "onBlur": this.handleBlur,
+      "onCompositionstart": this.handleComposition,
+      "onCompositionupdate": this.handleComposition,
+      "onCompositionend": this.handleComposition,
+      "onInput": this.handleInput,
+      "onChange": this.handleInput
+    }, null), this.clearable && this.stateValue && !this.disabled && createVNode("span", {
+      "class": [`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`],
+      "onClick": this.handleClear
+    }, [createVNode(UIcon, null, {
+      default: () => [createVNode(URoundCloseCircle, null, null)]
+    })]), suffix()]);
+    if (this.type === "textarea") {
+      return createVNode("div", {
+        "class": [`${prefixCls}-wrap`, `${prefixCls}-wrap-${this.size}`, `${prefixCls}-wrap-textarea`, {
+          [`${prefixCls}-wrap-disabled`]: this.disabled,
+          [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,
+          [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,
+          [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,
+          [`${prefixCls}-wrap-variant-${this.variant}`]: true,
+          [`${prefixCls}-wrap-rtl`]: this.computedDirection === "rtl"
+        }],
+        "data-color": this.color,
+        "onMouseenter": this.handleWrapEnter,
+        "onMouseleave": this.handleWrapEnter
+      }, [createVNode("textarea", {
+        "id": this.elementId,
+        "ref": "textareaRef",
+        "class": [`${prefixCls}`, {
+          [`${prefixCls}-disabled`]: this.disabled
+        }],
+        "value": this.stateValue,
+        "style": this.textareaStyles,
+        "wrap": this.wrap,
+        "disabled": this.disabled,
+        "readonly": this.readonly,
+        "placeholder": this.placeholder,
+        "autofocus": this.autofocus,
+        "maxlength": this.maxlength,
+        "autocomplete": this.autocomplete,
+        "spellcheck": this.spellcheck,
+        "rows": this.rows,
+        "onKeyup": this.handleKeyup,
+        "onKeypress": this.handleKeypress,
+        "onKeydown": this.handleKeydown,
+        "onFocus": this.handleFocus,
+        "onBlur": this.handleBlur,
+        "onCompositionstart": this.handleComposition,
+        "onCompositionupdate": this.handleComposition,
+        "onCompositionend": this.handleComposition,
+        "onInput": this.handleInput
+      }, null), this.showWordLimit && createVNode("div", {
+        "class": [`${prefixCls}-word-count`]
+      }, [this.computedDirection === "rtl" ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`])]);
+    }
+    if (this.showPrepend || this.showAppend || this.search && this.enterButton) {
+      return createVNode("div", {
+        "class": [`${prefixCls}-group`, `${prefixCls}-group-${this.size}`, {
+          [`${prefixCls}-group-with-prepend`]: this.showPrepend,
+          [`${prefixCls}-group-with-append`]: this.showAppend || this.search && this.enterButton,
+          [`${prefixCls}-with-search`]: this.search && this.enterButton,
+          [`${prefixCls}-group-soft`]: this.variant === "soft",
+          [`${prefixCls}-group-rtl`]: this.computedDirection === "rtl"
+        }]
+      }, [this.showPrepend && createVNode("div", {
+        "class": [`${prefixCls}-group-prepend`]
+      }, [this.$slots.prepend()]), singleInput, this.search && !!this.enterButton ? createVNode("div", {
+        "ref": "appendRef",
+        "class": [`${prefixCls}-group-append`],
+        "onClick": this.handleSearch
+      }, [this.enterButton === true ? createVNode(UIcon, null, {
+        default: () => [createVNode(URoundSearch, null, null)]
+      }) : this.enterButton]) : this.showAppend && createVNode("div", {
+        "ref": "appendRef",
+        "class": [`${prefixCls}-group-append`]
+      }, [this.$slots.append()])]);
+    }
+    return singleInput;
+  }
+});
+
+export { Input as default };
+//# sourceMappingURL=Input.mjs.map

package/es/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","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 { URoundSearch, URoundCloseCircle, URoundEyeOpen, URoundEyeOff } from '@koi-design/uxd-icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport calculateNodeHeight from '../../utils/calculateNodeHeight';\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    URoundSearch,\n    URoundCloseCircle,\n    URoundEyeOpen,\n    URoundEyeOff\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.search && this.enterButton === false) {\n        return (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleSearch}>\n            <UIcon>\n              <URoundSearch />\n            </UIcon>\n          </span>\n        );\n      }\n      if (this.type === 'password' && this.passwordIcon) {\n        return (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleToggleShowPassword}>\n            <UIcon>{this.showPassword ? <URoundEyeOpen /> : <URoundEyeOff />}</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 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        data-color={this.color}\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        {this.showPrefix && (\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        <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 && this.stateValue && !this.disabled && (\n          <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n            <UIcon>\n              <URoundCloseCircle />\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          data-color={this.color}\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.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                  <URoundSearch />\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","URoundSearch","URoundCloseCircle","URoundEyeOpen","URoundEyeOff","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","setSelectionRange","handleKeydown","handleKeypress","handleKeyup","key","handleFocus","onMounted","render","resolveComponent","enterButton","_createVNode","default","maxlength","$slots","singleInput","size","labelPosition","variant","color","label","labelColon","required","readonly","placeholder","autofocus","autocomplete","spellcheck","elementId","wrap","rows"],"mappings":"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"}

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

@@ -0,0 +1,143 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { IconPropType } from '../../utils/globalType';
+export declare const inputType: readonly ["text", "textarea", "password", "number"];
+export declare type InputType = (typeof inputType)[number];
+export declare type InputValueType = string | number;
+export interface AutoSizeObject {
+    minRows: number;
+    maxRows: number;
+}
+export declare const inputProps: {
+    type: {
+        type: PropType<"number" | "text" | "textarea" | "password">;
+        default: string;
+        validator: (val: "number" | "text" | "textarea" | "password") => boolean;
+    };
+    variant: {
+        type: PropType<"surface" | "soft">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "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";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+        validator: (val: "small" | "default" | "large") => boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxlength: {
+        type: NumberConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autosize: {
+        type: PropType<boolean | AutoSizeObject>;
+        default: boolean;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementId: {
+        type: StringConstructor;
+    };
+    wrap: {
+        type: StringConstructor;
+        default: string;
+    };
+    prefixIcon: {
+        type: PropType<IconPropType>;
+    };
+    suffixIcon: {
+        type: PropType<IconPropType>;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enterButton: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    passwordIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelPosition: {
+        type: PropType<"top" | "left">;
+        default: string;
+    };
+    labelColon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledTriggerForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<"ltr" | "rtl">;
+    };
+};
+export declare type InputProps = ExtractPropTypes<typeof inputProps>;
+export declare const inputEmits: {
+    enter: (ev: Event) => boolean;
+    search: (v: InputValueType) => boolean;
+    change: (v: InputValueType) => boolean;
+    'update:modelValue': (v: InputValueType) => boolean;
+    clear: (ev: Event) => boolean;
+    keydown: (ev: Event) => boolean;
+    keypress: (ev: Event) => boolean;
+    keyup: (ev: Event) => boolean;
+    focus: (ev: Event) => boolean;
+    blur: (ev: Event) => boolean;
+};
+export declare type InputEmits = typeof inputEmits;