@maple-design/ui-vue 1.1.0 → 1.1.1

package/lib/date/picker-panels/MonthPickerPanel2.vue.js

@@ -6,16 +6,15 @@ const dayjs = require("dayjs");
 const isSameOrAfter = require("dayjs/plugin/isSameOrAfter.js");
 const isSameOrBefore = require("dayjs/plugin/isSameOrBefore.js");
 const temporalKeyboard = require("../../_utils/temporal-keyboard.js");
-const button_index = require("../../button/index.js");
-require("../../locale/index.js");
+const base = require("../../button/base.js");
 const provide = require("../../locale-provider/provide.js");
+const dateText = require("../../locale/date-text.js");
 const components = require("../../utils/components.js");
 const dateLabels = require("../date-labels.js");
 const rangeHighlight = require("../range-highlight.js");
 const useCalendarRangeStyle = require("../use-calendar-range-style.js");
 const PanelHeader = require("./PanelHeader.vue.js");
 const presentationProps = require("../presentation-props.js");
-const state = require("../../locale/state.js");
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
 const { n, classes } = components.createNamespace("month-picker");
@@ -23,7 +22,7 @@ const { n: nDate } = components.createNamespace("date-picker");
 const _sfc_main = vue.defineComponent({
   name: components.createNamespace("month-picker-panel").name,
   components: {
-    MpButton: button_index.Button,
+    MpButton: base.default,
     PanelHeader: PanelHeader.default
   },
   props: {
@@ -71,7 +70,7 @@ const _sfc_main = vue.defineComponent({
     const isSameYear = vue.computed(() => props.choose.chooseYear === props.preview.previewYear);
     const isCurrentYear = vue.computed(() => props.preview.previewYear === currentYear);
     const getMonthAbbr = (key) => {
-      const month = (pt || state.t)("datePickerMonthDict")?.[key];
+      const month = (pt || dateText.dateText)("datePickerMonthDict")?.[key];
       return dateLabels.dateMonthLabel(props.componentProps.abbreviation, month?.abbr ?? "", month?.name ?? "");
     };
     const inRange = (key) => {
@@ -128,8 +127,8 @@ const _sfc_main = vue.defineComponent({
       const disabled = computeDisabled();
       const computeText = () => {
         if (range && props.componentProps.type === "month") {
-          const state2 = rangeState(dateOf(key));
-          return disabled || state2.previewing || !(state2.start || state2.end);
+          const state = rangeState(dateOf(key));
+          return disabled || state.previewing || !(state.start || state.end);
         }
         if (disabled) {
           return true;
@@ -207,7 +206,7 @@ const _sfc_main = vue.defineComponent({
       onGridKeydown: (event) => temporalKeyboard.navigateTemporalGrid(event, "button[mp-month-picker-cover]", 3),
       n,
       nDate,
-      t: state.t,
+      t: dateText.dateText,
       MONTH_LIST: presentationProps.MONTH_LIST,
       headerEl,
       reverse,

package/lib/date/picker-panels/PanelHeader2.vue.js

@@ -3,13 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 const sharedVue = require("@maple-design/shared-vue");
-const button_index = require("../../button/index.js");
+const base = require("../../button/base.js");
 require("../../icon/index.js");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
+const dateText = require("../../locale/date-text.js");
 const components = require("../../utils/components.js");
 const Icon_vue_vue_type_script_setup_true_lang = require("../../icon/Icon.vue.js");
-const state = require("../../locale/state.js");
 const { n } = components.createNamespace("date-picker-header");
 const _sfc_main = vue.defineComponent({
   name: components.createNamespace("panel-header").name,
@@ -17,7 +16,7 @@ const _sfc_main = vue.defineComponent({
     MIconChevronLeft: iconsVue.IconChevronLeft,
     MIconChevronRight: iconsVue.IconChevronRight,
     MIconChevronDown: iconsVue.IconChevronDown,
-    MpButton: button_index.Button,
+    MpButton: base.default,
     MpIcon: Icon_vue_vue_type_script_setup_true_lang.default
   },
   props: {
@@ -42,7 +41,7 @@ const _sfc_main = vue.defineComponent({
     const label = (direction) => {
       const unit = props.type === "year" ? "Period" : props.type === "month" ? "Year" : "Month";
       const key = `datePicker${direction}${unit}`;
-      return pt?.(key) ?? state.t(key);
+      return pt?.(key) ?? dateText.dateText(key);
     };
     const previousLabel = vue.computed(() => label("Previous"));
     const nextLabel = vue.computed(() => label("Next"));
@@ -55,8 +54,8 @@ const _sfc_main = vue.defineComponent({
       if (type === "month") {
         return sharedVue.toNumber(previewYear) + forwardOrBackNum.value;
       }
-      const monthName = (pt || state.t)("datePickerMonthDict")?.[previewMonth].name;
-      return (pt || state.t)("lang") === "zh-CN" ? `${previewYear} ${monthName}` : `${monthName} ${previewYear}`;
+      const monthName = (pt || dateText.dateText)("datePickerMonthDict")?.[previewMonth].name;
+      return (pt || dateText.dateText)("lang") === "zh-CN" ? `${previewYear} ${monthName}` : `${monthName} ${previewYear}`;
     });
     const checkDate = (checkType) => {
       if (checkType === "prev" && props.disabled.left || checkType === "next" && props.disabled.right) {

package/lib/date/picker-panels/YearPickerPanel2.vue.js

@@ -8,7 +8,7 @@ const isSameOrAfter = require("dayjs/plugin/isSameOrAfter.js");
 const isSameOrBefore = require("dayjs/plugin/isSameOrBefore.js");
 const temporalKeyboard = require("../../_utils/temporal-keyboard.js");
 require("../../affix/index.js");
-const button_index = require("../../button/index.js");
+const base = require("../../button/base.js");
 const components = require("../../utils/components.js");
 const rangeHighlight = require("../range-highlight.js");
 const useCalendarRangeStyle = require("../use-calendar-range-style.js");
@@ -21,7 +21,7 @@ const { n: nDate } = components.createNamespace("date-picker");
 const _sfc_main = vue.defineComponent({
   name: components.createNamespace("year-picker-panel").name,
   components: {
-    MpButton: button_index.Button,
+    MpButton: base.default,
     MpAffix: Affix_vue_vue_type_script_setup_true_lang.default,
     PanelHeader: PanelHeader.default
   },

package/lib/date/presentation/CalendarContent2.vue.js

@@ -7,9 +7,9 @@ const fields = require("../../_components/picker-field/fields.js");
 const mobileRangeFieldContext = require("../../_components/picker-field/mobile-range-field-context.js");
 const TemporalCurrent_vue_vue_type_script_setup_true_lang = require("../../_components/picker-field/TemporalCurrent.vue.js");
 const temporalKeyboard = require("../../_utils/temporal-keyboard.js");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
-const picker_index = require("../../picker/index.js");
+const dateText = require("../../locale/date-text.js");
+const base = require("../../picker/base.js");
 const components = require("../../utils/components.js");
 const shared = require("../../utils/shared.js");
 const dateCurrent = require("../date-current.js");
@@ -22,7 +22,6 @@ const presentationProps = require("../presentation-props.js");
 const quickTime = require("../quick-time.js");
 const wheelOptions = require("../wheel-options.js");
 const CalendarViewport_vue_vue_type_script_setup_true_lang = require("./CalendarViewport.vue.js");
-const state = require("../../locale/state.js");
 const { name, n, classes } = components.createNamespace("date-picker");
 const _sfc_main = vue.defineComponent({
   name,
@@ -30,7 +29,7 @@ const _sfc_main = vue.defineComponent({
     MonthPickerPanel: MonthPickerPanel.default,
     YearPickerPanel: YearPickerPanel.default,
     DayPickerPanel: DayPickerPanel.default,
-    MpPicker: picker_index._PickerComponent,
+    MpPicker: base.default,
     CalendarViewport: CalendarViewport_vue_vue_type_script_setup_true_lang.default,
     TemporalCurrent: TemporalCurrent_vue_vue_type_script_setup_true_lang.default
   },
@@ -104,7 +103,7 @@ const _sfc_main = vue.defineComponent({
       if (range) {
         return chooseRangeYear.value.length ? `${chooseRangeYear.value[0]} ~ ${rangeDone.value ? chooseRangeYear.value[1] ?? "—" : "—"}` : "";
       }
-      return multiple ? `${chooseYears.value.length}${(pt || state.t)("datePickerSelected")}` : chooseYear.value ?? "";
+      return multiple ? `${chooseYears.value.length}${(pt || dateText.dateText)("datePickerSelected")}` : chooseYear.value ?? "";
     });
     const getMonthTitle = vue.computed(() => {
       const { multiple, range } = props2;
@@ -113,9 +112,9 @@ const _sfc_main = vue.defineComponent({
       }
       let monthName = "";
       if (chooseMonth.value) {
-        monthName = (pt || state.t)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
+        monthName = (pt || dateText.dateText)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
       }
-      return multiple ? `${chooseMonths.value.length}${(pt || state.t)("datePickerSelected")}` : monthName;
+      return multiple ? `${chooseMonths.value.length}${(pt || dateText.dateText)("datePickerSelected")}` : monthName;
     });
     const getDateTitle = vue.computed(() => {
       const { multiple, range } = props2;
@@ -124,17 +123,17 @@ const _sfc_main = vue.defineComponent({
         return formatRangeDays.length ? `${formatRangeDays[0]} ~ ${rangeDone.value ? formatRangeDays[1] ?? "—" : "—"}` : "";
       }
       if (multiple) {
-        return `${chooseDays.value.length}${(pt || state.t)("datePickerSelected")}`;
+        return `${chooseDays.value.length}${(pt || dateText.dateText)("datePickerSelected")}`;
       }
       if (!chooseYear.value || !chooseMonth.value || !chooseDay.value) {
         return "";
       }
       const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value}-${chooseDay.value}`).day();
       const week = presentationProps.WEEK_HEADER.find((value) => value === `${weekIndex}`);
-      const weekName = (pt || state.t)("datePickerWeekDict")?.[week].name ?? "";
-      const monthName = (pt || state.t)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
+      const weekName = (pt || dateText.dateText)("datePickerWeekDict")?.[week].name ?? "";
+      const monthName = (pt || dateText.dateText)("datePickerMonthDict")?.[chooseMonth.value].name ?? "";
       const showDay = shared.padStart(chooseDay.value, 2, "0");
-      if ((pt || state.t)("lang") === "zh-CN") {
+      if ((pt || dateText.dateText)("lang") === "zh-CN") {
         return `${chooseMonth.value}-${showDay} ${weekName.slice(0, 3)}`;
       }
       return `${weekName.slice(0, 3)}, ${monthName.slice(0, 3)} ${chooseDay.value}`;
@@ -530,7 +529,7 @@ const _sfc_main = vue.defineComponent({
       () => dateWheelFields.dateWheelFieldIndexes(props2.dateFields, props2.showTime ? "date" : props2.type)
     );
     const dateTimeColumnLabels = vue.computed(() => {
-      const translate = (key) => (pt ? pt : state.t)(key);
+      const translate = (key) => (pt ? pt : dateText.dateText)(key);
       const dateLabels = [
         translate("datePickerColumnYear"),
         translate("datePickerColumnMonth"),
@@ -546,7 +545,7 @@ const _sfc_main = vue.defineComponent({
     const timeFieldIndexes = vue.computed(() => fields.pickerFieldIndexes(props2.timeFields, fields.timeFields, [0, 1, 2]));
     const customTimeFields = vue.computed(() => props2.timeFields !== void 0);
     const timeOnlyColumnLabels = vue.computed(() => {
-      const translate = (key) => (pt ? pt : state.t)(key);
+      const translate = (key) => (pt ? pt : dateText.dateText)(key);
       const labels = [translate("datePickerColumnHour"), translate("datePickerColumnMinute")];
       labels.push(translate("datePickerColumnSecond"));
       return timeFieldIndexes.value.map((index) => labels[index]);
@@ -671,7 +670,7 @@ const _sfc_main = vue.defineComponent({
       handleDateTimePickerChange,
       handleTimeOnlyPickerChange,
       pt,
-      t: state.t,
+      t: dateText.dateText,
       n,
       classes,
       clickEl,

package/lib/date/presentation/CalendarViewport.vue.js

@@ -4,10 +4,9 @@ const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 const dayjs = require("dayjs");
 const utc = require("dayjs/plugin/utc.js");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
+const dateText = require("../../locale/date-text.js");
 const components = require("../../utils/components.js");
-const state = require("../../locale/state.js");
 const _hoisted_1 = ["data-mode", "data-total-months", "data-rendered-months"];
 const _hoisted_2 = {
   class: "mp-calendar-viewport__navigation",
@@ -78,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const weekStart = vue.computed(() => anchor.value.subtract((anchor.value.day() - weekStartsOn.value + 7) % 7, "day"));
     const weekEnd = vue.computed(() => weekStart.value.add(6, "day"));
     const { t: provided } = provide.injectLocaleProvider();
-    const translate = (key) => (provided ?? state.t)(key);
+    const translate = (key) => (provided ?? dateText.dateText)(key);
     const weekCaption = vue.computed(() => {
       const start = weekStart.value;
       const end = weekEnd.value;

package/lib/date/presentation/use-date-locale.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
-const state = require("../../locale/state.js");
+const dateText = require("../../locale/date-text.js");
 function useDateLocale() {
   const { t: provided } = provide.injectLocaleProvider();
-  return vue.computed(() => String((provided ?? state.t)("lang") ?? "zh-CN"));
+  return vue.computed(() => String((provided ?? dateText.dateText)("lang") ?? "zh-CN"));
 }
 exports.useDateLocale = useDateLocale;

package/lib/date/presentation/use-field-locale.js

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
-const state = require("../../locale/state.js");
+const dateText = require("../../locale/date-text.js");
 function useDateFieldLocale() {
   const { t: provided } = provide.injectLocaleProvider();
   return {
     placeholder: (_range, _type = "date") => "",
-    nextDay: () => (provided ?? state.t)("timeRangeNextDay"),
-    title: () => (provided ?? state.t)("pickerTitle"),
-    cancel: () => (provided ?? state.t)("pickerCancelButtonText"),
-    confirm: () => (provided ?? state.t)("pickerConfirmButtonText")
+    nextDay: () => (provided ?? dateText.dateText)("timeRangeNextDay"),
+    title: () => (provided ?? dateText.dateText)("pickerTitle"),
+    cancel: () => (provided ?? dateText.dateText)("pickerCancelButtonText"),
+    confirm: () => (provided ?? dateText.dateText)("pickerConfirmButtonText")
   };
 }
 exports.useDateFieldLocale = useDateFieldLocale;

package/lib/date/presentation/use-panel-actions-locale.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
-const state = require("../../locale/state.js");
+const dateText = require("../../locale/date-text.js");
 function usePanelActionsLocale() {
   const { t: provided } = provide.injectLocaleProvider();
   return {
-    orderErrorText: (showTime) => (provided ?? state.t)(showTime ? "dateTimeRangeOrderError" : "dateRangeOrderError"),
-    nowText: vue.computed(() => (provided ?? state.t)("datePickerNowButtonText")),
-    confirmText: vue.computed(() => (provided ?? state.t)("pickerConfirmButtonText"))
+    orderErrorText: (showTime) => (provided ?? dateText.dateText)(showTime ? "dateTimeRangeOrderError" : "dateRangeOrderError"),
+    nowText: vue.computed(() => (provided ?? dateText.dateText)("datePickerNowButtonText")),
+    confirmText: vue.computed(() => (provided ?? dateText.dateText)("pickerConfirmButtonText"))
   };
 }
 exports.usePanelActionsLocale = usePanelActionsLocale;

package/lib/date-range/presentation/RangeContent2.vue.js

@@ -14,17 +14,16 @@ const CalendarViewport_vue_vue_type_script_setup_true_lang = require("../../date
 const quickTime = require("../../date/quick-time.js");
 const rangeQuickSelection = require("../../date/range-quick-selection.js");
 const wheelOptions = require("../../date/wheel-options.js");
-require("../../locale/index.js");
 const provide = require("../../locale-provider/provide.js");
-const picker_index = require("../../picker/index.js");
+const dateText = require("../../locale/date-text.js");
+const base = require("../../picker/base.js");
 const components = require("../../utils/components.js");
 const calendarOptions = require("../calendar-options.js");
 const presentationProps = require("../presentation-props.js");
-const state = require("../../locale/state.js");
 const { name, n, classes } = components.createNamespace("date-range-picker");
 const _sfc_main = vue.defineComponent({
   name,
-  components: { MpPicker: picker_index._PickerComponent, CalendarContent: CalendarContent.default, CalendarViewport: CalendarViewport_vue_vue_type_script_setup_true_lang.default, TemporalCurrent: TemporalCurrent_vue_vue_type_script_setup_true_lang.default, DateRangeQuickPanel: DateRangeQuickPanel_vue_vue_type_script_setup_true_lang.default },
+  components: { MpPicker: base.default, CalendarContent: CalendarContent.default, CalendarViewport: CalendarViewport_vue_vue_type_script_setup_true_lang.default, TemporalCurrent: TemporalCurrent_vue_vue_type_script_setup_true_lang.default, DateRangeQuickPanel: DateRangeQuickPanel_vue_vue_type_script_setup_true_lang.default },
   props: {
     ...presentationProps.props,
     endpointEditor: Boolean,
@@ -36,7 +35,7 @@ const _sfc_main = vue.defineComponent({
   emits: ["change", "update:modelValue", "update:pickerValue"],
   setup(props2, { emit }) {
     const { t: pt } = provide.injectLocaleProvider();
-    const translate = (key) => (pt ?? state.t)(key);
+    const translate = (key) => (pt ?? dateText.dateText)(key);
     const quick = rangeQuickSelection.useRangeQuickPanel();
     const disabledParts = mobileRangeFieldContext.useRangeDisabledParts();
     const activeIndex = mobileRangeFieldContext.useRangeFieldIndex();

package/lib/dialog/Dialog.vue.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 const PendingFeedback_vue_vue_type_script_setup_true_lang = require("../_components/pending-feedback/PendingFeedback.vue.js");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 require("../icon/index.js");
 const provide = require("../locale-provider/provide.js");
 const state = require("../locale/state.js");
@@ -245,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(vue.unref(n)("actions"))
                     }, [
-                      _ctx.cancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), vue.mergeProps({
+                      _ctx.cancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), vue.mergeProps({
                         key: 0,
                         variant: "text"
                       }, _ctx.cancelButtonProps, {
@@ -260,7 +260,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         ]),
                         _: 1
                       }, 16, ["loading", "disabled", "class"])) : vue.createCommentVNode("", true),
-                      _ctx.confirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), vue.mergeProps({
+                      _ctx.confirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), vue.mergeProps({
                         key: 1,
                         variant: "text"
                       }, _ctx.confirmButtonProps, {

package/lib/ellipsis/style/index.css

@@ -3,7 +3,7 @@
 }
 :root,
 :where([data-mp-theme]) {
-  --mp-ellipsis-focus-color: var(--mp-sys-color-content-brand);
+  --mp-ellipsis-focus-color: var(--mp-sys-color-action-primary);
   --mp-ellipsis-focus-width: 2px;
   --mp-ellipsis-focus-offset: 2px;
 }

package/lib/fab/Fab.js

@@ -4,17 +4,16 @@ const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 const sharedVue = require("@maple-design/shared-vue");
 const useVue = require("@maple-design/use-vue");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 require("../drag/index.js");
 require("../icon/index.js");
-require("../locale/index.js");
 const provide = require("../locale-provider/provide.js");
+const miscText = require("../locale/misc-text.js");
 const components = require("../utils/components.js");
 const elements = require("../utils/elements.js");
 const popupContainer = require("../utils/popup-container.js");
 const props = require("./props.js");
 const Drag = require("../drag/Drag.vue.js");
-const state = require("../locale/state.js");
 const Icon_vue_vue_type_script_setup_true_lang = require("../icon/Icon.vue.js");
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -131,10 +130,10 @@ const Fab = /* @__PURE__ */ vue.defineComponent({
       }
       const iconName = isOpen.value ? props2.openIcon : props2.closedIcon;
       const builtinIcon = iconName === "plus" ? iconsVue.IconPlus : iconName === "close" ? iconsVue.IconClose : void 0;
-      return vue.createVNode(button_index.Button, vue.mergeProps({
+      return vue.createVNode(base.default, vue.mergeProps({
         "mp-fab-cover": true
       }, triggerProps, {
-        "aria-label": typeof explicitLabel === "string" ? explicitLabel : labelledby == null ? (localT || state.t)("fab.actions") ?? "Actions" : void 0,
+        "aria-label": typeof explicitLabel === "string" ? explicitLabel : labelledby == null ? (localT || miscText.miscText)("fab.actions") ?? "Actions" : void 0,
         "class": n("trigger"),
         "status": props2.status,
         "color": props2.color,

package/lib/form/FormItemLabel.vue.js

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 require("../tooltip/index.js");
+const focusExplicitLabel = require("./focus-explicit-label.js");
 const itemDecoration = require("./item-decoration.js");
 const useFormLabelWidth = require("./use-form-label-width.js");
 const Tooltip_vue_vue_type_script_setup_true_lang = require("../tooltip/Tooltip.vue.js");
@@ -31,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "labelRef",
           ref: labelRef,
           class: __props.labelClass
-        }, __props.attrs), {
+        }, __props.attrs, { onClick: vue.unref(focusExplicitLabel.focusExplicitSlider) }), {
           default: vue.withCtx(() => [
             __props.required && __props.asteriskPosition === "start" ? (vue.openBlock(), vue.createElementBlock("strong", {
               key: 0,
@@ -63,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" " + vue.toDisplayString(__props.showColon ? ":" : ""), 1)
           ]),
           _: 3
-        }, 16, ["class"])),
+        }, 16, ["class", "onClick"])),
         __props.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(Tooltip_vue_vue_type_script_setup_true_lang.default), {
           key: 0,
           content: __props.tooltip,

package/lib/form/focus-explicit-label.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function focusExplicitSlider(event) {
+  if (event.defaultPrevented || event.button !== 0) {
+    return;
+  }
+  const label = event.currentTarget;
+  if (!label || label.nodeType !== 1 || label.tagName !== "LABEL") {
+    return;
+  }
+  const origin = event.target;
+  const interactive = origin?.nodeType === 1 ? origin.closest(
+    'a[href],button,input,select,textarea,[contenteditable]:not([contenteditable="false"]),[role="button"],[role="link"],[role="checkbox"],[role="radio"],[role="switch"],[role="textbox"],[role="combobox"],[role="slider"]'
+  ) : null;
+  if (interactive && interactive !== label && label.contains(interactive)) {
+    return;
+  }
+  const id = label.getAttribute("for");
+  if (!id || label.control) {
+    return;
+  }
+  const root = label.getRootNode();
+  if (typeof root.getElementById !== "function") {
+    return;
+  }
+  const target = root.getElementById(id);
+  if (!target) {
+    return;
+  }
+  const previous = root.activeElement;
+  const previousDocument = label.ownerDocument.activeElement;
+  setTimeout(() => {
+    if (event.defaultPrevented || !label.isConnected || label.getAttribute("for") !== id || root.getElementById(id) !== target || root.activeElement !== previous || label.ownerDocument.activeElement !== previousDocument) {
+      return;
+    }
+    const sliders = target.matches('[role="slider"]') ? [target] : Array.from(target.querySelectorAll('[role="slider"]'));
+    if (sliders.length !== 1) {
+      return;
+    }
+    const slider = sliders[0];
+    if (target !== slider && !Array.from(target.classList).some(
+      (name) => name.endsWith("-slider") && slider.classList.contains(`${name}__thumb`)
+    )) {
+      return;
+    }
+    if (slider.tabIndex < 0 || slider.getAttribute("aria-disabled") === "true" || slider.closest('[inert], [aria-hidden="true"]')) {
+      return;
+    }
+    slider.focus();
+  }, 0);
+}
+exports.focusExplicitSlider = focusExplicitSlider;

package/lib/input/base.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const components = require("../utils/components.js");
+const Input_vue_vue_type_script_setup_true_lang = require("./Input.vue.js");
+const props = require("./props.js");
+const MpInput = components.withPropsDefaultsSetter(Input_vue_vue_type_script_setup_true_lang.default, props.inputProps);
+exports.default = MpInput;

package/lib/input/index.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const components = require("../utils/components.js");
-const Input_vue_vue_type_script_setup_true_lang = require("./Input.vue.js");
+const base = require("./base.js");
 const InputGroup_vue_vue_type_script_setup_true_lang = require("./InputGroup.vue.js");
 const InputGroupLabel_vue_vue_type_script_setup_true_lang = require("./InputGroupLabel.vue.js");
 const InputPassword_vue_vue_type_script_setup_true_lang = require("./InputPassword.vue.js");
 const props = require("./props.js");
-components.withPropsDefaultsSetter(Input_vue_vue_type_script_setup_true_lang.default, props.inputProps);
+components.withPropsDefaultsSetter(base.default, props.inputProps);
 components.withPropsDefaultsSetter(InputGroup_vue_vue_type_script_setup_true_lang.default, props.inputGroupProps);
 components.withPropsDefaultsSetter(InputPassword_vue_vue_type_script_setup_true_lang.default, props.inputPasswordProps);
 const Input = components.withInstall(
-  Input_vue_vue_type_script_setup_true_lang.default,
-  Object.assign(Input_vue_vue_type_script_setup_true_lang.default, {
+  base.default,
+  Object.assign(base.default, {
     Password: InputPassword_vue_vue_type_script_setup_true_lang.default,
     Group: InputGroup_vue_vue_type_script_setup_true_lang.default,
     GroupLabel: InputGroupLabel_vue_vue_type_script_setup_true_lang.default
   }),
-  { components: [Input_vue_vue_type_script_setup_true_lang.default, InputPassword_vue_vue_type_script_setup_true_lang.default, InputGroup_vue_vue_type_script_setup_true_lang.default, InputGroupLabel_vue_vue_type_script_setup_true_lang.default] }
+  { components: [base.default, InputPassword_vue_vue_type_script_setup_true_lang.default, InputGroup_vue_vue_type_script_setup_true_lang.default, InputGroupLabel_vue_vue_type_script_setup_true_lang.default] }
 );
 const _InputComponent = Input;
 const _InputPasswordComponent = InputPassword_vue_vue_type_script_setup_true_lang.default;

package/lib/locale/date-text.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const state = require("./state.js");
+const temporalText = require("./temporal-text.js");
+const zhCN = require("./zh-CN.js");
+const defaults = {
+  datePickerPreviousWeek: zhCN.defaultDateTextDatePickerPreviousWeek,
+  datePickerNextWeek: zhCN.defaultDateTextDatePickerNextWeek,
+  datePickerPreviousMonth: zhCN.defaultDateTextDatePickerPreviousMonth,
+  datePickerNextMonth: zhCN.defaultDateTextDatePickerNextMonth,
+  datePickerPreviousYear: zhCN.defaultDateTextDatePickerPreviousYear,
+  datePickerNextYear: zhCN.defaultDateTextDatePickerNextYear,
+  datePickerPreviousPeriod: zhCN.defaultDateTextDatePickerPreviousPeriod,
+  datePickerNextPeriod: zhCN.defaultDateTextDatePickerNextPeriod,
+  datePickerSelected: zhCN.defaultDateTextDatePickerSelected,
+  dateRangeOrderError: zhCN.defaultDateTextDateRangeOrderError,
+  dateTimeRangeOrderError: zhCN.defaultDateTextDateTimeRangeOrderError,
+  datePickerHint: zhCN.defaultDateTextDatePickerHint,
+  datePickerColumnYear: zhCN.defaultDateTextDatePickerColumnYear,
+  datePickerColumnMonth: zhCN.defaultDateTextDatePickerColumnMonth,
+  datePickerColumnDay: zhCN.defaultDateTextDatePickerColumnDay,
+  timePickerHint: zhCN.defaultDateTextTimePickerHint,
+  rangeStartPlaceholder: zhCN.defaultDateTextRangeStartPlaceholder,
+  rangeEndPlaceholder: zhCN.defaultDateTextRangeEndPlaceholder,
+  datePickerMonthDict: zhCN.defaultDateTextDatePickerMonthDict,
+  datePickerWeekDict: zhCN.defaultDateTextDatePickerWeekDict,
+  dateRangeStart: zhCN.defaultFieldDateRangeStart,
+  dateRangeEnd: zhCN.defaultFieldDateRangeEnd,
+  lang: "zh-CN"
+};
+function dateText(key) {
+  const value = state.t(key);
+  if (state.defaultLocaleReady.value) {
+    return value;
+  }
+  return value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : temporalText.temporalText(key));
+}
+exports.dateText = dateText;

package/lib/locale/misc-text.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const state = require("./state.js");
+const zhCN = require("./zh-CN.js");
+const defaults = {
+  "fab.actions": zhCN.defaultFabActions,
+  "tabs.close": zhCN.defaultTabsClose,
+  "tabs.add": zhCN.defaultTabsAdd,
+  "tabs.previous": zhCN.defaultTabsPrevious,
+  "tabs.next": zhCN.defaultTabsNext,
+  actionSheetTitle: zhCN.defaultActionSheetTitle,
+  cascaderPickerDoneButtonText: zhCN.defaultCascaderDone,
+  "common.close": zhCN.defaultCloseText,
+  "numberKeyboard.label": zhCN.defaultKeyboardLabel,
+  "numberKeyboard.delete": zhCN.defaultKeyboardDelete,
+  "numberKeyboard.done": zhCN.defaultKeyboardDone,
+  dialogCancelButtonText: zhCN.defaultDialogCancel
+};
+function miscText(key) {
+  const value = state.t(key);
+  return state.defaultLocaleReady.value ? value : value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : void 0);
+}
+exports.miscText = miscText;

package/lib/locale/temporal-text.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const state = require("./state.js");
+const zhCN = require("./zh-CN.js");
+const defaults = {
+  pickerTitle: zhCN.defaultFieldPickerTitle,
+  pickerConfirmButtonText: zhCN.defaultFieldPickerConfirmButtonText,
+  timeRangeStart: zhCN.defaultFieldTimeRangeStart,
+  timeRangeEnd: zhCN.defaultFieldTimeRangeEnd,
+  pickerCancelButtonText: zhCN.defaultTemporalPickerCancel,
+  timeRangeOrderError: zhCN.defaultTemporalOrderError,
+  datePickerNowButtonText: zhCN.defaultTemporalNow,
+  datePickerColumnHour: zhCN.defaultTemporalHour,
+  datePickerColumnMinute: zhCN.defaultTemporalMinute,
+  datePickerColumnSecond: zhCN.defaultTemporalSecond,
+  timeRangeNextDay: zhCN.defaultTemporalNextDay
+};
+function temporalText(key) {
+  const value = state.t(key);
+  return state.defaultLocaleReady.value ? value : value ?? (Object.prototype.hasOwnProperty.call(defaults, key) ? defaults[key] : void 0);
+}
+exports.temporalText = temporalText;