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

package/dist/nutui.umd.js

@@ -35,7 +35,7 @@ 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.
 */
@@ -43,10 +43,172 @@ var __publicField = (obj, key, value) => {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.nutui = {}, global.Vue));
 })(this, function(exports2, vue) {
   "use strict";
+  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 = vue.ref("zh-CN");
+  const langs = vue.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;
@@ -1319,7 +1481,7 @@ var __publicField = (obj, key, value) => {
         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 } = vue.toRefs(props);
       const classes = vue.computed(() => {
@@ -1393,7 +1555,7 @@ var __publicField = (obj, key, value) => {
     ], 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
@@ -1412,11 +1574,11 @@ var __publicField = (obj, key, value) => {
         type: Array
       },
       activeText: {
-        default: "\u6536\u8D77\u5BFC\u822A",
+        default: "",
         type: String
       },
       unActiveText: {
-        default: "\u5FEB\u901F\u5BFC\u822A",
+        default: "",
         type: String
       },
       position: {
@@ -1433,7 +1595,6 @@ var __publicField = (obj, key, value) => {
         type: String
       }
     },
-    components: {},
     emits: ["update:visible", "selected"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
@@ -1453,7 +1614,7 @@ var __publicField = (obj, key, value) => {
           event
         });
       };
-      return { classes, updateValue, selected };
+      return { classes, updateValue, selected, translate: translate$f };
     }
   });
   const _hoisted_1$$ = { class: "nut-fixednav__list" };
@@ -1504,7 +1665,7 @@ var __publicField = (obj, key, value) => {
             name: "left",
             color: "#fff"
           }),
-          vue.createElementVNode("view", _hoisted_6$k, vue.toDisplayString(_ctx.visible ? _ctx.activeText : _ctx.unActiveText), 1)
+          vue.createElementVNode("view", _hoisted_6$k, vue.toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
         ])
       ])
     ], 6);
@@ -2180,7 +2341,7 @@ var __publicField = (obj, key, value) => {
     ], 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: {
@@ -2193,11 +2354,11 @@ var __publicField = (obj, key, value) => {
       },
       prevText: {
         type: String,
-        default: "\u4E0A\u4E00\u9875"
+        default: ""
       },
       nextText: {
         type: String,
-        default: "\u4E0B\u4E00\u9875"
+        default: ""
       },
       pageCount: {
         type: [String, Number],
@@ -2282,7 +2443,8 @@ var __publicField = (obj, key, value) => {
         countRef,
         mode,
         pages,
-        forceEllipses
+        forceEllipses,
+        translate: translate$e
       };
     }
   });
@@ -2304,7 +2466,7 @@ var __publicField = (obj, key, value) => {
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
       }, [
         vue.renderSlot(_ctx.$slots, "prev-text", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.prevText), 1)
+          vue.createTextVNode(vue.toDisplayString(_ctx.prevText || _ctx.translate("prev")), 1)
         ])
       ], 2),
       _ctx.mode == "multi" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$M, [
@@ -2328,7 +2490,7 @@ var __publicField = (obj, key, value) => {
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
       }, [
         vue.renderSlot(_ctx.$slots, "next-text", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.nextText), 1)
+          vue.createTextVNode(vue.toDisplayString(_ctx.nextText || _ctx.translate("next")), 1)
         ])
       ], 2)
     ]);
@@ -3164,7 +3326,7 @@ var __publicField = (obj, key, value) => {
     key: 0,
     class: "number"
   };
-  const _hoisted_7$d = {
+  const _hoisted_7$e = {
     key: 1,
     class: "max"
   };
@@ -3257,11 +3419,11 @@ var __publicField = (obj, key, value) => {
           ], 40, _hoisted_5$k))
         ], 4)
       ], 6),
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$d, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
+      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$e, vue.toDisplayString(+_ctx.max), 1)) : vue.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: {
@@ -3278,7 +3440,7 @@ var __publicField = (obj, key, value) => {
       },
       placeholder: {
         type: String,
-        default: "\u8BF7\u8F93\u5165"
+        default: ""
       },
       clearable: {
         type: Boolean,
@@ -3349,7 +3511,8 @@ var __publicField = (obj, key, value) => {
         handleClear,
         handleSubmit,
         searchbarStyle,
-        inputSearchbarStyle
+        inputSearchbarStyle,
+        translate: translate$d
       });
     }
   });
@@ -3396,7 +3559,7 @@ var __publicField = (obj, key, value) => {
               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)),
@@ -3548,7 +3711,7 @@ var __publicField = (obj, key, value) => {
       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,
@@ -3740,7 +3903,7 @@ var __publicField = (obj, key, value) => {
           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;
@@ -4023,7 +4186,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   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: {
@@ -4052,19 +4215,19 @@ var __publicField = (obj, key, value) => {
       },
       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],
@@ -4081,7 +4244,7 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["choose", "update", "close", "select"],
     setup(props, { emit, slots }) {
-      const weeks = vue.ref(["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"]);
+      const weeks = vue.ref(translate$b("weekdays"));
       const months = vue.ref(null);
       const monthsPanel = vue.ref(null);
       const weeksPanel = vue.ref(null);
@@ -4263,7 +4426,7 @@ var __publicField = (obj, key, value) => {
         };
         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)
@@ -4336,11 +4499,11 @@ var __publicField = (obj, key, value) => {
         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;
             }
           }
@@ -4446,7 +4609,7 @@ var __publicField = (obj, key, value) => {
           }
         }
       });
-      return __spreadValues(__spreadValues({
+      return __spreadProps(__spreadValues(__spreadValues({
         weeks,
         compConthsData,
         showTopBtn,
@@ -4464,7 +4627,9 @@ var __publicField = (obj, key, value) => {
         months,
         weeksPanel,
         viewArea
-      }, vue.toRefs(state)), vue.toRefs(props));
+      }, vue.toRefs(state)), vue.toRefs(props)), {
+        translate: translate$b
+      });
     }
   });
   const _hoisted_1$N = {
@@ -4488,7 +4653,7 @@ var __publicField = (obj, key, value) => {
     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 = {
@@ -4521,7 +4686,7 @@ var __publicField = (obj, key, value) => {
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
-        _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$N, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+        _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$N, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : vue.createCommentVNode("", true),
         _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$F, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
@@ -4552,7 +4717,7 @@ var __publicField = (obj, key, value) => {
                 key: index
               }, [
                 vue.createElementVNode("view", _hoisted_6$g, vue.toDisplayString(month.title), 1),
-                vue.createElementVNode("view", _hoisted_7$c, [
+                vue.createElementVNode("view", _hoisted_7$d, [
                   vue.createElementVNode("view", {
                     class: vue.normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
                   }, [
@@ -4579,12 +4744,12 @@ var __publicField = (obj, key, value) => {
                             date: day.type == "curr" ? day : ""
                           })
                         ])) : vue.createCommentVNode("", true),
-                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$4, " \u4ECA\u5929 ")) : vue.createCommentVNode("", true),
+                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$4, vue.toDisplayString(_ctx.translate("today")), 1)) : vue.createCommentVNode("", true),
                         _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", {
                           key: 3,
                           class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
-                        }, vue.toDisplayString(_ctx.startText), 3)) : vue.createCommentVNode("", true),
-                        _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, vue.toDisplayString(_ctx.endText), 1)) : vue.createCommentVNode("", true)
+                        }, vue.toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : vue.createCommentVNode("", true),
+                        _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, vue.toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : vue.createCommentVNode("", true)
                       ], 10, _hoisted_8$a);
                     }), 128))
                   ], 2)
@@ -4598,7 +4763,7 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("view", {
           class: "calendar-confirm-btn",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
-        }, vue.toDisplayString(_ctx.confirmText), 1)
+        }, vue.toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
@@ -4639,19 +4804,19 @@ var __publicField = (obj, key, value) => {
       },
       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]
@@ -5208,7 +5373,7 @@ var __publicField = (obj, key, value) => {
     ], 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,
@@ -5225,11 +5390,11 @@ var __publicField = (obj, key, value) => {
       },
       cancelText: {
         type: String,
-        default: "\u53D6\u6D88"
+        default: ""
       },
       okText: {
         type: String,
-        default: "\u786E\u5B9A"
+        default: ""
       },
       columns: {
         type: Array,
@@ -5374,7 +5539,8 @@ var __publicField = (obj, key, value) => {
         close,
         changeHandler,
         confirmHandler,
-        defaultValues
+        defaultValues,
+        translate: translate$a
       });
     }
   });
@@ -5404,12 +5570,12 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("view", {
               class: "nut-picker__cancel nut-picker__left nut-picker__button",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-            }, vue.toDisplayString(_ctx.cancelText), 1),
+            }, vue.toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1),
             vue.createElementVNode("view", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("view", {
               class: "nut-picker__confirm nut-picker__right nut-picker__button",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirmHandler())
-            }, vue.toDisplayString(_ctx.okText), 1)
+            }, vue.toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
           ]),
           vue.createElementVNode("view", _hoisted_3$v, [
             _hoisted_4$p,
@@ -5469,11 +5635,11 @@ var __publicField = (obj, key, value) => {
       },
       okText: {
         type: String,
-        default: "\u786E\u5B9A"
+        default: ""
       },
       cancelText: {
         type: String,
-        default: "\u53D6\u6D88"
+        default: ""
       },
       type: {
         type: String,
@@ -5897,7 +6063,7 @@ var __publicField = (obj, key, value) => {
     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: {
@@ -5914,7 +6080,7 @@ var __publicField = (obj, key, value) => {
       },
       placeholder: {
         type: String,
-        default: "\u8BF7\u8F93\u5165\u4FE1\u606F"
+        default: ""
       },
       label: {
         type: String,
@@ -5960,7 +6126,7 @@ var __publicField = (obj, key, value) => {
         type: Boolean,
         default: false
       },
-      maxNum: {
+      maxLength: {
         type: [String, Number],
         default: ""
       },
@@ -6125,8 +6291,8 @@ var __publicField = (obj, key, value) => {
         }, 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);
@@ -6167,14 +6333,15 @@ var __publicField = (obj, key, value) => {
         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"
@@ -6216,7 +6383,7 @@ var __publicField = (obj, key, value) => {
             ref: "inputRef",
             style: vue.normalizeStyle(_ctx.stylesTextarea),
             maxlength: _ctx.maxLength,
-            placeholder: _ctx.placeholder,
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
             value: _ctx.modelValue,
@@ -6231,8 +6398,8 @@ var __publicField = (obj, key, value) => {
             ref: "inputRef",
             style: vue.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,
@@ -6266,9 +6433,9 @@ var __publicField = (obj, key, value) => {
             class: "nut-input-button"
           }) : vue.createCommentVNode("", true)
         ]),
-        _ctx.showWordLimit && _ctx.maxNum ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
+        _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
           vue.createElementVNode("span", _hoisted_6$f, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
-          vue.createTextVNode("/" + vue.toDisplayString(_ctx.maxNum), 1)
+          vue.createTextVNode("/" + vue.toDisplayString(_ctx.maxLength), 1)
         ])) : vue.createCommentVNode("", true),
         _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
@@ -6532,20 +6699,20 @@ var __publicField = (obj, key, value) => {
     ], 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,
@@ -6653,7 +6820,8 @@ var __publicField = (obj, key, value) => {
         onTips,
         show,
         systemStyle,
-        closeIcon
+        closeIcon,
+        translate: translate$8
       };
     }
   });
@@ -6666,7 +6834,7 @@ var __publicField = (obj, key, value) => {
     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"
@@ -6694,8 +6862,8 @@ var __publicField = (obj, key, value) => {
         isWrapTeleport: _ctx.isWrapTeleport
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$H, vue.toDisplayString(_ctx.title), 1),
-          vue.createElementVNode("view", _hoisted_2$B, vue.toDisplayString(_ctx.desc), 1),
+          vue.createElementVNode("view", _hoisted_1$H, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1),
+          vue.createElementVNode("view", _hoisted_2$B, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
           vue.createElementVNode("div", _hoisted_3$t, [
             vue.withDirectives(vue.createElementVNode("input", {
               ref: "realpwd",
@@ -6724,8 +6892,8 @@ var __publicField = (obj, key, value) => {
             ])
           ]),
           vue.createElementVNode("view", _hoisted_6$e, [
-            vue.createElementVNode("view", _hoisted_7$b, vue.toDisplayString(_ctx.errorMsg), 1),
-            _ctx.tips ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$9, [
+            vue.createElementVNode("view", _hoisted_7$c, vue.toDisplayString(_ctx.errorMsg), 1),
+            _ctx.tips || _ctx.translate("tips") ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$9, [
               vue.createVNode(_component_nut_icon, {
                 class: "icon",
                 size: "11px",
@@ -6733,18 +6901,18 @@ var __publicField = (obj, key, value) => {
               }),
               vue.createElementVNode("view", {
                 onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTips && _ctx.onTips(...args))
-              }, vue.toDisplayString(_ctx.tips), 1)
+              }, vue.toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
             ])) : vue.createCommentVNode("", true)
           ]),
           !_ctx.noButton ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_9$5, [
             vue.createElementVNode("view", {
               class: "nut-shortpsd-cancle",
               onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
-            }, "\u53D6\u6D88"),
+            }, vue.toDisplayString(_ctx.translate("cancel")), 1),
             vue.createElementVNode("view", {
               class: "nut-shortpsd-sure",
               onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
-            }, "\u786E\u8BA4")
+            }, vue.toDisplayString(_ctx.translate("confirm")), 1)
           ])) : vue.createCommentVNode("", true)
         ]),
         _: 1
@@ -6752,7 +6920,7 @@ var __publicField = (obj, key, value) => {
     ]);
   }
   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: {
@@ -6777,7 +6945,7 @@ var __publicField = (obj, key, value) => {
       },
       placeholder: {
         type: String,
-        default: "\u8BF7\u8F93\u5165\u5185\u5BB9"
+        default: ""
       },
       readonly: {
         type: Boolean,
@@ -6875,7 +7043,8 @@ var __publicField = (obj, key, value) => {
         styles,
         change,
         focus,
-        blur
+        blur,
+        translate: translate$7
       };
     }
   });
@@ -6900,7 +7069,7 @@ var __publicField = (obj, key, value) => {
         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 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$A, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + vue.toDisplayString(_ctx.maxLength), 1)) : vue.createCommentVNode("", true)
@@ -6991,11 +7160,11 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
-  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");
@@ -7077,19 +7246,19 @@ var __publicField = (obj, key, value) => {
         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,
@@ -7099,7 +7268,7 @@ var __publicField = (obj, key, value) => {
         };
         uploadOption.onFailure = (responseText, option) => {
           fileItem.status = "error";
-          fileItem.message = "\u4E0A\u4F20\u5931\u8D25";
+          fileItem.message = translate$6("error");
           emit("failure", {
             responseText,
             option,
@@ -7139,7 +7308,7 @@ var __publicField = (obj, key, value) => {
           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();
@@ -7234,7 +7403,7 @@ var __publicField = (obj, key, value) => {
     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"
   };
@@ -7292,7 +7461,7 @@ var __publicField = (obj, key, value) => {
           _ctx.listType == "picture" && !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$m, [
             item.status == "ready" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$f, [
               vue.createElementVNode("view", _hoisted_6$d, vue.toDisplayString(item.message), 1)
-            ])) : item.status != "success" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$a, [
+            ])) : item.status != "success" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$b, [
               vue.createVNode(_component_nut_icon, {
                 color: "#fff",
                 name: item.status == "error" ? "failure" : "loading"
@@ -7381,12 +7550,12 @@ var __publicField = (obj, key, value) => {
     ], 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,
@@ -7520,7 +7689,8 @@ var __publicField = (obj, key, value) => {
         genCustomKeys,
         getBasicKeys,
         root,
-        show
+        show,
+        translate: translate$5
       };
     }
   });
@@ -7536,7 +7706,7 @@ var __publicField = (obj, key, value) => {
   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"
   };
@@ -7571,7 +7741,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("span", {
               class: "keyboard-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-            }, "\u5B8C\u6210")
+            }, vue.toDisplayString(_ctx.translate("done")), 1)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$l, [
             vue.createElementVNode("div", _hoisted_5$e, [
@@ -7599,7 +7769,7 @@ var __publicField = (obj, key, value) => {
                     item.type == "number" || item.type == "custom" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       vue.createTextVNode(vue.toDisplayString(item.id), 1)
                     ], 64)) : vue.createCommentVNode("", true),
-                    item.type == "lock" ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$9)) : vue.createCommentVNode("", true),
+                    item.type == "lock" ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$a)) : vue.createCommentVNode("", true),
                     item.type == "delete" ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_8$7)) : vue.createCommentVNode("", true)
                   ], 42, _hoisted_6$c)
                 ], 2);
@@ -7621,7 +7791,7 @@ var __publicField = (obj, key, value) => {
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
-                }, vue.toDisplayString(_ctx.confirmText), 3)
+                }, vue.toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ])
@@ -7631,47 +7801,6 @@ var __publicField = (obj, key, value) => {
     }, 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: {
@@ -7726,9 +7855,6 @@ var __publicField = (obj, key, value) => {
             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");
         }
@@ -8588,10 +8714,15 @@ var __publicField = (obj, key, value) => {
       isWrapTeleport: {
         type: Boolean,
         default: true
+      },
+      safeAreaInsetBottom: {
+        type: Boolean,
+        default: false
       }
     }),
     emits: ["cancel", "close", "choose", "update:visible"],
     setup(props, { emit }) {
+      const slotDefault = !!vue.useSlots().default;
       const classes = vue.computed(() => {
         const prefixCls = componentName$C;
         return {
@@ -8599,23 +8730,24 @@ var __publicField = (obj, key, value) => {
         };
       });
       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,
@@ -8624,22 +8756,24 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -8653,30 +8787,38 @@ var __publicField = (obj, key, value) => {
         onClickOverlay: _ctx.close
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$z, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$u, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
-            _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$j, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
-                return vue.openBlock(), vue.createElementBlock("view", {
-                  class: vue.normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
-                  style: vue.normalizeStyle({ color: _ctx.isHighlight(item) }),
-                  key: index,
-                  onClick: ($event) => _ctx.chooseItem(item, index)
-                }, [
-                  vue.createTextVNode(vue.toDisplayString(item[_ctx.optionTag]), 1),
-                  vue.createElementVNode("view", _hoisted_6$b, vue.toDisplayString(item[_ctx.optionSubTag]), 1)
-                ], 14, _hoisted_5$d);
-              }), 128))
-            ])) : vue.createCommentVNode("", true),
-            _ctx.cancelTxt ? (vue.openBlock(), vue.createElementBlock("view", {
-              key: 3,
-              class: "nut-actionsheet-cancel",
-              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
-            }, vue.toDisplayString(_ctx.cancelTxt), 1)) : vue.createCommentVNode("", true)
-          ])
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["nut-actionsheet-panel", { "nut-actionsheet-safebottom": _ctx.safeAreaInsetBottom }])
+          }, [
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$z, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "default"),
+            !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$u, [
+              _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
+              _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$j, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("view", {
+                    class: vue.normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable, "nut-actionsheet-item-loading": item.loading }]),
+                    style: vue.normalizeStyle({ color: _ctx.isHighlight(item) || item.color }),
+                    key: index,
+                    onClick: ($event) => _ctx.chooseItem(item, index)
+                  }, [
+                    item.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+                      key: 0,
+                      name: "loading"
+                    })) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$b, vue.toDisplayString(item[_ctx.optionTag]), 1)),
+                    vue.createElementVNode("view", _hoisted_7$9, vue.toDisplayString(item[_ctx.optionSubTag]), 1)
+                  ], 14, _hoisted_5$d);
+                }), 128))
+              ])) : vue.createCommentVNode("", true),
+              _ctx.cancelTxt ? (vue.openBlock(), vue.createElementBlock("view", {
+                key: 2,
+                class: "nut-actionsheet-cancel",
+                onClick: _cache[0] || (_cache[0] = (...args) => _ctx.cancelActionSheet && _ctx.cancelActionSheet(...args))
+              }, vue.toDisplayString(_ctx.cancelTxt), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true)
+          ], 2)
         ]),
-        _: 1
+        _: 3
       }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
     ], 2);
   }
@@ -9027,7 +9169,7 @@ var __publicField = (obj, key, value) => {
     ], 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: {
@@ -9061,11 +9203,11 @@ var __publicField = (obj, key, value) => {
       },
       cancelText: {
         type: String,
-        default: "\u53D6\u6D88"
+        default: ""
       },
       okText: {
         type: String,
-        default: "\u786E\u5B9A"
+        default: ""
       },
       okBtnDisabled: {
         type: Boolean,
@@ -9129,7 +9271,8 @@ var __publicField = (obj, key, value) => {
         classes,
         onCancel,
         onOk,
-        showPopup
+        showPopup,
+        translate: translate$4
       };
     }
   });
@@ -9183,7 +9326,7 @@ var __publicField = (obj, key, value) => {
                 onClick: _ctx.onCancel
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+                  vue.createTextVNode(vue.toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])) : vue.createCommentVNode("", true),
@@ -9196,7 +9339,7 @@ var __publicField = (obj, key, value) => {
                 onClick: _ctx.onOk
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.okText), 1)
+                  vue.createTextVNode(vue.toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
                 ]),
                 _: 1
               }, 8, ["class", "disabled", "onClick"])) : vue.createCommentVNode("", true)
@@ -9212,8 +9355,8 @@ var __publicField = (obj, key, value) => {
     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());
@@ -10986,6 +11129,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props, { emit }) {
+      const slotDefault = !!vue.useSlots().default;
       const height = vue.ref(props.strokeWidth + "px");
       const progressOuter = vue.ref();
       const insideText = vue.ref();
@@ -11007,7 +11151,8 @@ var __publicField = (obj, key, value) => {
         bgStyle,
         textStyle,
         progressOuter,
-        insideText
+        insideText,
+        slotDefault
       };
     }
   });
@@ -11024,7 +11169,7 @@ var __publicField = (obj, key, value) => {
           class: vue.normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
           style: vue.normalizeStyle(_ctx.bgStyle)
         }, [
-          _ctx.showText && _ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
+          _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "nut-progress-text nut-progress-insidetext",
             ref: "insideText",
@@ -11038,6 +11183,18 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("span", {
               style: vue.normalizeStyle(_ctx.textStyle)
             }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
+          ], 4)) : vue.createCommentVNode("", true),
+          _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            ref: "insideText",
+            style: vue.normalizeStyle({
+              position: `absolute`,
+              top: `50%`,
+              left: `${_ctx.percentage}%`,
+              transform: `translate(-${+_ctx.percentage}%,-50%)`
+            })
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
           ], 4)) : vue.createCommentVNode("", true)
         ], 6)
       ], 6),
@@ -11534,7 +11691,7 @@ var __publicField = (obj, key, value) => {
     ], 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",
@@ -11552,7 +11709,7 @@ var __publicField = (obj, key, value) => {
       },
       description: {
         type: String,
-        default: "\u65E0\u5185\u5BB9"
+        default: ""
       }
     },
     setup(props) {
@@ -11570,7 +11727,8 @@ var __publicField = (obj, key, value) => {
       const imageUrl = isHttpUrl ? image.value : defaultStatus[image.value];
       return {
         imageUrl,
-        imgStyle
+        imgStyle,
+        translate: translate$3
       };
     }
   });
@@ -11594,12 +11752,12 @@ var __publicField = (obj, key, value) => {
           }, null, 8, _hoisted_2$m)) : vue.createCommentVNode("", true)
         ], 64))
       ], 4),
-      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$i, vue.toDisplayString(_ctx.description), 1)),
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$i, vue.toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.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: {
@@ -11817,7 +11975,8 @@ var __publicField = (obj, key, value) => {
         touchSlidMove,
         touchSlidEnd,
         retry,
-        fullScreen
+        fullScreen,
+        translate: translate$2
       });
     }
   });
@@ -11843,7 +12002,7 @@ var __publicField = (obj, key, value) => {
   };
   const _hoisted_10$1 = { class: "duration-time" };
   const _hoisted_11$1 = { class: "nut-video-error" };
-  const _hoisted_12$1 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
       vue.createElementVNode("video", {
@@ -11915,11 +12074,11 @@ var __publicField = (obj, key, value) => {
         [vue.vShow, _ctx.showToolbox && !_ctx.isDisabled]
       ]),
       vue.withDirectives(vue.createElementVNode("div", _hoisted_11$1, [
-        _hoisted_12$1,
+        vue.createElementVNode("p", _hoisted_12$1, vue.toDisplayString(_ctx.translate("errorTip")), 1),
         vue.createElementVNode("p", {
           class: "retry",
           onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
-        }, "\u70B9\u51FB\u91CD\u8BD5")
+        }, vue.toDisplayString(_ctx.translate("clickRetry")), 1)
       ], 512), [
         [vue.vShow, _ctx.state.isError]
       ])
@@ -13567,7 +13726,7 @@ var __publicField = (obj, key, value) => {
     ]);
   }
   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: {
@@ -13623,7 +13782,7 @@ var __publicField = (obj, key, value) => {
       });
       const plainText = vue.computed(() => {
         const { d, h, m, s } = resttime.value;
-        return `${d > 0 && props.showDays ? d + "\u5929" + h : h}\u5C0F\u65F6${m}\u5206${s}\u79D2`;
+        return `${d > 0 && props.showDays ? d + translate$1("day") + h : h}${translate$1("hour")}${m}${translate$1("minute")}${s}${translate$1("second")}`;
       });
       vue.watch(() => props.value, (value) => {
       });
@@ -13730,7 +13889,8 @@ var __publicField = (obj, key, value) => {
         getTimeStamp,
         initTimer,
         resttime,
-        plainText
+        plainText,
+        translate: translate$1
       });
     }
   });
@@ -13739,7 +13899,7 @@ var __publicField = (obj, key, value) => {
     class: "nut-cd-block"
   };
   const _hoisted_2$g = { class: "nut-cd-block" };
-  const _hoisted_3$f = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
   const _hoisted_6$6 = { class: "nut-cd-block" };
@@ -13753,7 +13913,7 @@ var __publicField = (obj, key, value) => {
       _ctx.slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$h, vue.toDisplayString(_ctx.plainText), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
         _ctx.resttime.d >= 0 && _ctx.showDays ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createElementVNode("view", _hoisted_2$g, vue.toDisplayString(_ctx.resttime.d), 1),
-          _hoisted_3$f
+          vue.createElementVNode("view", _hoisted_3$f, vue.toDisplayString(_ctx.translate("day")), 1)
         ], 64)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$c, vue.toDisplayString(_ctx.resttime.h), 1),
         _hoisted_5$8,
@@ -14570,7 +14730,7 @@ var __publicField = (obj, key, value) => {
       slots: Function
     }
   };
-  const component = (componentName2) => {
+  const component = (componentName2, translate2) => {
     return {
       components: {
         RenderColumn
@@ -14640,13 +14800,14 @@ var __publicField = (obj, key, value) => {
           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"];
@@ -14725,7 +14886,7 @@ var __publicField = (obj, key, value) => {
           class: vue.normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
         }, [
           vue.renderSlot(_ctx.$slots, "nodata"),
-          !_ctx.$slots.nodata ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, " \u6682\u65E0\u6570\u636E ")) : vue.createCommentVNode("", true)
+          !_ctx.$slots.nodata ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, vue.toDisplayString(_ctx.translate("noData")), 1)) : vue.createCommentVNode("", true)
         ], 2)
       ])) : vue.createCommentVNode("", true)
     ], 2);
@@ -16474,7 +16635,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "3.1.19-beta.3";
+  const version = "3.1.19-beta.4";
   var nutui_vue_build = { install, version };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;