@nutui/nutui 3.1.19-beta.3 → 3.1.19-beta.4

package/dist/nutui.es.js

@@ -35,15 +35,177 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.19-beta.3 Fri Apr 08 2022 09:46:24 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, reactive, onBeforeMount, Teleport, createVNode, inject, provide, unref, ref, onUnmounted, shallowReactive, markRaw, isVNode, renderList, mergeProps, nextTick, watchEffect, createSlots, readonly, vModelText, toRaw, render, useSlots } from "vue";
+import { ref, reactive, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, renderList, mergeProps, nextTick, watchEffect, createSlots, readonly, vModelText, toRaw, useSlots, render } from "vue";
+const lang$1 = {
+  save: "\u4FDD\u5B58",
+  confirm: "\u786E\u8BA4",
+  cancel: "\u53D6\u6D88",
+  done: "\u5B8C\u6210",
+  noData: "\u6682\u65E0\u6570\u636E",
+  placeholder: "\u8BF7\u8F93\u5165",
+  select: "\u8BF7\u9009\u62E9",
+  video: {
+    errorTip: "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25",
+    clickRetry: "\u70B9\u51FB\u91CD\u8BD5"
+  },
+  fixednav: {
+    activeText: "\u6536\u8D77\u5BFC\u822A",
+    unActiveText: "\u5FEB\u901F\u5BFC\u822A"
+  },
+  pagination: {
+    prev: "\u4E0A\u4E00\u9875",
+    next: "\u4E0B\u4E00\u9875"
+  },
+  calendaritem: {
+    weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+    end: "\u7ED3\u675F",
+    start: "\u5F00\u59CB",
+    title: "\u65E5\u5386\u9009\u62E9",
+    monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
+    today: "\u4ECA\u5929"
+  },
+  shortpassword: {
+    title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
+    desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
+    tips: "\u5FD8\u8BB0\u5BC6\u7801"
+  },
+  uploader: {
+    ready: "\u51C6\u5907\u5B8C\u6210",
+    readyUpload: "\u51C6\u5907\u4E0A\u4F20",
+    waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
+    uploading: "\u4E0A\u4F20\u4E2D",
+    success: "\u4E0A\u4F20\u6210\u529F",
+    error: "\u4E0A\u4F20\u5931\u8D25"
+  },
+  countdown: {
+    day: "\u5929",
+    hour: "\u65F6",
+    minute: "\u5206",
+    second: "\u79D2"
+  }
+};
+const lang = {
+  save: "Save",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  done: "Done",
+  noData: "No Data",
+  placeholder: "Placeholder",
+  select: "Select",
+  video: {
+    errorTip: "Error Tip",
+    clickRetry: "Click Retry"
+  },
+  fixednav: {
+    activeText: "Close Nav",
+    unActiveText: "Open Nav"
+  },
+  pagination: {
+    prev: "Previous",
+    next: "Next"
+  },
+  calendaritem: {
+    weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    end: "End",
+    start: "Start",
+    title: "Calendar",
+    monthTitle: (year, month) => `${year}/${month}`,
+    today: "Today"
+  },
+  shortpassword: {
+    title: "Please input a password",
+    desc: "Verify",
+    tips: "Forget password"
+  },
+  uploader: {
+    ready: "Ready",
+    readyUpload: "Ready to upload",
+    waitingUpload: "Waiting for upload",
+    uploading: "Uploading",
+    success: "Upload successful",
+    error: "Upload failed"
+  },
+  countdown: {
+    day: " Day ",
+    hour: " Hour ",
+    minute: " Minute ",
+    second: " Second "
+  }
+};
+const currentLang = ref("zh-CN");
+const langs = reactive({
+  "zh-CN": lang$1,
+  "en-US": lang
+});
+class Locale {
+  static languages() {
+    return langs[currentLang.value];
+  }
+  static use(lang2) {
+    currentLang.value = lang2;
+  }
+}
+const TypeOfFun = (value) => {
+  if (value === null) {
+    return "null";
+  }
+  const type = typeof value;
+  if (type === "undefined" || type === "string") {
+    return type;
+  }
+  const typeString = toString.call(value);
+  switch (typeString) {
+    case "[object Array]":
+      return "array";
+    case "[object Date]":
+      return "date";
+    case "[object Boolean]":
+      return "boolean";
+    case "[object Number]":
+      return "number";
+    case "[object Function]":
+      return "function";
+    case "[object RegExp]":
+      return "regexp";
+    case "[object Object]":
+      if (value.nodeType !== void 0) {
+        if (value.nodeType == 3) {
+          return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
+        } else {
+          return "element";
+        }
+      } else {
+        return "object";
+      }
+    default:
+      return "unknow";
+  }
+};
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+const getPropByPath = (obj, keyPath) => {
+  try {
+    return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
+  } catch (error) {
+    return "";
+  }
+};
 function createComponent(name) {
+  const languages = Locale.languages();
   const componentName2 = "nut-" + name;
   return {
     componentName: componentName2,
+    translate(keyPath, ...args) {
+      const text = getPropByPath(languages, `${name.replace("-", "")}.${keyPath}`) || getPropByPath(languages, keyPath);
+      return isFunction(text) ? text(...args) : text;
+    },
     create: function(_component) {
       _component.baseName = name;
       _component.name = componentName2;
@@ -1316,7 +1478,7 @@ const _sfc_main$1k = create$1k({
       default: false
     }
   },
-  emits: ["click", "on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
+  emits: ["on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
   setup(props, { emit }) {
     const { fixed, safeAreaInsetTop } = toRefs(props);
     const classes = computed(() => {
@@ -1390,7 +1552,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1f]]);
-const { componentName: componentName$_, create: create$1j } = createComponent("fixednav");
+const { componentName: componentName$_, create: create$1j, translate: translate$f } = createComponent("fixednav");
 const _sfc_main$1j = create$1j({
   components: {
     [OverLay.name]: OverLay
@@ -1409,11 +1571,11 @@ const _sfc_main$1j = create$1j({
       type: Array
     },
     activeText: {
-      default: "\u6536\u8D77\u5BFC\u822A",
+      default: "",
       type: String
     },
     unActiveText: {
-      default: "\u5FEB\u901F\u5BFC\u822A",
+      default: "",
       type: String
     },
     position: {
@@ -1430,7 +1592,6 @@ const _sfc_main$1j = create$1j({
       type: String
     }
   },
-  components: {},
   emits: ["update:visible", "selected"],
   setup(props, { emit }) {
     const classes = computed(() => {
@@ -1450,7 +1611,7 @@ const _sfc_main$1j = create$1j({
         event
       });
     };
-    return { classes, updateValue, selected };
+    return { classes, updateValue, selected, translate: translate$f };
   }
 });
 const _hoisted_1$$ = { class: "nut-fixednav__list" };
@@ -1501,7 +1662,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
           name: "left",
           color: "#fff"
         }),
-        createElementVNode("view", _hoisted_6$k, toDisplayString(_ctx.visible ? _ctx.activeText : _ctx.unActiveText), 1)
+        createElementVNode("view", _hoisted_6$k, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
       ])
     ])
   ], 6);
@@ -2177,7 +2338,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$19]]);
-const { componentName: componentName$W, create: create$1d } = createComponent("pagination");
+const { componentName: componentName$W, create: create$1d, translate: translate$e } = createComponent("pagination");
 const _sfc_main$1d = create$1d({
   props: {
     modelValue: {
@@ -2190,11 +2351,11 @@ const _sfc_main$1d = create$1d({
     },
     prevText: {
       type: String,
-      default: "\u4E0A\u4E00\u9875"
+      default: ""
     },
     nextText: {
       type: String,
-      default: "\u4E0B\u4E00\u9875"
+      default: ""
     },
     pageCount: {
       type: [String, Number],
@@ -2279,7 +2440,8 @@ const _sfc_main$1d = create$1d({
       countRef,
       mode,
       pages,
-      forceEllipses
+      forceEllipses,
+      translate: translate$e
     };
   }
 });
@@ -2301,7 +2463,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
     }, [
       renderSlot(_ctx.$slots, "prev-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.prevText), 1)
+        createTextVNode(toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
       ])
     ], 2),
     _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2$M, [
@@ -2325,7 +2487,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
     }, [
       renderSlot(_ctx.$slots, "next-text", {}, () => [
-        createTextVNode(toDisplayString(_ctx.nextText), 1)
+        createTextVNode(toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
       ])
     ], 2)
   ]);
@@ -3161,7 +3323,7 @@ const _hoisted_6$i = {
   key: 0,
   class: "number"
 };
-const _hoisted_7$d = {
+const _hoisted_7$e = {
   key: 1,
   class: "max"
 };
@@ -3254,11 +3416,11 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
         ], 40, _hoisted_5$k))
       ], 4)
     ], 6),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$d, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$e, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
 var Range = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$11]]);
-const { create: create$15 } = createComponent("searchbar");
+const { create: create$15, translate: translate$d } = createComponent("searchbar");
 const _sfc_main$15 = create$15({
   props: {
     modelValue: {
@@ -3275,7 +3437,7 @@ const _sfc_main$15 = create$15({
     },
     placeholder: {
       type: String,
-      default: "\u8BF7\u8F93\u5165"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -3346,7 +3508,8 @@ const _sfc_main$15 = create$15({
       handleClear,
       handleSubmit,
       searchbarStyle,
-      inputSearchbarStyle
+      inputSearchbarStyle,
+      translate: translate$d
     });
   }
 });
@@ -3393,7 +3556,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
-            placeholder: _ctx.placeholder,
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             value: _ctx.modelValue,
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
@@ -3545,7 +3708,7 @@ class Tree {
     return Array.isArray(children) && Boolean(children.length);
   }
 }
-const { create: create$14 } = createComponent("cascader-item");
+const { create: create$14, translate: translate$c } = createComponent("cascader-item");
 const _sfc_main$14 = create$14({
   props: {
     visible: Boolean,
@@ -3737,7 +3900,7 @@ const _sfc_main$14 = create$14({
         tabsCursor.value = tab.paneKey;
       },
       formatTabTitle(pane) {
-        return pane.selectedNode ? pane.selectedNode.text : "\u8BF7\u9009\u62E9";
+        return pane.selectedNode ? pane.selectedNode.text : translate$c("select");
       },
       isSelected(pane, node) {
         return pane.selectedNode && pane.selectedNode.value === node.value;
@@ -4020,7 +4183,7 @@ function requestAniFrame() {
   }
 }
 var requestAniFrame$1 = requestAniFrame();
-const { create: create$12 } = createComponent("calendar-item");
+const { create: create$12, translate: translate$b } = createComponent("calendar-item");
 const _sfc_main$12 = create$12({
   props: {
     type: {
@@ -4049,19 +4212,19 @@ const _sfc_main$12 = create$12({
     },
     title: {
       type: String,
-      default: "\u65E5\u5386\u9009\u62E9"
+      default: ""
     },
     confirmText: {
       type: String,
-      default: "\u786E\u8BA4"
+      default: ""
     },
     startText: {
       type: String,
-      default: "\u5F00\u59CB"
+      default: ""
     },
     endText: {
       type: String,
-      default: "\u7ED3\u675F"
+      default: ""
     },
     defaultValue: {
       type: [String, Array],
@@ -4078,7 +4241,7 @@ const _sfc_main$12 = create$12({
   },
   emits: ["choose", "update", "close", "select"],
   setup(props, { emit, slots }) {
-    const weeks = ref(["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"]);
+    const weeks = ref(translate$b("weekdays"));
     const months = ref(null);
     const monthsPanel = ref(null);
     const weeksPanel = ref(null);
@@ -4260,7 +4423,7 @@ const _sfc_main$12 = create$12({
       };
       const monthInfo = {
         curData,
-        title: `${title.year}\u5E74${title.month}\u6708`,
+        title: translate$b("monthTitle", title.year, title.month),
         monthData: [
           ...getPreDaysStatus(preMonthDays, "prev", { month: preMonth, year: preYear }, preCurrMonthDays),
           ...getDaysStatus(currMonthDays, "curr", title)
@@ -4333,11 +4496,11 @@ const _sfc_main$12 = create$12({
       let current = 0;
       let lastCurrent = 0;
       state.monthsData.forEach((item, index) => {
-        if (item.title == `${state.defaultData[0]}\u5E74${state.defaultData[1]}\u6708`) {
+        if (item.title == translate$b("monthTitle", state.defaultData[0], state.defaultData[1])) {
           current = index;
         }
         if (state.isRange) {
-          if (item.title == `${state.defaultData[3]}\u5E74${state.defaultData[4]}\u6708`) {
+          if (item.title == translate$b("monthTitle", state.defaultData[3], state.defaultData[4])) {
             lastCurrent = index;
           }
         }
@@ -4443,7 +4606,7 @@ const _sfc_main$12 = create$12({
         }
       }
     });
-    return __spreadValues(__spreadValues({
+    return __spreadProps(__spreadValues(__spreadValues({
       weeks,
       compConthsData,
       showTopBtn,
@@ -4461,7 +4624,9 @@ const _sfc_main$12 = create$12({
       months,
       weeksPanel,
       viewArea
-    }, toRefs(state)), toRefs(props));
+    }, toRefs(state)), toRefs(props)), {
+      translate: translate$b
+    });
   }
 });
 const _hoisted_1$N = {
@@ -4485,7 +4650,7 @@ const _hoisted_5$i = {
   ref: "monthsPanel"
 };
 const _hoisted_6$g = { class: "calendar-month-title" };
-const _hoisted_7$c = { class: "calendar-month-con" };
+const _hoisted_7$d = { class: "calendar-month-con" };
 const _hoisted_8$a = ["onClick"];
 const _hoisted_9$6 = { class: "calendar-day" };
 const _hoisted_10$4 = {
@@ -4518,7 +4683,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
-      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1$N, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1$N, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$F, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
@@ -4549,7 +4714,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
               key: index
             }, [
               createElementVNode("view", _hoisted_6$g, toDisplayString(month.title), 1),
-              createElementVNode("view", _hoisted_7$c, [
+              createElementVNode("view", _hoisted_7$d, [
                 createElementVNode("view", {
                   class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
                 }, [
@@ -4576,12 +4741,12 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
-                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12$4, " \u4ECA\u5929 ")) : createCommentVNode("", true),
+                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12$4, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
                       _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
                         key: 3,
                         class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
-                      }, toDisplayString(_ctx.startText), 3)) : createCommentVNode("", true),
-                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$2, toDisplayString(_ctx.endText), 1)) : createCommentVNode("", true)
+                      }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
+                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$2, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
                     ], 10, _hoisted_8$a);
                   }), 128))
                 ], 2)
@@ -4595,7 +4760,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: "calendar-confirm-btn",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
-      }, toDisplayString(_ctx.confirmText), 1)
+      }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
     ])) : createCommentVNode("", true)
   ], 2);
 }
@@ -4636,19 +4801,19 @@ const _sfc_main$11 = create$11({
     },
     title: {
       type: String,
-      default: "\u65E5\u5386\u9009\u62E9"
+      default: ""
     },
     confirmText: {
       type: String,
-      default: "\u786E\u8BA4"
+      default: ""
     },
     startText: {
       type: String,
-      default: "\u5F00\u59CB"
+      default: ""
     },
     endText: {
       type: String,
-      default: "\u7ED3\u675F"
+      default: ""
     },
     defaultValue: {
       type: [String, Array]
@@ -5205,7 +5370,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   ], 32);
 }
 var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$X]]);
-const { componentName: componentName$O, create: create$Z } = createComponent("picker");
+const { componentName: componentName$O, create: create$Z, translate: translate$a } = createComponent("picker");
 const _sfc_main$Z = create$Z({
   components: {
     [column$1.name]: column$1,
@@ -5222,11 +5387,11 @@ const _sfc_main$Z = create$Z({
     },
     cancelText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: ""
     },
     okText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
     columns: {
       type: Array,
@@ -5371,7 +5536,8 @@ const _sfc_main$Z = create$Z({
       close,
       changeHandler,
       confirmHandler,
-      defaultValues
+      defaultValues,
+      translate: translate$a
     });
   }
 });
@@ -5401,12 +5567,12 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: "nut-picker__cancel nut-picker__left nut-picker__button",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-          }, toDisplayString(_ctx.cancelText), 1),
+          }, toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
           createElementVNode("view", _hoisted_2$D, toDisplayString(_ctx.title), 1),
           createElementVNode("view", {
             class: "nut-picker__confirm nut-picker__right nut-picker__button",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
-          }, toDisplayString(_ctx.okText), 1)
+          }, toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
         ]),
         createElementVNode("view", _hoisted_3$v, [
           _hoisted_4$p,
@@ -5466,11 +5632,11 @@ const _sfc_main$Y = create$Y({
     },
     okText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
     cancelText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: ""
     },
     type: {
       type: String,
@@ -5894,7 +6060,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const { componentName: componentName$L, create: create$W } = createComponent("input");
+const { componentName: componentName$L, create: create$W, translate: translate$9 } = createComponent("input");
 const _sfc_main$W = create$W({
   props: {
     ref: {
@@ -5911,7 +6077,7 @@ const _sfc_main$W = create$W({
     },
     placeholder: {
       type: String,
-      default: "\u8BF7\u8F93\u5165\u4FE1\u606F"
+      default: ""
     },
     label: {
       type: String,
@@ -5957,7 +6123,7 @@ const _sfc_main$W = create$W({
       type: Boolean,
       default: false
     },
-    maxNum: {
+    maxLength: {
       type: [String, Number],
       default: ""
     },
@@ -6122,8 +6288,8 @@ const _sfc_main$W = create$W({
       }, 200);
       const input = event.target;
       let value = input.value;
-      if (props.maxNum && value.length > Number(props.maxNum)) {
-        value = value.slice(0, Number(props.maxNum));
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
       }
       updateValue(getModelValue(), "onBlur");
       emit("blur", value, event);
@@ -6164,14 +6330,15 @@ const _sfc_main$W = create$W({
       clear,
       onClickInput,
       onClickLeftIcon,
-      onClickRightIcon
+      onClickRightIcon,
+      translate: translate$9
     };
   }
 });
 const _hoisted_1$J = { class: "label-string" };
 const _hoisted_2$C = { class: "nut-input-value" };
 const _hoisted_3$u = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-const _hoisted_4$o = ["type", "maxNum", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+const _hoisted_4$o = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
 const _hoisted_5$h = {
   key: 0,
   class: "nut-input-word-limit"
@@ -6213,7 +6380,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "inputRef",
           style: normalizeStyle(_ctx.stylesTextarea),
           maxlength: _ctx.maxLength,
-          placeholder: _ctx.placeholder,
+          placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
           disabled: _ctx.disabled,
           readonly: _ctx.readonly,
           value: _ctx.modelValue,
@@ -6228,8 +6395,8 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "inputRef",
           style: normalizeStyle(_ctx.styles),
           type: _ctx.inputType(_ctx.type),
-          maxNum: _ctx.maxNum,
-          placeholder: _ctx.placeholder,
+          maxlength: _ctx.maxLength,
+          placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
           disabled: _ctx.disabled,
           readonly: _ctx.readonly,
           value: _ctx.modelValue,
@@ -6263,9 +6430,9 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
           class: "nut-input-button"
         }) : createCommentVNode("", true)
       ]),
-      _ctx.showWordLimit && _ctx.maxNum ? (openBlock(), createElementBlock("view", _hoisted_5$h, [
+      _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5$h, [
         createElementVNode("span", _hoisted_6$f, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
-        createTextVNode("/" + toDisplayString(_ctx.maxNum), 1)
+        createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
       ])) : createCommentVNode("", true),
       _ctx.errorMessage ? (openBlock(), createElementBlock("view", {
         key: 1,
@@ -6529,20 +6696,20 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$S]]);
-const { create: create$S } = createComponent("shortpassword");
+const { create: create$S, translate: translate$8 } = createComponent("shortpassword");
 const _sfc_main$S = create$S({
   props: {
     title: {
       type: String,
-      default: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+      default: ""
     },
     desc: {
       type: String,
-      default: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1"
+      default: ""
     },
     tips: {
       type: String,
-      default: "\u5FD8\u8BB0\u5BC6\u7801"
+      default: ""
     },
     visible: {
       type: Boolean,
@@ -6650,7 +6817,8 @@ const _sfc_main$S = create$S({
       onTips,
       show,
       systemStyle,
-      closeIcon
+      closeIcon,
+      translate: translate$8
     };
   }
 });
@@ -6663,7 +6831,7 @@ const _hoisted_5$g = {
   class: "nut-shortpsd-icon"
 };
 const _hoisted_6$e = { class: "nut-shortpsd-message" };
-const _hoisted_7$b = { class: "nut-shortpsd-error" };
+const _hoisted_7$c = { class: "nut-shortpsd-error" };
 const _hoisted_8$9 = {
   key: 0,
   class: "nut-shortpsd-forget"
@@ -6691,8 +6859,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
       isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$H, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$B, toDisplayString(_ctx.desc), 1),
+        createElementVNode("view", _hoisted_1$H, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+        createElementVNode("view", _hoisted_2$B, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
         createElementVNode("div", _hoisted_3$t, [
           withDirectives(createElementVNode("input", {
             ref: "realpwd",
@@ -6721,8 +6889,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         createElementVNode("view", _hoisted_6$e, [
-          createElementVNode("view", _hoisted_7$b, toDisplayString(_ctx.errorMsg), 1),
-          _ctx.tips ? (openBlock(), createElementBlock("view", _hoisted_8$9, [
+          createElementVNode("view", _hoisted_7$c, toDisplayString(_ctx.errorMsg), 1),
+          _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", _hoisted_8$9, [
             createVNode(_component_nut_icon, {
               class: "icon",
               size: "11px",
@@ -6730,18 +6898,18 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createElementVNode("view", {
               onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTips && _ctx.onTips(...args))
-            }, toDisplayString(_ctx.tips), 1)
+            }, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
           ])) : createCommentVNode("", true)
         ]),
         !_ctx.noButton ? (openBlock(), createElementBlock("view", _hoisted_9$5, [
           createElementVNode("view", {
             class: "nut-shortpsd-cancle",
             onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
-          }, "\u53D6\u6D88"),
+          }, toDisplayString(_ctx.translate("cancel")), 1),
           createElementVNode("view", {
             class: "nut-shortpsd-sure",
             onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
-          }, "\u786E\u8BA4")
+          }, toDisplayString(_ctx.translate("confirm")), 1)
         ])) : createCommentVNode("", true)
       ]),
       _: 1
@@ -6749,7 +6917,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$R]]);
-const { componentName: componentName$H, create: create$R } = createComponent("textarea");
+const { componentName: componentName$H, create: create$R, translate: translate$7 } = createComponent("textarea");
 const _sfc_main$R = create$R({
   props: {
     modelValue: {
@@ -6774,7 +6942,7 @@ const _sfc_main$R = create$R({
     },
     placeholder: {
       type: String,
-      default: "\u8BF7\u8F93\u5165\u5185\u5BB9"
+      default: ""
     },
     readonly: {
       type: Boolean,
@@ -6872,7 +7040,8 @@ const _sfc_main$R = create$R({
       styles,
       change,
       focus,
-      blur
+      blur,
+      translate: translate$7
     };
   }
 });
@@ -6897,7 +7066,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
       maxlength: _ctx.maxLength,
-      placeholder: _ctx.placeholder,
+      placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
       autofocus: _ctx.autofocus
     }, null, 44, _hoisted_1$G),
     _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2$A, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
@@ -6988,11 +7157,11 @@ class Uploader$1 {
     });
   }
 }
-const { componentName: componentName$G, create: create$Q } = createComponent("uploader");
+const { componentName: componentName$G, create: create$Q, translate: translate$6 } = createComponent("uploader");
 class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
-    __publicField(this, "message", "\u51C6\u5907\u5B8C\u6210");
+    __publicField(this, "message", translate$6("ready"));
     __publicField(this, "uid", new Date().getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
@@ -7074,19 +7243,19 @@ const _sfc_main$Q = create$Q({
       uploadOption.withCredentials = props.withCredentials;
       uploadOption.onStart = (option) => {
         fileItem.status = "ready";
-        fileItem.message = "\u51C6\u5907\u4E0A\u4F20";
+        fileItem.message = translate$6("readyUpload");
         clearUploadQueue(index);
         emit("start", option);
       };
       uploadOption.onProgress = (event, option) => {
         fileItem.status = "uploading";
-        fileItem.message = "\u4E0A\u4F20\u4E2D";
+        fileItem.message = translate$6("uploading");
         fileItem.percentage = (event.loaded / event.total * 100).toFixed(0);
         emit("progress", { event, option, percentage: fileItem.percentage });
       };
       uploadOption.onSuccess = (responseText, option) => {
         fileItem.status = "success";
-        fileItem.message = "\u4E0A\u4F20\u6210\u529F";
+        fileItem.message = translate$6("success");
         emit("success", {
           responseText,
           option,
@@ -7096,7 +7265,7 @@ const _sfc_main$Q = create$Q({
       };
       uploadOption.onFailure = (responseText, option) => {
         fileItem.status = "error";
-        fileItem.message = "\u4E0A\u4F20\u5931\u8D25";
+        fileItem.message = translate$6("error");
         emit("failure", {
           responseText,
           option,
@@ -7136,7 +7305,7 @@ const _sfc_main$Q = create$Q({
         fileItem.status = "ready";
         fileItem.type = file.type;
         fileItem.formData = formData;
-        fileItem.message = "\u7B49\u5F85\u4E0A\u4F20";
+        fileItem.message = translate$6("waitingUpload");
         executeUpload(fileItem, index);
         if (props.isPreview && file.type.includes("image")) {
           const reader = new FileReader();
@@ -7231,7 +7400,7 @@ const _hoisted_5$f = {
   class: "nut-uploader__preview__progress"
 };
 const _hoisted_6$d = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_7$a = {
+const _hoisted_7$b = {
   key: 1,
   class: "nut-uploader__preview__progress"
 };
@@ -7289,7 +7458,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4$m, [
           item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5$f, [
             createElementVNode("view", _hoisted_6$d, toDisplayString(item.message), 1)
-          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7$a, [
+          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7$b, [
             createVNode(_component_nut_icon, {
               color: "#fff",
               name: item.status == "error" ? "failure" : "loading"
@@ -7378,12 +7547,12 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Uploader = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$P]]);
-const { create: create$P } = createComponent("numberkeyboard");
+const { create: create$P, translate: translate$5 } = createComponent("numberkeyboard");
 const _sfc_main$P = create$P({
   props: {
     confirmText: {
       type: String,
-      default: "\u5B8C\u6210"
+      default: ""
     },
     title: {
       type: String,
@@ -7517,7 +7686,8 @@ const _sfc_main$P = create$P({
       genCustomKeys,
       getBasicKeys,
       root,
-      show
+      show,
+      translate: translate$5
     };
   }
 });
@@ -7533,7 +7703,7 @@ const _hoisted_3$r = { class: "tit" };
 const _hoisted_4$l = { class: "number-board-body" };
 const _hoisted_5$e = { class: "number-board" };
 const _hoisted_6$c = ["onTouchstart", "onTouchmove"];
-const _hoisted_7$9 = {
+const _hoisted_7$a = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
 };
@@ -7568,7 +7738,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("span", {
             class: "keyboard-close",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-          }, "\u5B8C\u6210")
+          }, toDisplayString(_ctx.translate("done")), 1)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$l, [
           createElementVNode("div", _hoisted_5$e, [
@@ -7596,7 +7766,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
                   item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createTextVNode(toDisplayString(item.id), 1)
                   ], 64)) : createCommentVNode("", true),
-                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7$9)) : createCommentVNode("", true),
+                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7$a)) : createCommentVNode("", true),
                   item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8$7)) : createCommentVNode("", true)
                 ], 42, _hoisted_6$c)
               ], 2);
@@ -7618,7 +7788,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               createElementVNode("div", {
                 class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-              }, toDisplayString(_ctx.confirmText), 3)
+              }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ])
@@ -7628,47 +7798,6 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["visible", "overlay", "isWrapTeleport"]);
 }
 var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$O]]);
-const TypeOfFun = (value) => {
-  if (value === null) {
-    return "null";
-  }
-  const type = typeof value;
-  if (type === "undefined" || type === "string") {
-    return type;
-  }
-  const typeString = toString.call(value);
-  switch (typeString) {
-    case "[object Array]":
-      return "array";
-    case "[object Date]":
-      return "date";
-    case "[object Boolean]":
-      return "boolean";
-    case "[object Number]":
-      return "number";
-    case "[object Function]":
-      return "function";
-    case "[object RegExp]":
-      return "regexp";
-    case "[object Object]":
-      if (value.nodeType !== void 0) {
-        if (value.nodeType == 3) {
-          return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
-        } else {
-          return "element";
-        }
-      } else {
-        return "object";
-      }
-    default:
-      return "unknow";
-  }
-};
-const isFunction = (val) => typeof val === "function";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
 const component$2 = {
   props: {
     modelValue: {
@@ -7723,9 +7852,6 @@ const component$2 = {
           resolve(errorMsg2);
         });
       };
-      const getPropByPath = (obj, keyPath) => {
-        return keyPath.split(".").reduce((prev, curr) => prev[curr], obj);
-      };
       if (!prop) {
         console.warn("[NutUI] <FormItem> \u4F7F\u7528 rules \u6821\u9A8C\u89C4\u5219\u65F6 , \u5FC5\u987B\u8BBE\u7F6E prop \u53C2\u6570");
       }
@@ -8585,10 +8711,15 @@ const _sfc_main$J = create$J({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: false
     }
   }),
   emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
+    const slotDefault = !!useSlots().default;
     const classes = computed(() => {
       const prefixCls = componentName$C;
       return {
@@ -8596,23 +8727,24 @@ const _sfc_main$J = create$J({
       };
     });
     const isHighlight = (item) => {
-      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag] ? props.color : "#1a1a1a";
+      return props.chooseTagValue && props.chooseTagValue === item[props.optionTag] ? props.color : "";
     };
     const cancelActionSheet = () => {
       emit("cancel");
       emit("update:visible", false);
     };
     const chooseItem = (item, index) => {
-      if (!item.disable) {
+      if (!item.disable && !item.loading) {
         emit("choose", item, index);
         emit("update:visible", false);
       }
     };
-    const close = () => {
-      emit("close");
+    const close = (e) => {
+      emit("close", e);
       emit("update:visible", false);
     };
     return {
+      slotDefault,
       isHighlight,
       cancelActionSheet,
       chooseItem,
@@ -8621,22 +8753,24 @@ const _sfc_main$J = create$J({
     };
   }
 });
-const _hoisted_1$z = { class: "nut-actionsheet-panel" };
-const _hoisted_2$u = {
+const _hoisted_1$z = {
   key: 0,
   class: "nut-actionsheet-title"
 };
+const _hoisted_2$u = { key: 1 };
 const _hoisted_3$o = {
-  key: 1,
+  key: 0,
   class: "nut-actionsheet-item desc"
 };
 const _hoisted_4$j = {
-  key: 2,
+  key: 1,
   class: "nut-actionsheet-menu"
 };
 const _hoisted_5$d = ["onClick"];
-const _hoisted_6$b = { class: "subdesc" };
+const _hoisted_6$b = { key: 1 };
+const _hoisted_7$9 = { class: "subdesc" };
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -8650,30 +8784,38 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$z, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$u, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$j, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
-              return openBlock(), createElementBlock("view", {
-                class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
-                style: normalizeStyle({ color: _ctx.isHighlight(item) }),
-                key: index,
-                onClick: ($event) => _ctx.chooseItem(item, index)
-              }, [
-                createTextVNode(toDisplayString(item[_ctx.optionTag]), 1),
-                createElementVNode("view", _hoisted_6$b, toDisplayString(item[_ctx.optionSubTag]), 1)
-              ], 14, _hoisted_5$d);
-            }), 128))
-          ])) : createCommentVNode("", true),
-          _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
-            key: 3,
-            class: "nut-actionsheet-cancel",
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
-          }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
-        ])
+        createElementVNode("view", {
+          class: normalizeClass(["nut-actionsheet-panel", { "nut-actionsheet-safebottom": _ctx.safeAreaInsetBottom }])
+        }, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$z, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default"),
+          !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_2$u, [
+            _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+            _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$j, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
+                return openBlock(), createElementBlock("view", {
+                  class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable, "nut-actionsheet-item-loading": item.loading }]),
+                  style: normalizeStyle({ color: _ctx.isHighlight(item) || item.color }),
+                  key: index,
+                  onClick: ($event) => _ctx.chooseItem(item, index)
+                }, [
+                  item.loading ? (openBlock(), createBlock(_component_nut_icon, {
+                    key: 0,
+                    name: "loading"
+                  })) : (openBlock(), createElementBlock("view", _hoisted_6$b, toDisplayString(item[_ctx.optionTag]), 1)),
+                  createElementVNode("view", _hoisted_7$9, toDisplayString(item[_ctx.optionSubTag]), 1)
+                ], 14, _hoisted_5$d);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
+              key: 2,
+              class: "nut-actionsheet-cancel",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
+            }, toDisplayString(_ctx.cancelTxt), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ], 2)
       ]),
-      _: 1
+      _: 3
     }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
   ], 2);
 }
@@ -9024,7 +9166,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   ], 34);
 }
 var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$G]]);
-const { componentName: componentName$z, create: create$G } = createComponent("dialog");
+const { componentName: componentName$z, create: create$G, translate: translate$4 } = createComponent("dialog");
 const _sfc_main$G = create$G({
   inheritAttrs: false,
   components: {
@@ -9058,11 +9200,11 @@ const _sfc_main$G = create$G({
     },
     cancelText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: ""
     },
     okText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
     okBtnDisabled: {
       type: Boolean,
@@ -9126,7 +9268,8 @@ const _sfc_main$G = create$G({
       classes,
       onCancel,
       onOk,
-      showPopup
+      showPopup,
+      translate: translate$4
     };
   }
 });
@@ -9180,7 +9323,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _ctx.onCancel
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true),
@@ -9193,7 +9336,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _ctx.onOk
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.okText), 1)
+                createTextVNode(toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
               ]),
               _: 1
             }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
@@ -9209,8 +9352,8 @@ class DialogOptions {
   constructor() {
     __publicField(this, "title", "");
     __publicField(this, "content", "");
-    __publicField(this, "cancelText", "\u53D6\u6D88");
-    __publicField(this, "okText", "\u786E\u5B9A");
+    __publicField(this, "cancelText", "");
+    __publicField(this, "okText", "");
     __publicField(this, "textAlign", "center");
     __publicField(this, "teleport", "body");
     __publicField(this, "id", new Date().getTime());
@@ -10983,6 +11126,7 @@ const _sfc_main$x = create$x({
     }
   },
   setup(props, { emit }) {
+    const slotDefault = !!useSlots().default;
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();
     const insideText = ref();
@@ -11004,7 +11148,8 @@ const _sfc_main$x = create$x({
       bgStyle,
       textStyle,
       progressOuter,
-      insideText
+      insideText,
+      slotDefault
     };
   }
 });
@@ -11021,7 +11166,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
         style: normalizeStyle(_ctx.bgStyle)
       }, [
-        _ctx.showText && _ctx.textInside ? (openBlock(), createElementBlock("div", {
+        _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "nut-progress-text nut-progress-insidetext",
           ref: "insideText",
@@ -11035,6 +11180,18 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("span", {
             style: normalizeStyle(_ctx.textStyle)
           }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
+        ], 4)) : createCommentVNode("", true),
+        _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref: "insideText",
+          style: normalizeStyle({
+            position: `absolute`,
+            top: `50%`,
+            left: `${_ctx.percentage}%`,
+            transform: `translate(-${+_ctx.percentage}%,-50%)`
+          })
+        }, [
+          renderSlot(_ctx.$slots, "default")
         ], 4)) : createCommentVNode("", true)
       ], 6)
     ], 6),
@@ -11531,7 +11688,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$u]]);
-const { componentName: componentName$p, create: create$u } = createComponent("empty");
+const { componentName: componentName$p, create: create$u, translate: translate$3 } = createComponent("empty");
 const defaultStatus = {
   empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
   error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
@@ -11549,7 +11706,7 @@ const _sfc_main$u = create$u({
     },
     description: {
       type: String,
-      default: "\u65E0\u5185\u5BB9"
+      default: ""
     }
   },
   setup(props) {
@@ -11567,7 +11724,8 @@ const _sfc_main$u = create$u({
     const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
     return {
       imageUrl,
-      imgStyle
+      imgStyle,
+      translate: translate$3
     };
   }
 });
@@ -11591,12 +11749,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, _hoisted_2$m)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$i, toDisplayString(_ctx.description), 1)),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$i, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
   ]);
 }
 var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$t]]);
-const { create: create$t } = createComponent("video");
+const { create: create$t, translate: translate$2 } = createComponent("video");
 const _sfc_main$t = create$t({
   props: {
     source: {
@@ -11814,7 +11972,8 @@ const _sfc_main$t = create$t({
       touchSlidMove,
       touchSlidEnd,
       retry,
-      fullScreen
+      fullScreen,
+      translate: translate$2
     });
   }
 });
@@ -11840,7 +11999,7 @@ const _hoisted_9$2 = {
 };
 const _hoisted_10$1 = { class: "duration-time" };
 const _hoisted_11$1 = { class: "nut-video-error" };
-const _hoisted_12$1 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
+const _hoisted_12$1 = { class: "lose" };
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$n, [
     createElementVNode("video", {
@@ -11912,11 +12071,11 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       [vShow, _ctx.showToolbox && !_ctx.isDisabled]
     ]),
     withDirectives(createElementVNode("div", _hoisted_11$1, [
-      _hoisted_12$1,
+      createElementVNode("p", _hoisted_12$1, toDisplayString(_ctx.translate("errorTip")), 1),
       createElementVNode("p", {
         class: "retry",
         onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
-      }, "\u70B9\u51FB\u91CD\u8BD5")
+      }, toDisplayString(_ctx.translate("clickRetry")), 1)
     ], 512), [
       [vShow, _ctx.state.isError]
     ])
@@ -13564,7 +13723,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var CountUp = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l]]);
-const { componentName: componentName$g, create: create$k } = createComponent("countdown");
+const { componentName: componentName$g, create: create$k, translate: translate$1 } = createComponent("countdown");
 const _sfc_main$k = create$k({
   props: {
     modelValue: {
@@ -13620,7 +13779,7 @@ const _sfc_main$k = create$k({
     });
     const plainText = computed(() => {
       const { d, h: h2, m, s } = resttime.value;
-      return `${d > 0 && props.showDays ? d + "\u5929" + h2 : h2}\u5C0F\u65F6${m}\u5206${s}\u79D2`;
+      return `${d > 0 && props.showDays ? d + translate$1("day") + h2 : h2}${translate$1("hour")}${m}${translate$1("minute")}${s}${translate$1("second")}`;
     });
     watch(() => props.value, (value) => {
     });
@@ -13727,7 +13886,8 @@ const _sfc_main$k = create$k({
       getTimeStamp,
       initTimer,
       resttime,
-      plainText
+      plainText,
+      translate: translate$1
     });
   }
 });
@@ -13736,7 +13896,7 @@ const _hoisted_1$h = {
   class: "nut-cd-block"
 };
 const _hoisted_2$g = { class: "nut-cd-block" };
-const _hoisted_3$f = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, "\u5929", -1);
+const _hoisted_3$f = { class: "nut-cd-dot" };
 const _hoisted_4$c = { class: "nut-cd-block" };
 const _hoisted_5$8 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
 const _hoisted_6$6 = { class: "nut-cd-block" };
@@ -13750,7 +13910,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (openBlock(), createElementBlock("view", _hoisted_1$h, toDisplayString(_ctx.plainText), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       _ctx.resttime.d >= 0 && _ctx.showDays ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createElementVNode("view", _hoisted_2$g, toDisplayString(_ctx.resttime.d), 1),
-        _hoisted_3$f
+        createElementVNode("view", _hoisted_3$f, toDisplayString(_ctx.translate("day")), 1)
       ], 64)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$c, toDisplayString(_ctx.resttime.h), 1),
       _hoisted_5$8,
@@ -14567,7 +14727,7 @@ var RenderColumn = {
     slots: Function
   }
 };
-const component = (componentName2) => {
+const component = (componentName2, translate2) => {
   return {
     components: {
       RenderColumn
@@ -14637,13 +14797,14 @@ const component = (componentName2) => {
         cellClasses,
         getColumnItem,
         handleSorterClick,
-        sortDataItem
+        sortDataItem,
+        translate: translate2
       });
     }
   };
 };
-const { componentName: componentName$c, create: create$d } = createComponent("table");
-const _sfc_main$d = create$d(component(componentName$c));
+const { componentName: componentName$c, create: create$d, translate } = createComponent("table");
+const _sfc_main$d = create$d(component(componentName$c, translate));
 const _hoisted_1$c = { class: "nut-table__main__head" };
 const _hoisted_2$b = { class: "nut-table__main__head__tr" };
 const _hoisted_3$a = ["onClick"];
@@ -14722,7 +14883,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
       }, [
         renderSlot(_ctx.$slots, "nodata"),
-        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_8$2, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true)
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
       ], 2)
     ])) : createCommentVNode("", true)
   ], 2);
@@ -16471,6 +16632,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.19-beta.3";
+const version = "3.1.19-beta.4";
 var nutui_vue_build = { install, version };
 export { ActionSheet, Address, Audio, AudioOperate, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, _sfc_main$10 as Checkbox, _sfc_main$$ as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$1m as Grid, GridItem, _sfc_main$1x as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1r as Layout, List, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$V as Radio, _sfc_main$U as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$s as Steps, _sfc_main$1o as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };