yc-design-vue 1.8.6 → 1.8.8

package/es/Pagination/hooks/useContext.js

@@ -3,8 +3,8 @@ 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 { useI18n } from "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
-import { useI18n } from "../../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const PAGINATION_CONTEXT_KEY = "pagination-context";
 const useContext = () => {
   const provide$1 = (props, emits) => {

package/es/Popconfirm/index.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/dom.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";
 import useOnBeforeClose from "../Modal/hooks/useOnBeforeClose.js";
 import Trigger from "../Trigger/index.js";
@@ -54,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const { popupVisible, defaultPopupVisible, type } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
+    const { t } = useI18n();
     const asyncLoading = ref(false);
     const triggerRef = ref();
     const computedVisible = useControlValue(
@@ -132,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_4, [
             createVNode(unref(Button), mergeProps({ size: "mini" }, _ctx.cancelButtonProps, { onClick: handleCancel }), {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.$t("popconfirm.cancelText")), 1)
+                createTextVNode(toDisplayString(_ctx.cancelText || unref(t)("popconfirm.cancelText")), 1)
               ]),
               _: 1
             }, 16),
@@ -142,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               loading: _ctx.okLoading || asyncLoading.value
             }, _ctx.okButtonProps, { onClick: handleOk }), {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.okText || _ctx.$t("popconfirm.okText")), 1)
+                createTextVNode(toDisplayString(_ctx.okText || unref(t)("popconfirm.okText")), 1)
               ]),
               _: 1
             }, 16, ["loading"])

package/es/Popover/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 _hoisted_1 = {

package/es/Progress/Progress.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";
 import _sfc_main$2 from "./ProgressLine.vue.js";
 /* empty css                  */
 import _sfc_main$1 from "./ProgressSteps.vue.js";

package/es/Progress/ProgressCircle.vue.js

@@ -7,6 +7,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconExclamation.vue2.js";
+import "../_shared/utils/locale.js";
 import { TYPE_ICON_COLOR_MAP } from "../_shared/constants/index.js";
 const _hoisted_1 = ["aria-valuenow"];
 const _hoisted_2 = ["viewBox"];

package/es/Progress/ProgressLine.vue.js

@@ -6,6 +6,7 @@ import { isObject } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const _hoisted_1 = ["aria-valuenow"];
 const _hoisted_2 = {
   key: 0,

package/es/Progress/ProgressSteps.vue.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 _hoisted_1 = ["aria-valuenow"];
 const _hoisted_2 = {
   key: 0,

package/es/Radio/Radio.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 useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";

package/es/Radio/hooks/useContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import { isObject } from "../../_shared/utils/is.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 RADIO_GROUP_CONTEXT_KEY = "radio-group-context";
 const useContext = () => {

package/es/Rate/index.vue.js

@@ -7,6 +7,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconFaceSmile.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconStar.vue.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 const _hoisted_1 = ["onClick", "onMouseenter"];
 const _hoisted_2 = ["onClick", "onMouseenter"];

package/es/ResizeBox/index.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";

package/es/Scrollbar/Scrollbar.vue.js

@@ -5,6 +5,7 @@ import { isVerticallyScrollable, isHorizontallyScrollable } from "../_shared/uti
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./ScrollbarTrack.vue.js";
 /* empty css                    */
 import useContext from "./hooks/useContext.js";

package/es/Scrollbar/ScrollbarTrack.vue.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";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScrollbarTrack",

package/es/Select/Option.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 const _hoisted_1 = {

package/es/Select/Select.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps, SelectSlots } from './type';
+import { SelectProps, SelectSlots, SelectValue } from './type';
 import { InputTagValue } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
@@ -393,31 +393,31 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     blur(): void;
     getPopupRef(): TriggerInstance;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: import('./type').SelectValue) => any;
+    change: (value: SelectValue) => any;
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').SelectValue) => any;
+    select: (value: SelectValue) => any;
     search: (value: string) => any;
-    "update:modelValue": (value: import('./type').SelectValue) => any;
-    "update:inputValue": (value: import('./type').SelectValue) => any;
+    "update:modelValue": (value: SelectValue) => any;
+    "update:inputValue": (value: SelectValue) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: SelectValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
-    onChange?: ((value: import('./type').SelectValue) => any) | undefined;
+    onChange?: ((value: SelectValue) => any) | undefined;
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: import('./type').SelectValue) => any) | undefined;
+    onSelect?: ((value: SelectValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import('./type').SelectValue) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: import('./type').SelectValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectValue) => any) | undefined;
+    "onUpdate:inputValue"?: ((value: SelectValue) => any) | undefined;
     "onInput-value-change"?: ((value: string) => any) | undefined;
     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-    onExceedLimit?: ((value: import('./type').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
@@ -432,8 +432,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     multiple: boolean;
     placeholder: string;
     bordered: boolean;
-    modelValue: import('./type').SelectValue;
-    defaultValue: import('./type').SelectValue;
+    modelValue: SelectValue;
+    defaultValue: SelectValue;
     allowClear: boolean;
     showExtraOptions: boolean;
     options: import('./type').SelectOptions;

package/es/Select/Select.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./SelectIcon.vue.js";
 /* empty css                */

package/es/Select/SelectIcon.vue.js

@@ -5,6 +5,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/components/IconButton.vue.js";
 /* empty css                                    */

package/es/Select/SelectRealList.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$2 from "./Option.vue.js";
 /* empty css            */

package/es/Select/SelectView.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 useContext from "./hooks/useContext.js";
 import useScrollReach from "../List/hooks/useScrollReach.js";
 import _sfc_main$1 from "./SelectVirtualList.vue.js";

package/es/Select/SelectVirtualList.vue.js

@@ -6,6 +6,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import "./index.js";
 import _sfc_main$1 from "./Option.vue.js";

package/es/Select/hooks/useContext.js

@@ -5,6 +5,7 @@ import { isBoolean, isFunction } from "../../_shared/utils/is.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 useSelectOptions from "./useSelectOptions.js";
 import useSelectHotkeys from "./useSelectHotkeys.js";

package/es/Select/hooks/useSelectOptions.js

@@ -6,6 +6,7 @@ import { isUndefined, isNull, isString, isObject } from "../../_shared/utils/is.
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const useSelectOptions = (params) => {
   const {
     computedValue,

package/es/Skeleton/SkeletonLine.vue.js

@@ -4,6 +4,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 _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonLine"

package/es/Skeleton/SkeletonShape.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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "SkeletonShape"

package/es/Slider/SliderBtn.vue.js

@@ -7,6 +7,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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SliderBtn",

package/es/Slider/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 "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const SLIDER_CONTEXT_KEY = "slider-context";
 const useContext = () => {

package/es/Slider/hooks/useSliderDraggable.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 useSliderDraggable = (params) => {
   const {
     trackRef,

package/es/Space/index.vue.js

@@ -6,6 +6,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const _hoisted_1 = { class: "yc-space-item" };
 const _hoisted_2 = {
   key: 0,

package/es/Spin/index.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 const _hoisted_1 = { class: "yc-spin" };
 const _hoisted_2 = {
   key: 0,

package/es/Split/index.vue.js

@@ -4,6 +4,7 @@ import { sleep, valueToPx } from "../_shared/utils/dom.js";
 import { isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconDragDot.vue.js";

package/es/Statistic/Countdown.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import { formatSeconds } from "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./Statistic.vue.js";
 /* empty css               */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Statistic/Statistic.vue.js

@@ -5,6 +5,7 @@ import { isUndefined, isNumber } from "../_shared/utils/is.js";
 import { formatSeconds, formatDate } from "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
 const _hoisted_1 = { class: "yc-statistic yc-statistic-countdown" };
 const _hoisted_2 = {

package/es/Steps/Step.vue.js

@@ -3,6 +3,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$1 from "../_shared/icons/IconCheck.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";

package/es/Steps/hooks/useContext.js

@@ -6,6 +6,7 @@ import { isUndefined } from "../../_shared/utils/is.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 STEPS_CONTEXT_KEY = "card-context";
 const useContext = () => {

package/es/Switch/index.vue.js

@@ -4,6 +4,7 @@ import "../_shared/utils/dom.js";
 import { isBoolean } from "../_shared/utils/is.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";
 const _hoisted_1 = ["aria-checked"];

package/es/Tabs/TabButton.vue.js

@@ -6,6 +6,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 _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabButton",

package/es/Tabs/TabPane.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-tabs-content-item" };
 const _hoisted_2 = {

package/es/Tabs/Tabs.vue.js

@@ -7,6 +7,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$6 from "../_shared/icons/IconPlus.vue.js";
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import useTabsScroll from "./hooks/useTabsScroll.js";
 import _sfc_main$1 from "./TabPane.vue.js";

package/es/Tabs/TabsNavInk.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabsNavInk",

package/es/Tabs/TabsTab.vue.js

@@ -6,6 +6,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./TabButton.vue.js";
 /* empty css               */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Tabs/hooks/useContext.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";
 import useControlValue from "../../_shared/utils/control.js";
 const TABS_CONTEXT_KEY = "tabs-context";
 const useContext = () => {

package/es/Tabs/hooks/useTabsScroll.js

@@ -5,6 +5,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 useTabsScroll = (params) => {
   const { direction, panes, listRef } = params;
   const isScrollable = ref(false);

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.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.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;
 };