yc-design-vue 2.1.9 → 2.2.1

package/es/Cascader/index.d.ts

@@ -74,10 +74,6 @@ declare const Cascader: {
                 readonly wordSlice?: import('..').WordSlice | undefined;
                 readonly showWordLimit?: boolean | undefined;
                 readonly inputAttrs?: import('..').RecordType | undefined;
-                readonly isPassword?: boolean | undefined;
-                readonly visibility?: boolean | undefined;
-                readonly defaultVisibility?: boolean | undefined;
-                readonly invisibleButton?: boolean | undefined;
                 readonly showInput?: boolean | undefined;
                 readonly onChange?: ((value: string, ev: Event) => any) | undefined;
                 readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
@@ -86,8 +82,6 @@ declare const Cascader: {
                 readonly onInput?: ((value: string, ev: Event) => any) | undefined;
                 readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                readonly "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
-                readonly "onVisibility-change"?: ((value: boolean) => any) | undefined;
                 readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -104,7 +98,7 @@ declare const Cascader: {
             $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: "update:visibility", value: boolean) => void) & ((event: "visibility-change", value: boolean) => void) & ((event: "pressEnter", ev: KeyboardEvent) => void);
+            $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('..').InputProps> & Readonly<{
                 onChange?: ((value: string, ev: Event) => any) | undefined;
@@ -114,13 +108,13 @@ declare const Cascader: {
                 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;
@@ -129,8 +123,6 @@ declare const Cascader: {
                 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;
@@ -146,10 +138,6 @@ declare const Cascader: {
                 wordLength: import('..').WordLength;
                 wordSlice: import('..').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> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -185,10 +173,6 @@ declare const Cascader: {
             wordLength: import('..').WordLength;
             wordSlice: import('..').WordSlice;
             inputAttrs: import('..').RecordType;
-            isPassword: boolean;
-            visibility: boolean;
-            defaultVisibility: boolean;
-            invisibleButton: boolean;
             showInput: boolean;
         }> & Omit<Readonly<import('..').InputProps> & Readonly<{
             onChange?: ((value: string, ev: Event) => any) | undefined;
@@ -198,13 +182,13 @@ declare const Cascader: {
             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" | "blur" | "getInputRef" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+        }>, "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;

package/es/Checkbox/Checkbox.vue.js

@@ -12,9 +12,9 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useCheckboxContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
-/* empty css                                               */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";
 const _hoisted_1 = ["value", "disabled", "checked"];

package/es/Collapse/CollapseItem.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString, withDirectives, vShow } from "vue";
 import useCollapseContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
-import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue2.js";
-/* empty css                                               */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
+import _sfc_main$3 from "../_shared/components/ExpandTransition/index.vue.js";
+/* empty css                                                */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";

package/es/Drawer/Drawer.vue.js

@@ -12,9 +12,9 @@ import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
-/* empty css                                               */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 const _hoisted_1 = { class: "yc-drawer-header" };
 const _hoisted_2 = { class: "yc-drawer-title text-ellipsis" };

package/es/Dropdown/DropdownButton.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownButtonProps
     position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
     popupContainer: import('..').PopupContainer;
     type: import('../Button').ButtonType;
-    hideOnSelect: boolean;
     buttonProps: import('../Button').ButtonProps;
+    hideOnSelect: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/Dropdown/DropdownButton.vue.js

@@ -9,8 +9,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";
 import _sfc_main$2 from "./Dropdown.vue.js";

package/es/Dropdown/Dsubmenu.vue.js

@@ -12,8 +12,8 @@ import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "./Doption.vue.js";

package/es/Dropdown/index.d.ts

@@ -154,8 +154,8 @@ declare const Dropdown: {
             position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
             popupContainer: import('..').PopupContainer;
             type: import('..').ButtonType;
-            hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
+            hideOnSelect: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -176,8 +176,8 @@ declare const Dropdown: {
             position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
             popupContainer: import('..').PopupContainer;
             type: import('..').ButtonType;
-            hideOnSelect: boolean;
             buttonProps: import('..').ButtonProps;
+            hideOnSelect: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -199,8 +199,8 @@ declare const Dropdown: {
         position: Extract<import('..').PopupPosition, "top" | "tr" | "tl" | "bottom" | "br" | "bl">;
         popupContainer: import('..').PopupContainer;
         type: import('..').ButtonType;
-        hideOnSelect: boolean;
         buttonProps: import('..').ButtonProps;
+        hideOnSelect: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<import('./type').DropdownButtonSlots> & import('./type').DropdownButtonSlots;
     });

package/es/Empty/index.vue.js

@@ -9,8 +9,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
 const _hoisted_1 = { class: "yc-empty" };

package/es/Image/Image.vue.js

@@ -10,8 +10,8 @@ import { valueToPx } from "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";
 import useImageContext from "./hooks/useContext.js";

package/es/Image/ImagePreview.vue.js

@@ -12,8 +12,8 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";

package/es/Image/ImagePreviewArrow.vue.js

@@ -9,8 +9,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Image/ImagePreviewToolbar.vue.js

@@ -9,15 +9,15 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                          */
-/* empty css                                               */
+/* empty css                                         */
+/* empty css                                                */
 /* empty css                                   */
-import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue.js";
-import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue.js";
-import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue.js";
-import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue.js";
+import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
+import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";
+import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue2.js";
 import _sfc_main$7 from "./ImagePreviewAction.vue.js";
 /* empty css                        */
 const _hoisted_1 = {

package/es/Input/Input.vue.d.ts

@@ -12,6 +12,8 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     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;
@@ -20,8 +22,6 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     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, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     onChange?: ((value: string, ev: Event) => any) | undefined;
@@ -31,8 +31,6 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     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;
 }>, {
     error: boolean;
@@ -48,10 +46,6 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     wordLength: import('./type').WordLength;
     wordSlice: import('./type').WordSlice;
     inputAttrs: import('..').RecordType;
-    isPassword: boolean;
-    visibility: boolean;
-    defaultVisibility: boolean;
-    invisibleButton: boolean;
     showInput: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

package/es/Input/Input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, withCtx, renderSlot, withDirectives, mergeProps, withKeys, vShow, createSlots } from "vue";
+import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, withCtx, renderSlot, withDirectives, createVNode, mergeProps, withKeys, vShow, toDisplayString } from "vue";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -8,18 +8,19 @@ import "../node_modules/dayjs/plugin/isSameOrAfter.js";
 import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
-/* empty css                                          */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
-/* empty css                                               */
+/* empty css                                                */
 /* empty css                                   */
-import _sfc_main$3 from "./InputSuffix.vue.js";
-/* empty css                 */
-const _hoisted_1 = ["value", "type", "disabled", "readonly", "placeholder"];
+const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-input-word-limit"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Input"
@@ -45,31 +46,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     inputAttrs: { default: () => {
       return {};
     } },
-    isPassword: { type: Boolean, default: false },
-    visibility: { type: Boolean, default: void 0 },
-    defaultVisibility: { type: Boolean, default: false },
-    invisibleButton: { type: Boolean, default: true },
     showInput: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "update:visibility", "input", "change", "visibility-change", "pressEnter", "keydown", "clear", "focus", "blur"],
+  emits: ["update:modelValue", "input", "change", "pressEnter", "keydown", "clear", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const $slots = useSlots();
     const props = __props;
     const emits = __emit;
-    const { visibility, defaultVisibility } = toRefs(props);
     const { size } = getGlobalConfig(props);
     const inputRef = ref();
-    const computedVisibility = useControlValue(
-      visibility,
-      defaultVisibility.value,
-      (val) => {
-        emits("update:visibility", val);
-        emits("visibility-change", val);
-      }
-    );
-    const type = computed(() => {
-      return computedVisibility.value ? "password" : "text";
-    });
     const {
       computedValue,
       showWordLimit,
@@ -77,6 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       curLength,
       maxLength,
       error,
+      recordCursor,
+      setCursor,
       handleInput,
       handleComposition
     } = useLimitedInput({
@@ -84,8 +71,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits,
       inputRef
     });
-    const handleEvent = async (type2, e) => {
-      switch (type2) {
+    const handleEvent = async (type, e) => {
+      switch (type) {
         case "input":
           {
             handleInput(e);
@@ -99,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case "focus":
         case "blur":
           {
-            emits(type2, e);
+            emits(type, e);
           }
           break;
         case "clear":
@@ -118,6 +105,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     __expose({
+      setCursor,
+      recordCursor,
       focus() {
         var _a;
         (_a = inputRef.value) == null ? void 0 : _a.focus();
@@ -166,10 +155,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           withDirectives(createElementVNode("input", mergeProps({
             value: unref(computedValue),
-            type: type.value,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
-            placeholder: _ctx.placeholder
+            placeholder: _ctx.placeholder,
+            type: "text"
           }, _ctx.inputAttrs, {
             class: "yc-input",
             ref_key: "inputRef",
@@ -204,25 +193,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "yc-input-clear-button",
             onClick: _cache[8] || (_cache[8] = ($event) => handleEvent("clear", $event))
           })) : createCommentVNode("", true),
-          $slots.suffix || unref(showWordLimit) || _ctx.isPassword && _ctx.invisibleButton ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 3,
-            "cur-length": unref(curLength),
-            "max-length": unref(maxLength),
-            "computed-value": unref(computedValue),
-            "show-word-limit": unref(showWordLimit),
-            "computed-visibility": unref(computedVisibility),
-            "invisible-button": _ctx.invisibleButton,
-            "is-password": _ctx.isPassword,
-            onVisibilityChange: _cache[9] || (_cache[9] = (v) => computedVisibility.value = v)
-          }, createSlots({ _: 2 }, [
-            $slots.suffix ? {
-              name: "suffix",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "suffix")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["cur-length", "max-length", "computed-value", "show-word-limit", "computed-visibility", "invisible-button", "is-password"])) : createCommentVNode("", true)
+          createVNode(unref(_sfc_main$1), { class: "yc-input-suffix" }, {
+            default: withCtx(() => [
+              unref(showWordLimit) ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(curLength)) + "/" + toDisplayString(unref(maxLength)), 1)) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "extra"),
+              renderSlot(_ctx.$slots, "suffix")
+            ]),
+            _: 3
+          })
         ], 2),
         $slots.append ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 1,