@varlet/ui 3.2.14 → 3.2.15-alpha.1718191007402

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$5X = vue.reactive(context);
+var stdin_default$5Z = vue.reactive(context);
 var __defProp$x = Object.defineProperty;
 var __defProps$a = Object.defineProperties;
 var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
@@ -821,7 +821,7 @@ var __spreadValues$u = (a, b) => {
   return a;
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-const { n: n$1p } = createNamespace("ripple");
+const { n: n$1q } = createNamespace("ripple");
 const ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
   const { zIndex, position } = getStyle$1(element);
@@ -850,14 +850,14 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$5X.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$5Z.enableRipple) {
     return;
   }
   const task = () => {
     _ripple.tasker = null;
     const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
     const ripple = document.createElement("div");
-    ripple.classList.add(n$1p());
+    ripple.classList.add(n$1q());
     ripple.style.opacity = `0`;
     ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
     ripple.style.width = `${size}px`;
@@ -876,7 +876,7 @@ function createRipple(event) {
 function removeRipple() {
   const _ripple = this._ripple;
   const task = () => {
-    const ripples = this.querySelectorAll(`.${n$1p()}`);
+    const ripples = this.querySelectorAll(`.${n$1q()}`);
     if (!ripples.length) {
       return;
     }
@@ -893,7 +893,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$5X.enableRipple) {
+  if (!supportTouch() || !stdin_default$5Z.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -966,8 +966,8 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$5W = Ripple;
-const props$1g = {
+var stdin_default$5Y = Ripple;
+const props$1h = {
   show: Boolean,
   position: {
     type: String,
@@ -1013,15 +1013,15 @@ const props$1g = {
   onRouteChange: defineListenerProp()
 };
 function resolveLock() {
-  const lockCounts = Object.keys(stdin_default$5X.locks).length;
+  const lockCounts = Object.keys(stdin_default$5Z.locks).length;
   lockCounts <= 0 ? document.body.classList.remove("var--lock") : document.body.classList.add("var--lock");
 }
 function addLock(uid) {
-  stdin_default$5X.locks[uid] = 1;
+  stdin_default$5Z.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$5X.locks[uid];
+  delete stdin_default$5Z.locks[uid];
   resolveLock();
 }
 function useLock(source, useSource) {
@@ -1079,13 +1079,13 @@ function useLock(source, useSource) {
   });
 }
 function useZIndex(source, count) {
-  const zIndex = vue.ref(stdin_default$5X.zIndex);
+  const zIndex = vue.ref(stdin_default$5Z.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$5X.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$5X.zIndex;
+        stdin_default$5Z.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$5Z.zIndex;
       }
     },
     { immediate: true }
@@ -1166,14 +1166,14 @@ var __spreadValues$t = (a, b) => {
   return a;
 };
 const {
-  name: name$1j,
-  n: n$1o,
+  name: name$1k,
+  n: n$1p,
   classes: classes$1a
 } = createNamespace("popup");
-var stdin_default$5V = vue.defineComponent({
-  name: name$1j,
+var stdin_default$5X = vue.defineComponent({
+  name: name$1k,
   inheritAttrs: false,
-  props: props$1g,
+  props: props$1h,
   setup(props2, {
     slots,
     attrs
@@ -1217,7 +1217,7 @@ var stdin_default$5V = vue.defineComponent({
         overlayStyle
       } = props2;
       return vue.createVNode("div", {
-        "class": classes$1a(n$1o("overlay"), overlayClass),
+        "class": classes$1a(n$1p("overlay"), overlayClass),
         "style": __spreadValues$t({
           zIndex: zIndex.value - 1
         }, overlayStyle),
@@ -1226,7 +1226,7 @@ var stdin_default$5V = vue.defineComponent({
     }
     function renderContent() {
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-        "class": classes$1a(n$1o("content"), n$1o(`--${props2.position}`), [props2.defaultStyle, n$1o("--content-background-color")], [props2.defaultStyle, n$1o("$-elevation--3")], [props2.safeArea, n$1o("--safe-area")], [props2.safeAreaTop, n$1o("--safe-area-top")]),
+        "class": classes$1a(n$1p("content"), n$1p(`--${props2.position}`), [props2.defaultStyle, n$1p("--content-background-color")], [props2.defaultStyle, n$1p("$-elevation--3")], [props2.safeArea, n$1p("--safe-area")], [props2.safeAreaTop, n$1p("--safe-area-top")]),
         "style": {
           zIndex: zIndex.value
         },
@@ -1236,17 +1236,17 @@ var stdin_default$5V = vue.defineComponent({
     }
     function renderPopup() {
       return vue.createVNode(vue.Transition, {
-        "name": n$1o("$-fade"),
+        "name": n$1p("$-fade"),
         "onAfterEnter": props2.onOpened,
         "onAfterLeave": props2.onClosed
       }, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
-          "class": classes$1a(n$1o("$--box"), n$1o(), [!props2.overlay, n$1o("--pointer-events-none")]),
+          "class": classes$1a(n$1p("$--box"), n$1p(), [!props2.overlay, n$1p("--pointer-events-none")]),
           "style": {
             zIndex: zIndex.value - 2
           }
         }, [props2.overlay && renderOverlay(), vue.createVNode(vue.Transition, {
-          "name": props2.transition || n$1o(`$-pop-${props2.position}`)
+          "name": props2.transition || n$1p(`$-pop-${props2.position}`)
         }, {
           default: () => [renderContent()]
         })]), [[vue.vShow, props2.show]])]
@@ -1279,11 +1279,11 @@ var stdin_default$5V = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$5V);
-withPropsDefaultsSetter(stdin_default$5V, props$1g);
-const _PopupComponent = stdin_default$5V;
-var stdin_default$5U = stdin_default$5V;
-const props$1f = {
+withInstall(stdin_default$5X);
+withPropsDefaultsSetter(stdin_default$5X, props$1h);
+const _PopupComponent = stdin_default$5X;
+var stdin_default$5W = stdin_default$5X;
+const props$1g = {
   name: String,
   size: [Number, String],
   color: String,
@@ -1501,7 +1501,7 @@ var __async$h = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1i, n: n$1n, classes: classes$19 } = createNamespace("icon");
+const { name: name$1j, n: n$1o, classes: classes$19 } = createNamespace("icon");
 function __render__$1n(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
@@ -1524,9 +1524,9 @@ function __render__$1n(_ctx, _cache) {
     onClick: _ctx.onClick
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
-const __sfc__$1o = vue.defineComponent({
-  name: name$1i,
-  props: props$1f,
+const __sfc__$1p = vue.defineComponent({
+  name: name$1j,
+  props: props$1g,
   setup(props2) {
     const nextName = vue.ref("");
     const animateInProgress = vue.ref(false);
@@ -1551,7 +1551,7 @@ const __sfc__$1o = vue.defineComponent({
     return {
       nextName,
       animateInProgress,
-      n: n$1n,
+      n: n$1o,
       classes: classes$19,
       isURL,
       toNumber,
@@ -1559,17 +1559,17 @@ const __sfc__$1o = vue.defineComponent({
     };
   }
 });
-__sfc__$1o.render = __render__$1n;
-var stdin_default$5T = __sfc__$1o;
-withInstall(stdin_default$5T);
-withPropsDefaultsSetter(stdin_default$5T, props$1f);
-const _IconComponent = stdin_default$5T;
-var stdin_default$5S = stdin_default$5T;
-const props$1e = {
+__sfc__$1p.render = __render__$1n;
+var stdin_default$5V = __sfc__$1p;
+withInstall(stdin_default$5V);
+withPropsDefaultsSetter(stdin_default$5V, props$1g);
+const _IconComponent = stdin_default$5V;
+var stdin_default$5U = stdin_default$5V;
+const props$1f = {
   hovering: Boolean,
   focusing: Boolean
 };
-const { name: name$1h, n: n$1m, classes: classes$18 } = createNamespace("hover-overlay");
+const { name: name$1i, n: n$1n, classes: classes$18 } = createNamespace("hover-overlay");
 function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -1581,19 +1581,19 @@ function __render__$1m(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1n = vue.defineComponent({
-  name: name$1h,
-  props: props$1e,
+const __sfc__$1o = vue.defineComponent({
+  name: name$1i,
+  props: props$1f,
   setup: () => ({
-    n: n$1m,
+    n: n$1n,
     classes: classes$18,
     inMobile
   })
 });
-__sfc__$1n.render = __render__$1m;
-var stdin_default$5R = __sfc__$1n;
-withInstall(stdin_default$5R);
-withPropsDefaultsSetter(stdin_default$5R, props$1e);
+__sfc__$1o.render = __render__$1m;
+var stdin_default$5T = __sfc__$1o;
+withInstall(stdin_default$5T);
+withPropsDefaultsSetter(stdin_default$5T, props$1f);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -1604,8 +1604,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$5R;
-var stdin_default$5Q = stdin_default$5R;
+const _HoverOverlayComponent = stdin_default$5T;
+var stdin_default$5S = stdin_default$5T;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -1727,8 +1727,8 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$5P = Hover;
-const { name: name$1g, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
+var stdin_default$5R = Hover;
+const { name: name$1h, n: n$1m, classes: classes$17 } = createNamespace("action-sheet");
 function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -1769,13 +1769,13 @@ function __render__$1l(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1m = vue.defineComponent({
-  name: name$1g,
+const __sfc__$1n = vue.defineComponent({
+  name: name$1h,
   components: {
-    VarHoverOverlay: stdin_default$5Q,
-    VarIcon: stdin_default$5S
+    VarHoverOverlay: stdin_default$5S,
+    VarIcon: stdin_default$5U
   },
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   props: {
     name: String,
     className: String,
@@ -1789,14 +1789,14 @@ const __sfc__$1m = vue.defineComponent({
     const { hovering, handleHovering } = useHoverOverlay();
     return {
       hovering,
-      n: n$1l,
+      n: n$1m,
       classes: classes$17,
       handleHovering
     };
   }
 });
-__sfc__$1m.render = __render__$1l;
-var stdin_default$5O = __sfc__$1m;
+__sfc__$1n.render = __render__$1l;
+var stdin_default$5Q = __sfc__$1n;
 var __defProp$s = Object.defineProperty;
 var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
 var __hasOwnProp$s = Object.prototype.hasOwnProperty;
@@ -1813,7 +1813,7 @@ var __spreadValues$s = (a, b) => {
     }
   return a;
 };
-const props$1d = __spreadValues$s({
+const props$1e = __spreadValues$s({
   show: Boolean,
   title: String,
   actions: {
@@ -1826,7 +1826,7 @@ const props$1d = __spreadValues$s({
   },
   onSelect: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1g, [
+}, pickProps(props$1h, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -1844,7 +1844,7 @@ const props$1d = __spreadValues$s({
   "onRouteChange",
   "onKeyEscape"
 ]));
-var stdin_default$5N = {
+var stdin_default$5P = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -1949,7 +1949,7 @@ var stdin_default$5N = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$5M = {
+var stdin_default$5O = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -2054,7 +2054,7 @@ var stdin_default$5M = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$5L = {
+var stdin_default$5N = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -2156,8 +2156,8 @@ var stdin_default$5L = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$5K = stdin_default$5L;
-var stdin_default$5J = {
+var stdin_default$5M = stdin_default$5N;
+var stdin_default$5L = {
   // Dialog
   dialogTitle: "اشاره",
   dialogConfirmButtonText: "تایید",
@@ -2279,31 +2279,38 @@ var __spreadValues$r = (a, b) => {
   return a;
 };
 function useLocale() {
-  const messages2 = {};
+  const messages2 = vue.ref({});
   const currentMessage2 = vue.ref({});
   const add2 = (lang, message) => {
     message.lang = lang;
-    messages2[lang] = message;
+    messages2.value[lang] = message;
   };
   const use2 = (lang) => {
-    if (!messages2[lang]) {
+    if (!messages2.value[lang]) {
       console.warn(`The ${lang} does not exist. You can mount a language message using the add method`);
       return {};
     }
-    currentMessage2.value = messages2[lang];
+    currentMessage2.value = messages2.value[lang];
   };
   const merge2 = (lang, message) => {
-    if (!messages2[lang]) {
+    if (!messages2.value[lang]) {
       console.warn(`The ${lang} does not exist. You can mount a language message using the add method`);
       return;
     }
-    messages2[lang] = __spreadValues$r(__spreadValues$r({}, messages2[lang]), message);
+    messages2.value[lang] = __spreadValues$r(__spreadValues$r({}, messages2.value[lang]), message);
     use2(lang);
   };
-  const t2 = (id) => {
-    if (hasOwn(currentMessage2.value, id)) {
+  const t2 = (id, options = {}) => {
+    const { locale } = options;
+    if (locale == null && hasOwn(currentMessage2.value, id)) {
       return currentMessage2.value[id];
     }
+    if (locale != null && hasOwn(messages2.value, locale)) {
+      const targetMessage = messages2.value[locale];
+      if (hasOwn(targetMessage, id)) {
+        return targetMessage[id];
+      }
+    }
   };
   return {
     messages: messages2,
@@ -2315,15 +2322,15 @@ function useLocale() {
   };
 }
 const { messages, currentMessage, add: add$2, use, merge, t } = useLocale();
-add$2("zh-CN", stdin_default$5N);
+add$2("zh-CN", stdin_default$5P);
 use("zh-CN");
-const _LocaleComponent = { zhCN: stdin_default$5N, enUS: stdin_default$5M, messages, currentMessage, add: add$2, use, merge, t, useLocale };
-var stdin_default$5I = {
-  zhCN: stdin_default$5N,
-  enUS: stdin_default$5M,
-  zhTW: stdin_default$5L,
-  zhHK: stdin_default$5K,
-  faIR: stdin_default$5J,
+const _LocaleComponent = { zhCN: stdin_default$5P, enUS: stdin_default$5O, messages, currentMessage, add: add$2, use, merge, t, useLocale };
+var stdin_default$5K = {
+  zhCN: stdin_default$5P,
+  enUS: stdin_default$5O,
+  zhTW: stdin_default$5N,
+  zhHK: stdin_default$5M,
+  faIR: stdin_default$5L,
   messages,
   currentMessage,
   add: add$2,
@@ -2332,7 +2339,17 @@ var stdin_default$5I = {
   t,
   useLocale
 };
-const { name: name$1f, n: n$1k, classes: classes$16 } = createNamespace("action-sheet");
+const LOCALE_PROVIDER_KEY = Symbol("LOCALE_PROVIDER_KEY");
+function provideLocaleProvider(localeProvider) {
+  vue.provide(LOCALE_PROVIDER_KEY, localeProvider);
+}
+function injectLocaleProvider() {
+  if (!keyInProvides(LOCALE_PROVIDER_KEY)) {
+    return { locale: vue.computed(() => void 0) };
+  }
+  return vue.inject(LOCALE_PROVIDER_KEY);
+}
+const { name: name$1g, n: n$1l, classes: classes$16 } = createNamespace("action-sheet");
 function __render__$1k(_ctx, _cache) {
   const _component_var_action_item = vue.resolveComponent("var-action-item");
   const _component_var_popup = vue.resolveComponent("var-popup");
@@ -2371,7 +2388,7 @@ function __render__$1k(_ctx, _cache) {
                 {
                   class: vue.normalizeClass(_ctx.n("title"))
                 },
-                vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("actionSheetTitle")),
+                vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("actionSheetTitle", { locale: _ctx.locale })),
                 3
                 /* TEXT, CLASS */
               )
@@ -2406,17 +2423,18 @@ function __render__$1k(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
 }
-const __sfc__$1l = vue.defineComponent({
-  name: name$1f,
-  directives: { Ripple: stdin_default$5W },
+const __sfc__$1m = vue.defineComponent({
+  name: name$1g,
+  directives: { Ripple: stdin_default$5Y },
   components: {
-    VarPopup: stdin_default$5U,
-    VarActionItem: stdin_default$5O
+    VarPopup: stdin_default$5W,
+    VarActionItem: stdin_default$5Q
   },
   inheritAttrs: false,
-  props: props$1d,
+  props: props$1e,
   setup(props2) {
     const show = useVModel(props2, "show");
+    const { locale } = injectLocaleProvider();
     function handleSelect(action) {
       if (action.disabled) {
         return;
@@ -2429,15 +2447,16 @@ const __sfc__$1l = vue.defineComponent({
     }
     return {
       show,
+      locale,
       t,
-      n: n$1k,
+      n: n$1l,
       classes: classes$16,
       handleSelect
     };
   }
 });
-__sfc__$1l.render = __render__$1k;
-var stdin_default$5H = __sfc__$1l;
+__sfc__$1m.render = __render__$1k;
+var stdin_default$5J = __sfc__$1m;
 var __defProp$q = Object.defineProperty;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
@@ -2468,7 +2487,7 @@ function ActionSheet(options) {
     const reactiveActionSheetOptions = vue.reactive(normalizeOptions$3(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
-    const { unmountInstance } = mountInstance(stdin_default$5H, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$5J, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -2508,13 +2527,13 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$5H;
-withInstall(stdin_default$5H);
-withInstall(stdin_default$5H, ActionSheet);
-withPropsDefaultsSetter(ActionSheet, props$1d);
-const _ActionSheetComponent = stdin_default$5H;
-var stdin_default$5G = ActionSheet;
-const props$1c = {
+ActionSheet.Component = stdin_default$5J;
+withInstall(stdin_default$5J);
+withInstall(stdin_default$5J, ActionSheet);
+withPropsDefaultsSetter(ActionSheet, props$1e);
+const _ActionSheetComponent = stdin_default$5J;
+var stdin_default$5I = ActionSheet;
+const props$1d = {
   color: String,
   textColor: String,
   title: String,
@@ -2537,7 +2556,7 @@ const props$1c = {
   fixed: Boolean,
   placeholder: Boolean
 };
-const { name: name$1e, n: n$1j, classes: classes$15 } = createNamespace("app-bar");
+const { name: name$1f, n: n$1k, classes: classes$15 } = createNamespace("app-bar");
 function __render__$1j(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     vue.Fragment,
@@ -2667,9 +2686,9 @@ function __render__$1j(_ctx, _cache) {
     /* STABLE_FRAGMENT */
   );
 }
-const __sfc__$1k = vue.defineComponent({
-  name: name$1e,
-  props: props$1c,
+const __sfc__$1l = vue.defineComponent({
+  name: name$1f,
+  props: props$1d,
   setup(props2, { slots }) {
     const appBar = vue.ref(null);
     const paddingLeft = vue.ref();
@@ -2707,13 +2726,13 @@ const __sfc__$1k = vue.defineComponent({
         return;
       }
       const { height } = getRect(appBar.value);
-      placeholderHeight.value = `${height}px`;
+      placeholderHeight.value = toSizeUnit(height);
     }
     return {
       rootStyles,
       paddingLeft,
       paddingRight,
-      n: n$1j,
+      n: n$1k,
       classes: classes$15,
       formatElevation,
       appBar,
@@ -2721,12 +2740,12 @@ const __sfc__$1k = vue.defineComponent({
     };
   }
 });
-__sfc__$1k.render = __render__$1j;
-var stdin_default$5F = __sfc__$1k;
-withInstall(stdin_default$5F);
-withPropsDefaultsSetter(stdin_default$5F, props$1c);
-const _AppBarComponent = stdin_default$5F;
-var stdin_default$5E = stdin_default$5F;
+__sfc__$1l.render = __render__$1j;
+var stdin_default$5H = __sfc__$1l;
+withInstall(stdin_default$5H);
+withPropsDefaultsSetter(stdin_default$5H, props$1d);
+const _AppBarComponent = stdin_default$5H;
+var stdin_default$5G = stdin_default$5H;
 const isHTMLSupportImage = (val) => {
   if (!isString(val)) {
     return false;
@@ -2977,8 +2996,8 @@ const Lazy = {
   }
 };
 const _LazyComponent = Lazy;
-var stdin_default$5D = Lazy;
-const props$1b = {
+var stdin_default$5F = Lazy;
+const props$1c = {
   round: {
     type: Boolean,
     default: true
@@ -3005,7 +3024,7 @@ const props$1b = {
   onError: defineListenerProp()
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-const { name: name$1d, n: n$1i, classes: classes$14 } = createNamespace("avatar");
+const { name: name$1e, n: n$1j, classes: classes$14 } = createNamespace("avatar");
 const _hoisted_1$y = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$g = ["src", "alt"];
 function __render__$1i(_ctx, _cache) {
@@ -3081,10 +3100,10 @@ function __render__$1i(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1j = vue.defineComponent({
-  name: name$1d,
-  directives: { Lazy: stdin_default$5D },
-  props: props$1b,
+const __sfc__$1k = vue.defineComponent({
+  name: name$1e,
+  directives: { Lazy: stdin_default$5F },
+  props: props$1c,
   setup(props2) {
     const avatarElement = vue.ref(null);
     const textElement = vue.ref(null);
@@ -3124,7 +3143,7 @@ const __sfc__$1j = vue.defineComponent({
       avatarElement,
       textElement,
       scale,
-      n: n$1i,
+      n: n$1j,
       classes: classes$14,
       isInternalSize: isInternalSize$1,
       toSizeUnit,
@@ -3134,17 +3153,17 @@ const __sfc__$1j = vue.defineComponent({
     };
   }
 });
-__sfc__$1j.render = __render__$1i;
-var stdin_default$5C = __sfc__$1j;
-withInstall(stdin_default$5C);
-withPropsDefaultsSetter(stdin_default$5C, props$1b);
-const _AvatarComponent = stdin_default$5C;
-var stdin_default$5B = stdin_default$5C;
-const props$1a = {
+__sfc__$1k.render = __render__$1i;
+var stdin_default$5E = __sfc__$1k;
+withInstall(stdin_default$5E);
+withPropsDefaultsSetter(stdin_default$5E, props$1c);
+const _AvatarComponent = stdin_default$5E;
+var stdin_default$5D = stdin_default$5E;
+const props$1b = {
   offset: [Number, String],
   vertical: Boolean
 };
-const { name: name$1c, n: n$1h, classes: classes$13 } = createNamespace("avatar-group");
+const { name: name$1d, n: n$1i, classes: classes$13 } = createNamespace("avatar-group");
 function __render__$1h(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3159,9 +3178,9 @@ function __render__$1h(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1i = vue.defineComponent({
-  name: name$1c,
-  props: props$1a,
+const __sfc__$1j = vue.defineComponent({
+  name: name$1d,
+  props: props$1b,
   setup(props2) {
     const rootStyles = vue.computed(() => {
       if (props2.offset == null) {
@@ -3173,18 +3192,18 @@ const __sfc__$1i = vue.defineComponent({
     });
     return {
       rootStyles,
-      n: n$1h,
+      n: n$1i,
       classes: classes$13
     };
   }
 });
-__sfc__$1i.render = __render__$1h;
-var stdin_default$5A = __sfc__$1i;
-withInstall(stdin_default$5A);
-withPropsDefaultsSetter(stdin_default$5A, props$1a);
-const _AvatarGroupComponent = stdin_default$5A;
-var stdin_default$5z = stdin_default$5A;
-const props$19 = {
+__sfc__$1j.render = __render__$1h;
+var stdin_default$5C = __sfc__$1j;
+withInstall(stdin_default$5C);
+withPropsDefaultsSetter(stdin_default$5C, props$1b);
+const _AvatarGroupComponent = stdin_default$5C;
+var stdin_default$5B = stdin_default$5C;
+const props$1a = {
   type: {
     type: String,
     default: "circle"
@@ -3198,7 +3217,7 @@ const props$19 = {
   description: String,
   loading: Boolean
 };
-const { name: name$1b, n: n$1g, classes: classes$12 } = createNamespace("loading");
+const { name: name$1c, n: n$1h, classes: classes$12 } = createNamespace("loading");
 const _withScopeId$6 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$x = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
@@ -3352,9 +3371,9 @@ function __render__$1g(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1h = vue.defineComponent({
-  name: name$1b,
-  props: props$19,
+const __sfc__$1i = vue.defineComponent({
+  name: name$1c,
+  props: props$1a,
   setup(props2, { slots }) {
     const isShow = vue.computed(() => {
       if (!call(slots.default)) {
@@ -3371,18 +3390,18 @@ const __sfc__$1h = vue.defineComponent({
     return {
       loadingTypeDict,
       isShow,
-      n: n$1g,
+      n: n$1h,
       classes: classes$12,
       multiplySizeUnit
     };
   }
 });
-__sfc__$1h.render = __render__$1g;
-var stdin_default$5y = __sfc__$1h;
-withInstall(stdin_default$5y);
-withPropsDefaultsSetter(stdin_default$5y, props$19);
-const _LoadingComponent = stdin_default$5y;
-var stdin_default$5x = stdin_default$5y;
+__sfc__$1i.render = __render__$1g;
+var stdin_default$5A = __sfc__$1i;
+withInstall(stdin_default$5A);
+withPropsDefaultsSetter(stdin_default$5A, props$1a);
+const _LoadingComponent = stdin_default$5A;
+var stdin_default$5z = stdin_default$5A;
 var __defProp$o = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -3402,7 +3421,7 @@ var __spreadValues$o = (a, b) => {
   return a;
 };
 var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const props$18 = {
+const props$19 = {
   type: String,
   nativeType: {
     type: String,
@@ -3428,11 +3447,11 @@ const props$18 = {
     default: true
   },
   loadingRadius: [Number, String],
-  loadingType: pickProps(props$19, "type"),
-  loadingSize: __spreadProps$7(__spreadValues$o({}, pickProps(props$19, "size")), {
+  loadingType: pickProps(props$1a, "type"),
+  loadingSize: __spreadProps$7(__spreadValues$o({}, pickProps(props$1a, "size")), {
     default: void 0
   }),
-  loadingColor: __spreadProps$7(__spreadValues$o({}, pickProps(props$19, "color")), {
+  loadingColor: __spreadProps$7(__spreadValues$o({}, pickProps(props$1a, "color")), {
     default: "currentColor"
   }),
   onClick: defineListenerProp(),
@@ -3455,7 +3474,7 @@ function useButtonGroup() {
     bindButtonGroup: bindParent
   };
 }
-const { name: name$1a, n: n$1f, classes: classes$11 } = createNamespace("button");
+const { name: name$1b, n: n$1g, classes: classes$11 } = createNamespace("button");
 const _hoisted_1$w = ["type", "disabled"];
 function __render__$1f(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
@@ -3520,14 +3539,14 @@ function __render__$1f(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1g = vue.defineComponent({
-  name: name$1a,
+const __sfc__$1h = vue.defineComponent({
+  name: name$1b,
   components: {
-    VarLoading: stdin_default$5x,
-    VarHoverOverlay: stdin_default$5Q
+    VarLoading: stdin_default$5z,
+    VarHoverOverlay: stdin_default$5S
   },
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
-  props: props$18,
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
+  props: props$19,
   setup(props2) {
     const isFocusing = vue.ref(false);
     const pending = vue.ref(false);
@@ -3587,7 +3606,7 @@ const __sfc__$1g = vue.defineComponent({
       pending,
       states,
       hovering,
-      n: n$1f,
+      n: n$1g,
       classes: classes$11,
       handleHovering,
       handleClick,
@@ -3596,13 +3615,13 @@ const __sfc__$1g = vue.defineComponent({
     };
   }
 });
-__sfc__$1g.render = __render__$1f;
-var stdin_default$5w = __sfc__$1g;
-withInstall(stdin_default$5w);
-withPropsDefaultsSetter(stdin_default$5w, props$18);
-const _ButtonComponent = stdin_default$5w;
-var stdin_default$5v = stdin_default$5w;
-const props$17 = {
+__sfc__$1h.render = __render__$1f;
+var stdin_default$5y = __sfc__$1h;
+withInstall(stdin_default$5y);
+withPropsDefaultsSetter(stdin_default$5y, props$19);
+const _ButtonComponent = stdin_default$5y;
+var stdin_default$5x = stdin_default$5y;
+const props$18 = {
   visibilityHeight: {
     type: [Number, String],
     default: 200
@@ -3620,7 +3639,7 @@ const props$17 = {
   target: [String, Object],
   onClick: defineListenerProp()
 };
-const { name: name$19, n: n$1e, classes: classes$10 } = createNamespace("back-top");
+const { name: name$1a, n: n$1f, classes: classes$10 } = createNamespace("back-top");
 function __render__$1e(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -3660,14 +3679,14 @@ function __render__$1e(_ctx, _cache) {
     )
   ], 8, ["disabled"]);
 }
-const __sfc__$1f = vue.defineComponent({
-  name: name$19,
+const __sfc__$1g = vue.defineComponent({
+  name: name$1a,
   components: {
-    VarButton: stdin_default$5v,
-    VarIcon: stdin_default$5S
+    VarButton: stdin_default$5x,
+    VarIcon: stdin_default$5U
   },
   inheritAttrs: false,
-  props: props$17,
+  props: props$18,
   setup(props2) {
     const show = vue.ref(false);
     const backTopEl = vue.ref(null);
@@ -3713,19 +3732,19 @@ const __sfc__$1f = vue.defineComponent({
       show,
       backTopEl,
       toSizeUnit,
-      n: n$1e,
+      n: n$1f,
       classes: classes$10,
       handleClick
     };
   }
 });
-__sfc__$1f.render = __render__$1e;
-var stdin_default$5u = __sfc__$1f;
-withInstall(stdin_default$5u);
-withPropsDefaultsSetter(stdin_default$5u, props$17);
-const _BackTopComponent = stdin_default$5u;
-var stdin_default$5t = stdin_default$5u;
-const props$16 = {
+__sfc__$1g.render = __render__$1e;
+var stdin_default$5w = __sfc__$1g;
+withInstall(stdin_default$5w);
+withPropsDefaultsSetter(stdin_default$5w, props$18);
+const _BackTopComponent = stdin_default$5w;
+var stdin_default$5v = stdin_default$5w;
+const props$17 = {
   type: {
     type: String,
     default: "default"
@@ -3741,8 +3760,8 @@ const props$16 = {
   },
   maxValue: [String, Number],
   dot: Boolean,
-  icon: pickProps(props$1f, "name"),
-  namespace: pickProps(props$1f, "namespace"),
+  icon: pickProps(props$1g, "name"),
+  namespace: pickProps(props$1g, "namespace"),
   color: String,
   offsetX: {
     type: [String, Number],
@@ -3769,7 +3788,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-const { name: name$18, n: n$1d, classes: classes$$ } = createNamespace("badge");
+const { name: name$19, n: n$1e, classes: classes$$ } = createNamespace("badge");
 const _hoisted_1$v = { key: 0 };
 function __render__$1d(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -3829,11 +3848,11 @@ function __render__$1d(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1e = vue.defineComponent({
-  name: name$18,
-  components: { VarIcon: stdin_default$5S },
+const __sfc__$1f = vue.defineComponent({
+  name: name$19,
+  components: { VarIcon: stdin_default$5U },
   inheritAttrs: false,
-  props: props$16,
+  props: props$17,
   setup(props2) {
     const value = vue.computed(() => {
       const { value: value2, maxValue } = props2;
@@ -3846,18 +3865,18 @@ const __sfc__$1e = vue.defineComponent({
     return {
       value,
       offsetStyle,
-      n: n$1d,
+      n: n$1e,
       classes: classes$$
     };
   }
 });
-__sfc__$1e.render = __render__$1d;
-var stdin_default$5s = __sfc__$1e;
-withInstall(stdin_default$5s);
-withPropsDefaultsSetter(stdin_default$5s, props$16);
-const _BadgeComponent = stdin_default$5s;
-var stdin_default$5r = stdin_default$5s;
-const props$15 = {
+__sfc__$1f.render = __render__$1d;
+var stdin_default$5u = __sfc__$1f;
+withInstall(stdin_default$5u);
+withPropsDefaultsSetter(stdin_default$5u, props$17);
+const _BadgeComponent = stdin_default$5u;
+var stdin_default$5t = stdin_default$5u;
+const props$16 = {
   active: {
     type: [Number, String],
     default: 0
@@ -3908,7 +3927,7 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-const { name: name$17, n: n$1c, classes: classes$_ } = createNamespace("bottom-navigation");
+const { name: name$18, n: n$1d, classes: classes$_ } = createNamespace("bottom-navigation");
 const { n: nItem } = createNamespace("bottom-navigation-item");
 const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
 const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
@@ -3970,10 +3989,10 @@ function __render__$1c(_ctx, _cache) {
     /* STABLE_FRAGMENT */
   );
 }
-const __sfc__$1d = vue.defineComponent({
-  name: name$17,
-  components: { VarButton: stdin_default$5v },
-  props: props$15,
+const __sfc__$1e = vue.defineComponent({
+  name: name$18,
+  components: { VarButton: stdin_default$5x },
+  props: props$16,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
     const active = vue.computed(() => props2.active);
@@ -4093,30 +4112,30 @@ const __sfc__$1d = vue.defineComponent({
         return;
       }
       const { height } = getRect(bottomNavigationDom.value);
-      placeholderHeight.value = `${height}px`;
+      placeholderHeight.value = toSizeUnit(height);
     }
     return {
       length,
       bottomNavigationDom,
       fabProps,
       placeholderHeight,
-      n: n$1c,
+      n: n$1d,
       classes: classes$_,
       handleFabClick
     };
   }
 });
-__sfc__$1d.render = __render__$1c;
-var stdin_default$5q = __sfc__$1d;
-withInstall(stdin_default$5q);
-withPropsDefaultsSetter(stdin_default$5q, props$15);
-const _BottomNavigationComponent = stdin_default$5q;
-var stdin_default$5p = stdin_default$5q;
-const props$14 = {
+__sfc__$1e.render = __render__$1c;
+var stdin_default$5s = __sfc__$1e;
+withInstall(stdin_default$5s);
+withPropsDefaultsSetter(stdin_default$5s, props$16);
+const _BottomNavigationComponent = stdin_default$5s;
+var stdin_default$5r = stdin_default$5s;
+const props$15 = {
   name: String,
   label: String,
-  icon: pickProps(props$1f, "name"),
-  namespace: pickProps(props$1f, "namespace"),
+  icon: pickProps(props$1g, "name"),
+  namespace: pickProps(props$1g, "namespace"),
   badge: {
     type: [Boolean, Object],
     default: false
@@ -4136,7 +4155,7 @@ function useBottomNavigation() {
     bindBottomNavigation: bindParent
   };
 }
-const { name: name$16, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
+const { name: name$17, n: n$1c, classes: classes$Z } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",
   dot: true
@@ -4224,14 +4243,14 @@ function __render__$1b(_ctx, _cache) {
     [_directive_ripple]
   ]);
 }
-const __sfc__$1c = vue.defineComponent({
-  name: name$16,
+const __sfc__$1d = vue.defineComponent({
+  name: name$17,
   components: {
-    VarBadge: stdin_default$5r,
-    VarIcon: stdin_default$5S
+    VarBadge: stdin_default$5t,
+    VarIcon: stdin_default$5U
   },
-  directives: { Ripple: stdin_default$5W },
-  props: props$14,
+  directives: { Ripple: stdin_default$5Y },
+  props: props$15,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
     const isActive = vue.computed(() => [name2.value, index.value].includes(active.value));
@@ -4255,19 +4274,19 @@ const __sfc__$1c = vue.defineComponent({
       badgeProps,
       isActive,
       variant,
-      n: n$1b,
+      n: n$1c,
       classes: classes$Z,
       handleClick
     };
   }
 });
-__sfc__$1c.render = __render__$1b;
-var stdin_default$5o = __sfc__$1c;
-withInstall(stdin_default$5o);
-withPropsDefaultsSetter(stdin_default$5o, props$14);
-const _BottomNavigationItemComponent = stdin_default$5o;
-var stdin_default$5n = stdin_default$5o;
-const props$13 = {
+__sfc__$1d.render = __render__$1b;
+var stdin_default$5q = __sfc__$1d;
+withInstall(stdin_default$5q);
+withPropsDefaultsSetter(stdin_default$5q, props$15);
+const _BottomNavigationItemComponent = stdin_default$5q;
+var stdin_default$5p = stdin_default$5q;
+const props$14 = {
   separator: String,
   onClick: defineListenerProp()
 };
@@ -4295,7 +4314,7 @@ function useBreadcrumb() {
     bindBreadcrumb: bindParent
   };
 }
-const { name: name$15, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
+const { name: name$16, n: n$1b, classes: classes$Y } = createNamespace("breadcrumb");
 function __render__$1a(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4335,9 +4354,9 @@ function __render__$1a(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1b = vue.defineComponent({
-  name: name$15,
-  props: props$13,
+const __sfc__$1c = vue.defineComponent({
+  name: name$16,
+  props: props$14,
   setup(props2) {
     const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
     const isLast = vue.computed(() => index.value === breadcrumb.length.value - 1);
@@ -4350,7 +4369,7 @@ const __sfc__$1b = vue.defineComponent({
       call(props2.onClick, e);
     }
     return {
-      n: n$1a,
+      n: n$1b,
       classes: classes$Y,
       isLast,
       parentSeparator,
@@ -4358,19 +4377,19 @@ const __sfc__$1b = vue.defineComponent({
     };
   }
 });
-__sfc__$1b.render = __render__$1a;
-var stdin_default$5m = __sfc__$1b;
-withInstall(stdin_default$5m);
-withPropsDefaultsSetter(stdin_default$5m, props$13);
-const _BreadcrumbComponent = stdin_default$5m;
-var stdin_default$5l = stdin_default$5m;
-const props$12 = {
+__sfc__$1c.render = __render__$1a;
+var stdin_default$5o = __sfc__$1c;
+withInstall(stdin_default$5o);
+withPropsDefaultsSetter(stdin_default$5o, props$14);
+const _BreadcrumbComponent = stdin_default$5o;
+var stdin_default$5n = stdin_default$5o;
+const props$13 = {
   separator: {
     type: String,
     default: "/"
   }
 };
-const { name: name$14, n: n$19 } = createNamespace("breadcrumbs");
+const { name: name$15, n: n$1a } = createNamespace("breadcrumbs");
 function __render__$19(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4386,9 +4405,9 @@ function __render__$19(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1a = vue.defineComponent({
-  name: name$14,
-  props: props$12,
+const __sfc__$1b = vue.defineComponent({
+  name: name$15,
+  props: props$13,
   setup(props2) {
     const separator = vue.computed(() => props2.separator);
     const { bindBreadcrumbList, length } = useBreadcrumbsList();
@@ -4397,16 +4416,16 @@ const __sfc__$1a = vue.defineComponent({
       separator
     };
     bindBreadcrumbList(breadcrumbsProvider);
-    return { n: n$19 };
+    return { n: n$1a };
   }
 });
-__sfc__$1a.render = __render__$19;
-var stdin_default$5k = __sfc__$1a;
-withInstall(stdin_default$5k);
-withPropsDefaultsSetter(stdin_default$5k, props$12);
-const _BreadcrumbsComponent = stdin_default$5k;
-var stdin_default$5j = stdin_default$5k;
-const props$11 = {
+__sfc__$1b.render = __render__$19;
+var stdin_default$5m = __sfc__$1b;
+withInstall(stdin_default$5m);
+withPropsDefaultsSetter(stdin_default$5m, props$13);
+const _BreadcrumbsComponent = stdin_default$5m;
+var stdin_default$5l = stdin_default$5m;
+const props$12 = {
   type: {
     type: String,
     default: "default"
@@ -4427,7 +4446,7 @@ const props$11 = {
   },
   vertical: Boolean
 };
-const { name: name$13, n: n$18, classes: classes$X } = createNamespace("button-group");
+const { name: name$14, n: n$19, classes: classes$X } = createNamespace("button-group");
 function __render__$18(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4449,9 +4468,9 @@ function __render__$18(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$19 = vue.defineComponent({
-  name: name$13,
-  props: props$11,
+const __sfc__$1a = vue.defineComponent({
+  name: name$14,
+  props: props$12,
   setup(props2) {
     const { bindButtons } = useButtons();
     const buttonGroupProvider = {
@@ -4464,19 +4483,19 @@ const __sfc__$19 = vue.defineComponent({
     };
     bindButtons(buttonGroupProvider);
     return {
-      n: n$18,
+      n: n$19,
       classes: classes$X,
       formatElevation
     };
   }
 });
-__sfc__$19.render = __render__$18;
-var stdin_default$5i = __sfc__$19;
-withInstall(stdin_default$5i);
-withPropsDefaultsSetter(stdin_default$5i, props$11);
-const _ButtonGroupComponent = stdin_default$5i;
-var stdin_default$5h = stdin_default$5i;
-const props$10 = {
+__sfc__$1a.render = __render__$18;
+var stdin_default$5k = __sfc__$1a;
+withInstall(stdin_default$5k);
+withPropsDefaultsSetter(stdin_default$5k, props$12);
+const _ButtonGroupComponent = stdin_default$5k;
+var stdin_default$5j = stdin_default$5k;
+const props$11 = {
   src: String,
   fit: {
     type: String,
@@ -4526,7 +4545,7 @@ var __async$f = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$12, n: n$17, classes: classes$W } = createNamespace("card");
+const { name: name$13, n: n$18, classes: classes$W } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 const _hoisted_1$u = ["src", "alt"];
 function __render__$17(_ctx, _cache) {
@@ -4581,7 +4600,9 @@ function __render__$17(_ctx, _cache) {
               class: vue.normalizeClass(_ctx.n("container"))
             },
             [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.renderSlot(_ctx.$slots, "title", {
+                slotClass: _ctx.n("title")
+              }, () => [
                 _ctx.title ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
@@ -4593,7 +4614,9 @@ function __render__$17(_ctx, _cache) {
                   /* TEXT, CLASS */
                 )) : vue.createCommentVNode("v-if", true)
               ]),
-              vue.renderSlot(_ctx.$slots, "subtitle", {}, () => [
+              vue.renderSlot(_ctx.$slots, "subtitle", {
+                slotClass: _ctx.n("subtitle")
+              }, () => [
                 _ctx.subtitle ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
@@ -4605,7 +4628,9 @@ function __render__$17(_ctx, _cache) {
                   /* TEXT, CLASS */
                 )) : vue.createCommentVNode("v-if", true)
               ]),
-              vue.renderSlot(_ctx.$slots, "description", {}, () => [
+              vue.renderSlot(_ctx.$slots, "description", {
+                slotClass: _ctx.n("description")
+              }, () => [
                 _ctx.description ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
@@ -4707,14 +4732,14 @@ function __render__$17(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple || _ctx.floater }]
   ]);
 }
-const __sfc__$18 = vue.defineComponent({
-  name: name$12,
-  directives: { Ripple: stdin_default$5W },
+const __sfc__$19 = vue.defineComponent({
+  name: name$13,
+  directives: { Ripple: stdin_default$5Y },
   components: {
-    VarIcon: stdin_default$5S,
-    VarButton: stdin_default$5v
+    VarIcon: stdin_default$5U,
+    VarButton: stdin_default$5x
   },
-  props: props$10,
+  props: props$11,
   setup(props2) {
     const card = vue.ref(null);
     const cardFloater = vue.ref(null);
@@ -4832,7 +4857,7 @@ const __sfc__$18 = vue.defineComponent({
       isRow,
       showFloatingButtons,
       floated,
-      n: n$17,
+      n: n$18,
       classes: classes$W,
       toSizeUnit,
       close,
@@ -4841,16 +4866,16 @@ const __sfc__$18 = vue.defineComponent({
     };
   }
 });
-__sfc__$18.render = __render__$17;
-var stdin_default$5g = __sfc__$18;
-withInstall(stdin_default$5g);
-withPropsDefaultsSetter(stdin_default$5g, props$10);
-const _CardComponent = stdin_default$5g;
-var stdin_default$5f = stdin_default$5g;
-const props$$ = {
+__sfc__$19.render = __render__$17;
+var stdin_default$5i = __sfc__$19;
+withInstall(stdin_default$5i);
+withPropsDefaultsSetter(stdin_default$5i, props$11);
+const _CardComponent = stdin_default$5i;
+var stdin_default$5h = stdin_default$5i;
+const props$10 = {
   title: String,
-  icon: pickProps(props$1f, "name"),
-  namespace: pickProps(props$1f, "namespace"),
+  icon: pickProps(props$1g, "name"),
+  namespace: pickProps(props$1g, "namespace"),
   description: String,
   border: Boolean,
   borderOffset: [Number, String],
@@ -4861,7 +4886,7 @@ const props$$ = {
   ripple: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$11, n: n$16, classes: classes$V } = createNamespace("cell");
+const { name: name$12, n: n$17, classes: classes$V } = createNamespace("cell");
 function __render__$16(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -4943,11 +4968,11 @@ function __render__$16(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple }]
   ]);
 }
-const __sfc__$17 = vue.defineComponent({
-  name: name$11,
-  components: { VarIcon: stdin_default$5S },
-  directives: { Ripple: stdin_default$5W },
-  props: props$$,
+const __sfc__$18 = vue.defineComponent({
+  name: name$12,
+  components: { VarIcon: stdin_default$5U },
+  directives: { Ripple: stdin_default$5Y },
+  props: props$10,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
       if (props2.borderOffset == null) {
@@ -4963,20 +4988,20 @@ const __sfc__$17 = vue.defineComponent({
     }
     return {
       borderOffsetStyles,
-      n: n$16,
+      n: n$17,
       classes: classes$V,
       toSizeUnit,
       handleClick
     };
   }
 });
-__sfc__$17.render = __render__$16;
-var stdin_default$5e = __sfc__$17;
-withInstall(stdin_default$5e);
-withPropsDefaultsSetter(stdin_default$5e, props$$);
-const _CellComponent = stdin_default$5e;
-var stdin_default$5d = stdin_default$5e;
-const props$_ = {
+__sfc__$18.render = __render__$16;
+var stdin_default$5g = __sfc__$18;
+withInstall(stdin_default$5g);
+withPropsDefaultsSetter(stdin_default$5g, props$10);
+const _CellComponent = stdin_default$5g;
+var stdin_default$5f = stdin_default$5g;
+const props$$ = {
   errorMessage: {
     type: String,
     default: ""
@@ -4986,7 +5011,7 @@ const props$_ = {
     default: ""
   }
 };
-const { name: name$10, n: n$15 } = createNamespace("form-details");
+const { name: name$11, n: n$16 } = createNamespace("form-details");
 const _hoisted_1$t = { key: 0 };
 const _hoisted_2$e = { key: 0 };
 function __render__$15(_ctx, _cache) {
@@ -5062,18 +5087,18 @@ function __render__$15(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$16 = vue.defineComponent({
-  name: name$10,
-  props: props$_,
-  setup: () => ({ n: n$15 })
+const __sfc__$17 = vue.defineComponent({
+  name: name$11,
+  props: props$$,
+  setup: () => ({ n: n$16 })
 });
-__sfc__$16.render = __render__$15;
-var stdin_default$5c = __sfc__$16;
-withInstall(stdin_default$5c);
-withPropsDefaultsSetter(stdin_default$5c, props$_);
-const _FormDetailsComponent = stdin_default$5c;
-var stdin_default$5b = stdin_default$5c;
-const props$Z = {
+__sfc__$17.render = __render__$15;
+var stdin_default$5e = __sfc__$17;
+withInstall(stdin_default$5e);
+withPropsDefaultsSetter(stdin_default$5e, props$$);
+const _FormDetailsComponent = stdin_default$5e;
+var stdin_default$5d = stdin_default$5e;
+const props$_ = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: false
@@ -5167,7 +5192,7 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$$, n: n$14, classes: classes$U } = createNamespace("checkbox");
+const { name: name$10, n: n$15, classes: classes$U } = createNamespace("checkbox");
 const _hoisted_1$s = ["tabindex"];
 function __render__$14(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -5264,15 +5289,15 @@ function __render__$14(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$15 = vue.defineComponent({
-  name: name$$,
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+const __sfc__$16 = vue.defineComponent({
+  name: name$10,
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   components: {
-    VarIcon: stdin_default$5S,
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarIcon: stdin_default$5U,
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
-  props: props$Z,
+  props: props$_,
   setup(props2) {
     const action = vue.ref(null);
     const isFocusing = vue.ref(false);
@@ -5391,7 +5416,7 @@ const __sfc__$15 = vue.defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
-      n: n$14,
+      n: n$15,
       classes: classes$U,
       handleHovering,
       handleClick,
@@ -5403,17 +5428,17 @@ const __sfc__$15 = vue.defineComponent({
     };
   }
 });
-__sfc__$15.render = __render__$14;
-var stdin_default$5a = __sfc__$15;
-withInstall(stdin_default$5a);
-withPropsDefaultsSetter(stdin_default$5a, props$Z);
-const _CheckboxComponent = stdin_default$5a;
-var stdin_default$59 = stdin_default$5a;
+__sfc__$16.render = __render__$14;
+var stdin_default$5c = __sfc__$16;
+withInstall(stdin_default$5c);
+withPropsDefaultsSetter(stdin_default$5c, props$_);
+const _CheckboxComponent = stdin_default$5c;
+var stdin_default$5b = stdin_default$5c;
 const {
-  name: name$_
+  name: name$$
 } = createNamespace("checkbox-group-option");
-var stdin_default$58 = vue.defineComponent({
-  name: name$_,
+var stdin_default$5a = vue.defineComponent({
+  name: name$$,
   props: {
     labelKey: {
       type: String,
@@ -5435,7 +5460,7 @@ var stdin_default$58 = vue.defineComponent({
         labelKey,
         valueKey
       } = props2;
-      return vue.createVNode(stdin_default$59, {
+      return vue.createVNode(stdin_default$5b, {
         "checkedValue": option[valueKey],
         "disabled": option.disabled
       }, {
@@ -5446,7 +5471,7 @@ var stdin_default$58 = vue.defineComponent({
     };
   }
 });
-const props$Y = {
+const props$Z = {
   modelValue: {
     type: Array,
     default: () => []
@@ -5473,7 +5498,7 @@ const props$Y = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$Z, n: n$13, classes: classes$T } = createNamespace("checkbox-group");
+const { name: name$_, n: n$14, classes: classes$T } = createNamespace("checkbox-group");
 function __render__$13(_ctx, _cache) {
   const _component_checkbox_group_option = vue.resolveComponent("checkbox-group-option");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -5514,10 +5539,10 @@ function __render__$13(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$14 = vue.defineComponent({
-  name: name$Z,
-  components: { VarFormDetails: stdin_default$5b, CheckboxGroupOption: stdin_default$58 },
-  props: props$Y,
+const __sfc__$15 = vue.defineComponent({
+  name: name$_,
+  components: { VarFormDetails: stdin_default$5d, CheckboxGroupOption: stdin_default$5a },
+  props: props$Z,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
     const checkedCount = vue.computed(() => props2.modelValue.length);
@@ -5600,7 +5625,7 @@ const __sfc__$14 = vue.defineComponent({
     return {
       errorMessage,
       checkboxGroupOptions,
-      n: n$13,
+      n: n$14,
       classes: classes$T,
       checkAll: checkAll2,
       inverseAll,
@@ -5610,13 +5635,13 @@ const __sfc__$14 = vue.defineComponent({
     };
   }
 });
-__sfc__$14.render = __render__$13;
-var stdin_default$57 = __sfc__$14;
-withInstall(stdin_default$57);
-withPropsDefaultsSetter(stdin_default$57, props$Y);
-const _CheckboxGroupComponent = stdin_default$57;
-var stdin_default$56 = stdin_default$57;
-const props$X = {
+__sfc__$15.render = __render__$13;
+var stdin_default$59 = __sfc__$15;
+withInstall(stdin_default$59);
+withPropsDefaultsSetter(stdin_default$59, props$Z);
+const _CheckboxGroupComponent = stdin_default$59;
+var stdin_default$58 = stdin_default$59;
+const props$Y = {
   type: {
     type: String,
     default: "default"
@@ -5627,8 +5652,8 @@ const props$X = {
   },
   color: String,
   textColor: String,
-  iconName: pickProps(props$1f, "name"),
-  namespace: pickProps(props$1f, "namespace"),
+  iconName: pickProps(props$1g, "name"),
+  namespace: pickProps(props$1g, "namespace"),
   plain: Boolean,
   round: {
     type: Boolean,
@@ -5638,7 +5663,7 @@ const props$X = {
   closeable: Boolean,
   onClose: defineListenerProp()
 };
-const { name: name$Y, n: n$12, classes: classes$S } = createNamespace("chip");
+const { name: name$Z, n: n$13, classes: classes$S } = createNamespace("chip");
 function __render__$12(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -5689,14 +5714,14 @@ function __render__$12(_ctx, _cache) {
     _: 3
     /* FORWARDED */
   }, 8, ["name"]);
-}
-const __sfc__$13 = vue.defineComponent({
-  name: name$Y,
+}
+const __sfc__$14 = vue.defineComponent({
+  name: name$Z,
   components: {
-    VarIcon: stdin_default$5S
+    VarIcon: stdin_default$5U
   },
   inheritAttrs: false,
-  props: props$X,
+  props: props$Y,
   setup(props2) {
     const chipStyle = vue.computed(() => {
       const { plain, textColor, color } = props2;
@@ -5713,10 +5738,10 @@ const __sfc__$13 = vue.defineComponent({
     });
     const contentClass = vue.computed(() => {
       const { size, block, type, plain, round: round2 } = props2;
-      const blockClass = block ? n$12("$--flex") : n$12("$--inline-flex");
-      const plainTypeClass = plain ? `${n$12("plain")} ${n$12(`plain-${type}`)}` : n$12(`--${type}`);
-      const roundClass = round2 ? n$12("--round") : null;
-      return [n$12(`--${size}`), blockClass, plainTypeClass, roundClass];
+      const blockClass = block ? n$13("$--flex") : n$13("$--inline-flex");
+      const plainTypeClass = plain ? `${n$13("plain")} ${n$13(`plain-${type}`)}` : n$13(`--${type}`);
+      const roundClass = round2 ? n$13("--round") : null;
+      return [n$13(`--${size}`), blockClass, plainTypeClass, roundClass];
     });
     function handleClose(e) {
       call(props2.onClose, e);
@@ -5724,19 +5749,19 @@ const __sfc__$13 = vue.defineComponent({
     return {
       chipStyle,
       contentClass,
-      n: n$12,
+      n: n$13,
       classes: classes$S,
       handleClose
     };
   }
 });
-__sfc__$13.render = __render__$12;
-var stdin_default$55 = __sfc__$13;
-withInstall(stdin_default$55);
-withPropsDefaultsSetter(stdin_default$55, props$X);
-const _ChipComponent = stdin_default$55;
-var stdin_default$54 = stdin_default$55;
-const props$W = {
+__sfc__$14.render = __render__$12;
+var stdin_default$57 = __sfc__$14;
+withInstall(stdin_default$57);
+withPropsDefaultsSetter(stdin_default$57, props$Y);
+const _ChipComponent = stdin_default$57;
+var stdin_default$56 = stdin_default$57;
+const props$X = {
   span: {
     type: [String, Number],
     default: 24
@@ -5775,7 +5800,7 @@ function useRow() {
     bindRow: bindParent
   };
 }
-const { name: name$X, n: n$11, classes: classes$R } = createNamespace("col");
+const { name: name$Y, n: n$12, classes: classes$R } = createNamespace("col");
 function __render__$11(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5811,9 +5836,9 @@ function __render__$11(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$12 = vue.defineComponent({
-  name: name$X,
-  props: props$W,
+const __sfc__$13 = vue.defineComponent({
+  name: name$Y,
+  props: props$X,
   setup(props2) {
     const span = vue.computed(() => toNumber(props2.span));
     const offset2 = vue.computed(() => toNumber(props2.offset));
@@ -5835,10 +5860,10 @@ const __sfc__$12 = vue.defineComponent({
       }
       if (isPlainObject(size)) {
         const { offset: offset22, span: span2 } = size;
-        Number(span2) >= 0 && classes2.push(n$11(`--span-${mode}-${span2}`));
-        offset22 && classes2.push(n$11(`--offset-${mode}-${offset22}`));
+        Number(span2) >= 0 && classes2.push(n$12(`--span-${mode}-${span2}`));
+        offset22 && classes2.push(n$12(`--offset-${mode}-${offset22}`));
       } else {
-        Number(size) >= 0 && classes2.push(n$11(`--span-${mode}-${size}`));
+        Number(size) >= 0 && classes2.push(n$12(`--span-${mode}-${size}`));
       }
       return classes2;
     }
@@ -5849,7 +5874,7 @@ const __sfc__$12 = vue.defineComponent({
       span,
       offset: offset2,
       padding,
-      n: n$11,
+      n: n$12,
       classes: classes$R,
       toNumber,
       toSizeUnit,
@@ -5859,12 +5884,12 @@ const __sfc__$12 = vue.defineComponent({
     };
   }
 });
-__sfc__$12.render = __render__$11;
-var stdin_default$53 = __sfc__$12;
-withInstall(stdin_default$53);
-withPropsDefaultsSetter(stdin_default$53, props$W);
-const _ColComponent = stdin_default$53;
-var stdin_default$52 = stdin_default$53;
+__sfc__$13.render = __render__$11;
+var stdin_default$55 = __sfc__$13;
+withInstall(stdin_default$55);
+withPropsDefaultsSetter(stdin_default$55, props$X);
+const _ColComponent = stdin_default$55;
+var stdin_default$54 = stdin_default$55;
 const COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -5876,7 +5901,7 @@ function useCollapseItem() {
     bindCollapseItems: bindChildren
   };
 }
-const props$V = {
+const props$W = {
   modelValue: [Array, String, Number],
   accordion: Boolean,
   offset: {
@@ -5894,7 +5919,7 @@ const props$V = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$W, n: n$10 } = createNamespace("collapse");
+const { name: name$X, n: n$11 } = createNamespace("collapse");
 function __render__$10(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5908,9 +5933,9 @@ function __render__$10(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$11 = vue.defineComponent({
-  name: name$W,
-  props: props$V,
+const __sfc__$12 = vue.defineComponent({
+  name: name$X,
+  props: props$W,
   setup(props2) {
     const offset2 = vue.computed(() => props2.offset);
     const divider = vue.computed(() => props2.divider);
@@ -5996,17 +6021,17 @@ const __sfc__$11 = vue.defineComponent({
     };
     return {
       divider,
-      n: n$10,
+      n: n$11,
       toggleAll
     };
   }
 });
-__sfc__$11.render = __render__$10;
-var stdin_default$51 = __sfc__$11;
-withInstall(stdin_default$51);
-withPropsDefaultsSetter(stdin_default$51, props$V);
-const _CollapseComponent = stdin_default$51;
-var stdin_default$50 = stdin_default$51;
+__sfc__$12.render = __render__$10;
+var stdin_default$53 = __sfc__$12;
+withInstall(stdin_default$53);
+withPropsDefaultsSetter(stdin_default$53, props$W);
+const _CollapseComponent = stdin_default$53;
+var stdin_default$52 = stdin_default$53;
 function useCollapse() {
   const { parentProvider, index, bindParent } = useParent(
     COLLAPSE_BIND_COLLAPSE_ITEM_KEY
@@ -6020,7 +6045,7 @@ function useCollapse() {
     bindCollapse: bindParent
   };
 }
-const props$U = {
+const props$V = {
   name: [String, Number],
   title: String,
   icon: {
@@ -6111,7 +6136,7 @@ function useCollapseTransition(options) {
     handleTransitionStart
   };
 }
-const { name: name$V, n: n$$, classes: classes$Q } = createNamespace("collapse-item");
+const { name: name$W, n: n$10, classes: classes$Q } = createNamespace("collapse-item");
 const _hoisted_1$r = ["aria-expanded", "aria-disabled", "role"];
 function __render__$$(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -6211,12 +6236,12 @@ function __render__$$(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$10 = vue.defineComponent({
-  name: name$V,
+const __sfc__$11 = vue.defineComponent({
+  name: name$W,
   components: {
-    VarIcon: stdin_default$5S
+    VarIcon: stdin_default$5U
   },
-  props: props$U,
+  props: props$V,
   setup(props2) {
     const isShow = vue.ref(false);
     const showContent = vue.ref(false);
@@ -6255,7 +6280,7 @@ const __sfc__$10 = vue.defineComponent({
       elevation,
       contentEl,
       accordion,
-      n: n$$,
+      n: n$10,
       classes: classes$Q,
       toggle,
       formatElevation,
@@ -6264,16 +6289,16 @@ const __sfc__$10 = vue.defineComponent({
     };
   }
 });
-__sfc__$10.render = __render__$$;
-var stdin_default$4$ = __sfc__$10;
-withInstall(stdin_default$4$);
-withPropsDefaultsSetter(stdin_default$4$, props$U);
-const _CollapseItemComponent = stdin_default$4$;
-var stdin_default$4_ = stdin_default$4$;
-const props$T = {
+__sfc__$11.render = __render__$$;
+var stdin_default$51 = __sfc__$11;
+withInstall(stdin_default$51);
+withPropsDefaultsSetter(stdin_default$51, props$V);
+const _CollapseItemComponent = stdin_default$51;
+var stdin_default$50 = stdin_default$51;
+const props$U = {
   expand: Boolean
 };
-const { name: name$U, n: n$_ } = createNamespace("collapse-transition");
+const { name: name$V, n: n$$ } = createNamespace("collapse-transition");
 function __render__$_(_ctx, _cache) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "div",
@@ -6292,9 +6317,9 @@ function __render__$_(_ctx, _cache) {
     [vue.vShow, _ctx.showContent]
   ]);
 }
-const __sfc__$$ = vue.defineComponent({
-  name: name$U,
-  props: props$T,
+const __sfc__$10 = vue.defineComponent({
+  name: name$V,
+  props: props$U,
   setup(props2) {
     const showContent = vue.ref(false);
     const contentEl = vue.ref(null);
@@ -6307,19 +6332,19 @@ const __sfc__$$ = vue.defineComponent({
     return {
       showContent,
       contentEl,
-      n: n$_,
+      n: n$$,
       handleTransitionEnd,
       handleTransitionStart
     };
   }
 });
-__sfc__$$.render = __render__$_;
-var stdin_default$4Z = __sfc__$$;
-withInstall(stdin_default$4Z);
-withPropsDefaultsSetter(stdin_default$4Z, props$T);
-const _CollapseTransitionComponent = stdin_default$4Z;
-var stdin_default$4Y = stdin_default$4Z;
-const props$S = {
+__sfc__$10.render = __render__$_;
+var stdin_default$4$ = __sfc__$10;
+withInstall(stdin_default$4$);
+withPropsDefaultsSetter(stdin_default$4$, props$U);
+const _CollapseTransitionComponent = stdin_default$4$;
+var stdin_default$4_ = stdin_default$4$;
+const props$T = {
   time: {
     type: [String, Number],
     default: 0
@@ -6335,7 +6360,7 @@ const props$S = {
   onEnd: defineListenerProp(),
   onChange: defineListenerProp()
 };
-const { name: name$T, n: n$Z } = createNamespace("countdown");
+const { name: name$U, n: n$_ } = createNamespace("countdown");
 const SECOND = 1e3;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
@@ -6359,9 +6384,9 @@ function __render__$Z(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$_ = vue.defineComponent({
-  name: name$T,
-  props: props$S,
+const __sfc__$$ = vue.defineComponent({
+  name: name$U,
+  props: props$T,
   setup(props2) {
     const showTime = vue.ref("");
     const timeData = vue.ref({
@@ -6485,19 +6510,19 @@ const __sfc__$_ = vue.defineComponent({
     return {
       showTime,
       timeData,
-      n: n$Z,
+      n: n$_,
       start: start2,
       pause,
       reset
     };
   }
 });
-__sfc__$_.render = __render__$Z;
-var stdin_default$4X = __sfc__$_;
-withInstall(stdin_default$4X);
-withPropsDefaultsSetter(stdin_default$4X, props$S);
-const _CountdownComponent = stdin_default$4X;
-var stdin_default$4W = stdin_default$4X;
+__sfc__$$.render = __render__$Z;
+var stdin_default$4Z = __sfc__$$;
+withInstall(stdin_default$4Z);
+withPropsDefaultsSetter(stdin_default$4Z, props$T);
+const _CountdownComponent = stdin_default$4Z;
+var stdin_default$4Y = stdin_default$4Z;
 /*!
  *  decimal.js v10.4.0
  *  An arbitrary-precision Decimal type for JavaScript.
@@ -8826,7 +8851,7 @@ P[Symbol.toStringTag] = "Decimal";
 var Decimal = P.constructor = clone(DEFAULTS);
 LN10 = new Decimal(LN10);
 PI = new Decimal(PI);
-const props$R = {
+const props$S = {
   modelValue: {
     type: [String, Number],
     default: 0
@@ -8881,7 +8906,7 @@ const props$R = {
 };
 const SPEED = 100;
 const DELAY = 600;
-const { name: name$S, n: n$Y, classes: classes$P } = createNamespace("counter");
+const { name: name$T, n: n$Z, classes: classes$P } = createNamespace("counter");
 const _hoisted_1$q = ["inputmode", "readonly", "disabled"];
 function __render__$Y(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -8981,16 +9006,16 @@ function __render__$Y(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$Z = vue.defineComponent({
-  name: name$S,
+const __sfc__$_ = vue.defineComponent({
+  name: name$T,
   components: {
-    VarButton: stdin_default$5v,
-    VarIcon: stdin_default$5S,
-    VarFormDetails: stdin_default$5b
+    VarButton: stdin_default$5x,
+    VarIcon: stdin_default$5U,
+    VarFormDetails: stdin_default$5d
   },
-  directives: { Ripple: stdin_default$5W },
+  directives: { Ripple: stdin_default$5Y },
   inheritAttrs: false,
-  props: props$R,
+  props: props$S,
   setup(props2) {
     const inputValue = vue.ref("");
     const { bindForm, form } = useForm();
@@ -9176,7 +9201,7 @@ const __sfc__$Z = vue.defineComponent({
       formReadonly,
       isMax,
       isMin,
-      n: n$Y,
+      n: n$Z,
       classes: classes$P,
       formatElevation,
       validate,
@@ -9194,12 +9219,12 @@ const __sfc__$Z = vue.defineComponent({
     };
   }
 });
-__sfc__$Z.render = __render__$Y;
-var stdin_default$4V = __sfc__$Z;
-withInstall(stdin_default$4V);
-withPropsDefaultsSetter(stdin_default$4V, props$R);
-const _CounterComponent = stdin_default$4V;
-var stdin_default$4U = stdin_default$4V;
+__sfc__$_.render = __render__$Y;
+var stdin_default$4X = __sfc__$_;
+withInstall(stdin_default$4X);
+withPropsDefaultsSetter(stdin_default$4X, props$S);
+const _CounterComponent = stdin_default$4X;
+var stdin_default$4W = stdin_default$4X;
 var SECONDS_A_MINUTE = 60;
 var SECONDS_A_HOUR = SECONDS_A_MINUTE * 60;
 var SECONDS_A_DAY = SECONDS_A_HOUR * 24;
@@ -9626,7 +9651,7 @@ const isSameOrAfter = function(o, c) {
 };
 const MONTH_LIST = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
 const WEEK_HEADER = ["0", "1", "2", "3", "4", "5", "6"];
-const props$Q = {
+const props$R = {
   modelValue: [String, Array],
   type: {
     type: String,
@@ -9665,7 +9690,7 @@ const props$Q = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { n: n$X } = createNamespace("date-picker-header");
+const { n: n$Y } = createNamespace("date-picker-header");
 function __render__$X(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
@@ -9734,11 +9759,11 @@ function __render__$X(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$Y = vue.defineComponent({
+const __sfc__$Z = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: stdin_default$5v,
-    VarIcon: stdin_default$5S
+    VarButton: stdin_default$5x,
+    VarIcon: stdin_default$5U
   },
   props: {
     date: {
@@ -9783,15 +9808,15 @@ const __sfc__$Y = vue.defineComponent({
       }
     );
     return {
-      n: n$X,
+      n: n$Y,
       reverse,
       showDate,
       checkDate
     };
   }
 });
-__sfc__$Y.render = __render__$X;
-var stdin_default$4T = __sfc__$Y;
+__sfc__$Z.render = __render__$X;
+var stdin_default$4V = __sfc__$Z;
 var __defProp$k = Object.defineProperty;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
@@ -9810,7 +9835,7 @@ var __spreadValues$k = (a, b) => {
 };
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
-const { n: n$W, classes: classes$O } = createNamespace("month-picker");
+const { n: n$X, classes: classes$O } = createNamespace("month-picker");
 const { n: nDate$2 } = createNamespace("date-picker");
 function __render__$W(_ctx, _cache) {
   const _component_panel_header = vue.resolveComponent("panel-header");
@@ -9882,11 +9907,11 @@ function __render__$W(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$X = vue.defineComponent({
+const __sfc__$Y = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: stdin_default$5v,
-    PanelHeader: stdin_default$4T
+    VarButton: stdin_default$5x,
+    PanelHeader: stdin_default$4V
   },
   props: {
     choose: {
@@ -10010,13 +10035,13 @@ const __sfc__$X = vue.defineComponent({
         color: !computeText() ? color : "",
         textColor: isCover ? "" : textColorOrCover(),
         [`${nDate$2()}-color-cover`]: isCover,
-        class: classes$O(n$W("button"), [disabled, n$W("button--disabled")]),
+        class: classes$O(n$X("button"), [disabled, n$X("button--disabled")]),
         disabled
       };
     };
     const chooseMonth = (month, event) => {
       const buttonEl = event.currentTarget;
-      if (buttonEl.classList.contains(n$W("button--disabled")))
+      if (buttonEl.classList.contains(n$X("button--disabled")))
         return;
       emit("choose-month", month);
     };
@@ -10042,7 +10067,7 @@ const __sfc__$X = vue.defineComponent({
       { immediate: true }
     );
     return {
-      n: n$W,
+      n: n$X,
       nDate: nDate$2,
       t,
       MONTH_LIST,
@@ -10058,9 +10083,9 @@ const __sfc__$X = vue.defineComponent({
     };
   }
 });
-__sfc__$X.render = __render__$W;
-var stdin_default$4S = __sfc__$X;
-const props$P = {
+__sfc__$Y.render = __render__$W;
+var stdin_default$4U = __sfc__$Y;
+const props$Q = {
   offsetTop: {
     type: [String, Number],
     default: 0
@@ -10093,7 +10118,7 @@ var __async$d = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$R, n: n$V, classes: classes$N } = createNamespace("sticky");
+const { name: name$S, n: n$W, classes: classes$N } = createNamespace("sticky");
 function __render__$V(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -10133,9 +10158,9 @@ function __render__$V(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$W = vue.defineComponent({
-  name: name$R,
-  props: props$P,
+const __sfc__$X = vue.defineComponent({
+  name: name$S,
+  props: props$Q,
   setup(props2) {
     const stickyEl = vue.ref(null);
     const wrapperEl = vue.ref(null);
@@ -10232,19 +10257,19 @@ const __sfc__$W = vue.defineComponent({
       fixedWrapperHeight,
       enableCSSMode,
       enableFixedMode,
-      n: n$V,
+      n: n$W,
       classes: classes$N,
       resize,
       toNumber
     };
   }
 });
-__sfc__$W.render = __render__$V;
-var stdin_default$4R = __sfc__$W;
-withInstall(stdin_default$4R);
-withPropsDefaultsSetter(stdin_default$4R, props$P);
-const _StickyComponent = stdin_default$4R;
-var stdin_default$4Q = stdin_default$4R;
+__sfc__$X.render = __render__$V;
+var stdin_default$4T = __sfc__$X;
+withInstall(stdin_default$4T);
+withPropsDefaultsSetter(stdin_default$4T, props$Q);
+const _StickyComponent = stdin_default$4T;
+var stdin_default$4S = stdin_default$4T;
 var __defProp$j = Object.defineProperty;
 var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
 var __hasOwnProp$j = Object.prototype.hasOwnProperty;
@@ -10261,7 +10286,7 @@ var __spreadValues$j = (a, b) => {
     }
   return a;
 };
-const { n: n$U, classes: classes$M } = createNamespace("year-picker");
+const { n: n$V, classes: classes$M } = createNamespace("year-picker");
 const { n: nDate$1 } = createNamespace("date-picker");
 function __render__$U(_ctx, _cache) {
   const _component_panel_header = vue.resolveComponent("panel-header");
@@ -10333,12 +10358,12 @@ function __render__$U(_ctx, _cache) {
     }, 8, ["name"])
   ]);
 }
-const __sfc__$V = vue.defineComponent({
+const __sfc__$W = vue.defineComponent({
   name: "YearPickerPanel",
   components: {
-    VarButton: stdin_default$5v,
-    VarSticky: stdin_default$4Q,
-    PanelHeader: stdin_default$4T
+    VarButton: stdin_default$5x,
+    VarSticky: stdin_default$4S,
+    PanelHeader: stdin_default$4V
   },
   props: {
     choose: {
@@ -10452,13 +10477,13 @@ const __sfc__$V = vue.defineComponent({
         color: !computeText() ? color : "",
         textColor: isCover ? "" : textColorOrCover(),
         [`${nDate$1()}-color-cover`]: isCover,
-        class: classes$M(n$U("button"), [disabled, n$U("button--disabled")]),
+        class: classes$M(n$V("button"), [disabled, n$V("button--disabled")]),
         disabled
       };
     };
     const chooseYear = (year, event) => {
       const buttonEl = event.currentTarget;
-      if (buttonEl.classList.contains(n$U("button--disabled")))
+      if (buttonEl.classList.contains(n$V("button--disabled")))
         return;
       emit("choose-year", year);
     };
@@ -10503,7 +10528,7 @@ const __sfc__$V = vue.defineComponent({
       }
     );
     return {
-      n: n$U,
+      n: n$V,
       classes: classes$M,
       buttonProps,
       panel,
@@ -10520,8 +10545,8 @@ const __sfc__$V = vue.defineComponent({
     };
   }
 });
-__sfc__$V.render = __render__$U;
-var stdin_default$4P = __sfc__$V;
+__sfc__$W.render = __render__$U;
+var stdin_default$4R = __sfc__$W;
 var __defProp$i = Object.defineProperty;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
@@ -10540,7 +10565,7 @@ var __spreadValues$i = (a, b) => {
 };
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
-const { n: n$T, classes: classes$L } = createNamespace("day-picker");
+const { n: n$U, classes: classes$L } = createNamespace("day-picker");
 const { n: nDate } = createNamespace("date-picker");
 function __render__$T(_ctx, _cache) {
   const _component_panel_header = vue.resolveComponent("panel-header");
@@ -10648,11 +10673,11 @@ function __render__$T(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$U = vue.defineComponent({
+const __sfc__$V = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: stdin_default$5v,
-    PanelHeader: stdin_default$4T
+    VarButton: stdin_default$5x,
+    PanelHeader: stdin_default$4V
   },
   props: {
     choose: {
@@ -10762,7 +10787,7 @@ const __sfc__$U = vue.defineComponent({
           text: true,
           outline: false,
           textColor: "",
-          class: n$T("button"),
+          class: n$U("button"),
           disabled: true
         };
       }
@@ -10818,7 +10843,7 @@ const __sfc__$U = vue.defineComponent({
         outline: computeOutline(),
         textColor: isCover ? "" : textColorOrCover(),
         [`${nDate()}-color-cover`]: isCover,
-        class: classes$L(n$T("button"), n$T("button--usable"), [disabled, n$T("button--disabled")]),
+        class: classes$L(n$U("button"), n$U("button--usable"), [disabled, n$U("button--disabled")]),
         disabled
       };
     };
@@ -10829,7 +10854,7 @@ const __sfc__$U = vue.defineComponent({
     };
     const chooseDay = (day, event) => {
       const buttonEl = event.currentTarget;
-      if (buttonEl.classList.contains(n$T("button--disabled")))
+      if (buttonEl.classList.contains(n$U("button--disabled")))
         return;
       emit("choose-day", day);
     };
@@ -10848,7 +10873,7 @@ const __sfc__$U = vue.defineComponent({
       }
     );
     return {
-      n: n$T,
+      n: n$U,
       nDate,
       days,
       reverse,
@@ -10865,8 +10890,8 @@ const __sfc__$U = vue.defineComponent({
     };
   }
 });
-__sfc__$U.render = __render__$T;
-var stdin_default$4O = __sfc__$U;
+__sfc__$V.render = __render__$T;
+var stdin_default$4Q = __sfc__$V;
 var __async$c = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -10887,7 +10912,7 @@ var __async$c = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$Q, n: n$S, classes: classes$K } = createNamespace("date-picker");
+const { name: name$R, n: n$T, classes: classes$K } = createNamespace("date-picker");
 function __render__$S(_ctx, _cache) {
   var _a;
   const _component_year_picker_panel = vue.resolveComponent("year-picker-panel");
@@ -10917,7 +10942,7 @@ function __render__$S(_ctx, _cache) {
                 {
                   class: vue.normalizeClass(_ctx.n("title-hint"))
                 },
-                vue.toDisplayString((_a = _ctx.hint) != null ? _a : _ctx.t("datePickerHint")),
+                vue.toDisplayString((_a = _ctx.hint) != null ? _a : _ctx.t("datePickerHint", { locale: _ctx.locale })),
                 3
                 /* TEXT, CLASS */
               ),
@@ -11132,15 +11157,16 @@ function __render__$S(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$T = vue.defineComponent({
-  name: name$Q,
+const __sfc__$U = vue.defineComponent({
+  name: name$R,
   components: {
-    MonthPickerPanel: stdin_default$4S,
-    YearPickerPanel: stdin_default$4P,
-    DayPickerPanel: stdin_default$4O
+    MonthPickerPanel: stdin_default$4U,
+    YearPickerPanel: stdin_default$4R,
+    DayPickerPanel: stdin_default$4Q
   },
-  props: props$Q,
+  props: props$R,
   setup(props2) {
+    const { locale } = injectLocaleProvider();
     const currentDate = dayjs().format("YYYY-MM-D");
     const [currentYear, currentMonth] = currentDate.split("-");
     const monthDes = MONTH_LIST.find((month) => month === currentMonth);
@@ -11195,7 +11221,7 @@ const __sfc__$T = vue.defineComponent({
       if (range) {
         return chooseRangeYear.value.length ? `${chooseRangeYear.value[0]} ~ ${chooseRangeYear.value[1]}` : "";
       }
-      return multiple ? `${chooseYears.value.length}${t("datePickerSelected")}` : (_a = chooseYear.value) != null ? _a : "";
+      return multiple ? `${chooseYears.value.length}${t("datePickerSelected", { locale: locale.value })}` : (_a = chooseYear.value) != null ? _a : "";
     });
     const getMonthTitle = vue.computed(() => {
       var _a, _b;
@@ -11205,9 +11231,9 @@ const __sfc__$T = vue.defineComponent({
       }
       let monthName = "";
       if (chooseMonth.value) {
-        monthName = (_b = (_a = t("datePickerMonthDict")) == null ? void 0 : _a[chooseMonth.value].name) != null ? _b : "";
+        monthName = (_b = (_a = t("datePickerMonthDict", { locale: locale.value })) == null ? void 0 : _a[chooseMonth.value].name) != null ? _b : "";
       }
-      return multiple ? `${chooseMonths.value.length}${t("datePickerSelected")}` : monthName;
+      return multiple ? `${chooseMonths.value.length}${t("datePickerSelected", { locale: locale.value })}` : monthName;
     });
     const getDateTitle = vue.computed(() => {
       var _a, _b, _c, _d;
@@ -11217,13 +11243,13 @@ const __sfc__$T = vue.defineComponent({
         return formatRangeDays.length ? `${formatRangeDays[0]} ~ ${formatRangeDays[1]}` : "";
       }
       if (multiple)
-        return `${chooseDays.value.length}${t("datePickerSelected")}`;
+        return `${chooseDays.value.length}${t("datePickerSelected", { locale: locale.value })}`;
       if (!chooseYear.value || !chooseMonth.value || !chooseDay.value)
         return "";
       const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value}-${chooseDay.value}`).day();
       const week = WEEK_HEADER.find((value) => value === `${weekIndex}`);
-      const weekName = (_b = (_a = t("datePickerWeekDict")) == null ? void 0 : _a[week].name) != null ? _b : "";
-      const monthName = (_d = (_c = t("datePickerMonthDict")) == null ? void 0 : _c[chooseMonth.value].name) != null ? _d : "";
+      const weekName = (_b = (_a = t("datePickerWeekDict", { locale: locale.value })) == null ? void 0 : _a[week].name) != null ? _b : "";
+      const monthName = (_d = (_c = t("datePickerMonthDict", { locale: locale.value })) == null ? void 0 : _c[chooseMonth.value].name) != null ? _d : "";
       const showDay = padStart$1(chooseDay.value, 2, "0");
       if (t("lang") === "zh-CN")
         return `${chooseMonth.value}-${showDay} ${weekName.slice(0, 3)}`;
@@ -11517,8 +11543,9 @@ const __sfc__$T = vue.defineComponent({
       componentProps,
       slotProps,
       formatRange,
+      locale,
       t,
-      n: n$S,
+      n: n$T,
       classes: classes$K,
       clickEl,
       handleTouchstart,
@@ -11532,12 +11559,12 @@ const __sfc__$T = vue.defineComponent({
     };
   }
 });
-__sfc__$T.render = __render__$S;
-var stdin_default$4N = __sfc__$T;
-withInstall(stdin_default$4N);
-withPropsDefaultsSetter(stdin_default$4N, props$Q);
-const _DatePickerComponent = stdin_default$4N;
-var stdin_default$4M = stdin_default$4N;
+__sfc__$U.render = __render__$S;
+var stdin_default$4P = __sfc__$U;
+withInstall(stdin_default$4P);
+withPropsDefaultsSetter(stdin_default$4P, props$R);
+const _DatePickerComponent = stdin_default$4P;
+var stdin_default$4O = stdin_default$4P;
 var __defProp$h = Object.defineProperty;
 var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
 var __hasOwnProp$h = Object.prototype.hasOwnProperty;
@@ -11554,7 +11581,7 @@ var __spreadValues$h = (a, b) => {
     }
   return a;
 };
-const props$O = __spreadValues$h({
+const props$P = __spreadValues$h({
   show: Boolean,
   width: [Number, String],
   title: String,
@@ -11583,7 +11610,7 @@ const props$O = __spreadValues$h({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1g, [
+}, pickProps(props$1h, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -11616,7 +11643,7 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-const { name: name$P, n: n$R, classes: classes$J } = createNamespace("dialog");
+const { name: name$Q, n: n$S, classes: classes$J } = createNamespace("dialog");
 function __render__$R(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
   const _component_var_popup = vue.resolveComponent("var-popup");
@@ -11657,7 +11684,7 @@ function __render__$R(_ctx, _cache) {
                 var _a;
                 return [
                   vue.createTextVNode(
-                    vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("dialogTitle")),
+                    vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("dialogTitle", { locale: _ctx.locale })),
                     1
                     /* TEXT */
                   )
@@ -11704,7 +11731,7 @@ function __render__$R(_ctx, _cache) {
                   var _a;
                   return [
                     vue.createTextVNode(
-                      vue.toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.t("dialogCancelButtonText")),
+                      vue.toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.t("dialogCancelButtonText", { locale: _ctx.locale })),
                       1
                       /* TEXT */
                     )
@@ -11726,7 +11753,7 @@ function __render__$R(_ctx, _cache) {
                   var _a;
                   return [
                     vue.createTextVNode(
-                      vue.toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.t("dialogConfirmButtonText")),
+                      vue.toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.t("dialogConfirmButtonText", { locale: _ctx.locale })),
                       1
                       /* TEXT */
                     )
@@ -11748,17 +11775,18 @@ function __render__$R(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onKeyEscape", "onRouteChange", "onClickOverlay"]);
 }
-const __sfc__$S = vue.defineComponent({
-  name: name$P,
+const __sfc__$T = vue.defineComponent({
+  name: name$Q,
   components: {
-    VarPopup: stdin_default$5U,
-    VarButton: stdin_default$5v
+    VarPopup: stdin_default$5W,
+    VarButton: stdin_default$5x
   },
   inheritAttrs: false,
-  props: props$O,
+  props: props$P,
   setup(props2) {
     const popupShow = vue.ref(false);
     const popupCloseOnClickOverlay = vue.ref(false);
+    const { locale } = injectLocaleProvider();
     vue.watch(
       () => props2.show,
       (newValue) => {
@@ -11819,9 +11847,10 @@ const __sfc__$S = vue.defineComponent({
     }
     return {
       t,
+      locale,
       popupShow,
       popupCloseOnClickOverlay,
-      n: n$R,
+      n: n$S,
       classes: classes$J,
       handleClickOverlay,
       confirm,
@@ -11831,8 +11860,8 @@ const __sfc__$S = vue.defineComponent({
     };
   }
 });
-__sfc__$S.render = __render__$R;
-var stdin_default$4L = __sfc__$S;
+__sfc__$T.render = __render__$R;
+var stdin_default$4N = __sfc__$T;
 var __defProp$f = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
@@ -11870,7 +11899,7 @@ function Dialog(options) {
     const reactiveDialogOptions = vue.reactive(dialogOptions);
     reactiveDialogOptions.teleport = "body";
     singletonOptions$2 = reactiveDialogOptions;
-    const { unmountInstance } = mountInstance(stdin_default$4L, reactiveDialogOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$4N, reactiveDialogOptions, {
       onConfirm: () => {
         call(reactiveDialogOptions.onConfirm);
         resolve("confirm");
@@ -11914,13 +11943,13 @@ Dialog.close = function() {
     });
   }
 };
-Dialog.Component = stdin_default$4L;
-withInstall(stdin_default$4L);
-withInstall(stdin_default$4L, Dialog);
-withPropsDefaultsSetter(Dialog, props$O);
-const _DialogComponent = stdin_default$4L;
-var stdin_default$4K = Dialog;
-const props$N = {
+Dialog.Component = stdin_default$4N;
+withInstall(stdin_default$4N);
+withInstall(stdin_default$4N, Dialog);
+withPropsDefaultsSetter(Dialog, props$P);
+const _DialogComponent = stdin_default$4N;
+var stdin_default$4M = Dialog;
+const props$O = {
   inset: {
     type: [Boolean, Number, String],
     default: false
@@ -11931,7 +11960,7 @@ const props$N = {
   dashed: Boolean,
   hairline: Boolean
 };
-const { name: name$O, n: n$Q, classes: classes$I } = createNamespace("divider");
+const { name: name$P, n: n$R, classes: classes$I } = createNamespace("divider");
 function __render__$Q(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -11968,9 +11997,9 @@ function __render__$Q(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$R = vue.defineComponent({
-  name: name$O,
-  props: props$N,
+const __sfc__$S = vue.defineComponent({
+  name: name$P,
+  props: props$O,
   setup(props2, { slots }) {
     const withText = vue.ref(false);
     const withPresetInset = vue.computed(() => {
@@ -11997,7 +12026,7 @@ const __sfc__$R = vue.defineComponent({
       withText.value = (slots.default || description != null) && !vertical;
     }
     return {
-      n: n$Q,
+      n: n$R,
       classes: classes$I,
       withText,
       style,
@@ -12005,13 +12034,13 @@ const __sfc__$R = vue.defineComponent({
     };
   }
 });
-__sfc__$R.render = __render__$Q;
-var stdin_default$4J = __sfc__$R;
-withInstall(stdin_default$4J);
-withPropsDefaultsSetter(stdin_default$4J, props$N);
-const _DividerComponent = stdin_default$4J;
-var stdin_default$4I = stdin_default$4J;
-const props$M = {
+__sfc__$S.render = __render__$Q;
+var stdin_default$4L = __sfc__$S;
+withInstall(stdin_default$4L);
+withPropsDefaultsSetter(stdin_default$4L, props$O);
+const _DividerComponent = stdin_default$4L;
+var stdin_default$4K = stdin_default$4L;
+const props$N = {
   direction: {
     type: String,
     default: "xy"
@@ -12076,7 +12105,7 @@ var __async$b = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$N, n: n$P, classes: classes$H } = createNamespace("drag");
+const { name: name$O, n: n$Q, classes: classes$H } = createNamespace("drag");
 function __render__$P(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
     to: _ctx.teleport === false ? void 0 : _ctx.teleport,
@@ -12104,10 +12133,10 @@ function __render__$P(_ctx, _cache) {
     )
   ], 8, ["to", "disabled"]);
 }
-const __sfc__$Q = vue.defineComponent({
-  name: name$N,
+const __sfc__$R = vue.defineComponent({
+  name: name$O,
   inheritAttrs: false,
-  props: props$M,
+  props: props$N,
   setup(props2, { attrs }) {
     const drag = vue.ref(null);
     const x = vue.ref(0);
@@ -12274,7 +12303,7 @@ const __sfc__$Q = vue.defineComponent({
       enableTransition,
       dragging,
       teleportDisabled,
-      n: n$P,
+      n: n$Q,
       classes: classes$H,
       getAttrs,
       handleTouchstart,
@@ -12286,12 +12315,12 @@ const __sfc__$Q = vue.defineComponent({
     };
   }
 });
-__sfc__$Q.render = __render__$P;
-var stdin_default$4H = __sfc__$Q;
-withInstall(stdin_default$4H);
-withPropsDefaultsSetter(stdin_default$4H, props$M);
-const _DragComponent = stdin_default$4H;
-var stdin_default$4G = stdin_default$4H;
+__sfc__$R.render = __render__$P;
+var stdin_default$4J = __sfc__$R;
+withInstall(stdin_default$4J);
+withPropsDefaultsSetter(stdin_default$4J, props$N);
+const _DragComponent = stdin_default$4J;
+var stdin_default$4I = stdin_default$4J;
 var hash$1 = {
   left: "right",
   right: "left",
@@ -13898,7 +13927,7 @@ function usePopover(options) {
     close
   };
 }
-const props$L = {
+const props$M = {
   type: {
     type: String,
     default: "default"
@@ -13945,7 +13974,7 @@ const props$L = {
   onClickOutside: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
 };
-const { name: name$M, n: n$O, classes: classes$G } = createNamespace("tooltip");
+const { name: name$N, n: n$P, classes: classes$G } = createNamespace("tooltip");
 function __render__$O(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -14016,9 +14045,9 @@ function __render__$O(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$P = vue.defineComponent({
-  name: name$M,
-  props: props$L,
+const __sfc__$Q = vue.defineComponent({
+  name: name$N,
+  props: props$M,
   setup(props2) {
     const { disabled: teleportDisabled } = useTeleport();
     const {
@@ -14049,7 +14078,7 @@ const __sfc__$P = vue.defineComponent({
       zIndex,
       teleportDisabled,
       toSizeUnit,
-      n: n$O,
+      n: n$P,
       classes: classes$G,
       handleHostClick,
       handlePopoverClose,
@@ -14064,13 +14093,13 @@ const __sfc__$P = vue.defineComponent({
     };
   }
 });
-__sfc__$P.render = __render__$O;
-var stdin_default$4F = __sfc__$P;
-withInstall(stdin_default$4F);
-withPropsDefaultsSetter(stdin_default$4F, props$L);
-const _TooltipComponent = stdin_default$4F;
-var stdin_default$4E = stdin_default$4F;
-const props$K = {
+__sfc__$Q.render = __render__$O;
+var stdin_default$4H = __sfc__$Q;
+withInstall(stdin_default$4H);
+withPropsDefaultsSetter(stdin_default$4H, props$M);
+const _TooltipComponent = stdin_default$4H;
+var stdin_default$4G = stdin_default$4H;
+const props$L = {
   expand: Boolean,
   expandTrigger: String,
   lineClamp: [Number, String],
@@ -14096,7 +14125,7 @@ var __spreadValues$c = (a, b) => {
     }
   return a;
 };
-const { name: name$L, n: n$N, classes: classes$F } = createNamespace("ellipsis");
+const { name: name$M, n: n$O, classes: classes$F } = createNamespace("ellipsis");
 const _hoisted_1$p = { key: 0 };
 function __render__$N(_ctx, _cache) {
   const _component_var_tooltip = vue.resolveComponent("var-tooltip");
@@ -14142,10 +14171,10 @@ function __render__$N(_ctx, _cache) {
     /* FULL_PROPS */
   );
 }
-const __sfc__$O = vue.defineComponent({
-  name: name$L,
-  components: { VarTooltip: stdin_default$4E },
-  props: props$K,
+const __sfc__$P = vue.defineComponent({
+  name: name$M,
+  components: { VarTooltip: stdin_default$4G },
+  props: props$L,
   setup(props2) {
     const expanding = useVModel(props2, "expand");
     const rootStyles = vue.computed(() => props2.lineClamp ? { "-webkit-line-clamp": props2.lineClamp } : {});
@@ -14172,19 +14201,19 @@ const __sfc__$O = vue.defineComponent({
       tooltipProps,
       expanding,
       rootStyles,
-      n: n$N,
+      n: n$O,
       classes: classes$F,
       handleClick
     };
   }
 });
-__sfc__$O.render = __render__$N;
-var stdin_default$4D = __sfc__$O;
-withInstall(stdin_default$4D);
-withPropsDefaultsSetter(stdin_default$4D, props$K);
-const _EllipsisComponent = stdin_default$4D;
-var stdin_default$4C = stdin_default$4D;
-const props$J = {
+__sfc__$P.render = __render__$N;
+var stdin_default$4F = __sfc__$P;
+withInstall(stdin_default$4F);
+withPropsDefaultsSetter(stdin_default$4F, props$L);
+const _EllipsisComponent = stdin_default$4F;
+var stdin_default$4E = stdin_default$4F;
+const props$K = {
   active: Boolean,
   show: {
     type: Boolean,
@@ -14220,10 +14249,10 @@ const props$J = {
     type: String,
     default: "window-close"
   },
-  inactiveIconSize: pickProps(props$1f, "size"),
-  activeIconSize: pickProps(props$1f, "size"),
-  inactiveIconNamespace: pickProps(props$1f, "namespace"),
-  activeIconNamespace: pickProps(props$1f, "namespace"),
+  inactiveIconSize: pickProps(props$1g, "size"),
+  activeIconSize: pickProps(props$1g, "size"),
+  inactiveIconNamespace: pickProps(props$1g, "namespace"),
+  activeIconNamespace: pickProps(props$1g, "namespace"),
   fixed: {
     type: Boolean,
     default: true
@@ -14253,14 +14282,14 @@ const props$J = {
   "onUpdate:active": defineListenerProp()
 };
 const {
-  name: name$K,
+  name: name$L,
   classes: classes$E,
-  n: n$M
+  n: n$N
 } = createNamespace("fab");
-var stdin_default$4B = vue.defineComponent({
-  name: name$K,
+var stdin_default$4D = vue.defineComponent({
+  name: name$L,
   inheritAttrs: false,
-  props: props$J,
+  props: props$K,
   setup(props2, {
     slots,
     attrs
@@ -14314,23 +14343,23 @@ var stdin_default$4B = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(stdin_default$5v, {
+      return vue.withDirectives(vue.createVNode(stdin_default$5x, {
         "var-fab-cover": true,
-        "class": n$M("trigger"),
+        "class": n$N("trigger"),
         "type": props2.type,
         "color": props2.color,
         "disabled": props2.disabled,
         "elevation": props2.elevation,
         "iconContainer": true
       }, {
-        default: () => [vue.createVNode(stdin_default$5S, {
+        default: () => [vue.createVNode(stdin_default$5U, {
           "var-fab-cover": true,
-          "class": classes$E([isActive.value, n$M("trigger-active-icon"), n$M("trigger-inactive-icon")]),
+          "class": classes$E([isActive.value, n$N("trigger-active-icon"), n$N("trigger-inactive-icon")]),
           "name": isActive.value ? props2.activeIcon : props2.inactiveIcon,
           "size": isActive.value ? props2.activeIconSize : props2.inactiveIconSize,
           "namespace": isActive.value ? props2.activeIconNamespace : props2.inactiveIconNamespace,
           "transition": 200,
-          "animationClass": n$M("--trigger-icon-animation")
+          "animationClass": n$N("--trigger-icon-animation")
         }, null)]
       }), [[vue.vShow, props2.show]]);
     }
@@ -14338,9 +14367,9 @@ var stdin_default$4B = vue.defineComponent({
       var _a;
       const children = flatFragment((_a = call(slots.default)) != null ? _a : []);
       const dragProps = isBoolean(props2.drag) ? {} : props2.drag;
-      return vue.createVNode(stdin_default$4G, vue.mergeProps({
+      return vue.createVNode(stdin_default$4I, vue.mergeProps({
         "ref": dragRef,
-        "class": classes$E(n$M(`--position-${props2.position}`), [!props2.fixed, n$M("--absolute")]),
+        "class": classes$E(n$N(`--position-${props2.position}`), [!props2.fixed, n$N("--absolute")]),
         "style": {
           top: toSizeUnit(props2.top),
           bottom: toSizeUnit(props2.bottom),
@@ -14356,35 +14385,35 @@ var stdin_default$4B = vue.defineComponent({
         "onClick": (e) => handleClick(e, !isActive.value, children.length)
       }, attrs), {
         default: () => [vue.createVNode("div", {
-          "class": classes$E(n$M(), n$M(`--direction-${props2.direction}`), [props2.safeArea, n$M("--safe-area")]),
+          "class": classes$E(n$N(), n$N(`--direction-${props2.direction}`), [props2.safeArea, n$N("--safe-area")]),
           "ref": host,
           "onMouseleave": () => handleMouse(false, children.length),
           "onMouseenter": () => handleMouse(true, children.length)
         }, [vue.createVNode(vue.Transition, {
-          "name": n$M(`--active-transition`)
+          "name": n$N(`--active-transition`)
         }, {
           default: () => [renderTrigger()]
         }), vue.createVNode(vue.Transition, {
-          "name": n$M(`--actions-transition-${props2.direction}`),
+          "name": n$N(`--actions-transition-${props2.direction}`),
           "onAfterEnter": props2.onOpened,
           "onAfterLeave": props2.onClosed
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
-            "class": n$M("actions"),
+            "class": n$N("actions"),
             "onClick": (e) => e.stopPropagation()
           }, [children.map((child) => vue.createVNode("div", {
-            "class": n$M("action")
+            "class": n$N("action")
           }, [child]))]), [[vue.vShow, props2.show && isActive.value && children.length]])]
         })])]
       });
-    };
-  }
-});
-withInstall(stdin_default$4B);
-withPropsDefaultsSetter(stdin_default$4B, props$J);
-const _FabComponent = stdin_default$4B;
-var stdin_default$4A = stdin_default$4B;
-const props$I = {
+    };
+  }
+});
+withInstall(stdin_default$4D);
+withPropsDefaultsSetter(stdin_default$4D, props$K);
+const _FabComponent = stdin_default$4D;
+var stdin_default$4C = stdin_default$4D;
+const props$J = {
   value: {
     type: null,
     required: true
@@ -14447,7 +14476,7 @@ var __async$9 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$J, n: n$L, classes: classes$D } = createNamespace("field-decorator");
+const { name: name$K, n: n$M, classes: classes$D } = createNamespace("field-decorator");
 const _hoisted_1$o = ["for"];
 function __render__$M(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -14643,10 +14672,10 @@ function __render__$M(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$N = vue.defineComponent({
-  name: name$J,
-  components: { VarIcon: stdin_default$5S },
-  props: props$I,
+const __sfc__$O = vue.defineComponent({
+  name: name$K,
+  components: { VarIcon: stdin_default$5U },
+  props: props$J,
   setup(props2) {
     const placeholderTextEl = vue.ref(null);
     const middleEl = vue.ref(null);
@@ -14683,10 +14712,10 @@ const __sfc__$N = vue.defineComponent({
     function computePlaceholderState() {
       const { hint, value, composing } = props2;
       if (!hint && (!isEmpty(value) || composing)) {
-        return n$L("--placeholder-hidden");
+        return n$M("--placeholder-hidden");
       }
       if (isFloating.value) {
-        return n$L("--placeholder-hint");
+        return n$M("--placeholder-hint");
       }
     }
     function handleClear(e) {
@@ -14717,7 +14746,7 @@ const __sfc__$N = vue.defineComponent({
       transitionDisabled,
       resize,
       computePlaceholderState,
-      n: n$L,
+      n: n$M,
       classes: classes$D,
       isEmpty,
       handleClear,
@@ -14725,13 +14754,13 @@ const __sfc__$N = vue.defineComponent({
     };
   }
 });
-__sfc__$N.render = __render__$M;
-var stdin_default$4z = __sfc__$N;
-withInstall(stdin_default$4z);
-withPropsDefaultsSetter(stdin_default$4z, props$I);
-const _FieldDecoratorComponent = stdin_default$4z;
-var stdin_default$4y = stdin_default$4z;
-const props$H = {
+__sfc__$O.render = __render__$M;
+var stdin_default$4B = __sfc__$O;
+withInstall(stdin_default$4B);
+withPropsDefaultsSetter(stdin_default$4B, props$J);
+const _FieldDecoratorComponent = stdin_default$4B;
+var stdin_default$4A = stdin_default$4B;
+const props$I = {
   anchor: Number,
   anchors: Array,
   contentDraggable: {
@@ -14754,7 +14783,7 @@ const props$H = {
   "onUpdate:anchor": defineListenerProp(),
   onAnchorChange: defineListenerProp()
 };
-const { name: name$I, n: n$K, classes: classes$C } = createNamespace("floating-panel");
+const { name: name$J, n: n$L, classes: classes$C } = createNamespace("floating-panel");
 const DEFAULT_START_ANCHOR = 100;
 const OVERFLOW_REDUCE_RATIO = 0.2;
 function __render__$L(_ctx, _cache) {
@@ -14818,9 +14847,9 @@ function __render__$L(_ctx, _cache) {
     )
   ], 8, ["to", "disabled"]);
 }
-const __sfc__$M = vue.defineComponent({
-  name: name$I,
-  props: props$H,
+const __sfc__$N = vue.defineComponent({
+  name: name$J,
+  props: props$I,
   setup(props2) {
     const visibleHeight = vue.ref(0);
     const contentRef = vue.ref(null);
@@ -14916,7 +14945,7 @@ const __sfc__$M = vue.defineComponent({
       minAnchor,
       maxAnchor,
       visibleHeight,
-      n: n$K,
+      n: n$L,
       classes: classes$C,
       toSizeUnit,
       toNumber,
@@ -14927,13 +14956,13 @@ const __sfc__$M = vue.defineComponent({
     };
   }
 });
-__sfc__$M.render = __render__$L;
-var stdin_default$4x = __sfc__$M;
-withInstall(stdin_default$4x);
-withPropsDefaultsSetter(stdin_default$4x, props$H);
-const _FloatingPanelComponent = stdin_default$4x;
-var stdin_default$4w = stdin_default$4x;
-const props$G = {
+__sfc__$N.render = __render__$L;
+var stdin_default$4z = __sfc__$N;
+withInstall(stdin_default$4z);
+withPropsDefaultsSetter(stdin_default$4z, props$I);
+const _FloatingPanelComponent = stdin_default$4z;
+var stdin_default$4y = stdin_default$4z;
+const props$H = {
   disabled: Boolean,
   readonly: Boolean,
   scrollToError: String,
@@ -14964,7 +14993,7 @@ var __async$8 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$H, n: n$J } = createNamespace("form");
+const { name: name$I, n: n$K } = createNamespace("form");
 function __render__$K(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "form",
@@ -14980,9 +15009,9 @@ function __render__$K(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$L = vue.defineComponent({
-  name: name$H,
-  props: props$G,
+const __sfc__$M = vue.defineComponent({
+  name: name$I,
+  props: props$H,
   setup(props2) {
     const disabled = vue.computed(() => props2.disabled);
     const readonly = vue.computed(() => props2.readonly);
@@ -15038,7 +15067,7 @@ const __sfc__$L = vue.defineComponent({
       return formItems.forEach(({ resetValidation: resetValidation2 }) => resetValidation2());
     }
     return {
-      n: n$J,
+      n: n$K,
       handleSubmit,
       handleReset,
       validate,
@@ -15047,15 +15076,15 @@ const __sfc__$L = vue.defineComponent({
     };
   }
 });
-__sfc__$L.render = __render__$K;
-var stdin_default$4v = __sfc__$L;
-stdin_default$4v.useValidation = useValidation;
-stdin_default$4v.useForm = useForm;
-withInstall(stdin_default$4v);
-withPropsDefaultsSetter(stdin_default$4v, props$G);
-const _FormComponent = stdin_default$4v;
-var stdin_default$4u = stdin_default$4v;
-const props$F = {
+__sfc__$M.render = __render__$K;
+var stdin_default$4x = __sfc__$M;
+stdin_default$4x.useValidation = useValidation;
+stdin_default$4x.useForm = useForm;
+withInstall(stdin_default$4x);
+withPropsDefaultsSetter(stdin_default$4x, props$H);
+const _FormComponent = stdin_default$4x;
+var stdin_default$4w = stdin_default$4x;
+const props$G = {
   src: String,
   fit: {
     type: String,
@@ -15086,7 +15115,7 @@ const props$F = {
   onLoad: defineListenerProp(),
   onError: defineListenerProp()
 };
-const { name: name$G, n: n$I, classes: classes$B } = createNamespace("image");
+const { name: name$H, n: n$J, classes: classes$B } = createNamespace("image");
 const _hoisted_1$n = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
 const _hoisted_2$d = ["alt", "title", "referrerpolicy", "src"];
 function __render__$J(_ctx, _cache) {
@@ -15140,13 +15169,13 @@ function __render__$J(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple }]
   ]);
 }
-const __sfc__$K = vue.defineComponent({
-  name: name$G,
+const __sfc__$L = vue.defineComponent({
+  name: name$H,
   directives: {
-    Lazy: stdin_default$5D,
-    Ripple: stdin_default$5W
+    Lazy: stdin_default$5F,
+    Ripple: stdin_default$5Y
   },
-  props: props$F,
+  props: props$G,
   setup(props2, { slots }) {
     const showErrorSlot = vue.ref(false);
     vue.watch(
@@ -15178,7 +15207,7 @@ const __sfc__$K = vue.defineComponent({
     }
     return {
       showErrorSlot,
-      n: n$I,
+      n: n$J,
       classes: classes$B,
       toSizeUnit,
       handleLoad,
@@ -15187,12 +15216,12 @@ const __sfc__$K = vue.defineComponent({
     };
   }
 });
-__sfc__$K.render = __render__$J;
-var stdin_default$4t = __sfc__$K;
-withInstall(stdin_default$4t);
-withPropsDefaultsSetter(stdin_default$4t, props$F);
-const _ImageComponent = stdin_default$4t;
-var stdin_default$4s = stdin_default$4t;
+__sfc__$L.render = __render__$J;
+var stdin_default$4v = __sfc__$L;
+withInstall(stdin_default$4v);
+withPropsDefaultsSetter(stdin_default$4v, props$G);
+const _ImageComponent = stdin_default$4v;
+var stdin_default$4u = stdin_default$4v;
 const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
 function useSwipeItems() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -15204,7 +15233,7 @@ function useSwipeItems() {
     bindSwipeItems: bindChildren
   };
 }
-const props$E = {
+const props$F = {
   loop: {
     type: Boolean,
     default: true
@@ -15256,7 +15285,7 @@ var __async$7 = (__this, __arguments, generator) => {
 };
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
-const { name: name$F, n: n$H, classes: classes$A } = createNamespace("swipe");
+const { name: name$G, n: n$I, classes: classes$A } = createNamespace("swipe");
 const _hoisted_1$m = ["onClick"];
 function __render__$I(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -15420,11 +15449,11 @@ function __render__$I(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering]
   ]);
 }
-const __sfc__$J = vue.defineComponent({
-  name: name$F,
-  directives: { Hover: stdin_default$5P },
-  components: { VarButton: stdin_default$5v, VarIcon: stdin_default$5S },
-  props: props$E,
+const __sfc__$K = vue.defineComponent({
+  name: name$G,
+  directives: { Hover: stdin_default$5R },
+  components: { VarButton: stdin_default$5x, VarIcon: stdin_default$5U },
+  props: props$F,
   setup(props2) {
     const swipeEl = vue.ref(null);
     const size = vue.ref(0);
@@ -15629,7 +15658,7 @@ const __sfc__$J = vue.defineComponent({
       if (props2.navigation !== "hover") {
         return "";
       }
-      return n$H(`--navigation${props2.vertical ? "-vertical" : ""}-${type}-animation`);
+      return n$I(`--navigation${props2.vertical ? "-vertical" : ""}-${type}-animation`);
     }
     function handleKeydown(event) {
       if (!swipeItems.length) {
@@ -15730,7 +15759,7 @@ const __sfc__$J = vue.defineComponent({
       trackTranslate,
       lockDuration,
       hovering,
-      n: n$H,
+      n: n$I,
       toSizeUnit,
       classes: classes$A,
       handleTouchstart,
@@ -15746,12 +15775,12 @@ const __sfc__$J = vue.defineComponent({
     };
   }
 });
-__sfc__$J.render = __render__$I;
-var stdin_default$4r = __sfc__$J;
-withInstall(stdin_default$4r);
-withPropsDefaultsSetter(stdin_default$4r, props$E);
-const _SwipeComponent = stdin_default$4r;
-var stdin_default$4q = stdin_default$4r;
+__sfc__$K.render = __render__$I;
+var stdin_default$4t = __sfc__$K;
+withInstall(stdin_default$4t);
+withPropsDefaultsSetter(stdin_default$4t, props$F);
+const _SwipeComponent = stdin_default$4t;
+var stdin_default$4s = stdin_default$4t;
 function useSwipe() {
   const { bindParent, index, parentProvider } = useParent(SWIPE_BIND_SWIPE_ITEM_KEY);
   if (!bindParent) {
@@ -15763,7 +15792,7 @@ function useSwipe() {
     bindSwipe: bindParent
   };
 }
-const { name: name$E, n: n$G } = createNamespace("swipe-item");
+const { name: name$F, n: n$H } = createNamespace("swipe-item");
 const _hoisted_1$l = ["aria-hidden"];
 function __render__$H(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -15781,8 +15810,8 @@ function __render__$H(_ctx, _cache) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 46, _hoisted_1$l);
 }
-const __sfc__$I = vue.defineComponent({
-  name: name$E,
+const __sfc__$J = vue.defineComponent({
+  name: name$F,
   setup() {
     const translate = vue.ref(0);
     const isFocusing = vue.ref(false);
@@ -15804,16 +15833,16 @@ const __sfc__$I = vue.defineComponent({
       currentIndex,
       vertical,
       translate,
-      n: n$G,
+      n: n$H,
       toSizeUnit
     };
   }
 });
-__sfc__$I.render = __render__$H;
-var stdin_default$4p = __sfc__$I;
-withInstall(stdin_default$4p);
-const _SwipeItemComponent = stdin_default$4p;
-var stdin_default$4o = stdin_default$4p;
+__sfc__$J.render = __render__$H;
+var stdin_default$4r = __sfc__$J;
+withInstall(stdin_default$4r);
+const _SwipeItemComponent = stdin_default$4r;
+var stdin_default$4q = stdin_default$4r;
 var __defProp$b = Object.defineProperty;
 var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
 var __hasOwnProp$b = Object.prototype.hasOwnProperty;
@@ -15830,7 +15859,7 @@ var __spreadValues$b = (a, b) => {
     }
   return a;
 };
-const props$D = __spreadValues$b(__spreadValues$b({
+const props$E = __spreadValues$b(__spreadValues$b({
   show: Boolean,
   imagePreventDefault: Boolean,
   images: {
@@ -15848,7 +15877,7 @@ const props$D = __spreadValues$b(__spreadValues$b({
   closeable: Boolean,
   "onUpdate:show": defineListenerProp(),
   onLongPress: defineListenerProp()
-}, pickProps(props$E, ["loop", "indicator", "onChange"])), pickProps(props$1g, [
+}, pickProps(props$F, ["loop", "indicator", "onChange"])), pickProps(props$1h, [
   "lockScroll",
   "teleport",
   "closeOnKeyEscape",
@@ -15860,7 +15889,7 @@ const props$D = __spreadValues$b(__spreadValues$b({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
-const { name: name$D, n: n$F, classes: classes$z } = createNamespace("image-preview");
+const { name: name$E, n: n$G, classes: classes$z } = createNamespace("image-preview");
 const DISTANCE_OFFSET = 12;
 const EVENT_DELAY = 200;
 const TAP_DELAY = 350;
@@ -15988,16 +16017,16 @@ function __render__$G(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["class", "transition", "close-on-key-escape", "lock-scroll", "teleport", "show", "onOpen", "onClose", "onClosed", "onOpened", "onKeyEscape", "onRouteChange"]);
 }
-const __sfc__$H = vue.defineComponent({
-  name: name$D,
+const __sfc__$I = vue.defineComponent({
+  name: name$E,
   components: {
-    VarSwipe: stdin_default$4q,
-    VarSwipeItem: stdin_default$4o,
-    VarPopup: stdin_default$5U,
-    VarIcon: stdin_default$5S
+    VarSwipe: stdin_default$4s,
+    VarSwipeItem: stdin_default$4q,
+    VarPopup: stdin_default$5W,
+    VarIcon: stdin_default$5U
   },
   inheritAttrs: false,
-  props: props$D,
+  props: props$E,
   setup(props2) {
     const show = useVModel(props2, "show");
     const scale = vue.ref(1);
@@ -16087,7 +16116,7 @@ const __sfc__$H = vue.defineComponent({
     }
     function getZoom(target) {
       const { offsetWidth, offsetHeight } = target;
-      const { naturalWidth, naturalHeight } = target.querySelector(`.${n$F("image")}`);
+      const { naturalWidth, naturalHeight } = target.querySelector(`.${n$G("image")}`);
       return {
         width: offsetWidth,
         height: offsetHeight,
@@ -16167,7 +16196,7 @@ const __sfc__$H = vue.defineComponent({
       canSwipe,
       transitionTimingFunction,
       transitionDuration,
-      n: n$F,
+      n: n$G,
       classes: classes$z,
       toNumber,
       handleTouchstart,
@@ -16182,8 +16211,8 @@ const __sfc__$H = vue.defineComponent({
     };
   }
 });
-__sfc__$H.render = __render__$G;
-var stdin_default$4n = __sfc__$H;
+__sfc__$I.render = __render__$G;
+var stdin_default$4p = __sfc__$I;
 var __defProp$a = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -16223,7 +16252,7 @@ function ImagePreview(options) {
   const reactiveImagePreviewOptions = vue.reactive(imagePreviewOptions);
   reactiveImagePreviewOptions.teleport = "body";
   singletonOptions$1 = reactiveImagePreviewOptions;
-  const { unmountInstance } = mountInstance(stdin_default$4n, reactiveImagePreviewOptions, {
+  const { unmountInstance } = mountInstance(stdin_default$4p, reactiveImagePreviewOptions, {
     onClose: () => call(reactiveImagePreviewOptions.onClose),
     onClosed: () => {
       call(reactiveImagePreviewOptions.onClosed);
@@ -16255,12 +16284,12 @@ ImagePreview.setDefaultOptions = (options) => {
 ImagePreview.resetDefaultOptions = () => {
   defaultOptions$1 = {};
 };
-ImagePreview.Component = stdin_default$4n;
-withInstall(stdin_default$4n);
-withInstall(stdin_default$4n, ImagePreview);
-withPropsDefaultsSetter(ImagePreview, props$D);
-const _ImagePreviewComponent = stdin_default$4n;
-var stdin_default$4m = ImagePreview;
+ImagePreview.Component = stdin_default$4p;
+withInstall(stdin_default$4p);
+withInstall(stdin_default$4p, ImagePreview);
+withPropsDefaultsSetter(ImagePreview, props$E);
+const _ImagePreviewComponent = stdin_default$4p;
+var stdin_default$4o = ImagePreview;
 const INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol("INDEX_BAR_BIND_INDEX_ANCHOR_KEY");
 function useIndexAnchors() {
   const { bindChildren, length, childProviders } = useChildren(
@@ -16285,10 +16314,10 @@ function useIndexBar() {
     bindIndexBar: bindParent
   };
 }
-const props$C = {
+const props$D = {
   index: [Number, String]
 };
-const { name: name$C, n: n$E, classes: classes$y } = createNamespace("index-anchor");
+const { name: name$D, n: n$F, classes: classes$y } = createNamespace("index-anchor");
 function __render__$F(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
     "offset-top": _ctx.sticky ? _ctx.stickyOffsetTop : null,
@@ -16320,11 +16349,11 @@ function __render__$F(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["offset-top", "z-index", "disabled", "css-mode"]);
 }
-const __sfc__$G = vue.defineComponent({
-  name: name$C,
-  components: { VarSticky: stdin_default$4Q },
+const __sfc__$H = vue.defineComponent({
+  name: name$D,
+  components: { VarSticky: stdin_default$4S },
   inheritAttrs: false,
-  props: props$C,
+  props: props$D,
   setup(props2) {
     const disabled = vue.ref(false);
     const name2 = vue.computed(() => props2.index);
@@ -16348,7 +16377,7 @@ const __sfc__$G = vue.defineComponent({
       disabled.value = value;
     }
     return {
-      n: n$E,
+      n: n$F,
       classes: classes$y,
       name: name2,
       anchorEl,
@@ -16362,13 +16391,13 @@ const __sfc__$G = vue.defineComponent({
     };
   }
 });
-__sfc__$G.render = __render__$F;
-var stdin_default$4l = __sfc__$G;
-withInstall(stdin_default$4l);
-withPropsDefaultsSetter(stdin_default$4l, props$C);
-const _IndexAnchorComponent = stdin_default$4l;
-var stdin_default$4k = stdin_default$4l;
-const props$B = {
+__sfc__$H.render = __render__$F;
+var stdin_default$4n = __sfc__$H;
+withInstall(stdin_default$4n);
+withPropsDefaultsSetter(stdin_default$4n, props$D);
+const _IndexAnchorComponent = stdin_default$4n;
+var stdin_default$4m = stdin_default$4n;
+const props$C = {
   sticky: {
     type: Boolean,
     default: true
@@ -16411,7 +16440,7 @@ var __async$6 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$B, n: n$D, classes: classes$x } = createNamespace("index-bar");
+const { name: name$C, n: n$E, classes: classes$x } = createNamespace("index-bar");
 const _hoisted_1$j = ["onClick"];
 function __render__$E(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
@@ -16460,9 +16489,9 @@ function __render__$E(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$F = vue.defineComponent({
-  name: name$B,
-  props: props$B,
+const __sfc__$G = vue.defineComponent({
+  name: name$C,
+  props: props$C,
   setup(props2) {
     const clickedName = vue.ref("");
     const barEl = vue.ref(null);
@@ -16581,7 +16610,7 @@ const __sfc__$F = vue.defineComponent({
       active,
       zIndex,
       anchorNameList,
-      n: n$D,
+      n: n$E,
       classes: classes$x,
       toNumber,
       scrollTo: scrollTo$1,
@@ -16589,12 +16618,12 @@ const __sfc__$F = vue.defineComponent({
     };
   }
 });
-__sfc__$F.render = __render__$E;
-var stdin_default$4j = __sfc__$F;
-withInstall(stdin_default$4j);
-withPropsDefaultsSetter(stdin_default$4j, props$B);
-const _IndexBarComponent = stdin_default$4j;
-var stdin_default$4i = stdin_default$4j;
+__sfc__$G.render = __render__$E;
+var stdin_default$4l = __sfc__$G;
+withInstall(stdin_default$4l);
+withPropsDefaultsSetter(stdin_default$4l, props$C);
+const _IndexBarComponent = stdin_default$4l;
+var stdin_default$4k = stdin_default$4l;
 var __defProp$9 = Object.defineProperty;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
@@ -16611,7 +16640,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-const props$A = __spreadValues$9({
+const props$B = __spreadValues$9({
   modelValue: String,
   modelModifiers: {
     type: Object,
@@ -16642,7 +16671,7 @@ const props$A = __spreadValues$9({
   onChange: defineListenerProp(),
   onClear: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$I, [
+}, pickProps(props$J, [
   "size",
   "variant",
   "placeholder",
@@ -16655,7 +16684,7 @@ const props$A = __spreadValues$9({
   "clearable",
   "onClick"
 ]));
-const { name: name$A, n: n$C, classes: classes$w } = createNamespace("input");
+const { name: name$B, n: n$D, classes: classes$w } = createNamespace("input");
 const _hoisted_1$i = ["placeholder", "enterkeyhint"];
 const _hoisted_2$b = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
 const _hoisted_3$a = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
@@ -16816,13 +16845,13 @@ function __render__$D(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$E = vue.defineComponent({
-  name: name$A,
+const __sfc__$F = vue.defineComponent({
+  name: name$B,
   components: {
-    VarFormDetails: stdin_default$5b,
-    VarFieldDecorator: stdin_default$4y
+    VarFormDetails: stdin_default$5d,
+    VarFieldDecorator: stdin_default$4A
   },
-  props: props$A,
+  props: props$B,
   setup(props2) {
     const id = useClientId();
     const el = vue.ref(null);
@@ -16997,7 +17026,7 @@ const __sfc__$E = vue.defineComponent({
       maxlengthText,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
-      n: n$C,
+      n: n$D,
       classes: classes$w,
       isEmpty,
       handleFocus,
@@ -17017,13 +17046,13 @@ const __sfc__$E = vue.defineComponent({
     };
   }
 });
-__sfc__$E.render = __render__$D;
-var stdin_default$4h = __sfc__$E;
-withInstall(stdin_default$4h);
-withPropsDefaultsSetter(stdin_default$4h, props$A);
-const _InputComponent = stdin_default$4h;
-var stdin_default$4g = stdin_default$4h;
-const props$z = {
+__sfc__$F.render = __render__$D;
+var stdin_default$4j = __sfc__$F;
+withInstall(stdin_default$4j);
+withPropsDefaultsSetter(stdin_default$4j, props$B);
+const _InputComponent = stdin_default$4j;
+var stdin_default$4i = stdin_default$4j;
+const props$A = {
   type: {
     type: String,
     default: "default"
@@ -17042,7 +17071,7 @@ const props$z = {
   textColor: String,
   onClick: defineListenerProp()
 };
-const { name: name$z, n: n$B, classes: classes$v } = createNamespace("link");
+const { name: name$A, n: n$C, classes: classes$v } = createNamespace("link");
 function __render__$C(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps(_ctx.linkProps, {
     class: _ctx.classes(
@@ -17069,9 +17098,9 @@ function __render__$C(_ctx, _cache) {
     /* FORWARDED */
   }, 16, ["class", "style", "onClick"]);
 }
-const __sfc__$D = vue.defineComponent({
-  name: name$z,
-  props: props$z,
+const __sfc__$E = vue.defineComponent({
+  name: name$A,
+  props: props$A,
   setup(props2) {
     const isFocusing = vue.ref(false);
     const tag2 = vue.computed(() => {
@@ -17111,20 +17140,20 @@ const __sfc__$D = vue.defineComponent({
       linkProps,
       isFocusing,
       inMobile,
-      n: n$B,
+      n: n$C,
       classes: classes$v,
       handleClick,
       toSizeUnit
     };
   }
 });
-__sfc__$D.render = __render__$C;
-var stdin_default$4f = __sfc__$D;
-withInstall(stdin_default$4f);
-withPropsDefaultsSetter(stdin_default$4f, props$z);
-const _LinkComponent = stdin_default$4f;
-var stdin_default$4e = stdin_default$4f;
-const props$y = {
+__sfc__$E.render = __render__$C;
+var stdin_default$4h = __sfc__$E;
+withInstall(stdin_default$4h);
+withPropsDefaultsSetter(stdin_default$4h, props$A);
+const _LinkComponent = stdin_default$4h;
+var stdin_default$4g = stdin_default$4h;
+const props$z = {
   loading: Boolean,
   immediateCheck: {
     type: Boolean,
@@ -17204,7 +17233,7 @@ var __async$5 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$y, n: n$A, classes: classes$u } = createNamespace("list");
+const { name: name$z, n: n$B, classes: classes$u } = createNamespace("list");
 function __render__$B(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -17230,7 +17259,7 @@ function __render__$B(_ctx, _cache) {
                 {
                   class: vue.normalizeClass(_ctx.n("loading-text"))
                 },
-                vue.toDisplayString((_a = _ctx.loadingText) != null ? _a : _ctx.t("listLoadingText")),
+                vue.toDisplayString((_a = _ctx.loadingText) != null ? _a : _ctx.t("listLoadingText", { locale: _ctx.locale })),
                 3
                 /* TEXT, CLASS */
               ),
@@ -17252,7 +17281,7 @@ function __render__$B(_ctx, _cache) {
             {
               class: vue.normalizeClass(_ctx.n("finished"))
             },
-            vue.toDisplayString((_a = _ctx.finishedText) != null ? _a : _ctx.t("listFinishedText")),
+            vue.toDisplayString((_a = _ctx.finishedText) != null ? _a : _ctx.t("listFinishedText", { locale: _ctx.locale })),
             3
             /* TEXT, CLASS */
           )
@@ -17269,7 +17298,7 @@ function __render__$B(_ctx, _cache) {
             },
             [
               vue.createTextVNode(
-                vue.toDisplayString((_a = _ctx.errorText) != null ? _a : _ctx.t("listErrorText")),
+                vue.toDisplayString((_a = _ctx.errorText) != null ? _a : _ctx.t("listErrorText", { locale: _ctx.locale })),
                 1
                 /* TEXT */
               )
@@ -17296,15 +17325,16 @@ function __render__$B(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$C = vue.defineComponent({
-  name: name$y,
-  directives: { Ripple: stdin_default$5W },
-  components: { VarLoading: stdin_default$5x },
-  props: props$y,
+const __sfc__$D = vue.defineComponent({
+  name: name$z,
+  directives: { Ripple: stdin_default$5Y },
+  components: { VarLoading: stdin_default$5z },
+  props: props$z,
   setup(props2) {
     const listEl = vue.ref(null);
     const detectorEl = vue.ref(null);
     const { tabItem, bindTabItem } = useTabItem();
+    const { locale } = injectLocaleProvider();
     let scroller;
     call(bindTabItem, {});
     if (tabItem) {
@@ -17345,24 +17375,25 @@ const __sfc__$C = vue.defineComponent({
       });
     }
     return {
-      t,
       listEl,
+      locale,
       detectorEl,
+      t,
       isNumber,
       load,
       check: check2,
-      n: n$A,
+      n: n$B,
       classes: classes$u
     };
   }
 });
-__sfc__$C.render = __render__$B;
-var stdin_default$4d = __sfc__$C;
-withInstall(stdin_default$4d);
-withPropsDefaultsSetter(stdin_default$4d, props$y);
-const _ListComponent = stdin_default$4d;
-var stdin_default$4c = stdin_default$4d;
-const props$x = {
+__sfc__$D.render = __render__$B;
+var stdin_default$4f = __sfc__$D;
+withInstall(stdin_default$4f);
+withPropsDefaultsSetter(stdin_default$4f, props$z);
+const _ListComponent = stdin_default$4f;
+var stdin_default$4e = stdin_default$4f;
+const props$y = {
   value: {
     type: Number,
     default: 0
@@ -17378,18 +17409,18 @@ const props$x = {
   top: [Number, String]
 };
 const {
-  name: name$x,
+  name: name$y,
   classes: classes$t,
-  n: n$z
+  n: n$A
 } = createNamespace("loading-bar");
-var stdin_default$4b = vue.defineComponent({
-  name: name$x,
-  props: props$x,
+var stdin_default$4d = vue.defineComponent({
+  name: name$y,
+  props: props$y,
   setup(props2) {
     return () => vue.createVNode("div", {
-      "class": classes$t(n$z(), [props2.error, n$z("--error")]),
+      "class": classes$t(n$A(), [props2.error, n$A("--error")]),
       "style": {
-        zIndex: stdin_default$5X.zIndex + 10,
+        zIndex: stdin_default$5Z.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -17410,32 +17441,32 @@ const internalProps = {
   opacity: 0,
   error: false
 };
-const props$w = vue.reactive(internalProps);
+const props$x = vue.reactive(internalProps);
 const setDefaultOptions = (options) => {
-  Object.assign(props$w, options);
+  Object.assign(props$x, options);
   setOptions = options;
 };
 const resetDefaultOptions = () => {
   Object.keys(setOptions).forEach((key) => {
-    if (props$w[key] !== void 0) {
-      props$w[key] = void 0;
+    if (props$x[key] !== void 0) {
+      props$x[key] = void 0;
     }
   });
 };
 const mount = () => {
   if (!isMount$1) {
     isMount$1 = true;
-    mountInstance(stdin_default$4b, props$w);
+    mountInstance(stdin_default$4d, props$x);
   }
 };
 const tickValue = () => {
   valueTimer = window.setTimeout(() => {
-    if (props$w.value >= 95)
+    if (props$x.value >= 95)
       return;
     let num = Math.random();
-    if (props$w.value < 70)
+    if (props$x.value < 70)
       num = Math.round(5 * Math.random());
-    props$w.value += num;
+    props$x.value += num;
     tickValue();
   }, 200);
 };
@@ -17447,33 +17478,33 @@ const clearTimer = () => {
 };
 const start = () => {
   clearTimer();
-  props$w.error = false;
-  props$w.value = 0;
+  props$x.error = false;
+  props$x.value = 0;
   mount();
   opacityTimer = window.setTimeout(() => {
-    props$w.opacity = 1;
+    props$x.opacity = 1;
   }, 200);
   tickValue();
 };
 const finish = () => {
   clearTimer();
-  props$w.value = 100;
+  props$x.value = 100;
   opacityTimer = window.setTimeout(() => {
-    props$w.opacity = 0;
+    props$x.opacity = 0;
     errorTimer = window.setTimeout(() => {
-      props$w.error = false;
+      props$x.error = false;
     }, 250);
   }, 300);
 };
 const error = () => {
   clearTimer();
-  props$w.error = true;
-  if (props$w.value === 100) {
-    props$w.value = 0;
+  props$x.error = true;
+  if (props$x.value === 100) {
+    props$x.value = 0;
   }
   mount();
   opacityTimer = window.setTimeout(() => {
-    props$w.opacity = 1;
+    props$x.opacity = 1;
   }, 200);
   tickValue();
   finishTimer = window.setTimeout(finish, 300);
@@ -17486,7 +17517,39 @@ const LoadingBar = {
   resetDefaultOptions
 };
 const _LoadingBarComponent = LoadingBar;
-var stdin_default$4a = LoadingBar;
+var stdin_default$4c = LoadingBar;
+const props$w = {
+  tag: {
+    type: String,
+    default: "div"
+  },
+  locale: {
+    type: String,
+    default: "zh-CN"
+  }
+};
+const { name: name$x, n: n$z } = createNamespace("locale-provider");
+const __sfc__$C = vue.defineComponent({
+  name: name$x,
+  props: props$w,
+  setup(props2, { slots }) {
+    provideLocaleProvider({
+      locale: vue.computed(() => props2.locale)
+    });
+    return () => vue.h(
+      props2.tag,
+      {
+        class: n$z()
+      },
+      call(slots.default)
+    );
+  }
+});
+var stdin_default$4b = __sfc__$C;
+withInstall(stdin_default$4b);
+withPropsDefaultsSetter(stdin_default$4b, props$w);
+const _LocaleProviderComponent = stdin_default$4b;
+var stdin_default$4a = stdin_default$4b;
 const props$v = {
   show: Boolean,
   disabled: Boolean,
@@ -17743,10 +17806,10 @@ function __render__$z(_ctx, _cache) {
 }
 const __sfc__$A = vue.defineComponent({
   name: name$v,
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   components: {
-    VarCheckbox: stdin_default$59,
-    VarHoverOverlay: stdin_default$5Q
+    VarCheckbox: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5S
   },
   props: props$u,
   setup(props2) {
@@ -18155,10 +18218,10 @@ function __render__$x(_ctx, _cache) {
 }
 const __sfc__$y = vue.defineComponent({
   name: name$t,
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   components: {
-    VarCheckbox: stdin_default$59,
-    VarHoverOverlay: stdin_default$5Q
+    VarCheckbox: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5S
   },
   props: props$s,
   setup(props2) {
@@ -18515,7 +18578,7 @@ function __render__$w(_ctx, _cache) {
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
-                        vue.toDisplayString(option) + vue.toDisplayString(_ctx.t("paginationItem")) + " / " + vue.toDisplayString(_ctx.t("paginationPage")),
+                        vue.toDisplayString(option) + vue.toDisplayString(_ctx.t("paginationItem", { locale: _ctx.locale })) + " / " + vue.toDisplayString(_ctx.t("paginationPage", { locale: _ctx.locale })),
                         1
                         /* TEXT */
                       )
@@ -18538,7 +18601,7 @@ function __render__$w(_ctx, _cache) {
                   vue.createElementVNode(
                     "span",
                     null,
-                    vue.toDisplayString(_ctx.size) + vue.toDisplayString(_ctx.t("paginationItem")) + " / " + vue.toDisplayString(_ctx.t("paginationPage")),
+                    vue.toDisplayString(_ctx.size) + vue.toDisplayString(_ctx.t("paginationItem", { locale: _ctx.locale })) + " / " + vue.toDisplayString(_ctx.t("paginationPage", { locale: _ctx.locale })),
                     1
                     /* TEXT */
                   ),
@@ -18567,7 +18630,7 @@ function __render__$w(_ctx, _cache) {
         },
         [
           vue.createTextVNode(
-            vue.toDisplayString(_ctx.t("paginationJump")) + " ",
+            vue.toDisplayString(_ctx.t("paginationJump", { locale: _ctx.locale })) + " ",
             1
             /* TEXT */
           ),
@@ -18604,10 +18667,10 @@ const __sfc__$x = vue.defineComponent({
   components: {
     VarMenuSelect: stdin_default$44,
     VarMenuOption: stdin_default$46,
-    VarIcon: stdin_default$5S,
-    VarInput: stdin_default$4g
+    VarIcon: stdin_default$5U,
+    VarInput: stdin_default$4i
   },
-  directives: { Ripple: stdin_default$5W },
+  directives: { Ripple: stdin_default$5Y },
   props: props$q,
   setup(props2) {
     const quickJumperValue = vue.ref("");
@@ -18630,6 +18693,7 @@ const __sfc__$x = vue.defineComponent({
       }
       return props2.showTotal(toNumber(props2.total), range.value);
     });
+    const { locale } = injectLocaleProvider();
     vue.watch([() => props2.current, () => props2.size], ([newCurrent, newSize]) => {
       current.value = toNumber(newCurrent) || 1;
       size.value = toNumber(newSize || 10);
@@ -18741,7 +18805,6 @@ const __sfc__$x = vue.defineComponent({
       }
     }
     return {
-      t,
       current,
       size,
       pageCount,
@@ -18749,6 +18812,8 @@ const __sfc__$x = vue.defineComponent({
       quickJumperValue,
       simpleCurrentValue,
       totalText,
+      locale,
+      t,
       n: n$t,
       classes: classes$o,
       getMode,
@@ -18814,7 +18879,7 @@ function __render__$v(_ctx, _cache) {
 }
 const __sfc__$w = vue.defineComponent({
   name: name$q,
-  directives: { Ripple: stdin_default$5W },
+  directives: { Ripple: stdin_default$5Y },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -18896,7 +18961,7 @@ const props$o = __spreadValues$7({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1g, [
+}, pickProps(props$1h, [
   "show",
   "onUpdate:show",
   "closeOnClickOverlay",
@@ -18971,7 +19036,7 @@ function __render__$u(_ctx, _cache) {
                       var _a;
                       return [
                         vue.createTextVNode(
-                          vue.toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.t("pickerCancelButtonText")),
+                          vue.toDisplayString((_a = _ctx.cancelButtonText) != null ? _a : _ctx.t("pickerCancelButtonText", { locale: _ctx.locale })),
                           1
                           /* TEXT */
                         )
@@ -18989,7 +19054,7 @@ function __render__$u(_ctx, _cache) {
                       {
                         class: vue.normalizeClass(_ctx.n("title"))
                       },
-                      vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("pickerTitle")),
+                      vue.toDisplayString((_a = _ctx.title) != null ? _a : _ctx.t("pickerTitle", { locale: _ctx.locale })),
                       3
                       /* TEXT, CLASS */
                     )
@@ -19007,7 +19072,7 @@ function __render__$u(_ctx, _cache) {
                       var _a;
                       return [
                         vue.createTextVNode(
-                          vue.toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.t("pickerConfirmButtonText")),
+                          vue.toDisplayString((_a = _ctx.confirmButtonText) != null ? _a : _ctx.t("pickerConfirmButtonText", { locale: _ctx.locale })),
                           1
                           /* TEXT */
                         )
@@ -19122,8 +19187,8 @@ function __render__$u(_ctx, _cache) {
 const __sfc__$v = vue.defineComponent({
   name: name$p,
   components: {
-    VarButton: stdin_default$5v,
-    VarPopup: stdin_default$5U
+    VarButton: stdin_default$5x,
+    VarPopup: stdin_default$5W
   },
   inheritAttrs: false,
   props: props$o,
@@ -19135,6 +19200,7 @@ const __sfc__$v = vue.defineComponent({
     const center = vue.computed(() => optionCount.value * optionHeight.value / 2 - optionHeight.value / 2);
     const columnHeight = vue.computed(() => optionCount.value * optionHeight.value);
     const { prevY, moveY, dragging, startTouch, moveTouch, endTouch } = useTouch();
+    const { locale } = injectLocaleProvider();
     let prevIndexes = [];
     initScrollColumns();
     vue.watch(() => props2.columns, initScrollColumns, { deep: true });
@@ -19368,13 +19434,14 @@ const __sfc__$v = vue.defineComponent({
       call(props2.onCancel, values, indexes, options);
     }
     return {
-      t,
       optionHeight,
       optionCount,
       scrollColumns,
       columnHeight,
       center,
       Transition: vue.Transition,
+      locale,
+      t,
       n: n$r,
       classes: classes$m,
       setScrollEl,
@@ -19833,7 +19900,7 @@ function __render__$s(_ctx, _cache) {
 }
 const __sfc__$t = vue.defineComponent({
   name: name$n,
-  components: { VarIcon: stdin_default$5S },
+  components: { VarIcon: stdin_default$5U },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -20123,11 +20190,11 @@ function __render__$r(_ctx, _cache) {
 }
 const __sfc__$s = vue.defineComponent({
   name: name$m,
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   components: {
-    VarIcon: stdin_default$5S,
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarIcon: stdin_default$5U,
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
   inheritAttrs: false,
   props: props$l,
@@ -20371,7 +20438,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$5b, RadioGroupOption: stdin_default$3P },
+  components: { VarFormDetails: stdin_default$5d, RadioGroupOption: stdin_default$3P },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -20497,9 +20564,9 @@ const props$j = {
     type: String,
     default: "star-half-full"
   },
-  namespace: pickProps(props$1f, "namespace"),
-  emptyIconNamespace: pickProps(props$1f, "namespace"),
-  halfIconNamespace: pickProps(props$1f, "namespace"),
+  namespace: pickProps(props$1g, "namespace"),
+  emptyIconNamespace: pickProps(props$1g, "namespace"),
+  halfIconNamespace: pickProps(props$1g, "namespace"),
   emptyColor: String,
   size: [String, Number],
   gap: [String, Number],
@@ -20578,11 +20645,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$5S,
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarIcon: stdin_default$5U,
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -21153,7 +21220,7 @@ const props$g = __spreadValues$6({
   onChange: defineListenerProp(),
   onClear: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$I, [
+}, pickProps(props$J, [
   "size",
   "variant",
   "placeholder",
@@ -21383,11 +21450,11 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$5S,
+    VarIcon: stdin_default$5U,
     VarMenu: stdin_default$48,
-    VarChip: stdin_default$54,
-    VarFieldDecorator: stdin_default$4y,
-    VarFormDetails: stdin_default$5b
+    VarChip: stdin_default$56,
+    VarFieldDecorator: stdin_default$4A,
+    VarFormDetails: stdin_default$5d
   },
   props: props$g,
   setup(props2) {
@@ -22057,10 +22124,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
-  directives: { Hover: stdin_default$5P },
+  directives: { Hover: stdin_default$5R },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -22483,11 +22550,15 @@ const props$d = {
     type: Number,
     default: 3e3
   },
+  elevation: {
+    type: [Boolean, String, Number],
+    default: true
+  },
   vertical: Boolean,
-  loadingType: pickProps(props$19, "type"),
-  loadingSize: pickProps(props$19, "size"),
-  loadingRadius: pickProps(props$19, "radius"),
-  loadingColor: __spreadProps$1(__spreadValues$5({}, pickProps(props$19, "color")), {
+  loadingType: pickProps(props$1a, "type"),
+  loadingSize: pickProps(props$1a, "size"),
+  loadingRadius: pickProps(props$1a, "radius"),
+  loadingColor: __spreadProps$1(__spreadValues$5({}, pickProps(props$1a, "color")), {
     default: "currentColor"
   }),
   lockScroll: Boolean,
@@ -22529,7 +22600,7 @@ function __render__$d(_ctx, _cache) {
             _ctx.classes(
               _ctx.n("wrapper"),
               _ctx.n(`wrapper-${_ctx.position}`),
-              _ctx.n("$-elevation--4"),
+              _ctx.formatElevation(_ctx.elevation, 4),
               [_ctx.vertical, _ctx.n("vertical")],
               [_ctx.type && _ctx.SNACKBAR_TYPE.includes(_ctx.type), _ctx.n(`wrapper-${_ctx.type}`)]
             )
@@ -22603,8 +22674,8 @@ function __render__$d(_ctx, _cache) {
 const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: stdin_default$5x,
-    VarIcon: stdin_default$5S
+    VarLoading: stdin_default$5z,
+    VarIcon: stdin_default$5U
   },
   props: props$d,
   setup(props2) {
@@ -22657,7 +22728,8 @@ const __sfc__$e = vue.defineComponent({
       iconName,
       isForbidClick,
       n: n$f,
-      classes: classes$b
+      classes: classes$b,
+      formatElevation
     };
   }
 });
@@ -22748,6 +22820,7 @@ const defaultOptionsValue = {
   action: "",
   position: "top",
   duration: 3e3,
+  elevation: true,
   vertical: false,
   contentClass: void 0,
   loadingType: "circle",
@@ -22810,7 +22883,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$5X.zIndex
+          zIndex: stdin_default$5Z.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -23048,11 +23121,11 @@ const props$b = {
     type: String,
     default: "check"
   },
-  currentIcon: pickProps(props$1f, "name"),
-  inactiveIcon: pickProps(props$1f, "name"),
-  activeIconNamespace: pickProps(props$1f, "namespace"),
-  currentIconNamespace: pickProps(props$1f, "namespace"),
-  inactiveIconNamespace: pickProps(props$1f, "namespace")
+  currentIcon: pickProps(props$1g, "name"),
+  inactiveIcon: pickProps(props$1g, "name"),
+  activeIconNamespace: pickProps(props$1g, "namespace"),
+  currentIconNamespace: pickProps(props$1g, "namespace"),
+  inactiveIconNamespace: pickProps(props$1g, "namespace")
 };
 const STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
@@ -23159,7 +23232,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$5S },
+  components: { VarIcon: stdin_default$5U },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -23455,10 +23528,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   props: props$8,
   setup(props2) {
     const switchRef = vue.ref(null);
@@ -23652,7 +23725,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$5W },
+  directives: { Ripple: stdin_default$5Y },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -23728,7 +23801,7 @@ function __render__$7(_ctx, _cache) {
 }
 const __sfc__$7 = vue.defineComponent({
   name: name$6,
-  components: { VarSwipeItem: stdin_default$4o },
+  components: { VarSwipeItem: stdin_default$4q },
   props: props$6,
   setup(props2) {
     const current = vue.ref(false);
@@ -23870,9 +23943,9 @@ const props$4 = {
   },
   safeArea: Boolean,
   sticky: Boolean,
-  stickyCssMode: pickProps(props$P, "cssMode"),
-  stickyZIndex: pickProps(props$P, "zIndex"),
-  offsetTop: pickProps(props$P, "offsetTop"),
+  stickyCssMode: pickProps(props$Q, "cssMode"),
+  stickyZIndex: pickProps(props$Q, "zIndex"),
+  offsetTop: pickProps(props$Q, "offsetTop"),
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:active": defineListenerProp()
@@ -23975,7 +24048,7 @@ function __render__$5(_ctx, _cache) {
 }
 const __sfc__$5 = vue.defineComponent({
   name: name$4,
-  components: { VarSticky: stdin_default$4Q },
+  components: { VarSticky: stdin_default$4S },
   inheritAttrs: false,
   props: props$4,
   setup(props2) {
@@ -24166,7 +24239,7 @@ function __render__$4(_ctx, _cache) {
 }
 const __sfc__$4 = vue.defineComponent({
   name: name$3,
-  components: { VarSwipe: stdin_default$4q },
+  components: { VarSwipe: stdin_default$4s },
   props: props$3,
   setup(props2) {
     const swipe = vue.ref(null);
@@ -28190,12 +28263,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
+  directives: { Ripple: stdin_default$5Y, Hover: stdin_default$5R },
   components: {
-    VarIcon: stdin_default$5S,
-    VarPopup: stdin_default$5U,
-    VarFormDetails: stdin_default$5b,
-    VarHoverOverlay: stdin_default$5Q
+    VarIcon: stdin_default$5U,
+    VarPopup: stdin_default$5W,
+    VarFormDetails: stdin_default$5d,
+    VarHoverOverlay: stdin_default$5S
   },
   props: props$1,
   setup(props2) {
@@ -28278,7 +28351,7 @@ const __sfc__$1 = vue.defineComponent({
       }
       const { url } = varFile;
       if (isHTMLSupportImage(url)) {
-        stdin_default$4m(url);
+        stdin_default$4o(url);
         return;
       }
       if (isHTMLSupportVideo(url)) {
@@ -28419,7 +28492,7 @@ const __sfc__$1 = vue.defineComponent({
     function closePreview() {
       currentPreview.value = null;
       showPreview.value = false;
-      stdin_default$4m.close();
+      stdin_default$4o.close();
     }
     function validateWithTrigger(trigger) {
       vue.nextTick(() => {
@@ -28769,56 +28842,57 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.14";
+const version = "3.2.15-alpha.1718191007402";
 function install(app) {
+  stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$5G.install && app.use(stdin_default$5G);
-  stdin_default$5E.install && app.use(stdin_default$5E);
+  stdin_default$5D.install && app.use(stdin_default$5D);
   stdin_default$5B.install && app.use(stdin_default$5B);
-  stdin_default$5z.install && app.use(stdin_default$5z);
+  stdin_default$5v.install && app.use(stdin_default$5v);
   stdin_default$5t.install && app.use(stdin_default$5t);
   stdin_default$5r.install && app.use(stdin_default$5r);
   stdin_default$5p.install && app.use(stdin_default$5p);
   stdin_default$5n.install && app.use(stdin_default$5n);
   stdin_default$5l.install && app.use(stdin_default$5l);
+  stdin_default$5x.install && app.use(stdin_default$5x);
   stdin_default$5j.install && app.use(stdin_default$5j);
-  stdin_default$5v.install && app.use(stdin_default$5v);
   stdin_default$5h.install && app.use(stdin_default$5h);
   stdin_default$5f.install && app.use(stdin_default$5f);
-  stdin_default$5d.install && app.use(stdin_default$5d);
-  stdin_default$59.install && app.use(stdin_default$59);
+  stdin_default$5b.install && app.use(stdin_default$5b);
+  stdin_default$58.install && app.use(stdin_default$58);
   stdin_default$56.install && app.use(stdin_default$56);
   stdin_default$54.install && app.use(stdin_default$54);
   stdin_default$52.install && app.use(stdin_default$52);
   stdin_default$50.install && app.use(stdin_default$50);
   stdin_default$4_.install && app.use(stdin_default$4_);
+  stdin_default$5Z.install && app.use(stdin_default$5Z);
   stdin_default$4Y.install && app.use(stdin_default$4Y);
-  stdin_default$5X.install && app.use(stdin_default$5X);
   stdin_default$4W.install && app.use(stdin_default$4W);
-  stdin_default$4U.install && app.use(stdin_default$4U);
+  stdin_default$4O.install && app.use(stdin_default$4O);
   stdin_default$4M.install && app.use(stdin_default$4M);
   stdin_default$4K.install && app.use(stdin_default$4K);
   stdin_default$4I.install && app.use(stdin_default$4I);
-  stdin_default$4G.install && app.use(stdin_default$4G);
+  stdin_default$4E.install && app.use(stdin_default$4E);
   stdin_default$4C.install && app.use(stdin_default$4C);
   stdin_default$4A.install && app.use(stdin_default$4A);
   stdin_default$4y.install && app.use(stdin_default$4y);
   stdin_default$4w.install && app.use(stdin_default$4w);
-  stdin_default$4u.install && app.use(stdin_default$4u);
-  stdin_default$5b.install && app.use(stdin_default$5b);
-  stdin_default$5P.install && app.use(stdin_default$5P);
-  stdin_default$5Q.install && app.use(stdin_default$5Q);
+  stdin_default$5d.install && app.use(stdin_default$5d);
+  stdin_default$5R.install && app.use(stdin_default$5R);
   stdin_default$5S.install && app.use(stdin_default$5S);
-  stdin_default$4s.install && app.use(stdin_default$4s);
+  stdin_default$5U.install && app.use(stdin_default$5U);
+  stdin_default$4u.install && app.use(stdin_default$4u);
+  stdin_default$4o.install && app.use(stdin_default$4o);
   stdin_default$4m.install && app.use(stdin_default$4m);
   stdin_default$4k.install && app.use(stdin_default$4k);
   stdin_default$4i.install && app.use(stdin_default$4i);
+  stdin_default$5F.install && app.use(stdin_default$5F);
   stdin_default$4g.install && app.use(stdin_default$4g);
-  stdin_default$5D.install && app.use(stdin_default$5D);
   stdin_default$4e.install && app.use(stdin_default$4e);
+  stdin_default$5z.install && app.use(stdin_default$5z);
   stdin_default$4c.install && app.use(stdin_default$4c);
-  stdin_default$5x.install && app.use(stdin_default$5x);
+  stdin_default$5K.install && app.use(stdin_default$5K);
   stdin_default$4a.install && app.use(stdin_default$4a);
-  stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$48.install && app.use(stdin_default$48);
   stdin_default$46.install && app.use(stdin_default$46);
   stdin_default$44.install && app.use(stdin_default$44);
@@ -28827,14 +28901,14 @@ function install(app) {
   stdin_default$3_.install && app.use(stdin_default$3_);
   stdin_default$3Y.install && app.use(stdin_default$3Y);
   stdin_default$3W.install && app.use(stdin_default$3W);
-  stdin_default$5U.install && app.use(stdin_default$5U);
+  stdin_default$5W.install && app.use(stdin_default$5W);
   stdin_default$3U.install && app.use(stdin_default$3U);
   stdin_default$3S.install && app.use(stdin_default$3S);
   stdin_default$3Q.install && app.use(stdin_default$3Q);
   stdin_default$3N.install && app.use(stdin_default$3N);
   stdin_default$3L.install && app.use(stdin_default$3L);
   stdin_default$3D.install && app.use(stdin_default$3D);
-  stdin_default$5W.install && app.use(stdin_default$5W);
+  stdin_default$5Y.install && app.use(stdin_default$5Y);
   stdin_default$3B.install && app.use(stdin_default$3B);
   stdin_default$3z.install && app.use(stdin_default$3z);
   stdin_default$3x.install && app.use(stdin_default$3x);
@@ -28843,10 +28917,10 @@ function install(app) {
   stdin_default$3q.install && app.use(stdin_default$3q);
   stdin_default$3o.install && app.use(stdin_default$3o);
   stdin_default$3m.install && app.use(stdin_default$3m);
-  stdin_default$4Q.install && app.use(stdin_default$4Q);
+  stdin_default$4S.install && app.use(stdin_default$4S);
   stdin_default$3k.install && app.use(stdin_default$3k);
+  stdin_default$4s.install && app.use(stdin_default$4s);
   stdin_default$4q.install && app.use(stdin_default$4q);
-  stdin_default$4o.install && app.use(stdin_default$4o);
   stdin_default$3i.install && app.use(stdin_default$3i);
   stdin_default$3g.install && app.use(stdin_default$3g);
   stdin_default$3e.install && app.use(stdin_default$3e);
@@ -28855,61 +28929,62 @@ function install(app) {
   stdin_default$38.install && app.use(stdin_default$38);
   stdin_default$7.install && app.use(stdin_default$7);
   stdin_default$4.install && app.use(stdin_default$4);
-  stdin_default$4E.install && app.use(stdin_default$4E);
+  stdin_default$4G.install && app.use(stdin_default$4G);
   stdin_default$2.install && app.use(stdin_default$2);
   stdin_default.install && app.use(stdin_default);
 }
 const index_bundle = {
   version,
   install,
-  ActionSheet: stdin_default$5G,
-  AppBar: stdin_default$5E,
-  Avatar: stdin_default$5B,
-  AvatarGroup: stdin_default$5z,
-  BackTop: stdin_default$5t,
-  Badge: stdin_default$5r,
-  BottomNavigation: stdin_default$5p,
-  BottomNavigationItem: stdin_default$5n,
-  Breadcrumb: stdin_default$5l,
-  Breadcrumbs: stdin_default$5j,
-  Button: stdin_default$5v,
-  ButtonGroup: stdin_default$5h,
-  Card: stdin_default$5f,
-  Cell: stdin_default$5d,
-  Checkbox: stdin_default$59,
-  CheckboxGroup: stdin_default$56,
-  Chip: stdin_default$54,
-  Col: stdin_default$52,
-  Collapse: stdin_default$50,
-  CollapseItem: stdin_default$4_,
-  CollapseTransition: stdin_default$4Y,
-  Context: stdin_default$5X,
-  Countdown: stdin_default$4W,
-  Counter: stdin_default$4U,
-  DatePicker: stdin_default$4M,
-  Dialog: stdin_default$4K,
-  Divider: stdin_default$4I,
-  Drag: stdin_default$4G,
-  Ellipsis: stdin_default$4C,
-  Fab: stdin_default$4A,
-  FieldDecorator: stdin_default$4y,
-  FloatingPanel: stdin_default$4w,
-  Form: stdin_default$4u,
-  FormDetails: stdin_default$5b,
-  Hover: stdin_default$5P,
-  HoverOverlay: stdin_default$5Q,
-  Icon: stdin_default$5S,
-  Image: stdin_default$4s,
-  ImagePreview: stdin_default$4m,
-  IndexAnchor: stdin_default$4k,
-  IndexBar: stdin_default$4i,
-  Input: stdin_default$4g,
-  Lazy: stdin_default$5D,
-  Link: stdin_default$4e,
-  List: stdin_default$4c,
-  Loading: stdin_default$5x,
-  LoadingBar: stdin_default$4a,
-  Locale: stdin_default$5I,
+  ActionSheet: stdin_default$5I,
+  AppBar: stdin_default$5G,
+  Avatar: stdin_default$5D,
+  AvatarGroup: stdin_default$5B,
+  BackTop: stdin_default$5v,
+  Badge: stdin_default$5t,
+  BottomNavigation: stdin_default$5r,
+  BottomNavigationItem: stdin_default$5p,
+  Breadcrumb: stdin_default$5n,
+  Breadcrumbs: stdin_default$5l,
+  Button: stdin_default$5x,
+  ButtonGroup: stdin_default$5j,
+  Card: stdin_default$5h,
+  Cell: stdin_default$5f,
+  Checkbox: stdin_default$5b,
+  CheckboxGroup: stdin_default$58,
+  Chip: stdin_default$56,
+  Col: stdin_default$54,
+  Collapse: stdin_default$52,
+  CollapseItem: stdin_default$50,
+  CollapseTransition: stdin_default$4_,
+  Context: stdin_default$5Z,
+  Countdown: stdin_default$4Y,
+  Counter: stdin_default$4W,
+  DatePicker: stdin_default$4O,
+  Dialog: stdin_default$4M,
+  Divider: stdin_default$4K,
+  Drag: stdin_default$4I,
+  Ellipsis: stdin_default$4E,
+  Fab: stdin_default$4C,
+  FieldDecorator: stdin_default$4A,
+  FloatingPanel: stdin_default$4y,
+  Form: stdin_default$4w,
+  FormDetails: stdin_default$5d,
+  Hover: stdin_default$5R,
+  HoverOverlay: stdin_default$5S,
+  Icon: stdin_default$5U,
+  Image: stdin_default$4u,
+  ImagePreview: stdin_default$4o,
+  IndexAnchor: stdin_default$4m,
+  IndexBar: stdin_default$4k,
+  Input: stdin_default$4i,
+  Lazy: stdin_default$5F,
+  Link: stdin_default$4g,
+  List: stdin_default$4e,
+  Loading: stdin_default$5z,
+  LoadingBar: stdin_default$4c,
+  Locale: stdin_default$5K,
+  LocaleProvider: stdin_default$4a,
   Menu: stdin_default$48,
   MenuOption: stdin_default$46,
   MenuSelect: stdin_default$44,
@@ -28918,14 +28993,14 @@ const index_bundle = {
   Pagination: stdin_default$3_,
   Paper: stdin_default$3Y,
   Picker: stdin_default$3W,
-  Popup: stdin_default$5U,
+  Popup: stdin_default$5W,
   Progress: stdin_default$3U,
   PullRefresh: stdin_default$3S,
   Radio: stdin_default$3Q,
   RadioGroup: stdin_default$3N,
   Rate: stdin_default$3L,
   Result: stdin_default$3D,
-  Ripple: stdin_default$5W,
+  Ripple: stdin_default$5Y,
   Row: stdin_default$3B,
   Select: stdin_default$3z,
   Skeleton: stdin_default$3x,
@@ -28934,10 +29009,10 @@ const index_bundle = {
   Space: stdin_default$3q,
   Step: stdin_default$3o,
   Steps: stdin_default$3m,
-  Sticky: stdin_default$4Q,
+  Sticky: stdin_default$4S,
   StyleProvider: stdin_default$3k,
-  Swipe: stdin_default$4q,
-  SwipeItem: stdin_default$4o,
+  Swipe: stdin_default$4s,
+  SwipeItem: stdin_default$4q,
   Switch: stdin_default$3i,
   Tab: stdin_default$3g,
   TabItem: stdin_default$3e,
@@ -28946,58 +29021,59 @@ const index_bundle = {
   TabsItems: stdin_default$38,
   Themes: stdin_default$7,
   TimePicker: stdin_default$4,
-  Tooltip: stdin_default$4E,
+  Tooltip: stdin_default$4G,
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-exports.ActionSheet = stdin_default$5G;
-exports.AppBar = stdin_default$5E;
-exports.Avatar = stdin_default$5B;
-exports.AvatarGroup = stdin_default$5z;
-exports.BackTop = stdin_default$5t;
-exports.Badge = stdin_default$5r;
-exports.BottomNavigation = stdin_default$5p;
-exports.BottomNavigationItem = stdin_default$5n;
-exports.Breadcrumb = stdin_default$5l;
-exports.Breadcrumbs = stdin_default$5j;
-exports.Button = stdin_default$5v;
-exports.ButtonGroup = stdin_default$5h;
-exports.Card = stdin_default$5f;
-exports.Cell = stdin_default$5d;
-exports.Checkbox = stdin_default$59;
-exports.CheckboxGroup = stdin_default$56;
-exports.Chip = stdin_default$54;
-exports.Col = stdin_default$52;
-exports.Collapse = stdin_default$50;
-exports.CollapseItem = stdin_default$4_;
-exports.CollapseTransition = stdin_default$4Y;
-exports.Context = stdin_default$5X;
-exports.Countdown = stdin_default$4W;
-exports.Counter = stdin_default$4U;
-exports.DatePicker = stdin_default$4M;
-exports.Dialog = stdin_default$4K;
-exports.Divider = stdin_default$4I;
-exports.Drag = stdin_default$4G;
-exports.Ellipsis = stdin_default$4C;
-exports.Fab = stdin_default$4A;
-exports.FieldDecorator = stdin_default$4y;
-exports.FloatingPanel = stdin_default$4w;
-exports.Form = stdin_default$4u;
-exports.FormDetails = stdin_default$5b;
-exports.Hover = stdin_default$5P;
-exports.HoverOverlay = stdin_default$5Q;
-exports.Icon = stdin_default$5S;
-exports.Image = stdin_default$4s;
-exports.ImagePreview = stdin_default$4m;
-exports.IndexAnchor = stdin_default$4k;
-exports.IndexBar = stdin_default$4i;
-exports.Input = stdin_default$4g;
-exports.Lazy = stdin_default$5D;
-exports.Link = stdin_default$4e;
-exports.List = stdin_default$4c;
-exports.Loading = stdin_default$5x;
-exports.LoadingBar = stdin_default$4a;
-exports.Locale = stdin_default$5I;
+exports.ActionSheet = stdin_default$5I;
+exports.AppBar = stdin_default$5G;
+exports.Avatar = stdin_default$5D;
+exports.AvatarGroup = stdin_default$5B;
+exports.BackTop = stdin_default$5v;
+exports.Badge = stdin_default$5t;
+exports.BottomNavigation = stdin_default$5r;
+exports.BottomNavigationItem = stdin_default$5p;
+exports.Breadcrumb = stdin_default$5n;
+exports.Breadcrumbs = stdin_default$5l;
+exports.Button = stdin_default$5x;
+exports.ButtonGroup = stdin_default$5j;
+exports.Card = stdin_default$5h;
+exports.Cell = stdin_default$5f;
+exports.Checkbox = stdin_default$5b;
+exports.CheckboxGroup = stdin_default$58;
+exports.Chip = stdin_default$56;
+exports.Col = stdin_default$54;
+exports.Collapse = stdin_default$52;
+exports.CollapseItem = stdin_default$50;
+exports.CollapseTransition = stdin_default$4_;
+exports.Context = stdin_default$5Z;
+exports.Countdown = stdin_default$4Y;
+exports.Counter = stdin_default$4W;
+exports.DatePicker = stdin_default$4O;
+exports.Dialog = stdin_default$4M;
+exports.Divider = stdin_default$4K;
+exports.Drag = stdin_default$4I;
+exports.Ellipsis = stdin_default$4E;
+exports.Fab = stdin_default$4C;
+exports.FieldDecorator = stdin_default$4A;
+exports.FloatingPanel = stdin_default$4y;
+exports.Form = stdin_default$4w;
+exports.FormDetails = stdin_default$5d;
+exports.Hover = stdin_default$5R;
+exports.HoverOverlay = stdin_default$5S;
+exports.Icon = stdin_default$5U;
+exports.Image = stdin_default$4u;
+exports.ImagePreview = stdin_default$4o;
+exports.IndexAnchor = stdin_default$4m;
+exports.IndexBar = stdin_default$4k;
+exports.Input = stdin_default$4i;
+exports.Lazy = stdin_default$5F;
+exports.Link = stdin_default$4g;
+exports.List = stdin_default$4e;
+exports.Loading = stdin_default$5z;
+exports.LoadingBar = stdin_default$4c;
+exports.Locale = stdin_default$5K;
+exports.LocaleProvider = stdin_default$4a;
 exports.Menu = stdin_default$48;
 exports.MenuOption = stdin_default$46;
 exports.MenuSelect = stdin_default$44;
@@ -29007,14 +29083,14 @@ exports.PIXEL = PIXEL;
 exports.Pagination = stdin_default$3_;
 exports.Paper = stdin_default$3Y;
 exports.Picker = stdin_default$3W;
-exports.Popup = stdin_default$5U;
+exports.Popup = stdin_default$5W;
 exports.Progress = stdin_default$3U;
 exports.PullRefresh = stdin_default$3S;
 exports.Radio = stdin_default$3Q;
 exports.RadioGroup = stdin_default$3N;
 exports.Rate = stdin_default$3L;
 exports.Result = stdin_default$3D;
-exports.Ripple = stdin_default$5W;
+exports.Ripple = stdin_default$5Y;
 exports.Row = stdin_default$3B;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$3z;
@@ -29024,10 +29100,10 @@ exports.Snackbar = stdin_default$3s;
 exports.Space = stdin_default$3q;
 exports.Step = stdin_default$3o;
 exports.Steps = stdin_default$3m;
-exports.Sticky = stdin_default$4Q;
+exports.Sticky = stdin_default$4S;
 exports.StyleProvider = stdin_default$3k;
-exports.Swipe = stdin_default$4q;
-exports.SwipeItem = stdin_default$4o;
+exports.Swipe = stdin_default$4s;
+exports.SwipeItem = stdin_default$4q;
 exports.Switch = stdin_default$3i;
 exports.Tab = stdin_default$3g;
 exports.TabItem = stdin_default$3e;
@@ -29036,7 +29112,7 @@ exports.Tabs = stdin_default$3a;
 exports.TabsItems = stdin_default$38;
 exports.Themes = stdin_default$7;
 exports.TimePicker = stdin_default$4;
-exports.Tooltip = stdin_default$4E;
+exports.Tooltip = stdin_default$4G;
 exports.Uploader = stdin_default$2;
 exports.Watermark = stdin_default;
 exports._ActionSheetComponent = _ActionSheetComponent;
@@ -29087,6 +29163,7 @@ exports._ListComponent = _ListComponent;
 exports._LoadingBarComponent = _LoadingBarComponent;
 exports._LoadingComponent = _LoadingComponent;
 exports._LocaleComponent = _LocaleComponent;
+exports._LocaleProviderComponent = _LocaleProviderComponent;
 exports._MenuComponent = _MenuComponent;
 exports._MenuOptionComponent = _MenuOptionComponent;
 exports._MenuSelectComponent = _MenuSelectComponent;
@@ -29126,56 +29203,56 @@ exports._TimePickerComponent = _TimePickerComponent;
 exports._TooltipComponent = _TooltipComponent;
 exports._UploaderComponent = _UploaderComponent;
 exports._WatermarkComponent = _WatermarkComponent;
-exports.actionSheetProps = props$1d;
+exports.actionSheetProps = props$1e;
 exports.add = add$2;
-exports.appBarProps = props$1c;
-exports.avatarGroupProps = props$1a;
-exports.avatarProps = props$1b;
-exports.backTopProps = props$17;
-exports.badgeProps = props$16;
-exports.bottomNavigationItemProps = props$14;
-exports.bottomNavigationProps = props$15;
-exports.breadcrumbProps = props$13;
-exports.breadcrumbsProps = props$12;
-exports.buttonGroupProps = props$11;
-exports.buttonProps = props$18;
-exports.cardProps = props$10;
-exports.cellProps = props$$;
-exports.checkboxGroupProps = props$Y;
-exports.checkboxProps = props$Z;
-exports.chipProps = props$X;
-exports.colProps = props$W;
-exports.collapseItemProps = props$U;
-exports.collapseProps = props$V;
-exports.collapseTransitionProps = props$T;
-exports.countdownProps = props$S;
-exports.counterProps = props$R;
+exports.appBarProps = props$1d;
+exports.avatarGroupProps = props$1b;
+exports.avatarProps = props$1c;
+exports.backTopProps = props$18;
+exports.badgeProps = props$17;
+exports.bottomNavigationItemProps = props$15;
+exports.bottomNavigationProps = props$16;
+exports.breadcrumbProps = props$14;
+exports.breadcrumbsProps = props$13;
+exports.buttonGroupProps = props$12;
+exports.buttonProps = props$19;
+exports.cardProps = props$11;
+exports.cellProps = props$10;
+exports.checkboxGroupProps = props$Z;
+exports.checkboxProps = props$_;
+exports.chipProps = props$Y;
+exports.colProps = props$X;
+exports.collapseItemProps = props$V;
+exports.collapseProps = props$W;
+exports.collapseTransitionProps = props$U;
+exports.countdownProps = props$T;
+exports.counterProps = props$S;
 exports.currentMessage = currentMessage;
-exports.datePickerProps = props$Q;
+exports.datePickerProps = props$R;
 exports.default = index_bundle;
 exports.defaultLazyOptions = defaultLazyOptions;
-exports.dialogProps = props$O;
-exports.dividerProps = props$N;
-exports.dragProps = props$M;
-exports.ellipsisProps = props$K;
-exports.enUS = stdin_default$5M;
-exports.fabProps = props$J;
-exports.fieldDecoratorProps = props$I;
-exports.formDetailsProps = props$_;
-exports.formProps = props$G;
-exports.hoverOverlayProps = props$1e;
-exports.iconProps = props$1f;
+exports.dialogProps = props$P;
+exports.dividerProps = props$O;
+exports.dragProps = props$N;
+exports.ellipsisProps = props$L;
+exports.enUS = stdin_default$5O;
+exports.fabProps = props$K;
+exports.fieldDecoratorProps = props$J;
+exports.formDetailsProps = props$$;
+exports.formProps = props$H;
+exports.hoverOverlayProps = props$1f;
+exports.iconProps = props$1g;
 exports.imageCache = imageCache;
-exports.imagePreviewProps = props$D;
-exports.imageProps = props$F;
-exports.indexAnchorProps = props$C;
-exports.indexBarProps = props$B;
-exports.inputProps = props$A;
+exports.imagePreviewProps = props$E;
+exports.imageProps = props$G;
+exports.indexAnchorProps = props$D;
+exports.indexBarProps = props$C;
+exports.inputProps = props$B;
 exports.install = install;
-exports.linkProps = props$z;
-exports.listProps = props$y;
-exports.loadingBarProps = props$x;
-exports.loadingProps = props$19;
+exports.linkProps = props$A;
+exports.listProps = props$z;
+exports.loadingBarProps = props$y;
+exports.loadingProps = props$1a;
 exports.menuOptionProps = props$u;
 exports.menuProps = props$v;
 exports.menuSelectProps = props$t;
@@ -29186,7 +29263,7 @@ exports.overlayProps = props$r;
 exports.paginationProps = props$q;
 exports.paperProps = props$p;
 exports.pickerProps = props$o;
-exports.popupProps = props$1g;
+exports.popupProps = props$1h;
 exports.progressProps = props$n;
 exports.pullRefreshProps = props$m;
 exports.radioGroupProps = props$k;
@@ -29201,9 +29278,9 @@ exports.snackbarProps = props$d;
 exports.spaceProps = props$c;
 exports.stepProps = props$b;
 exports.stepsProps = props$a;
-exports.stickyProps = props$P;
+exports.stickyProps = props$Q;
 exports.styleProviderProps = props$9;
-exports.swipeProps = props$E;
+exports.swipeProps = props$F;
 exports.switchProps = props$8;
 exports.t = t;
 exports.tabItemProps = props$6;
@@ -29212,11 +29289,11 @@ exports.tableProps = props$5;
 exports.tabsItemsProps = props$3;
 exports.tabsProps = props$4;
 exports.timePickerProps = props$2;
-exports.tooltipProps = props$L;
+exports.tooltipProps = props$M;
 exports.uploaderProps = props$1;
 exports.use = use;
 exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$5N;
+exports.zhCN = stdin_default$5P;