yc-design-vue 2.1.9 → 2.2.0

package/lib/Input/InputSearch.vue.d.ts

@@ -0,0 +1,310 @@
+import { InputSearchProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        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;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputSearchProps, {
+    focus(): void;
+    blur(): void;
+    getInputRef(): HTMLInputElement;
+    setCursor?: () => void;
+    recordCursor?: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (value: string, ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<InputSearchProps> & Readonly<{
+    onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    loading: boolean;
+    searchButton: boolean;
+    buttonText: string;
+    buttonProps: import('../Button').ButtonGroupProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Input/InputSearch.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=;/* empty css                                          */,/* empty css                                           */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");const t=require("../_shared/utils/dom.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                                 */;/* empty css                                    */const r=require("../_shared/icons/IconSearch.vue.js"),n=require("./Input.vue.js");;/* empty css            */const o=require("../Button/index.js"),i=require("../Spin/index.js"),u=e.defineComponent({name:"InputSearch",__name:"InputSearch",props:{searchButton:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:void 0},buttonText:{default:""},buttonProps:{default:()=>({})}},emits:["search"],setup(u,{expose:d,emit:a}){const l=a,p=e.ref(),c=async e=>{var s,r;l("search",null==(s=p.value)?void 0:s.getInputRef().value,e),await t.sleep(0),null==(r=p.value)||r.focus()};return d({focus(){var e;null==(e=p.value)||e.focus()},blur(){var e;null==(e=p.value)||e.blur()},getInputRef(){var e;return null==(e=p.value)?void 0:e.getInputRef()}}),(t,u)=>(e.openBlock(),e.createBlock(n.default,e.mergeProps({size:t.size,disabled:t.disabled},t.$attrs,{class:"yc-input-search",ref_key:"inputRef",ref:p}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append||t.searchButton?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append",{},()=>[e.createVNode(e.unref(o.default),e.mergeProps({type:"primary",size:t.size,disabled:t.disabled,loading:t.loading},t.buttonProps,{onClick:c}),{icon:e.withCtx(()=>[e.createVNode(e.unref(r.default))]),_:1},16,["size","disabled","loading"])])]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0,t.searchButton?void 0:{name:"extra",fn:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(e.unref(i.default),{key:0,"is-size-inherit":"",style:{color:"inherit"}})):(e.openBlock(),e.createBlock(e.unref(s.default),{key:1,disabled:t.disabled,onClick:c},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default))]),_:1},8,["disabled"]))]),key:"4"}]),1040,["size","disabled"]))}});exports.default=u;

package/lib/Input/InputSearch.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputSearch.vue.js");exports.default=e.default;

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-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)}
+.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)}