yc-design-vue 1.8.7 → 1.8.8

package/es/Tabs/index.d.ts

@@ -6,23 +6,23 @@ export type TabPaneInstance = InstanceType<typeof _TabPane>;
 export * from './type';
 declare const Tabs: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TabsProps> & Readonly<{
-        onDelete?: ((value: import('./type').TabKey) => any) | undefined;
         onChange?: ((value: import('./type').TabKey) => any) | undefined;
+        onDelete?: ((value: import('./type').TabKey) => any) | undefined;
         onAdd?: (() => any) | undefined;
         "onUpdate:activeKey"?: ((value: import('./type').TabKey) => any) | undefined;
         "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        delete: (value: import('./type').TabKey) => any;
         change: (value: import('./type').TabKey) => any;
+        delete: (value: import('./type').TabKey) => any;
         add: () => any;
         "update:activeKey": (value: import('./type').TabKey) => any;
         "tab-click": (value: import('./type').TabKey) => any;
     }, import('vue').PublicProps, {
-        type: import('./type').TabType;
         size: import('..').Size;
         trigger: import('./type').TabTrigger;
         position: import('./type').TabPositon;
         justify: boolean;
+        type: import('./type').TabType;
         animation: boolean;
         direction: import('..').Direction;
         activeKey: import('./type').TabKey;
@@ -43,17 +43,17 @@ declare const Tabs: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').TabsProps> & Readonly<{
-        onDelete?: ((value: import('./type').TabKey) => any) | undefined;
         onChange?: ((value: import('./type').TabKey) => any) | undefined;
+        onDelete?: ((value: import('./type').TabKey) => any) | undefined;
         onAdd?: (() => any) | undefined;
         "onUpdate:activeKey"?: ((value: import('./type').TabKey) => any) | undefined;
         "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        type: import('./type').TabType;
         size: import('..').Size;
         trigger: import('./type').TabTrigger;
         position: import('./type').TabPositon;
         justify: boolean;
+        type: import('./type').TabType;
         animation: boolean;
         direction: import('..').Direction;
         activeKey: import('./type').TabKey;
@@ -69,23 +69,23 @@ declare const Tabs: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').TabsProps> & Readonly<{
-    onDelete?: ((value: import('./type').TabKey) => any) | undefined;
     onChange?: ((value: import('./type').TabKey) => any) | undefined;
+    onDelete?: ((value: import('./type').TabKey) => any) | undefined;
     onAdd?: (() => any) | undefined;
     "onUpdate:activeKey"?: ((value: import('./type').TabKey) => any) | undefined;
     "onTab-click"?: ((value: import('./type').TabKey) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    delete: (value: import('./type').TabKey) => any;
     change: (value: import('./type').TabKey) => any;
+    delete: (value: import('./type').TabKey) => any;
     add: () => any;
     "update:activeKey": (value: import('./type').TabKey) => any;
     "tab-click": (value: import('./type').TabKey) => any;
 }, string, {
-    type: import('./type').TabType;
     size: import('..').Size;
     trigger: import('./type').TabTrigger;
     position: import('./type').TabPositon;
     justify: boolean;
+    type: import('./type').TabType;
     animation: boolean;
     direction: import('..').Direction;
     activeKey: import('./type').TabKey;

package/es/Tag/index.d.ts

@@ -14,8 +14,8 @@ declare const Tag: {
         "update:checked": (value: boolean) => any;
         check: (value: boolean, ev: MouseEvent) => any;
     }, import('vue').PublicProps, {
-        loading: boolean;
         size: import('./type').TagSize;
+        loading: boolean;
         visible: boolean;
         color: string;
         nowrap: boolean;
@@ -38,8 +38,8 @@ declare const Tag: {
         "onUpdate:checked"?: ((value: boolean) => any) | undefined;
         onCheck?: ((value: boolean, ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        loading: boolean;
         size: import('./type').TagSize;
+        loading: boolean;
         visible: boolean;
         color: string;
         nowrap: boolean;
@@ -64,8 +64,8 @@ declare const Tag: {
     "update:checked": (value: boolean) => any;
     check: (value: boolean, ev: MouseEvent) => any;
 }, string, {
-    loading: boolean;
     size: import('./type').TagSize;
+    loading: boolean;
     visible: boolean;
     color: string;
     nowrap: boolean;

package/es/Tag/index.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_component: import('vue').DefineComponent<TagProps, {}, {}, {
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     onCheck?: ((value: boolean, ev: MouseEvent) => any) | undefined;
 }>, {
-    loading: boolean;
     size: import('./type').TagSize;
+    loading: boolean;
     visible: boolean;
     color: string;
     nowrap: boolean;

package/es/Tag/index.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Spin from "../Spin/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";

package/es/Textarea/hooks/useTextareaHeight.js

@@ -5,6 +5,7 @@ import { valueToPx } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const useTextareaHeight = (mirrorRef, autoSize) => {
   if (!autoSize) {
     return {};

package/es/Textarea/index.d.ts

@@ -25,12 +25,12 @@ declare const Textarea: {
         keydown: (ev: KeyboardEvent) => any;
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
+        disabled: boolean;
         error: import('./type').AutoSize;
         placeholder: string;
-        maxLength: import('..').MaxLength;
-        disabled: boolean;
         modelValue: string;
         defaultValue: string;
+        maxLength: import('..').MaxLength;
         showWordLimit: boolean;
         allowClear: boolean;
         readonly: boolean;
@@ -63,12 +63,12 @@ declare const Textarea: {
         getInputRef(): HTMLTextAreaElement;
         getMirrorRef(): HTMLDivElement;
     }, {}, {}, {}, {
+        disabled: boolean;
         error: import('./type').AutoSize;
         placeholder: string;
-        maxLength: import('..').MaxLength;
-        disabled: boolean;
         modelValue: string;
         defaultValue: string;
+        maxLength: import('..').MaxLength;
         showWordLimit: boolean;
         allowClear: boolean;
         readonly: boolean;
@@ -103,12 +103,12 @@ declare const Textarea: {
     keydown: (ev: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, {
+    disabled: boolean;
     error: import('./type').AutoSize;
     placeholder: string;
-    maxLength: import('..').MaxLength;
-    disabled: boolean;
     modelValue: string;
     defaultValue: string;
+    maxLength: import('..').MaxLength;
     showWordLimit: boolean;
     allowClear: boolean;
     readonly: boolean;

package/es/Textarea/index.vue.d.ts

@@ -21,12 +21,12 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: import('./type').AutoSize;
     placeholder: string;
-    maxLength: import('..').MaxLength;
-    disabled: boolean;
     modelValue: string;
     defaultValue: string;
+    maxLength: import('..').MaxLength;
     showWordLimit: boolean;
     allowClear: boolean;
     readonly: boolean;

package/es/Textarea/index.vue.js

@@ -9,6 +9,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 /* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/TimePicker/TimePicker.vue.d.ts

@@ -69,9 +69,6 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
     onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
 }>, {
-    error: boolean;
-    placeholder: string | string[];
-    type: import('./type').TimePickerType;
     size: import('..').Size;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
@@ -79,6 +76,9 @@ declare const __VLS_component: import('vue').DefineComponent<TimePickerProps, {}
     position: import('./type').TimePickerPosition;
     unmountOnClose: boolean;
     popupContainer: import('..').PopupContainer;
+    error: boolean;
+    type: import('./type').TimePickerType;
+    placeholder: string | string[];
     modelValue: import('./type').TimePickerValue;
     defaultValue: import('./type').TimePickerValue;
     allowClear: boolean;

package/es/TimePicker/TimePicker.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import { isArray } from "../_shared/utils/is.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
@@ -38,9 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     readonly: { type: Boolean, default: false },
     error: { type: Boolean, default: false },
     format: { default: "HH:mm:ss" },
-    placeholder: { default: (props) => {
-      return props.type == "time-range" ? ["开始时间", "结束时间"] : "请选择时间";
-    } },
+    placeholder: { default: void 0 },
     size: { default: void 0 },
     popupContainer: { default: void 0 },
     step: {},
@@ -71,7 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled,
       curIndex,
       inputRefs,
-      format
+      format,
+      placeholder
     } = useContext().provide(props, emits);
     const panelRef = ref();
     const handleClear = () => {
@@ -163,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("input", {
                 value: unref(isArray)(unref(computedValue)) ? unref(computedValue)[0] : unref(computedValue),
-                placeholder: unref(isArray)(_ctx.placeholder) ? _ctx.placeholder[0] : _ctx.placeholder,
+                placeholder: unref(isArray)(unref(placeholder)) ? unref(placeholder)[0] : unref(placeholder),
                 disabled: unref(disabled),
                 readonly: unref(readonly),
                 ref: (el) => unref(inputRefs)[0] = el,
@@ -183,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("input", {
                   value: unref(isArray)(unref(computedValue)) ? unref(computedValue)[1] : unref(computedValue),
-                  placeholder: unref(isArray)(_ctx.placeholder) ? _ctx.placeholder[1] : _ctx.placeholder,
+                  placeholder: unref(isArray)(unref(placeholder)) ? unref(placeholder)[1] : unref(placeholder),
                   disabled: unref(disabled),
                   readonly: unref(readonly),
                   ref: (el) => unref(inputRefs)[1] = el,

package/es/TimePicker/TimePickerPanel.vue.js

@@ -7,6 +7,7 @@ import { isUndefined, isArray } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import { useI18n } from "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import Button from "../Button/index.js";
 import Scrollbar from "../Scrollbar/index.js";
@@ -40,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabledMinutes,
       disabledSeconds
     } = useContext().inject();
+    const { t } = useI18n();
     const scrollRefs = ref([]);
     const disabled = computed(() => {
       return !curValue.value.length || curValue.value.some((val) => !`${val}`);
@@ -189,11 +191,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               });
             })
           }, {
-            default: withCtx(() => _cache[1] || (_cache[1] = [
-              createTextVNode("此刻", -1)
-            ])),
-            _: 1,
-            __: [1]
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("datePicker.now")), 1)
+            ]),
+            _: 1
           }),
           createVNode(unref(Button), {
             type: "primary",
@@ -201,11 +202,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             disabled: disabled.value,
             onClick: handleConfirm
           }, {
-            default: withCtx(() => _cache[2] || (_cache[2] = [
-              createTextVNode(" 确定 ", -1)
-            ])),
-            _: 1,
-            __: [2]
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("datePicker.ok")), 1)
+            ]),
+            _: 1
           }, 8, ["disabled"])
         ])) : createCommentVNode("", true)
       ]);

package/es/TimePicker/hooks/useContext.d.ts

@@ -36,6 +36,7 @@ declare const _default: () => {
         curIndex: Ref<number, number>;
         inputRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
         format: Ref<string, string>;
+        placeholder: import('vue').ComputedRef<string | string[]>;
     };
     inject: () => TimePickerContext;
 };

package/es/TimePicker/hooks/useContext.js

@@ -5,6 +5,7 @@ import { isArray } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import { useI18n } from "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const TIME_PICKER_CONTEXT_KEY = "time-picker-context";
 const useContext = () => {
@@ -21,9 +22,11 @@ const useContext = () => {
       type,
       disableConfirm,
       hideDisabledOptions,
-      step
+      step,
+      placeholder: _placeholder
     } = toRefs(props);
     const { disabledHours, disabledMinutes, disabledSeconds } = props;
+    const { t } = useI18n();
     const computedValue = useControlValue(
       modelValue,
       defaultValue.value,
@@ -74,6 +77,11 @@ const useContext = () => {
         };
       });
     });
+    const placeholder = computed(() => {
+      return _placeholder.value ?? t(
+        `datePicker.${type.value == "time-range" ? "rangePlaceholder.time" : "placeholder.time"}`
+      );
+    });
     const inputRefs = ref([]);
     provide(TIME_PICKER_CONTEXT_KEY, {
       computedValue,
@@ -101,7 +109,8 @@ const useContext = () => {
       type,
       curIndex,
       inputRefs,
-      format
+      format,
+      placeholder
     };
   };
   const inject$1 = () => {

package/es/TimePicker/index.d.ts

@@ -18,9 +18,6 @@ declare const TimePicker: {
         select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
         "update:modelValue": (value: import('./type').TimePickerValue) => any;
     }, import('vue').PublicProps, {
-        error: boolean;
-        placeholder: string | string[];
-        type: import('./type').TimePickerType;
         size: import('..').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -28,6 +25,9 @@ declare const TimePicker: {
         position: import('./type').TimePickerPosition;
         unmountOnClose: boolean;
         popupContainer: import('..').PopupContainer;
+        error: boolean;
+        type: import('./type').TimePickerType;
+        placeholder: string | string[];
         modelValue: import('./type').TimePickerValue;
         defaultValue: import('./type').TimePickerValue;
         allowClear: boolean;
@@ -101,9 +101,6 @@ declare const TimePicker: {
         onSelect?: ((timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TimePickerValue) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        error: boolean;
-        placeholder: string | string[];
-        type: import('./type').TimePickerType;
         size: import('..').Size;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -111,6 +108,9 @@ declare const TimePicker: {
         position: import('./type').TimePickerPosition;
         unmountOnClose: boolean;
         popupContainer: import('..').PopupContainer;
+        error: boolean;
+        type: import('./type').TimePickerType;
+        placeholder: string | string[];
         modelValue: import('./type').TimePickerValue;
         defaultValue: import('./type').TimePickerValue;
         allowClear: boolean;
@@ -140,9 +140,6 @@ declare const TimePicker: {
     select: (timeString: string | (string | undefined)[] | undefined, time: Date | (Date | undefined)[] | undefined) => any;
     "update:modelValue": (value: import('./type').TimePickerValue) => any;
 }, string, {
-    error: boolean;
-    placeholder: string | string[];
-    type: import('./type').TimePickerType;
     size: import('..').Size;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
@@ -150,6 +147,9 @@ declare const TimePicker: {
     position: import('./type').TimePickerPosition;
     unmountOnClose: boolean;
     popupContainer: import('..').PopupContainer;
+    error: boolean;
+    type: import('./type').TimePickerType;
+    placeholder: string | string[];
     modelValue: import('./type').TimePickerValue;
     defaultValue: import('./type').TimePickerValue;
     allowClear: boolean;

package/es/Timeline/TimelineItemPending.vue.js

@@ -7,6 +7,7 @@ import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Timeline/hooks/useContext.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import _sfc_main$1 from "../TimelineItem.vue.js";
 /* empty css                   */
 import _sfc_main from "../TimelineItemPending.vue.js";

package/es/Tooltip/index.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Trigger from "../Trigger/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Transfer/Transfer.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "./TransferPanel.vue.js";

package/es/Transfer/TransferPanel.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";

package/es/Transfer/hooks/useContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const TRANSFER_CONTEXT_KEY = "transfer-context";
 const useContext = () => {

package/es/Trigger/hooks/useContext.js

@@ -6,6 +6,7 @@ import { sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const TRIGGER_CONTEXT_KEY = "trigger-context";
 const useContext = (params) => {
   const { trigger, popupRef, computedVisible, mouseEnterDelay } = params;

package/es/Trigger/hooks/useTriggerPosition.js

@@ -4,6 +4,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx, sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
+import "../../_shared/utils/locale.js";
 const useTriggerPosition = (params) => {
   const {
     props,

package/es/Trigger/hooks/useTriggerVisible.js

@@ -5,6 +5,7 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { findFirstScrollableParent } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const useTriggerVisible = (params) => {
   const { props, emits, popupRef, triggerRef } = params;

package/es/Trigger/index.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { findFirstLegitChild } from "../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */

package/es/Typography/TypographyBase.vue.d.ts

@@ -80,13 +80,13 @@ declare function __VLS_template(): {
                 "visibility-change": (value: boolean) => any;
                 pressEnter: (ev: KeyboardEvent) => any;
             }, string, {
-                error: boolean;
-                placeholder: string;
-                maxLength: import('../Input').MaxLength;
                 size: import('..').Size;
                 disabled: boolean;
+                error: boolean;
+                placeholder: string;
                 modelValue: string;
                 defaultValue: string;
+                maxLength: import('../Input').MaxLength;
                 showWordLimit: boolean;
                 allowClear: boolean;
                 readonly: boolean;
@@ -119,13 +119,13 @@ declare function __VLS_template(): {
             $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;
-            placeholder: string;
-            maxLength: import('../Input').MaxLength;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: string;
             defaultValue: string;
+            maxLength: import('../Input').MaxLength;
             showWordLimit: boolean;
             allowClear: boolean;
             readonly: boolean;
@@ -148,7 +148,7 @@ declare function __VLS_template(): {
             "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
             "onVisibility-change"?: ((value: boolean) => any) | undefined;
             onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | "getInputRef" | ("error" | "placeholder" | "maxLength" | "size" | "disabled" | "modelValue" | "defaultValue" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | "getInputRef" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement;
@@ -160,29 +160,29 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    copy: (value: string) => any;
-    expand: (expanded: boolean) => any;
     change: (value: string) => any;
+    copy: (value: string) => any;
     ellipsis: (isEllipsis: boolean) => any;
+    expand: (expanded: boolean) => any;
     "update:editing": (value: boolean) => any;
     "update:editText": (value: boolean) => any;
     "edit-start": () => any;
     "edit-end": () => any;
 }, string, import('vue').PublicProps, Readonly<TypographyBaseProps> & Readonly<{
-    onCopy?: ((value: string) => any) | undefined;
-    onExpand?: ((expanded: boolean) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onCopy?: ((value: string) => any) | undefined;
     onEllipsis?: ((isEllipsis: boolean) => any) | undefined;
+    onExpand?: ((expanded: boolean) => any) | undefined;
     "onUpdate:editing"?: ((value: boolean) => any) | undefined;
     "onUpdate:editText"?: ((value: boolean) => any) | undefined;
     "onEdit-start"?: (() => any) | undefined;
     "onEdit-end"?: (() => any) | undefined;
 }>, {
     delete: boolean;
-    type: import('./type').TypographyType;
     ellipsis: boolean | import('./type').EllipsisConfig;
     bold: boolean;
     underline: boolean;
+    type: import('./type').TypographyType;
     code: boolean;
     mark: boolean;
     tag: string;
@@ -273,13 +273,13 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
             "visibility-change": (value: boolean) => any;
             pressEnter: (ev: KeyboardEvent) => any;
         }, string, {
-            error: boolean;
-            placeholder: string;
-            maxLength: import('../Input').MaxLength;
             size: import('..').Size;
             disabled: boolean;
+            error: boolean;
+            placeholder: string;
             modelValue: string;
             defaultValue: string;
+            maxLength: import('../Input').MaxLength;
             showWordLimit: boolean;
             allowClear: boolean;
             readonly: boolean;
@@ -312,13 +312,13 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         $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;
-        placeholder: string;
-        maxLength: import('../Input').MaxLength;
         size: import('..').Size;
         disabled: boolean;
+        error: boolean;
+        placeholder: string;
         modelValue: string;
         defaultValue: string;
+        maxLength: import('../Input').MaxLength;
         showWordLimit: boolean;
         allowClear: boolean;
         readonly: boolean;
@@ -341,7 +341,7 @@ declare const __VLS_component: import('vue').DefineComponent<TypographyBaseProps
         "onUpdate:visibility"?: ((value: boolean) => any) | undefined;
         "onVisibility-change"?: ((value: boolean) => any) | undefined;
         onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
-    }>, "focus" | "blur" | "getInputRef" | ("error" | "placeholder" | "maxLength" | "size" | "disabled" | "modelValue" | "defaultValue" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "blur" | "getInputRef" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "maxLength" | "showWordLimit" | "allowClear" | "readonly" | "wordLength" | "wordSlice" | "inputAttrs" | "isPassword" | "visibility" | "defaultVisibility" | "invisibleButton" | "showInput")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement;