@maple-design/ui-vue 1.1.0 → 1.1.1

package/lib/card/Card.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 sharedVue = require("@maple-design/shared-vue");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 const lock = require("../context/lock.js");
 const zIndex = require("../context/zIndex.js");
 require("../divider/index.js");
@@ -66,29 +66,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     let stopInactiveFocusTracking;
     function trackInactiveFocus() {
       stopInactiveFocusTracking?.();
-      const document = card.value?.ownerDocument;
-      if (!document) {
+      const document2 = card.value?.ownerDocument;
+      if (!document2) {
         return;
       }
       const remember = (target) => {
         const element = target;
-        if (element && typeof element.focus === "function" && !card.value?.contains(element) && element !== document.body && element !== document.documentElement) {
+        if (element && typeof element.focus === "function" && !card.value?.contains(element) && element !== document2.body && element !== document2.documentElement) {
           returnFocus = element;
         }
       };
-      remember(document.activeElement);
+      remember(document2.activeElement);
       const onFocus = (event) => remember(event.target);
-      document.addEventListener("focusin", onFocus, true);
-      stopInactiveFocusTracking = () => document.removeEventListener("focusin", onFocus, true);
+      document2.addEventListener("focusin", onFocus, true);
+      stopInactiveFocusTracking = () => document2.removeEventListener("focusin", onFocus, true);
     }
     function updateReturnFocus(open) {
-      const document = card.value?.ownerDocument;
-      if (!document) {
+      const document2 = card.value?.ownerDocument;
+      if (!document2) {
         return;
       }
-      const focused = document.activeElement;
+      const focused = document2.activeElement;
       if (open) {
-        returnFocus = focused && focused !== document.body && focused !== document.documentElement ? focused : null;
+        returnFocus = focused && focused !== document2.body && focused !== document2.documentElement ? focused : null;
         return;
       }
       const target = returnFocus;
@@ -102,6 +102,37 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { onStackTop } = popupLayer.usePopupLayer(wantsFloating, zIndex$1, () => card.value?.ownerDocument, true);
     const available = () => active && !disposed;
     let openingWaiting = false;
+    let cancelOpeningFrames;
+    function waitForOwnerFrames(view) {
+      cancelOpeningFrames?.();
+      return new Promise((resolve) => {
+        let handle;
+        let settled = false;
+        const finish = (completed) => {
+          if (settled) {
+            return;
+          }
+          settled = true;
+          if (cancelOpeningFrames === cancel) {
+            cancelOpeningFrames = void 0;
+          }
+          resolve(completed);
+        };
+        const cancel = () => {
+          if (handle !== void 0) {
+            view.cancelAnimationFrame?.(handle);
+          }
+          finish(false);
+        };
+        cancelOpeningFrames = cancel;
+        handle = view.requestAnimationFrame(() => {
+          if (settled) {
+            return;
+          }
+          handle = view.requestAnimationFrame(() => finish(true));
+        });
+      });
+    }
     let reducedMotion = false;
     let stopMotionTracking;
     function trackMotion(element) {
@@ -152,6 +183,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       wantsFloating,
       (value) => {
         const token = ++generation;
+        cancelOpeningFrames?.();
         if (!active) {
           if (!disposed && value) {
             trackInactiveFocus();
@@ -183,6 +215,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const token = ++generation;
+      cancelOpeningFrames?.();
       const element = card.value;
       let consumed = false;
       clearTimeout(floater.value ?? void 0);
@@ -210,7 +243,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           dropdownFloaterLeft = floaterLeft.value;
           showFloatingButtons.value = true;
           if (!reducedMotion) {
-            await sharedVue.doubleRaf();
+            const view = element.ownerDocument.defaultView;
+            if (view && typeof document !== "undefined" && element.ownerDocument !== document && typeof view.requestAnimationFrame === "function") {
+              if (!await waitForOwnerFrames(view)) {
+                return;
+              }
+            } else {
+              await sharedVue.doubleRaf();
+            }
           }
           if (!current(token, element) || !wantsFloating()) {
             return;
@@ -233,6 +273,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const token = ++generation;
+      cancelOpeningFrames?.();
       const element = card.value;
       let consumed = false;
       clearTimeout(dropper);
@@ -330,6 +371,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     function cleanup() {
+      cancelOpeningFrames?.();
       openingWaiting = false;
       active = false;
       generation++;
@@ -475,7 +517,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             })
           }, [
             vue.renderSlot(_ctx.$slots, "close-button", {}, () => [
-              vue.createVNode(vue.unref(button_index.Button), {
+              vue.createVNode(vue.unref(base.default), {
                 "data-card-cover": "",
                 class: vue.normalizeClass(vue.unref(classes)(vue.unref(n)("close-button"), vue.unref(n)("$-elevation--6"))),
                 "aria-label": props2.closeButtonAriaLabel ?? vue.unref(closeLabel),

package/lib/carousel/style/index.css

@@ -28,7 +28,7 @@
   --mp-carousel-card-opacity: 0.6;
   --mp-carousel-focus-width: 2px;
   --mp-carousel-focus-offset: 2px;
-  --mp-carousel-focus-color: var(--mp-sys-color-content-brand);
+  --mp-carousel-focus-color: var(--mp-sys-color-action-primary);
 }
 .mp-carousel {
   position: relative;

package/lib/carousel/use-carousel-locale.js

@@ -1,12 +1,19 @@
 "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 zhCN = require("../locale/zh-CN.js");
 function useCarouselLocale() {
   const { t: translate } = provide.injectLocaleProvider();
-  const message = (key) => String((translate || state.t)(key));
+  const defaults = {
+    "carousel.label": zhCN.defaultCarouselLabel,
+    "carousel.previous": zhCN.defaultCarouselPrevious,
+    "carousel.next": zhCN.defaultCarouselNext,
+    "carousel.slide": zhCN.defaultCarouselSlide,
+    "carousel.goto": zhCN.defaultCarouselGoto
+  };
+  const message = (key) => String(translate ? translate(key) : state.t(key) ?? (!state.defaultLocaleReady.value ? defaults[key] : void 0));
   return vue.computed(() => ({
     label: message("carousel.label"),
     previous: message("carousel.previous"),

package/lib/cascader/CascaderMenu.vue.js

@@ -6,7 +6,7 @@ const texts = require("../_components/field-presentation/texts.js");
 const context = require("../_components/selected-options/context.js");
 const SelectedOptions_vue_vue_type_script_setup_true_lang = require("../_components/selected-options/SelectedOptions.vue.js");
 const errorDescription = require("../form/error-description.js");
-const input_index = require("../input/index.js");
+const base = require("../input/base.js");
 const components = require("../utils/components.js");
 const baseCascaderPanel = require("./base-cascader-panel.js");
 const cascaderSearchPanel = require("./cascader-search-panel.js");
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onClear: _ctx.controller.clearSelection
       }, {
         default: vue.withCtx(() => [
-          _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(input_index.Input), {
+          _ctx.searchable ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: 0,
             "model-value": _ctx.controller.computedInputValue,
             "edit-mode": "direct",

package/lib/cascader/cascader-option.js

@@ -4,10 +4,12 @@ const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
 const formBridge = require("../_components/field-presentation/form-bridge.js");
 const is = require("../_utils/is.js");
-const checkbox_index = require("../checkbox/index.js");
+const base = require("../checkbox/base.js");
 const components = require("../utils/components.js");
 const context = require("./context.js");
 const utils = require("./utils.js");
+const INTERACTIVE_ROLES = /* @__PURE__ */ new Set(["button", "link", "checkbox", "radio", "switch", "textbox", "combobox", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "treeitem", "gridcell", "slider", "spinbutton", "tab"]);
+const CONCRETE_ROLES = new Set("alert alertdialog application article banner blockquote button caption cell checkbox code columnheader combobox comment complementary contentinfo definition deletion directory document emphasis feed figure form generic grid gridcell group heading image img insertion link list listbox listitem log main mark marquee math menu menubar menuitem menuitemcheckbox menuitemradio meter navigation none note option paragraph presentation progressbar radio radiogroup region row rowgroup rowheader scrollbar search searchbox sectionfooter sectionheader separator slider spinbutton status strong suggestion subscript superscript switch tab table tablist tabpanel term textbox time timer toolbar tooltip tree treegrid treeitem doc-abstract doc-acknowledgments doc-afterword doc-appendix doc-backlink doc-biblioentry doc-bibliography doc-biblioref doc-chapter doc-colophon doc-conclusion doc-cover doc-credit doc-credits doc-dedication doc-endnote doc-endnotes doc-epigraph doc-epilogue doc-errata doc-example doc-footnote doc-foreword doc-glossary doc-glossref doc-index doc-introduction doc-noteref doc-notice doc-pagebreak doc-pagefooter doc-pageheader doc-pagelist doc-part doc-preface doc-prologue doc-pullquote doc-qna doc-subtitle doc-tip doc-toc graphics-document graphics-object graphics-symbol".split(" "));
 function ownsOptionClick(event) {
   if (event.defaultPrevented) {
     return false;
@@ -31,7 +33,14 @@ function ownsOptionClick(event) {
     if (element?.nodeType !== 1 || typeof element.matches !== "function") {
       continue;
     }
-    if (element.matches('li[data-cascader-key], button, a[href], input, select, textarea, summary, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"], [role="checkbox"], [role="radio"], [role="switch"], [role="textbox"], [role="combobox"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"], [role="treeitem"], [role="gridcell"], [role="slider"], [role="spinbutton"], [role="tab"]')) {
+    const primaryRole = element.getAttribute("role")?.trim().split(/\s+/).find((role) => CONCRETE_ROLES.has(role));
+    if (primaryRole && INTERACTIVE_ROLES.has(primaryRole)) {
+      return false;
+    }
+    if (element.hasAttribute("tabindex") && element.tabIndex >= 0) {
+      return false;
+    }
+    if (element.matches('li[data-cascader-key], button, a[href], input, select, textarea, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"])')) {
       return false;
     }
     if (element.matches("label") && (element.htmlFor || element.querySelector("input, button, select, textarea"))) {
@@ -112,7 +121,9 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
       },
       onMouseleave: (event) => {
         const element = event.currentTarget;
-        const focused = element.ownerDocument.activeElement;
+        const nodeRoot = element.getRootNode();
+        const focusRoot = "activeElement" in nodeRoot ? nodeRoot : element.ownerDocument;
+        const focused = focusRoot.activeElement;
         let focusedOption = focused?.closest("[data-cascader-key]");
         const panelSelector = `.${components.getPrefixCls("cascader")}-panel, .${components.getPrefixCls("cascader")}-editor-panel`;
         const panel = element.closest(panelSelector);
@@ -199,7 +210,7 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
     }, events), [props.multiple && vue.createVNode("span", {
       "class": `${prefixCls}-checkbox`,
       "onClick": (event) => event.stopPropagation()
-    }, [vue.createVNode(checkbox_index.Checkbox, {
+    }, [vue.createVNode(base.default, {
       "editMode": "direct",
       "uninjectGroupContext": true,
       "modelValue": Boolean(checkedStatus.value.checked),
@@ -211,9 +222,7 @@ const CascaderOption = /* @__PURE__ */ vue.defineComponent({
         if (props.option.disabled || props.option.selectionDisabled) {
           return;
         }
-        const task = handlePathChange(new Event("change"));
         cascaderCtx.onClickOption?.(props.option, Boolean(checked));
-        return task;
       }
     }, null)]), vue.createVNode("div", {
       "class": `${prefixCls}-label`

package/lib/cascader/field-adapter.js

@@ -4,6 +4,7 @@ const vue = require("vue");
 const optionLabels = require("../_components/field-presentation/option-labels.js");
 const CascaderEditor_vue_vue_type_script_setup_true_lang = require("./CascaderEditor.vue.js");
 const cascaderFieldAdapter = {
+  selectionConfirmation: "update",
   pauseSelectionWhileLoading: true,
   methods: ["focus", "blur", "refresh"],
   defaultPresentation: "popup",

package/lib/cascader/props.js

@@ -8,6 +8,8 @@ const emptyValue = require("../utils/empty-value.js");
 const popupContainer = require("../utils/popup-container.js");
 const cascaderProps = {
   ...props.fieldLoadingProps,
+  /** 弹出编辑是否需要确认；未设置时单选即提交，多选保留确认。 */
+  needConfirm: { type: Boolean, default: void 0 },
   openTriggerTarget: openTrigger.openTriggerTargetProp,
   /** 清空动作产生的模型值；省略保留原默认值。 */
   /** 内置本地过滤是否区分大小写；自定义过滤函数优先。 */

package/lib/cascader/style/index.css

@@ -11,7 +11,7 @@
   --mp-cascader-size-item-height: 36px;
   --mp-cascader-font-item-size: var(--mp-sys-font-size-md);
   --mp-cascader-margin-item-icon-left: var(--mp-sys-space-5);
-  --mp-cascader-item-check-color: var(--mp-sys-color-content-primary);
+  --mp-cascader-item-check-color: var(--mp-sys-color-action-primary);
   --mp-cascader-item-check-size: var(--mp-sys-font-size-md);
   --mp-cascader-item-text-color: var(--mp-sys-color-content-primary);
   --mp-cascader-item-icon-color: var(--mp-sys-color-content-secondary);
@@ -19,11 +19,11 @@
   --mp-cascader-padding-item-right: var(--mp-sys-space-5);
   --mp-cascader-size-item-icon: 12px;
   --mp-cascader-item-text-color-hover: var(--mp-cascader-item-text-color);
-  --mp-cascader-item-text-color-active: var(--mp-cascader-item-text-color);
+  --mp-cascader-item-text-color-active: var(--mp-sys-color-action-primary);
   --mp-cascader-item-text-color-disabled: var(--mp-sys-color-content-disabled);
   --mp-cascader-item-text-color-disabled-active: var(--mp-sys-color-content-disabled);
-  --mp-cascader-item-bg-active: var(--mp-color-fill-2);
-  --mp-cascader-item-bg-hover: var(--mp-cascader-item-bg-active);
+  --mp-cascader-item-bg-active: transparent;
+  --mp-cascader-item-bg-hover: var(--mp-color-fill-2);
   --mp-cascader-item-bg-disabled: transparent;
   --mp-cascader-item-bg-disabled-active: var(--mp-color-fill-2);
   --mp-cascader-checkbox-bg-hover: var(--mp-color-fill-3);
@@ -222,17 +222,44 @@
 .mp-cascader-search-option-disabled:hover .mp-cascader-option-check {
   color: var(--mp-cascader-item-text-color-disabled);
 }
-.mp-cascader-option-active {
-  color: var(--mp-cascader-item-text-color-active);
-  background-color: var(--mp-cascader-item-bg-active);
+.mp-cascader-option-active,
+.mp-cascader-search-option-active {
+  color: var(--mp-cascader-item-text-color-hover);
+  background-color: var(--mp-cascader-item-bg-hover);
   transition: all var(--mp-sys-motion-duration-standard) var(--mp-sys-motion-easing-standard);
 }
-.mp-cascader-option-active:hover {
+.mp-cascader-option-selected,
+.mp-cascader-search-option-selected {
   color: var(--mp-cascader-item-text-color-active);
   background-color: var(--mp-cascader-item-bg-active);
 }
+.mp-cascader-option-selected:hover,
+.mp-cascader-search-option-selected:hover,
+.mp-cascader-option-selected.mp-cascader-option-active,
+.mp-cascader-search-option-selected.mp-cascader-option-active,
+.mp-cascader-option-selected.mp-cascader-search-option-active,
+.mp-cascader-search-option-selected.mp-cascader-search-option-active,
+.mp-cascader-option-selected.mp-cascader-search-option-hover,
+.mp-cascader-search-option-selected.mp-cascader-search-option-hover {
+  color: var(--mp-cascader-item-text-color-active);
+  background-color: var(--mp-cascader-item-bg-hover);
+}
 .mp-cascader-option-active.mp-cascader-option-disabled,
-.mp-cascader-option-active.mp-cascader-option-disabled:hover {
+.mp-cascader-option-active.mp-cascader-search-option-disabled,
+.mp-cascader-search-option-active.mp-cascader-option-disabled,
+.mp-cascader-search-option-active.mp-cascader-search-option-disabled,
+.mp-cascader-option-active.mp-cascader-option-disabled:hover,
+.mp-cascader-option-active.mp-cascader-search-option-disabled:hover,
+.mp-cascader-search-option-active.mp-cascader-option-disabled:hover,
+.mp-cascader-search-option-active.mp-cascader-search-option-disabled:hover,
+.mp-cascader-option-selected.mp-cascader-option-disabled,
+.mp-cascader-option-selected.mp-cascader-search-option-disabled,
+.mp-cascader-search-option-selected.mp-cascader-option-disabled,
+.mp-cascader-search-option-selected.mp-cascader-search-option-disabled,
+.mp-cascader-option-selected.mp-cascader-option-disabled:hover,
+.mp-cascader-option-selected.mp-cascader-search-option-disabled:hover,
+.mp-cascader-search-option-selected.mp-cascader-option-disabled:hover,
+.mp-cascader-search-option-selected.mp-cascader-search-option-disabled:hover {
   color: var(--mp-cascader-item-text-color-disabled-active);
   background-color: var(--mp-cascader-item-bg-disabled-active);
 }

package/lib/cascader/style/index.js

@@ -8,6 +8,7 @@ require('../../trigger/style/index.js')
 require('../../empty/style/index.js')
 require('../../loading/style/index.js')
 require('../../button/style/index.js')
+require('../../checkbox/style/index.js')
 require('../../picker/style/index.js')
 require('../../popup/style/index.js')
 require('./index.css')

package/lib/cascader/use-cascader-focus.js

@@ -8,11 +8,13 @@ function useCascaderFocus(activeKey) {
   vue.onBeforeUnmount(() => cancelPendingFocus?.());
   return (root, option, originPanel, panelSelector) => {
     const key = activeKey.value;
-    if (!key || !root.contains(option) || root.ownerDocument.activeElement !== option) {
+    const document = root.ownerDocument;
+    const nodeRoot = root.getRootNode();
+    const focusRoot = "activeElement" in nodeRoot ? nodeRoot : document;
+    if (!key || !root.contains(option) || focusRoot.activeElement !== option) {
       return;
     }
     cancelPendingFocus?.();
-    const document = root.ownerDocument;
     const view = document.defaultView;
     if (!view) {
       return;
@@ -36,7 +38,7 @@ function useCascaderFocus(activeKey) {
       }
     };
     const onFocus = (next) => {
-      if (next.target !== option) {
+      if (next.target !== option && !next.composedPath().includes(option)) {
         cleanup();
       }
     };
@@ -44,9 +46,10 @@ function useCascaderFocus(activeKey) {
       if (done) {
         return;
       }
-      const focused = document.activeElement;
-      const lostToRemoval = !option.isConnected && (focused === document.body || focused === document.documentElement);
-      if (!root.isConnected || activeKey.value !== key || focused !== option && !lostToRemoval) {
+      const focused = focusRoot.activeElement;
+      const docFocus = document.activeElement;
+      const lostToRemoval = !option.isConnected && (docFocus === document.body || docFocus === document.documentElement) && (focused === null || focused === document.body || focused === document.documentElement);
+      if (!root.isConnected || root.getRootNode() !== nodeRoot || activeKey.value !== key || focused !== option && !lostToRemoval) {
         cleanup();
         return;
       }

package/lib/checkbox/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 presentation = require("./presentation.js");
+const props = require("./props.js");
+const _Checkbox = components.withPropsDefaultsSetter(presentation.default, props.checkboxProps);
+exports.default = _Checkbox;

package/lib/checkbox/index.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const components = require("../utils/components.js");
+const base = require("./base.js");
 const groupPresentation = require("./group-presentation.js");
-const presentation = require("./presentation.js");
 const props = require("./props.js");
 const Checkbox = components.withInstall(
-  presentation.default,
-  Object.assign(presentation.default, {
+  base.default,
+  Object.assign(base.default, {
     Group: groupPresentation.default
   }),
-  { components: [presentation.default, groupPresentation.default] }
+  { components: [base.default, groupPresentation.default] }
 );
 components.withPropsDefaultsSetter(Checkbox, props.checkboxProps);
 components.withPropsDefaultsSetter(groupPresentation.default, props.checkboxGroupProps);

package/lib/checkbox/presentation.js

@@ -2,5 +2,5 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const withFieldPresentation = require("../_components/field-presentation/with-field-presentation.js");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue.js");
-const _Checkbox = withFieldPresentation.withFieldPresentation(Checkbox_vue_vue_type_script_setup_true_lang.default, { methods: ["toggle", "focus", "blur"] });
-exports.default = _Checkbox;
+const Checkbox = withFieldPresentation.withFieldPresentation(Checkbox_vue_vue_type_script_setup_true_lang.default, { methods: ["toggle", "focus", "blur"] });
+exports.default = Checkbox;

package/lib/checkbox/style/index.css

@@ -4,7 +4,7 @@
 :root,
 :where([data-mp-theme]) {
   --mp-checkbox-control-color: var(--mp-sys-color-content-secondary);
-  --mp-checkbox-control-color-checked: var(--mp-sys-color-content-brand);
+  --mp-checkbox-control-color-checked: var(--mp-sys-color-action-primary);
   --mp-checkbox-control-color-disabled: var(--mp-sys-color-content-disabled);
   --mp-checkbox-control-color-error: var(--mp-sys-color-content-danger);
   --mp-checkbox-control-size: 24px;

package/lib/countdown/use-countdown.js

@@ -48,9 +48,12 @@ function useCountdown(props, emit) {
   let resumeOnActivate = false;
   let generation = 0;
   let handle;
-  function display() {
+  function updateDisplay() {
     timeData.value = splitTime(remaining);
     showTime.value = parseFormat(props.format, timeData.value);
+  }
+  function display() {
+    updateDisplay();
     emit("change", timeData.value);
   }
   function cancel() {
@@ -95,11 +98,15 @@ function useCountdown(props, emit) {
   }
   function pause() {
     resumeOnActivate = false;
-    if (running) {
+    const wasRunning = running;
+    if (wasRunning) {
       remaining = Math.max(0, deadline - performance.now());
     }
     running = false;
     cancel();
+    if (wasRunning && mounted) {
+      updateDisplay();
+    }
   }
   function reset() {
     if (!mounted) {

package/lib/date/DatePanelActions.vue.js

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const iconsVue = require("@maple-design/icons-vue");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 const components = require("../utils/components.js");
 const usePanelActionsLocale = require("./presentation/use-panel-actions-locale.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           selectNow: () => emit("select-now"),
           nowDisabled: _ctx.nowDisabled
         })), () => [
-          _ctx.showQuick ? (vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), {
+          _ctx.showQuick ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: 0,
             variant: "text",
             status: "primary",
@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }, 8, ["class", "aria-label", "aria-pressed", "disabled"])) : vue.createCommentVNode("", true),
-          _ctx.showNow ? (vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), {
+          _ctx.showNow ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: 1,
             variant: "text",
             disabled: _ctx.nowDisabled,
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          _ctx.showConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), {
+          _ctx.showConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: 2,
             status: "primary",
             disabled: !_ctx.canConfirm,

package/lib/date/DateRangeQuickPanel.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 const components = require("../utils/components.js");
 const rangeQuickSelection = require("./range-quick-selection.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         "aria-label": "快捷选择"
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(quick).items.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), {
+          return vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: index,
             variant: "text",
             status: "primary",

package/lib/date/DateShortcuts.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const button_index = require("../button/index.js");
+const base = require("../button/base.js");
 const components = require("../utils/components.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: components.createNamespace("date-shortcuts").name },
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(classes)(vue.unref(n)(), vue.unref(n)(`--${_ctx.position}`)))
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.shortcuts, (shortcut, index) => {
-          return vue.openBlock(), vue.createBlock(vue.unref(button_index.Button), {
+          return vue.openBlock(), vue.createBlock(vue.unref(base.default), {
             key: index,
             variant: "text",
             disabled: _ctx.blocked || shortcut.disabled,

package/lib/date/field-adapter.js

@@ -5,12 +5,11 @@ const openTrigger = require("../_components/picker-field/open-trigger.js");
 const PickerField_vue_vue_type_script_setup_true_lang = require("../_components/picker-field/PickerField.vue.js");
 const rangeFieldContext = require("../_components/picker-field/range-field-context.js");
 const props = require("../field-decorator/props.js");
-require("../locale/index.js");
+const dateText = require("../locale/date-text.js");
 const dateRules = require("./date-rules.js");
 const dateValue = require("./date-value.js");
 const DatePanel_vue_vue_type_script_setup_true_lang = require("./DatePanel.vue.js");
 const fieldPanelOptions = require("./field-panel-options.js");
-const state = require("../locale/state.js");
 function dateFieldAdapter(range) {
   return {
     methods: ["focus", "blur"],
@@ -26,7 +25,7 @@ function dateFieldAdapter(range) {
         class: ["mp-date-range", attrs.class],
         texts: [0, 1].map((index) => dateValue.formatDateValue(value?.[index], props$1)),
         placeholder: Array.isArray(props$1.placeholder) ? props$1.placeholder[0] : props$1.placeholder,
-        placeholders: Array.isArray(props$1.placeholder) ? props$1.placeholder : typeof props$1.placeholder === "string" ? [props$1.placeholder, props$1.placeholder] : [state.t("dateRangeStart"), state.t("dateRangeEnd")],
+        placeholders: Array.isArray(props$1.placeholder) ? props$1.placeholder : typeof props$1.placeholder === "string" ? [props$1.placeholder, props$1.placeholder] : [dateText.dateText("dateRangeStart"), dateText.dateText("dateRangeEnd")],
         range: true,
         openTriggerTarget: props$1.openTriggerTarget,
         separator: props$1.separator,

package/lib/date/picker-panels/DayPickerPanel2.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 pickerData = require("../../utils/picker-data.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("day-picker");
@@ -23,7 +22,7 @@ const { n: nDate } = components.createNamespace("date-picker");
 const _sfc_main = vue.defineComponent({
   name: components.createNamespace("day-picker-panel").name,
   components: {
-    MpButton: button_index.Button,
+    MpButton: base.default,
     PanelHeader: PanelHeader.default
   },
   props: {
@@ -84,7 +83,7 @@ const _sfc_main = vue.defineComponent({
       }
       return [...presentationProps.WEEK_HEADER.slice(index), ...presentationProps.WEEK_HEADER.slice(0, index)];
     });
-    const getDayAbbr = (key) => (pt || state.t)("datePickerWeekDict")?.[key].abbr ?? "";
+    const getDayAbbr = (key) => (pt || dateText.dateText)("datePickerWeekDict")?.[key].abbr ?? "";
     const filterDay = (day) => day > 0 ? day : "";
     const days = vue.computed(() => {
       const {
@@ -163,8 +162,8 @@ const _sfc_main = vue.defineComponent({
       const disabled = computeDisabled();
       const computeText = () => {
         if (range) {
-          const state2 = rangeState(day);
-          return disabled || state2.previewing || !(state2.start || state2.end);
+          const state = rangeState(day);
+          return disabled || state.previewing || !(state.start || state.end);
         }
         if (disabled) {
           return true;