@julingbase/jly-arco-design 0.0.4 → 0.0.5

package/lib/input/input.js

@@ -5,15 +5,19 @@ var constant = require("../_utils/constant.js");
 var feedbackIcon = require("../_components/feedback-icon.js");
 var keycode = require("../_utils/keycode.js");
 var iconHover = require("../_components/icon-hover.js");
-var index = require("../icon/icon-close/index.js");
+var index$1 = require("../icon/icon-close/index.js");
 var omit = require("../_utils/omit.js");
 var pick = require("../_utils/pick.js");
 var is = require("../_utils/is.js");
 var useFormItem = require("../_hooks/use-form-item.js");
 var useSize = require("../_hooks/use-size.js");
 var useCursor = require("../_hooks/use-cursor.js");
+var index = require("../tooltip/index.js");
 var _Input = vue.defineComponent({
   name: "Input",
+  components: {
+    Tooltip: index
+  },
   inheritAttrs: false,
   props: {
     modelValue: String,
@@ -63,7 +67,11 @@ var _Input = vue.defineComponent({
       default: "text"
     },
     prepend: String,
-    append: String
+    append: String,
+    enableToolTip: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: {
     "update:modelValue": (value) => true,
@@ -83,7 +91,8 @@ var _Input = vue.defineComponent({
       size,
       disabled,
       error,
-      modelValue
+      modelValue,
+      enableToolTip
     } = vue.toRefs(props);
     const prefixCls = globalConfig.getPrefixCls("input");
     const inputRef = vue.ref();
@@ -257,6 +266,11 @@ var _Input = vue.defineComponent({
       }
       return attrs2;
     });
+    const inputToolTipAttrs = vue.computed(() => {
+      return enableToolTip.value ? {} : {
+        "popup-visible": false
+      };
+    });
     const renderInput = (hasOuter) => {
       var _a;
       return vue.createVNode("span", vue.mergeProps({
@@ -264,27 +278,31 @@ var _Input = vue.defineComponent({
         "onMousedown": handleMousedown
       }, !hasOuter ? wrapperAttrs.value : void 0), [slots.prefix && vue.createVNode("span", {
         "class": `${prefixCls}-prefix`
-      }, [slots.prefix()]), vue.createVNode("input", vue.mergeProps({
-        "ref": inputRef,
-        "class": cls.value,
-        "value": computedValue.value,
-        "type": props.type,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": mergedDisabled.value,
-        "onInput": handleInput,
-        "onKeydown": handleKeyDown,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onCompositionstart": handleComposition,
-        "onCompositionupdate": handleComposition,
-        "onCompositionend": handleComposition
-      }, mergeInputAttrs.value), null), showClearBtn.value && vue.createVNode(iconHover, {
+      }, [slots.prefix()]), vue.createVNode(index, vue.mergeProps({
+        "content": props.placeholder
+      }, inputToolTipAttrs.value), {
+        default: () => [vue.createVNode("input", vue.mergeProps({
+          "ref": inputRef,
+          "class": cls.value,
+          "value": computedValue.value,
+          "type": props.type,
+          "placeholder": props.placeholder,
+          "readonly": props.readonly,
+          "disabled": mergedDisabled.value,
+          "onInput": handleInput,
+          "onKeydown": handleKeyDown,
+          "onFocus": handleFocus,
+          "onBlur": handleBlur,
+          "onCompositionstart": handleComposition,
+          "onCompositionupdate": handleComposition,
+          "onCompositionend": handleComposition
+        }, mergeInputAttrs.value), null)]
+      }), showClearBtn.value && vue.createVNode(iconHover, {
         "prefix": prefixCls,
         "class": `${prefixCls}-clear-btn`,
         "onClick": handleClear
       }, {
-        default: () => [vue.createVNode(index, null, null)]
+        default: () => [vue.createVNode(index$1, null, null)]
       }), (slots.suffix || Boolean(props.maxLength) && props.showWordLimit || Boolean(feedback.value)) && vue.createVNode("span", {
         "class": [`${prefixCls}-suffix`, {
           [`${prefixCls}-suffix-has-feedback`]: feedback.value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@julingbase/jly-arco-design",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "基于arco-design-vue的二次封装组件库",
   "author": "lzh",
   "license": "MIT",
@@ -97,5 +97,5 @@
     "scroll-into-view-if-needed": "^2.2.31",
     "vue": "^3.1.0"
   },
-  "gitHead": "d94a1dcf148169b96dbecb2b8bc9d65fd4e604ce"
+  "gitHead": "2e40a86bb4f9daa2c5a52b0fa2b8ed6f385e227a"
 }