yc-design-vue 2.1.8 → 2.2.0

package/lib/Input/hooks/useLimitedInput.d.ts

@@ -15,6 +15,8 @@ declare const _default: (params: {
     error: import('vue').WritableComputedRef<boolean, boolean>;
     disabled: Ref<boolean, boolean>;
     maxLength: import('vue').ComputedRef<number>;
+    setCursor: () => void;
+    recordCursor: () => void;
     handleInput: (e: Event) => Promise<void>;
     handleComposition: (e: CompositionEvent) => Promise<void> | undefined;
 };

package/lib/Input/hooks/useLimitedInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js"),l=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r=require("./useCursor.js");exports.default=a=>{const{props:t,emits:o,inputRef:s}=a,{modelValue:i,defaultValue:n,disabled:d,readonly:v,allowClear:m,error:c,showWordLimit:p,maxLength:j}=e.toRefs(t),{wordLength:h,wordSlice:g}=t,{setCursor:y,recordCursor:f}=r.default(s),q=e.computed(()=>{var e;return u.isNumber(j.value)?j.value:null==(e=j.value)?void 0:e.length}),_=e.computed(()=>{var e;return!u.isNumber(j.value)&&(null==(e=j.value)?void 0:e.errorOnly)}),b=l.useControlValue(c,!1),w=l.useControlValue(i,n.value,e=>{o("update:modelValue",e)}),C=e.computed(()=>u.isNumber(q.value)&&p.value),x=e.computed(()=>m.value&&!d.value&&!v.value&&!!w.value.length);let L=0;const S=e.computed(()=>O(w.value)),V=e.ref(!1);function O(e){return u.isFunction(h)?h(e):(null==e?void 0:e.length)||0}const T=async()=>{f(),await e.nextTick(),s.value&&w.value!==s.value.value&&(s.value.value=w.value,y())},N=(e,u)=>{q.value&&O(e)>q.value?_.value?(w.value=e,b.value=!0):w.value=g(e,L):w.value=e,o("input",e,u),T()};return{computedValue:w,showClearBtn:x,showWordLimit:C,curLength:S,error:b,disabled:d,maxLength:q,handleInput:async e=>{const{value:u}=e.target;if(!V.value){if(S.value==q.value&&(L=w.value.length),q.value&&!_.value&&S.value>=q.value&&O(u)>q.value&&"insertText"===e.inputType)return T();N(u,e)}},handleComposition:e=>{const{value:l,selectionStart:r,selectionEnd:a}=e.target;if(V.value="compositionend"!==e.type,!V.value)return q.value&&!_.value&&S.value>=q.value&&O(l)>q.value&&r===a?T():void N(l,e);u.isUndefined(q.value)&&(o("input",l,e),w.value=l)}}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../../_shared/utils/dom.js");const u=require("../../_shared/utils/is.js"),l=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r=require("./useCursor.js");exports.default=a=>{const{props:o,emits:s,inputRef:t}=a,{modelValue:i,defaultValue:n,disabled:d,readonly:v,allowClear:c,error:m,showWordLimit:p,maxLength:j}=e.toRefs(o),{wordLength:h,wordSlice:g}=o,{setCursor:y,recordCursor:f}=r.default(t),q=e.computed(()=>{var e;return u.isNumber(j.value)?j.value:null==(e=j.value)?void 0:e.length}),_=e.computed(()=>{var e;return!u.isNumber(j.value)&&(null==(e=j.value)?void 0:e.errorOnly)}),b=l.useControlValue(m,!1),C=l.useControlValue(i,n.value,e=>{s("update:modelValue",e)}),w=e.computed(()=>u.isNumber(q.value)&&p.value),x=e.computed(()=>c.value&&!d.value&&!v.value&&!!C.value.length);let L=0;const S=e.computed(()=>O(C.value)),V=e.ref(!1);function O(e){return u.isFunction(h)?h(e):(null==e?void 0:e.length)||0}const T=async()=>{f(),await e.nextTick(),t.value&&C.value!==t.value.value&&(t.value.value=C.value,y())},N=(e,u)=>{q.value&&O(e)>q.value?_.value?(C.value=e,b.value=!0):C.value=g(e,L):C.value=e,s("input",e,u),T()};return{computedValue:C,showClearBtn:x,showWordLimit:w,curLength:S,error:b,disabled:d,maxLength:q,setCursor:y,recordCursor:f,handleInput:async e=>{const{value:u}=e.target;if(!V.value){if(S.value==q.value&&(L=C.value.length),q.value&&!_.value&&S.value>=q.value&&O(u)>q.value&&"insertText"===e.inputType)return T();N(u,e)}},handleComposition:e=>{const{value:l,selectionStart:r,selectionEnd:a}=e.target;if(V.value="compositionend"!==e.type,!V.value)return q.value&&!_.value&&S.value>=q.value&&O(l)>q.value&&r===a?T():void N(l,e);u.isUndefined(q.value)&&(s("input",l,e),C.value=l)}}};

package/lib/Input/index.css

@@ -1 +1 @@
-.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend.yc-input-prepend,.yc-input-outer .yc-input-append.yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-prepend.yc-input-append,.yc-input-outer .yc-input-append.yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}
+.yc-input-outer{width:100%;display:inline-flex;align-items:center}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append,.yc-input-outer .yc-input-wrapper{flex-shrink:0;font-size:inherit}.yc-input-outer .yc-input-prepend,.yc-input-outer .yc-input-append{overflow:hidden;height:100%;padding:0 12px;color:var(--color-text-1);font-weight:400;white-space:nowrap;background-color:var(--color-fill-2);display:flex;align-items:center}.yc-input-outer .yc-input-prepend{border-right:1px solid var(--color-neutral-3);border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-input-outer .yc-input-append{border-left:1px solid var(--color-neutral-3);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-input-has-prepend .yc-input-wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.yc-input-has-append .yc-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.yc-input-error .yc-input-wrapper{background-color:var(--color-danger-light-1)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-danger-light-2)}.yc-input-error .yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background:var(--color-bg-2);border-color:rgb(var(--danger-6));box-shadow:0 0 0 0 var(--color-danger-light-2)}.yc-input-disabled{cursor:not-allowed}.yc-input-disabled .yc-input-wrapper{cursor:not-allowed;border-color:transparent;background-color:var(--color-fill-2);color:var(--color-text-4)}.yc-input-disabled .yc-input-wrapper .yc-input-prefix,.yc-input-disabled .yc-input-wrapper .yc-input-suffix{color:inherit}.yc-input-disabled .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-4)}.yc-input-search .yc-input-prepend,.yc-input-search .yc-input-append{border:none;padding:0}.yc-input-search .yc-input-prepend .yc-button,.yc-input-search .yc-input-append .yc-button{border-radius:0}.yc-input-wrapper{flex:1;height:100%;width:100%;cursor:text;padding:0 12px;background-color:var(--color-fill-2);border:1px solid transparent;border-radius:var(--border-radius-small);transition:color .1s cubic-bezier(0, 0, 1, 1),border-color .1s cubic-bezier(0, 0, 1, 1),background-color .1s cubic-bezier(0, 0, 1, 1);color:var(--color-text-1);font-size:inherit;font-weight:400;display:flex;align-items:center}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover{border-color:transparent;background-color:var(--color-fill-3)}.yc-input-wrapper:not(.yc-input-wrapper-disabled):hover .yc-input-clear-button{visibility:visible}.yc-input-wrapper:not(.yc-input-wrapper-disabled):focus-within{background-color:var(--color-bg-2);border-color:rgb(var(--primary-6));box-shadow:0 0 0 0 var(--color-primary-light-2)}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix,.yc-input-wrapper .yc-input{flex-shrink:0;color:inherit}.yc-input-wrapper .yc-input-prefix,.yc-input-wrapper .yc-input-suffix{height:100%;color:var(--color-text-2);display:flex;justify-content:center;align-items:center}.yc-input-wrapper .yc-input-prefix .yc-input-word-limit,.yc-input-wrapper .yc-input-suffix .yc-input-word-limit{color:var(--color-text-3);font-size:12px}.yc-input-wrapper .yc-input-prefix .yc-icon-button,.yc-input-wrapper .yc-input-suffix .yc-icon-button{color:inherit}.yc-input-wrapper .yc-input-prefix.yc-input-prefix,.yc-input-wrapper .yc-input-suffix.yc-input-prefix{padding-right:12px}.yc-input-wrapper .yc-input-prefix.yc-input-suffix,.yc-input-wrapper .yc-input-suffix.yc-input-suffix{padding-left:12px}.yc-input-wrapper .yc-input-clear-button{visibility:hidden}.yc-input-wrapper .yc-input{flex:1;cursor:inherit;outline:none;border:none;border-radius:var(--border-radius-none);background-color:transparent;color:inherit}.yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-input-size-mini{font-size:12px;height:24px}.yc-input-size-mini .yc-input-wrapper .yc-input{padding:1px 0;line-height:1.667}.yc-input-size-small{font-size:14px;height:28px}.yc-input-size-small .yc-input-wrapper .yc-input{padding:2px 0;line-height:1.5715}.yc-input-size-medium{font-size:14px;height:32px}.yc-input-size-medium .yc-input-wrapper .yc-input{padding:4px 0;line-height:1.5715}.yc-input-size-large{font-size:14px;height:36px}.yc-input-size-large .yc-input-wrapper .yc-input{padding:6px 0;line-height:1.5715}.yc-input-group{display:inline-flex;align-items:center}.yc-input-group .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group .yc-input-outer:not(:last-child) .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-outer:not(:last-child):not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-outer:last-child .yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag,.yc-input-group .yc-textarea-wrapper,.yc-input-group .yc-picker{border-radius:0}.yc-input-group .yc-input-tag:not(:last-child),.yc-input-group .yc-textarea-wrapper:not(:last-child),.yc-input-group .yc-picker:not(:last-child){border-right:1px solid var(--color-neutral-3)}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-input-tag:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-textarea-wrapper:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-picker:not(:last-child):not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group .yc-input-tag:first-child,.yc-input-group .yc-textarea-wrapper:first-child,.yc-input-group .yc-picker:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group .yc-input-tag:last-child,.yc-input-group .yc-textarea-wrapper:last-child,.yc-input-group .yc-picker:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-radius:0}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer .yc-input-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-outer:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper,.yc-input-group>.yc-select:not(:last-child) .yc-picker,.yc-input-group .yc-cascader:not(:last-child) .yc-picker{border-radius:0;border-right:1px solid var(--color-neutral-3)}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-input-tag:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-textarea-wrapper:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group>.yc-select:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus,.yc-input-group .yc-cascader:not(:last-child) .yc-picker:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.yc-input-group>.yc-select:first-child .yc-input-tag,.yc-input-group .yc-cascader:first-child .yc-input-tag,.yc-input-group>.yc-select:first-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:first-child .yc-textarea-wrapper,.yc-input-group>.yc-select:first-child .yc-picker,.yc-input-group .yc-cascader:first-child .yc-picker,.yc-input-group>.yc-select:first-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:first-child .yc-input-outer.yc-input-wrapper{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.yc-input-group>.yc-select:last-child .yc-input-tag,.yc-input-group .yc-cascader:last-child .yc-input-tag,.yc-input-group>.yc-select:last-child .yc-textarea-wrapper,.yc-input-group .yc-cascader:last-child .yc-textarea-wrapper,.yc-input-group>.yc-select:last-child .yc-picker,.yc-input-group .yc-cascader:last-child .yc-picker,.yc-input-group>.yc-select:last-child .yc-input-outer.yc-input-wrapper,.yc-input-group .yc-cascader:last-child .yc-input-outer.yc-input-wrapper{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}.reset-base-input .yc-input-wrapper{border-right:1px solid var(--color-neutral-3)}.reset-base-input:not(.yc-input-disabled) .yc-input-wrapper:focus-within{border-right-color:rgb(var(--primary-6))}.reset-base-input:not(.yc-input-disabled).yc-input-error .yc-input-wrapper:focus-within{border-right-color:rgb(var(--danger-6))}.reset-senior-input{border-right:1px solid var(--color-neutral-3)}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled):focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-focus{border-right-color:rgb(var(--primary-6))}.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error:focus-within,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-input-tag-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-picker-error.yc-picker-focus,.reset-senior-input:not(.yc-input-tag-disabled):not(.yc-textarea-disabled).yc-textarea-error.yc-picker-focus{border-right-color:rgb(var(--danger-6))}.reset-first-border-radius{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.reset-last-border-radius{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}

package/lib/Input/index.d.ts

@@ -1,6 +1,12 @@
 import { App } from 'vue';
 import { default as _Input } from './Input.vue';
+import { default as _InputSearch } from './InputSearch.vue';
+import { default as _InputPassword } from './InputPassword.vue';
+import { default as _InputGroup } from './InputGroup.vue';
 export type InputInstance = InstanceType<typeof _Input>;
+export type InputPasswordInstance = InstanceType<typeof _InputPassword>;
+export type InputSearchInstance = InstanceType<typeof _InputSearch>;
+export type InputGroupInstance = InstanceType<typeof _InputGroup>;
 export * from './type';
 declare const Input: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').InputProps> & Readonly<{
@@ -11,13 +17,13 @@ declare const Input: {
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
-        "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement;
+        setCursor?: () => void;
+        recordCursor?: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: string, ev: Event) => any;
         focus: (ev: FocusEvent) => any;
@@ -26,8 +32,6 @@ declare const Input: {
         input: (value: string, ev: Event) => any;
         keydown: (ev: KeyboardEvent) => any;
         "update:modelValue": (value: string) => any;
-        "update:visibility": (value: boolean) => any;
-        "visibility-change": (value: boolean) => any;
         pressEnter: (ev: KeyboardEvent) => any;
     }, import('vue').PublicProps, {
         error: boolean;
@@ -43,10 +47,6 @@ declare const Input: {
         wordLength: import('./type').WordLength;
         wordSlice: import('./type').WordSlice;
         inputAttrs: import('..').RecordType;
-        isPassword: boolean;
-        visibility: boolean;
-        defaultVisibility: boolean;
-        invisibleButton: boolean;
         showInput: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         inputRef: HTMLInputElement;
@@ -65,13 +65,13 @@ declare const Input: {
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
-        "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement;
+        setCursor?: () => void;
+        recordCursor?: () => void;
     }, {}, {}, {}, {
         error: boolean;
         size: import('..').Size;
@@ -86,10 +86,6 @@ declare const Input: {
         wordLength: import('./type').WordLength;
         wordSlice: import('./type').WordSlice;
         inputAttrs: import('..').RecordType;
-        isPassword: boolean;
-        visibility: boolean;
-        defaultVisibility: boolean;
-        invisibleButton: boolean;
         showInput: boolean;
     }>;
     __isFragment?: never;
@@ -103,13 +99,13 @@ declare const Input: {
     onInput?: ((value: string, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
-    "onVisibility-change"?: ((value: boolean) => any) | undefined;
     onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
 }>, {
     focus(): void;
     blur(): void;
     getInputRef(): HTMLInputElement;
+    setCursor?: () => void;
+    recordCursor?: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string, ev: Event) => any;
     focus: (ev: FocusEvent) => any;
@@ -118,8 +114,6 @@ declare const Input: {
     input: (value: string, ev: Event) => any;
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
-    "update:visibility": (value: boolean) => any;
-    "visibility-change": (value: boolean) => any;
     pressEnter: (ev: KeyboardEvent) => any;
 }, string, {
     error: boolean;
@@ -135,19 +129,442 @@ declare const Input: {
     wordLength: import('./type').WordLength;
     wordSlice: import('./type').WordSlice;
     inputAttrs: import('..').RecordType;
-    isPassword: boolean;
-    visibility: boolean;
-    defaultVisibility: boolean;
-    invisibleButton: boolean;
     showInput: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: any;
 }) & {
+    group: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    password: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').InputPasswordProps> & Readonly<{
+            "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
+            "onVisibility-change"?: ((value: boolean) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:visibility": (value: boolean) => any;
+            "visibility-change": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            visibility: boolean;
+            defaultVisibility: boolean;
+            invisibleButton: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | undefined;
+                    readonly defaultValue?: string | undefined;
+                    readonly size?: import('..').Size | undefined;
+                    readonly allowClear?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly error?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly maxLength?: import('./type').MaxLength | undefined;
+                    readonly wordLength?: import('./type').WordLength | undefined;
+                    readonly wordSlice?: import('./type').WordSlice | undefined;
+                    readonly showWordLimit?: boolean | undefined;
+                    readonly inputAttrs?: import('..').RecordType | undefined;
+                    readonly showInput?: boolean | undefined;
+                    readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+                    readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+                    readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+                    readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    inputRef: HTMLInputElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('./type').InputProps> & Readonly<{
+                    onChange?: ((value: string, ev: Event) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    onClear?: ((ev: MouseEvent) => any) | undefined;
+                    onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onInput?: ((value: string, ev: Event) => any) | undefined;
+                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+                }>, {
+                    focus(): void;
+                    blur(): void;
+                    getInputRef(): HTMLInputElement;
+                    setCursor?: () => void;
+                    recordCursor?: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    change: (value: string, ev: Event) => any;
+                    focus: (ev: FocusEvent) => any;
+                    clear: (ev: MouseEvent) => any;
+                    blur: (ev: FocusEvent) => any;
+                    input: (value: string, ev: Event) => any;
+                    keydown: (ev: KeyboardEvent) => any;
+                    "update:modelValue": (value: string) => any;
+                    pressEnter: (ev: KeyboardEvent) => any;
+                }, string, {
+                    error: boolean;
+                    size: import('..').Size;
+                    disabled: boolean;
+                    placeholder: string;
+                    modelValue: string;
+                    defaultValue: string;
+                    maxLength: import('./type').MaxLength;
+                    showWordLimit: boolean;
+                    allowClear: boolean;
+                    readonly: boolean;
+                    wordLength: import('./type').WordLength;
+                    wordSlice: import('./type').WordSlice;
+                    inputAttrs: import('..').RecordType;
+                    showInput: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                error: boolean;
+                size: import('..').Size;
+                disabled: boolean;
+                placeholder: string;
+                modelValue: string;
+                defaultValue: string;
+                maxLength: import('./type').MaxLength;
+                showWordLimit: boolean;
+                allowClear: boolean;
+                readonly: boolean;
+                wordLength: import('./type').WordLength;
+                wordSlice: import('./type').WordSlice;
+                inputAttrs: import('..').RecordType;
+                showInput: boolean;
+            }> & Omit<Readonly<import('./type').InputProps> & Readonly<{
+                onChange?: ((value: string, ev: Event) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onClear?: ((ev: MouseEvent) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onInput?: ((value: string, ev: Event) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "setCursor" | "recordCursor" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "showInput")> & import('vue').ShallowUnwrapRef<{
+                focus(): void;
+                blur(): void;
+                getInputRef(): HTMLInputElement;
+                setCursor?: () => void;
+                recordCursor?: () => void;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
+            }) | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').InputPasswordProps> & Readonly<{
+            "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
+            "onVisibility-change"?: ((value: boolean) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }, {}, {}, {}, {
+            visibility: boolean;
+            defaultVisibility: boolean;
+            invisibleButton: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').InputPasswordProps> & Readonly<{
+        "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
+        "onVisibility-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        focus(): void;
+        blur(): void;
+        getInputRef(): HTMLInputElement;
+        setCursor?: () => void;
+        recordCursor?: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:visibility": (value: boolean) => any;
+        "visibility-change": (value: boolean) => any;
+    }, string, {
+        visibility: boolean;
+        defaultVisibility: boolean;
+        invisibleButton: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            prefix?(_: {}): any;
+            suffix?(_: {}): any;
+        };
+    });
+    search: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').InputSearchProps> & Readonly<{
+            onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            search: (value: string, ev: MouseEvent) => any;
+        }, import('vue').PublicProps, {
+            size: import('..').Size;
+            disabled: boolean;
+            loading: boolean;
+            searchButton: boolean;
+            buttonText: string;
+            buttonProps: import('..').ButtonGroupProps;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            inputRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | undefined;
+                    readonly defaultValue?: string | undefined;
+                    readonly size?: import('..').Size | undefined;
+                    readonly allowClear?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly readonly?: boolean | undefined;
+                    readonly error?: boolean | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly maxLength?: import('./type').MaxLength | undefined;
+                    readonly wordLength?: import('./type').WordLength | undefined;
+                    readonly wordSlice?: import('./type').WordSlice | undefined;
+                    readonly showWordLimit?: boolean | undefined;
+                    readonly inputAttrs?: import('..').RecordType | undefined;
+                    readonly showInput?: boolean | undefined;
+                    readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+                    readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+                    readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+                    readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    inputRef: HTMLInputElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "change", value: string, ev: Event) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('./type').InputProps> & Readonly<{
+                    onChange?: ((value: string, ev: Event) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
+                    onClear?: ((ev: MouseEvent) => any) | undefined;
+                    onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onInput?: ((value: string, ev: Event) => any) | undefined;
+                    onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+                }>, {
+                    focus(): void;
+                    blur(): void;
+                    getInputRef(): HTMLInputElement;
+                    setCursor?: () => void;
+                    recordCursor?: () => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                    change: (value: string, ev: Event) => any;
+                    focus: (ev: FocusEvent) => any;
+                    clear: (ev: MouseEvent) => any;
+                    blur: (ev: FocusEvent) => any;
+                    input: (value: string, ev: Event) => any;
+                    keydown: (ev: KeyboardEvent) => any;
+                    "update:modelValue": (value: string) => any;
+                    pressEnter: (ev: KeyboardEvent) => any;
+                }, string, {
+                    error: boolean;
+                    size: import('..').Size;
+                    disabled: boolean;
+                    placeholder: string;
+                    modelValue: string;
+                    defaultValue: string;
+                    maxLength: import('./type').MaxLength;
+                    showWordLimit: boolean;
+                    allowClear: boolean;
+                    readonly: boolean;
+                    wordLength: import('./type').WordLength;
+                    wordSlice: import('./type').WordSlice;
+                    inputAttrs: import('..').RecordType;
+                    showInput: boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{
+                error: boolean;
+                size: import('..').Size;
+                disabled: boolean;
+                placeholder: string;
+                modelValue: string;
+                defaultValue: string;
+                maxLength: import('./type').MaxLength;
+                showWordLimit: boolean;
+                allowClear: boolean;
+                readonly: boolean;
+                wordLength: import('./type').WordLength;
+                wordSlice: import('./type').WordSlice;
+                inputAttrs: import('..').RecordType;
+                showInput: boolean;
+            }> & Omit<Readonly<import('./type').InputProps> & Readonly<{
+                onChange?: ((value: string, ev: Event) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onClear?: ((ev: MouseEvent) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onInput?: ((value: string, ev: Event) => any) | undefined;
+                onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+            }>, "focus" | "blur" | "setCursor" | "recordCursor" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "showInput")> & import('vue').ShallowUnwrapRef<{
+                focus(): void;
+                blur(): void;
+                getInputRef(): HTMLInputElement;
+                setCursor?: () => void;
+                recordCursor?: () => void;
+            }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+                $slots: any;
+            }) | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').InputSearchProps> & Readonly<{
+            onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+            getInputRef(): HTMLInputElement;
+            setCursor?: () => void;
+            recordCursor?: () => void;
+        }, {}, {}, {}, {
+            size: import('..').Size;
+            disabled: boolean;
+            loading: boolean;
+            searchButton: boolean;
+            buttonText: string;
+            buttonProps: import('..').ButtonGroupProps;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').InputSearchProps> & Readonly<{
+        onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+    }>, {
+        focus(): void;
+        blur(): void;
+        getInputRef(): HTMLInputElement;
+        setCursor?: () => void;
+        recordCursor?: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        search: (value: string, ev: MouseEvent) => any;
+    }, string, {
+        size: import('..').Size;
+        disabled: boolean;
+        loading: boolean;
+        searchButton: boolean;
+        buttonText: string;
+        buttonProps: import('..').ButtonGroupProps;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            prefix?(_: {}): any;
+            suffix?(_: {}): any;
+        };
+    });
     install: (app: App) => void;
 };
+export { _InputGroup as InputGroup, _InputPassword as InputPassword, _InputSearch as InputSearch, };
 declare module 'vue' {
     interface GlobalComponents {
         YcInput: typeof Input;
+        YcInputGroup: typeof _InputGroup;
+        YcInputPassword: typeof _InputPassword;
+        YcInputSearch: typeof _InputSearch;
     }
 }
 export default Input;

package/lib/Input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.vue.js");;/* empty css            */const t=Object.assign(e.default,{install:t=>{t.component("Yc"+e.default.name,e.default)}});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.vue.js");;/* empty css            */const u=require("./InputSearch.vue.js"),t=require("./InputPassword.vue.js"),a=require("./InputGroup.vue.js");;/* empty css                 */const r=Object.assign(e.default,{group:a.default,password:t.default,search:u.default,install:r=>{r.component("Yc"+e.default.name,e.default),r.component("Yc"+u.default.name,u.default),r.component("Yc"+t.default.name,t.default),r.component("Yc"+a.default.name,a.default)}});exports.InputSearch=u.default,exports.InputPassword=t.default,exports.InputGroup=a.default,exports.default=r;