@touchvue/plugin 1.0.0-beta.10 → 1.0.0-beta.12

package/index.mjs

@@ -4103,33 +4103,6 @@ function matchFormat(input, format2) {
   const regex = new RegExp(`^${regexStr}$`);
   return regex.test(input);
 }
-function format$1(date, fmt) {
-  const o = {
-    "M+": date.getMonth() + 1,
-    // 月份
-    "d+": date.getDate(),
-    // 日
-    "h+": date.getHours(),
-    // 小时
-    "m+": date.getMinutes(),
-    // 分
-    "s+": date.getSeconds(),
-    // 秒
-    "q+": Math.floor((date.getMonth() + 3) / 3),
-    // 季度
-    S: date.getMilliseconds()
-    // 毫秒
-  };
-  if (/(y+)/.test(fmt)) {
-    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
-  }
-  for (const k in o) {
-    if (new RegExp("(" + k + ")").test(fmt)) {
-      fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
-    }
-  }
-  return fmt;
-}
 function handleBeforeChange(beforeChange, value) {
   return new Promise((resolve, reject) => {
     try {
@@ -4531,7 +4504,7 @@ const fileAjax = (option) => {
   xhr.send(option.data);
   return xhr;
 };
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToButton"
   },
@@ -4547,7 +4520,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     width: { default: "" },
     iconPosition: { default: "" },
     progress: { default: 0 },
-    desc: { default: "" }
+    desc: { default: "" },
+    flex: { type: Boolean, default: false }
   },
   emits: ["click", "dblclick", "contextmenu"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -4617,6 +4591,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       return withDirectives((openBlock(), createElementBlock("button", {
         ref_key: "el",
         ref: el,
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-button", setClass.value]),
         style: normalizeStyle(setStyle.value),
         desc: __props.desc,
@@ -4647,19 +4622,20 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ width: __props.progress + "%" })
           }, null, 6)
         ])) : createCommentVNode("", true)
-      ], 46, ["desc"])), [
+      ], 46, ["flex", "desc"])), [
         [_directive_dis, __props.loading || __props.disabled]
       ]);
     };
   }
 });
-const ToButton = withInstall(_sfc_main$19);
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const ToButton = withInstall(_sfc_main$15);
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToIcon"
   },
   __name: "icon",
   props: {
+    flex: { type: Boolean, default: false },
     value: { default: "" },
     type: { default: "" },
     color: { default: "default" },
@@ -4696,6 +4672,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", {
         ref_key: "el",
         ref: el,
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-icon", setClass.value]),
         onClick: clickHandle
       }, [
@@ -4706,40 +4683,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 512)
-      ], 2);
-    };
-  }
-});
-const ToIcon = withInstall(_sfc_main$18);
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ToArticle"
-  },
-  __name: "article",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("article", { class: "to-article" }, [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("header", {
-          key: 0,
-          class: "to-article-header"
-        }, [
-          renderSlot(_ctx.$slots, "header")
-        ])) : createCommentVNode("", true),
-        createElementVNode("section", { class: "to-article-content" }, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
-          key: 1,
-          class: "to-article-footer"
-        }, [
-          renderSlot(_ctx.$slots, "footer")
-        ])) : createCommentVNode("", true)
-      ]);
+      ], 10, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$17);
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const ToIcon = withInstall(_sfc_main$14);
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToBox"
   },
@@ -4755,7 +4704,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     trigger: { default: "always" },
     clip: { type: Boolean },
     link: { type: Boolean, default: false },
-    width: { default: "" }
+    width: { default: "" },
+    flex: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -4830,17 +4780,19 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-box", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default"),
         createElementVNode("div", { class: "to-box-check" })
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$16);
+withInstall(_sfc_main$13);
 const defaultLang = {
+  name: "zh-CN",
   to: {
     common: {
       confirm: "确定",
@@ -4851,12 +4803,13 @@ const defaultLang = {
       unlimit: "不限",
       select: "选择",
       selectAll: "全选",
-      Deselect: "反选",
+      inverse: "反选",
       originalValue: "原始值：{0}",
       data: "选项1,选项2,选项3",
       noData: "暂无数据",
       noDataDesc: "请先获取到数据",
       noMatch: "暂无数据",
+      now: "此刻",
       placeholder: {
         select: "请选择",
         input: "请填写"
@@ -4909,8 +4862,16 @@ const defaultLang = {
         requiredRemark: "{0}不能为空"
       }
     },
+    input: {
+      inputError: "输入内容有误",
+      required: "该项为必填项"
+    },
     calendar: {
+      year: {
+        suffix: "年"
+      },
       month: {
+        suffix: "月",
         m1: "1月",
         m2: "2月",
         m3: "3月",
@@ -4953,6 +4914,7 @@ const defaultLang = {
       fold: "全文"
     },
     guider: {
+      dontShowAgain: "不再显示",
       restart: "再来一遍",
       finish: "完成",
       skip: "跳过",
@@ -4962,7 +4924,9 @@ const defaultLang = {
       total: "共 {0} 条",
       pageCount: "共 {0} 页",
       pageSize: "{0}条/页",
-      go: "跳转"
+      go: "跳转",
+      prevPage: "上一页",
+      nextPage: "下一页"
     },
     pic: {
       viewer: {
@@ -4994,6 +4958,11 @@ const defaultLang = {
       changed: "此处已修改"
     },
     select: {
+      noData: "暂无数据",
+      noMatch: "无匹配项",
+      filter: "筛选",
+      selectError: "选择有误",
+      required: "不能为空",
       input: {
         allSelected: "已全选"
       },
@@ -5046,6 +5015,9 @@ const defaultLang = {
           count: "最多只能上传{0}个文件"
         }
       }
+    },
+    table: {
+      emptyText: "暂无数据"
     }
   }
 };
@@ -5075,6 +5047,8 @@ function Format() {
 }
 const format = Format();
 let lang = defaultLang;
+const langKey = ref(0);
+const listeners = /* @__PURE__ */ new Set();
 let i18nHandler = function() {
   var _a2, _b, _c, _d;
   let vuei18n = null;
@@ -5092,7 +5066,7 @@ let i18nHandler = function() {
 };
 const t = function(path, ...options) {
   let value = i18nHandler.apply(this, arguments);
-  if (value !== null && value !== void 0)
+  if (value !== null && value !== void 0 && value !== path)
     return value;
   const array = path.split(".");
   let current = lang;
@@ -5107,9 +5081,23 @@ const t = function(path, ...options) {
   }
   return "";
 };
+const use = function(l) {
+  lang = l || lang;
+  langKey.value++;
+  listeners.forEach((fn) => fn(lang));
+};
+const onLangChange = function(fn) {
+  listeners.add(fn);
+  return () => listeners.delete(fn);
+};
+const i18n = function(fn) {
+  i18nHandler = fn || i18nHandler;
+};
+({ use, t, i18n, langKey: langKey.value, onLangChange });
 function ajax() {
 }
 const selectProps = {
+  flex: Boolean,
   /**
    * 懒加载
    */
@@ -5214,7 +5202,7 @@ const selectProps = {
    */
   placeholder: {
     type: String,
-    default: "请选择"
+    default: ""
   },
   /**
    * 占位符颜色
@@ -5228,14 +5216,14 @@ const selectProps = {
    */
   nomatchText: {
     type: String,
-    default: "无匹配数据"
+    default: ""
   },
   /**
    * 暂无数据文本
    */
   nodataText: {
     type: String,
-    default: "暂无数据"
+    default: ""
   },
   /**
    * 是否只读
@@ -5282,7 +5270,7 @@ const selectProps = {
    */
   allText: {
     type: String,
-    default: "全部已选择"
+    default: ""
   },
   /**
    * 是否可清空
@@ -5768,7 +5756,7 @@ const tipDirective = {
     }
   }
 };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToSelect",
     componentName: "ToSelect"
@@ -6090,7 +6078,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     const selectAll = () => {
       allChange();
     };
-    const deselect = () => {
+    const inverse = () => {
       reverseChange();
     };
     const multipleItemChange = (value, item) => {
@@ -6731,8 +6719,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       const _directive_size = resolveDirective("size");
       return withDirectives((openBlock(), createElementBlock("div", {
         id: _ctx.id,
+        key: unref(langKey),
         ref_key: "$el",
         ref: $el,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-select", unref(setClass)]),
         style: normalizeStyle(unref(setStyle)),
         tabindex: _ctx.tabindex,
@@ -6796,7 +6786,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                 _ctx.clearable ? (openBlock(), createElementBlock("option", {
                   key: 0,
                   value: ""
-                }, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
+                }, toDisplayString(_ctx.placeholder || unref(t)("to.common.placeholder.select")), 1)) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item, index) => {
                   return openBlock(), createElementBlock("option", {
                     key: index,
@@ -6818,7 +6808,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                       createTextVNode(toDisplayString(_ctx.unit), 1)
                     ], 64)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createTextVNode(toDisplayString(_ctx.placeholder), 1)
+                    createTextVNode(toDisplayString(_ctx.placeholder || unref(t)("to.common.placeholder.select")), 1)
                   ], 64))
                 ])) : (openBlock(), createElementBlock("span", {
                   key: 1,
@@ -6837,7 +6827,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     "prevent-focus": "",
                     width: "full",
                     mode: "none",
-                    placeholder: _ctx.placeholder,
+                    placeholder: _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                     onFocus: inputFocus,
                     onKeyup: inputInput,
                     onBlur: inputBlur
@@ -6856,7 +6846,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     "prevent-focus": "",
                     width: "full",
                     mode: "none",
-                    placeholder: _ctx.placeholder,
+                    placeholder: _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                     onClear: filterClear,
                     onFocus: filterFocus,
                     onKeyup: filterInput,
@@ -6873,7 +6863,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     "prevent-focus": "",
                     width: "full",
                     mode: "none",
-                    placeholder: _ctx.placeholder,
+                    placeholder: _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                     onClear: filterClear,
                     onFocus: filterFocus,
                     onKeyup: filterInput,
@@ -6884,10 +6874,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                 unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: "to-select-box"
-                }, toDisplayString(_ctx.placeholder), 1)) : isAll.value && _ctx.useAllText ? (openBlock(), createElementBlock("span", {
+                }, toDisplayString(_ctx.placeholder || unref(t)("to.common.placeholder.select")), 1)) : isAll.value && _ctx.useAllText ? (openBlock(), createElementBlock("span", {
                   key: 1,
                   class: "to-select-box"
-                }, toDisplayString(_ctx.allText), 1)) : (openBlock(), createElementBlock("span", {
+                }, toDisplayString(_ctx.allText || unref(t)("to.select.input.allSelected")), 1)) : (openBlock(), createElementBlock("span", {
                   key: 2,
                   class: "to-select-tag"
                 }, [
@@ -6917,7 +6907,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                       disabled: unref($phone),
                       "prevent-focus": "",
                       mode: "none",
-                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder,
+                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                       onFocus: multipleInputFocus,
                       onBlur: multipleInputBlur
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("", true),
@@ -6931,7 +6921,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                       disabled: unref($phone),
                       "prevent-focus": "",
                       mode: "none",
-                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder,
+                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                       onFocus: multipleFilterFocus,
                       onBlur: multipleFilterBlur
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "disabled", "placeholder"])) : createCommentVNode("", true),
@@ -6944,7 +6934,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                       "sp-chars": _ctx.inputable ? _ctx.spChars : false,
                       "prevent-focus": "",
                       mode: "none",
-                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder,
+                      placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select"),
                       onFocus: multipleFilterFocus,
                       onBlur: multipleFilterBlur
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : createCommentVNode("", true)
@@ -6974,9 +6964,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
           }, [
             errorType.value === "rule" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               _ctx.inputable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode("输入有误")
+                createTextVNode(toDisplayString(unref(t)("to.input.inputError")), 1)
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createTextVNode("选择有误")
+                createTextVNode(toDisplayString(unref(t)("to.select.selectError")), 1)
               ], 64)),
               withDirectives(createVNode(unref(ToIcon), {
                 value: "help",
@@ -6992,7 +6982,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                 ]
               ])
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode("不能为空")
+              createTextVNode(toDisplayString(unref(t)("to.select.required")), 1)
             ], 64))
           ])), [
             [unref(vColorDirective), "danger"]
@@ -7107,7 +7097,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                         "sp-chars": _ctx.spChars,
                                         "prevent-focus": "",
                                         mode: "none",
-                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
+                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select")
                                       }, {
                                         default: withCtx(() => [
                                           createVNode(unref(ToButton), {
@@ -7126,7 +7116,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                         "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
                                         "prevent-focus": "",
                                         mode: "none",
-                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
+                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select")
                                       }, {
                                         default: withCtx(() => [
                                           createVNode(unref(ToButton), {
@@ -7149,7 +7139,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                   "sp-chars": false,
                                   width: "full",
                                   "prevent-focus": "",
-                                  placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
+                                  placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder || unref(t)("to.common.placeholder.select")
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
                               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                 _ctx.inputable ? (openBlock(), createBlock(unref(ToInput), {
@@ -7161,7 +7151,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                   "sp-chars": _ctx.spChars,
                                   "prevent-focus": "",
                                   width: "full",
-                                  placeholder: _ctx.placeholder
+                                  placeholder: _ctx.placeholder || unref(t)("to.common.placeholder.select")
                                 }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createBlock(unref(ToInput), {
                                   key: 1,
                                   ref_key: "popupFilter",
@@ -7171,9 +7161,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                   "sp-chars": false,
                                   "prevent-focus": "",
                                   width: "full",
-                                  placeholder: "筛选",
+                                  placeholder: unref(t)("to.select.filter"),
                                   onClear: filterClear
-                                }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
                               ], 64))
                             ]),
                             _: 1
@@ -7188,7 +7178,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                             value: 2
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(_ctx.nodataText), 1)
+                              createTextVNode(toDisplayString(_ctx.nodataText || unref(t)("to.select.noData")), 1)
                             ]),
                             _: 1
                           })), [
@@ -7198,7 +7188,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                             value: 2
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(_ctx.nomatchText), 1)
+                              createTextVNode(toDisplayString(_ctx.nomatchText || unref(t)("to.select.noMatch")), 1)
                             ]),
                             _: 1
                           })), [
@@ -7217,9 +7207,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                           ]),
                                           _: 1
                                         }),
-                                        createVNode(unref(ToButton), { onClick: deselect }, {
+                                        createVNode(unref(ToButton), { onClick: inverse }, {
                                           default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                                            createTextVNode(toDisplayString(unref(t)("to.common.inverse")), 1)
                                           ]),
                                           _: 1
                                         })
@@ -7269,7 +7259,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                           item[iLabelText.value] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                             createTextVNode(toDisplayString(item[iLabelText.value]), 1)
                                           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                            createTextVNode(toDisplayString(_ctx.placeholder), 1)
+                                            createTextVNode(toDisplayString(_ctx.placeholder || unref(t)("to.common.placeholder.select")), 1)
                                           ], 64))
                                         ], 10, ["onClick"])), [
                                           [vShow, filterByValue(item)],
@@ -7293,10 +7283,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                         width: "full"
                       }, {
                         default: withCtx(() => [
-                          createVNode(unref(ToSubmit), {
-                            width: "full",
-                            space: "0"
-                          }, {
+                          createVNode(unref(ToGrid), null, {
                             default: withCtx(() => [
                               withDirectives((openBlock(), createBlock(unref(ToButton), {
                                 fillet: "none",
@@ -7336,10 +7323,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     nodata.value ? (openBlock(), createElementBlock("div", {
                       key: 0,
                       class: "to-select-option-tip"
-                    }, toDisplayString(_ctx.nodataText), 1)) : nomatch.value ? (openBlock(), createElementBlock("div", {
+                    }, toDisplayString(_ctx.nodataText || unref(t)("to.select.noData")), 1)) : nomatch.value ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       class: "to-select-option-tip"
-                    }, toDisplayString(_ctx.nomatchText), 1)) : createCommentVNode("", true),
+                    }, toDisplayString(_ctx.nomatchText || unref(t)("to.select.noMatch")), 1)) : createCommentVNode("", true),
                     !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), { key: 2 }, {
                       default: withCtx(() => [
                         _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -7355,10 +7342,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                             }),
                             createVNode(unref(ToButton), {
                               class: "to-select-option-button value-inverse",
-                              onClick: deselect
+                              onClick: inverse
                             }, {
                               default: withCtx(() => [
-                                createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                                createTextVNode(toDisplayString(unref(t)("to.common.inverse")), 1)
                               ]),
                               _: 1
                             })
@@ -7407,7 +7394,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                                 }, toDisplayString(item[iLabelText.value]), 1)) : (openBlock(), createElementBlock("span", {
                                   key: 1,
                                   class: "to-select-option-item-text"
-                                }, toDisplayString(_ctx.placeholder), 1))
+                                }, toDisplayString(_ctx.placeholder || unref(t)("to.common.placeholder.select")), 1))
                               ], 10, ["onClick"])), [
                                 [vShow, filterByValue(item)],
                                 [unref(vDis), !!item.disabled]
@@ -7426,13 +7413,13 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             }, 8, ["style", "class", "align", "width", "slide", "position"])
           ], 2)
         ]))
-      ], 46, ["id", "tabindex"])), [
+      ], 46, ["id", "flex", "tabindex"])), [
         [_directive_tip, changed.value ? unref(t)("to.common.originalValue", getLabel(valueStore.value[0])) : ""]
       ]);
     };
   }
 });
-const ToSelect = withInstall(_sfc_main$15);
+const ToSelect = withInstall(_sfc_main$12);
 const calendarProps = {
   /**
    * 假期，用于显示假期标识
@@ -7538,9 +7525,10 @@ const calendarProps = {
   minYear: {
     type: [String, Number],
     default: 0
-  }
+  },
+  flex: Boolean
 };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToCalendar"
   },
@@ -8605,7 +8593,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       const _component_to_icon = resolveComponent("to-icon");
       const _component_to_button = resolveComponent("to-button");
       return openBlock(), createElementBlock("div", {
+        key: unref(langKey),
         class: normalizeClass(["to-calendar", setClass.value]),
+        flex: _ctx.flex ? _ctx.flex : null,
         style: normalizeStyle(unref(widthStyle))
       }, [
         createElementVNode("div", { class: "to-calendar-content" }, [
@@ -8631,8 +8621,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["to-calendar-header-content", { "is-unfold": _ctx.type !== "month" && _ctx.type !== "months" }]),
                 onClick: withModifiers(toggleMonthSelector, ["stop"])
               }, [
-                createElementVNode("span", { class: "to-calendar-header-year" }, toDisplayString(year.value) + "年", 1),
-                createElementVNode("span", { class: "to-calendar-header-month" }, toDisplayString(addZero2(month.value)) + "月", 1)
+                createElementVNode("span", { class: "to-calendar-header-year" }, toDisplayString(year.value) + toDisplayString(unref(t)("to.calendar.year.suffix")), 1),
+                createElementVNode("span", { class: "to-calendar-header-month" }, toDisplayString(addZero2(month.value)) + toDisplayString(unref(t)("to.calendar.month.suffix")), 1)
               ], 2),
               createVNode(_component_to_icon, {
                 value: "next",
@@ -8923,7 +8913,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             onClick: moment
           }, {
             default: withCtx(() => [
-              createTextVNode("此刻")
+              createTextVNode(toDisplayString(unref(t)("to.common.now")), 1)
             ]),
             _: 1
           }),
@@ -8937,17 +8927,18 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ])) : createCommentVNode("", true)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const ToCalendar = withInstall(_sfc_main$14);
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const ToCalendar = withInstall(_sfc_main$11);
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToGap"
   },
   __name: "gap",
   props: {
+    flex: Boolean,
     mode: {
       type: String,
       default: "default"
@@ -8998,13 +8989,14 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-gap", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
-      }, null, 6);
+      }, null, 14, ["flex"]);
     };
   }
 });
-const ToGap = withInstall(_sfc_main$13);
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const ToGap = withInstall(_sfc_main$10);
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToStep"
   },
@@ -9017,7 +9009,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     modelValue: { type: [Number, String], default: 0 },
     mode: { type: String, default: "default" },
     dir: { type: String, default: "" },
-    itemDir: { type: String, default: "" }
+    itemDir: { type: String, default: "" },
+    flex: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "item-click"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -9059,7 +9052,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_to_icon = resolveComponent("to-icon");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-step", setClass.value])
+        class: normalizeClass(["to-step", setClass.value]),
+        flex: __props.flex ? __props.flex : null
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(data_.value, (item, idx) => {
           return openBlock(), createElementBlock(Fragment, { key: idx }, [
@@ -9132,17 +9126,18 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ], 64);
         }), 128))
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$12);
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$$);
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToForm"
   },
   __name: "form",
   props: {
+    flex: Boolean,
     labelWidth: {
       type: [Number, String],
       default: ""
@@ -9229,8 +9224,10 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
     const setClass = computed(() => {
       const arr = [];
-      if (props.col)
+      if (props.col) {
+        arr.push("is-col");
         arr.push(`col-${props.col}`);
+      }
       if (props.submitPosition)
         arr.push(`submit-position-${props.submitPosition}`);
       if (props.mode)
@@ -9331,6 +9328,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-form", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         createElementVNode("div", {
@@ -9351,11 +9349,11 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "submit")
           ], 4)) : createCommentVNode("", true)
         ], 512)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToFormItem",
     inheritAttrs: false
@@ -9435,14 +9433,15 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-withInstall(_sfc_main$11);
-withInstall(_sfc_main$10);
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$_);
+withInstall(_sfc_main$Z);
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToGrid"
   },
   __name: "grid",
   props: {
+    flex: { type: Boolean, default: false },
     type: { default: "" },
     mode: { default: "default" },
     dir: { default: "" },
@@ -9528,14 +9527,15 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         ref_key: "el",
         ref: el,
         class: normalizeClass(["to-grid", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToGridItem"
   },
@@ -9607,14 +9607,15 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToGrid = withInstall(_sfc_main$$);
-const ToGridItem = withInstall(_sfc_main$_);
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const ToGrid = withInstall(_sfc_main$Y);
+const ToGridItem = withInstall(_sfc_main$X);
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToHeader"
   },
   __name: "header",
   props: {
+    flex: { type: Boolean, default: false },
     title: { default: "" },
     color: { default: "" },
     mode: { default: "default" },
@@ -9662,6 +9663,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "elRef",
         ref: elRef,
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-header", setClass.value]),
         onClick: ($event) => emit("click")
       }, [
@@ -9786,17 +9788,18 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true)
-      ], 10, ["onClick"]);
+      ], 10, ["flex", "onClick"]);
     };
   }
 });
-const ToHeader = withInstall(_sfc_main$Z);
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const ToHeader = withInstall(_sfc_main$W);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToInput"
   },
   __name: "input",
   props: {
+    flex: Boolean,
     // 是否自动获取焦点
     autofocus: {
       type: Boolean,
@@ -9836,7 +9839,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     },
     placeholder: {
       type: String,
-      default: "请输入"
+      default: ""
     },
     type: {
       type: String,
@@ -9930,14 +9933,6 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
-    fillet: {
-      type: String,
-      default: "normal"
-    },
-    filletPosition: {
-      type: String,
-      default: ""
-    },
     color: {
       type: String,
       default: "default"
@@ -10089,8 +10084,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       }
     });
     const iPlaceholder = computed(() => {
-      if (!disabled.value && !props.placeholder && props.placeholder !== "") {
-        return "请填写";
+      if (!disabled.value && !props.placeholder) {
+        return t("to.common.placeholder.input");
       } else {
         return props.placeholder;
       }
@@ -10262,6 +10257,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       const _directive_color = resolveDirective("color");
       return withDirectives((openBlock(), createElementBlock("span", {
         id: __props.id,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-input", setClass.value]),
         style: normalizeStyle(setStyle.value),
         onClick: click
@@ -10393,31 +10390,12 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("span", null, toDisplayString(props.suffix), 1)
           ])) : createCommentVNode("", true),
-          props.suggestion || _ctx.$slots.default || _ctx.$slots.suffix || props.step ? (openBlock(), createElementBlock("span", {
+          (props.suggestion || _ctx.$slots.default || _ctx.$slots.suffix || props.step) && __props.type !== "textarea" ? (openBlock(), createElementBlock("span", {
             key: 9,
             class: "to-input-suffix"
           }, [
             renderSlot(_ctx.$slots, "default"),
-            renderSlot(_ctx.$slots, "suffix"),
-            props.suggestion ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: "to-input-suggestion"
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.suggestion.split(","), (item, i) => {
-                return openBlock(), createBlock(unref(ToButton), {
-                  key: i,
-                  fillet: "normal",
-                  color: "info",
-                  mode: "text",
-                  onClick: ($event) => addSuggestion(item)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(item), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]);
-              }), 128))
-            ])) : createCommentVNode("", true)
+            renderSlot(_ctx.$slots, "suffix")
           ])) : createCommentVNode("", true),
           props.step ? withDirectives((openBlock(), createBlock(unref(ToIcon), {
             key: 10,
@@ -10429,18 +10407,49 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             [unref(vDis), Number(data.value) === Number(props.max) || props.disabled]
           ]) : createCommentVNode("", true)
         ]),
-        props.maxlength !== Infinity && props.count && props.type === "textarea" ? (openBlock(), createElementBlock("span", {
+        props.type === "textarea" && (props.maxlength !== Infinity && props.count || _ctx.$slots.suffix || _ctx.$slots.default || props.suggestion) ? (openBlock(), createElementBlock("span", {
           key: 1,
-          class: "to-input-count"
+          class: "to-input-suffix"
         }, [
-          createElementVNode("span", { class: "to-input-count-text" }, toDisplayString(getDataLength.value) + "/" + toDisplayString(props.maxlength), 1)
+          props.maxlength !== Infinity && props.count ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "to-input-count"
+          }, [
+            createElementVNode("span", { class: "to-input-count-text" }, toDisplayString(getDataLength.value) + "/" + toDisplayString(props.maxlength), 1)
+          ])) : createCommentVNode("", true),
+          _ctx.$slots.suffix || _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: "to-input-suffix-slot"
+          }, [
+            __props.type === "textarea" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+            __props.type === "textarea" ? renderSlot(_ctx.$slots, "suffix", { key: 1 }) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          props.suggestion ? (openBlock(), createElementBlock("span", {
+            key: 2,
+            class: "to-input-suggestion"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.suggestion.split(","), (item, i) => {
+              return openBlock(), createBlock(unref(ToButton), {
+                key: i,
+                fillet: "normal",
+                color: "info",
+                mode: "text",
+                onClick: ($event) => addSuggestion(item)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))
+          ])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         errorTip.value ? withDirectives((openBlock(), createElementBlock("span", {
           key: 2,
           class: "to-box-tip"
         }, [
           errorType.value === "rule" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(" 输入有误 "),
+            createTextVNode(toDisplayString(unref(t)("to.input.inputError")) + " ", 1),
             withDirectives(createVNode(unref(ToIcon), {
               style: { "height": "auto" },
               value: "help",
@@ -10456,19 +10465,19 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               ]
             ])
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(" 不能为空 ")
+            createTextVNode(toDisplayString(unref(t)("to.input.required")), 1)
           ], 64))
         ])), [
           [_directive_color, "danger"]
         ]) : createCommentVNode("", true)
-      ], 14, ["id"])), [
+      ], 14, ["id", "flex"])), [
         [unref(tipDirective), changed.value ? unref(t)("to.common.originalValue", valueStore.value[0]) : ""]
       ]);
     };
   }
 });
-const ToInput = withInstall(_sfc_main$Y);
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const ToInput = withInstall(_sfc_main$V);
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToDivider"
   },
@@ -10480,7 +10489,8 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     dir: { default: "h" },
     color: { default: "default" },
     marginX: { default: 0 },
-    marginY: { default: 0 }
+    marginY: { default: 0 },
+    flex: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -10534,13 +10544,14 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-divider", setClass.value]),
         style: normalizeStyle(setStyle.value)
-      }, null, 6);
+      }, null, 14, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$X);
+withInstall(_sfc_main$U);
 /*! @license DOMPurify 3.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.1/LICENSE */
 const {
   entries,
@@ -11569,12 +11580,13 @@ function createDOMPurify() {
   return DOMPurify;
 }
 var purify = createDOMPurify();
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToMsg"
   },
   __name: "msg",
   props: {
+    flex: { type: Boolean, default: false },
     type: { default: "" },
     mode: { default: "default" },
     title: { default: "" },
@@ -11587,8 +11599,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     showDetail: { type: Boolean, default: true },
     padding: { default: 0 },
     position: { default: "" },
-    confirmText: { default: "确定" },
-    cancelText: { default: "取消" },
+    confirmText: { default: "" },
+    cancelText: { default: "" },
     closeOnBlur: { type: Boolean, default: true },
     zIndex: { default: 0 },
     show: { type: Boolean, default: false },
@@ -11691,6 +11703,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "el",
         ref: el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-msg", setClass.value])
       }, [
         createElementVNode("div", {
@@ -11744,7 +11758,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => iShowDetail.value = true
                   }, {
                     default: withCtx(() => [
-                      createTextVNode("显示详情")
+                      createTextVNode(toDisplayString(unref(t)("to.msg.showDetail")), 1)
                     ]),
                     _: 1
                   }, 8, ["onClick"])) : (openBlock(), createBlock(unref(ToButton), {
@@ -11756,7 +11770,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => iShowDetail.value = false
                   }, {
                     default: withCtx(() => [
-                      createTextVNode("隐藏详情")
+                      createTextVNode(toDisplayString(unref(t)("to.msg.hideDetail")), 1)
                     ]),
                     _: 1
                   }, 8, ["onClick"]))
@@ -11790,23 +11804,23 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                       _: 2
                     }, 1040, ["onClick"]);
                   }), 128)),
-                  __props.cancelText ? (openBlock(), createBlock(unref(ToButton), {
+                  __props.cancelText || true ? (openBlock(), createBlock(unref(ToButton), {
                     key: 0,
                     class: "to-msg-button type-extend",
                     onClick: cancel
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(__props.cancelText), 1)
+                      createTextVNode(toDisplayString(__props.cancelText || unref(t)("to.msg.cancel")), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
-                  __props.confirmText ? (openBlock(), createBlock(unref(ToButton), {
+                  __props.confirmText || true ? (openBlock(), createBlock(unref(ToButton), {
                     key: 1,
                     class: "to-msg-button type-confirm",
                     onClick: confirm
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(__props.confirmText), 1)
+                      createTextVNode(toDisplayString(__props.confirmText || unref(t)("to.msg.confirm")), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true)
@@ -11815,11 +11829,11 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 4)
         ])
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
-const ToMsg = withInstall(_sfc_main$W);
+const ToMsg = withInstall(_sfc_main$T);
 function createMsgInstance(app, ...args) {
   if (args.length === 0)
     return Promise.reject("无效的 msg 内容");
@@ -11883,7 +11897,7 @@ function createMsgInstance(app, ...args) {
       ...isDetailVNode ? { detail: void 0 } : {}
     };
     const vnode = h(
-      _sfc_main$W,
+      _sfc_main$T,
       {
         ...props,
         onClose: () => {
@@ -11954,12 +11968,13 @@ ToMsg.install = (app) => {
   const appMsg = createMsgFunction(app);
   app.config.globalProperties.$msg = appMsg;
 };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToPadding"
   },
   __name: "padding",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     value: { default: 1 },
     height: { default: "" },
@@ -12006,20 +12021,22 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-padding", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const ToPadding = withInstall(_sfc_main$V);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const ToPadding = withInstall(_sfc_main$S);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToPage"
   },
   __name: "page",
   props: {
+    flex: Boolean,
     type: { type: String, default: "" },
     mode: { type: String, default: "default" },
     align: { type: String, default: "" },
@@ -12067,7 +12084,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       () => props.pageSize,
       (val) => {
         const sizes = typeof props.pageSizes === "string" ? props.pageSizes.split(",") : props.pageSizes;
-        pageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0]);
+        if (props.layout.includes("size") || props.layout === "all") {
+          pageSize_.value = sizes.includes(Number(val)) ? Number(val) : Number(sizes[0]);
+        } else {
+          pageSize_.value = Number(val);
+        }
         nextTick(() => {
           computePager();
         });
@@ -12172,20 +12193,21 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       const _component_to_icon = resolveComponent("to-icon");
       const _directive_align = resolveDirective("align");
       return cShowInSingle.value ? withDirectives((openBlock(), createElementBlock("div", {
-        key: 0,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass([setClass.value, "to-page"])
       }, [
         __props.type === "lite" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", { class: "to-page-first" }),
-          createElementVNode("div", { class: "to-page-prev" }, "上一页"),
+          createElementVNode("div", { class: "to-page-prev" }, toDisplayString(unref(t)("to.page.prevPage")), 1),
           createElementVNode("div", { class: "to-page-stat" }, toDisplayString(currentPage_.value) + " / " + toDisplayString(__props.total), 1),
-          createElementVNode("div", { class: "to-page-next" }, "下一页"),
+          createElementVNode("div", { class: "to-page-next" }, toDisplayString(unref(t)("to.page.nextPage")), 1),
           createElementVNode("div", { class: "to-page-last" })
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           __props.layout.includes("total") || __props.layout === "all" ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "to-page-total"
-          }, "共 " + toDisplayString(__props.total) + " 条", 1)) : createCommentVNode("", true),
+          }, toDisplayString(unref(t)("to.page.total", __props.total)), 1)) : createCommentVNode("", true),
           createElementVNode("div", { class: "to-page-slot" }, [
             renderSlot(_ctx.$slots, "default")
           ]),
@@ -12246,11 +12268,11 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
               modelValue: pageSize_.value,
               "onUpdate:modelValue": ($event) => pageSize_.value = $event,
               class: "to-page-size-select",
-              unit: "条/页",
+              unit: unref(t)("to.page.pageSize", ""),
               clearable: false,
               data: cPageSizes.value,
               onChange: handleSizeChange
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "data"]), [
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "unit", "data"]), [
               [unref(vDis), __props.disabled]
             ])
           ])) : createCommentVNode("", true),
@@ -12262,7 +12284,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
               modelValue: jumperPage.value,
               "onUpdate:modelValue": ($event) => jumperPage.value = $event,
               class: "to-page-jumper-input",
-              placeholder: "跳转",
+              placeholder: unref(t)("to.page.go"),
               onChange: handleJump
             }, {
               default: withCtx(() => [
@@ -12273,216 +12295,19 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 1
-            }, 8, ["modelValue", "onUpdate:modelValue"])), [
+            }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])), [
               [unref(vDis), __props.disabled]
             ])
           ])) : createCommentVNode("", true)
         ], 64))
-      ], 2)), [
+      ], 10, ["flex"])), [
         [_directive_align, __props.align]
       ]) : createCommentVNode("", true);
     };
   }
 });
-withInstall(_sfc_main$U);
-const _sfc_main$T = /* @__PURE__ */ Object.assign({
-  name: "ToCard"
-}, {
-  __name: "Card",
-  props: {
-    fillet: { type: String, default: "none" },
-    color: { type: String, default: "" },
-    mode: { type: String, default: "default" },
-    padding: { type: [Number, String], default: "" },
-    link: Boolean,
-    shadow: Boolean,
-    checked: Boolean,
-    wrap: Boolean,
-    type: { type: String, default: "" },
-    width: { type: [Number, String], default: "" }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    provide("toCard", {});
-    const setClass = computed(() => {
-      const arr = [];
-      if (props.wrap)
-        arr.push("is-wrap");
-      if (props.mode)
-        arr.push(`mode-${props.mode}`);
-      if (props.color)
-        arr.push(`color-${props.color}`);
-      if (props.link)
-        arr.push("is-link");
-      if (props.type)
-        arr.push(`type-${props.type}`);
-      if (props.checked)
-        arr.push("is-checked");
-      if (props.width === "auto")
-        arr.push("width-auto");
-      return arr;
-    });
-    const setStyle = computed(() => {
-      const obj = {};
-      if (props.width) {
-        obj.width = isNaN(Number(props.width)) ? props.width : `${props.width}em`;
-      }
-      const hasUnit = (val) => /[a-z%]+$/i.test(val);
-      if (String(props.padding).trim()) {
-        const padded = String(props.padding).trim().split(/\s+/).map((val) => {
-          return hasUnit(val) ? val : `${val}em`;
-        }).join(" ");
-        obj.padding = padded;
-      }
-      return obj;
-    });
-    const setFnStyle = computed(() => {
-      const obj = {};
-      if (props.padding >= 0 && props.padding !== 1) {
-        obj.top = `${props.padding}em`;
-        obj.right = `${props.padding}em`;
-      }
-      return obj;
-    });
-    function clickHandle(evt) {
-      if (props.link) {
-        emits("click", evt);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-card", setClass.value]),
-        style: normalizeStyle(setStyle.value),
-        onClick: clickHandle
-      }, [
-        renderSlot(_ctx.$slots, "default"),
-        _ctx.$slots.fn ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "to-card-fn",
-          style: normalizeStyle(setFnStyle.value)
-        }, [
-          renderSlot(_ctx.$slots, "fn")
-        ], 4)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-const _sfc_main$S = /* @__PURE__ */ Object.assign({
-  name: "ToCardItem"
-}, {
-  __name: "card-item",
-  props: {
-    type: { type: String, default: "side" },
-    align: { type: String, default: "" },
-    padding: { type: [Number, String], default: 0 },
-    width: { type: [Number, String], default: 0 },
-    line: Boolean,
-    more: Boolean,
-    link: Boolean,
-    main: Boolean
-  },
-  setup(__props) {
-    const props = __props;
-    const setClass = computed(() => {
-      const arr = [];
-      if (props.type === "main" || props.main)
-        arr.push("is-main");
-      if (props.type === "more" || props.more)
-        arr.push("is-more");
-      if (props.type === "link" || props.link)
-        arr.push("is-link");
-      if (props.line === "solid")
-        arr.push("line-solid");
-      if (props.align)
-        arr.push(`align-${props.align}`);
-      return arr;
-    });
-    const setStyle = computed(() => {
-      const obj = {};
-      const hasUnit = (val) => /[a-z%]+$/i.test(val);
-      if (String(props.padding).trim()) {
-        const padded = String(props.padding).trim().split(/\s+/).map((val) => {
-          return hasUnit(val) ? val : `${val}em`;
-        }).join(" ");
-        obj.padding = padded;
-      }
-      if (props.width) {
-        obj.width = props.width + "em";
-      }
-      return obj;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-card-item", setClass.value]),
-        style: normalizeStyle(setStyle.value)
-      }, [
-        renderSlot(_ctx.$slots, "default"),
-        _ctx.$slots.title || _ctx.$slots.titleSide ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "to-card-title"
-        }, [
-          _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "to-card-title-main"
-          }, [
-            createElementVNode("span", { class: "to-card-title-text" }, [
-              renderSlot(_ctx.$slots, "title")
-            ])
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.titleSide ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "to-card-title-side"
-          }, [
-            createElementVNode("span", { class: "to-card-title-side-text" }, [
-              renderSlot(_ctx.$slots, "titleSide")
-            ])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.content || _ctx.$slots.contentSide ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "to-card-content"
-        }, [
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "to-card-content-main"
-          }, [
-            createElementVNode("span", { class: "to-card-content-text" }, [
-              renderSlot(_ctx.$slots, "content")
-            ])
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.contentSide ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "to-card-content-side"
-          }, [
-            createElementVNode("span", { class: "to-card-content-side-text" }, [
-              renderSlot(_ctx.$slots, "contentSide")
-            ])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.value ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: "to-card-value"
-        }, [
-          createElementVNode("span", { class: "to-card-value-text" }, [
-            renderSlot(_ctx.$slots, "value")
-          ])
-        ])) : createCommentVNode("", true),
-        _ctx.$slots.label ? (openBlock(), createElementBlock("div", {
-          key: 3,
-          class: "to-card-label"
-        }, [
-          createElementVNode("span", { class: "to-card-value-text" }, [
-            renderSlot(_ctx.$slots, "label")
-          ])
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-withInstall(_sfc_main$T, [_sfc_main$S]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$R);
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToCheckbox"
   },
@@ -12719,8 +12544,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToCheckbox = withInstall(_sfc_main$R);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const ToCheckbox = withInstall(_sfc_main$Q);
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToCheckboxes"
   },
@@ -12731,7 +12556,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     required: { type: Boolean, default: false },
     value: { default: "" },
     modelValue: { default: "" },
-    beforeChange: { type: Function, default: () => true }
+    beforeChange: { type: Function, default: () => true },
+    flex: { type: Boolean, default: false }
   },
   emits: ["change", "update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -12854,7 +12680,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       pushOptions
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { id: __props.id }, [
+      return openBlock(), createElementBlock("div", {
+        id: __props.id,
+        flex: __props.flex ? __props.flex : null
+      }, [
         validateRequired.value ? withDirectives((openBlock(), createElementBlock("span", {
           key: 0,
           class: "to-validate",
@@ -12864,12 +12693,13 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         }, null, 8, ["req", "desc", "value"])), [
           [vShow, false]
         ]) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
-      ], 8, ["id"]);
+        renderSlot(_ctx.$slots, "default"),
+        createTextVNode("flex: false ")
+      ], 8, ["id", "flex"]);
     };
   }
 });
-withInstall(_sfc_main$Q);
+withInstall(_sfc_main$P);
 const centerScrollProps = {
   /**
    * 数据源
@@ -12879,6 +12709,13 @@ const centerScrollProps = {
     required: true,
     default: () => []
   },
+  /**
+   * 模式
+   */
+  mode: {
+    type: String,
+    default: ""
+  },
   /**
    * 当前选中的值
    */
@@ -12891,7 +12728,7 @@ const centerScrollProps = {
    */
   height: {
     type: [String, Number],
-    default: 15
+    default: 17
   }
 };
 const centerScrollEmits = {
@@ -12900,7 +12737,7 @@ const centerScrollEmits = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   change: (value) => true
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToCenterScroll"
   },
@@ -12918,7 +12755,11 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     const scrollTimeout = ref(null);
     const isScrollTo = ref(false);
     const changeBySelf = ref(false);
+    const itemHeight = ref(0);
     const height = computed(() => Number(props.height));
+    onMounted(() => {
+      itemHeight.value = Number(((itemRefs.value[0].getBoundingClientRect().height || 0) / getEm()).toFixed(2));
+    });
     const setItemRef = (el, index) => {
       if (el) {
         itemRefs.value[index] = el;
@@ -12938,6 +12779,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         iData.value = JSON.parse(JSON.stringify(data));
       }
     };
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode)
+        arr.push(`mode-${props.mode}`);
+      return arr;
+    });
     const onScroll = () => {
       if (!inited.value)
         return;
@@ -13042,14 +12889,13 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       centerClosestItem
     });
     return (_ctx, _cache) => {
-      const _directive_dis = resolveDirective("dis");
       return openBlock(), createElementBlock("div", {
-        class: "to-centerScroll",
+        class: normalizeClass(["to-centerScroll", setClass.value]),
         style: normalizeStyle({ height: `${height.value}em` })
       }, [
         createElementVNode("div", {
           class: "to-centerScroll-top",
-          style: normalizeStyle({ height: `${(height.value - 3) / 2}em` })
+          style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
         }, null, 4),
         createElementVNode("div", {
           ref_key: "scrollContainer",
@@ -13059,36 +12905,31 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("div", {
             class: "to-centerScroll-wrapper",
-            style: normalizeStyle({
-              paddingTop: `${(height.value - 3) / 2}em`,
-              paddingBottom: `${(height.value - 3) / 2}em`
-            })
+            style: normalizeStyle({ paddingTop: `${(height.value - itemHeight.value) / 2}em`, paddingBottom: `${(height.value - itemHeight.value) / 2}em` })
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(iData.value, (item, index) => {
-              return withDirectives((openBlock(), createElementBlock("div", {
+              return openBlock(), createElementBlock("div", {
                 key: index,
                 ref_for: true,
                 ref: (el) => setItemRef(el, index),
-                class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue }])
+                class: normalizeClass(["to-centerScroll-item", { "is-on": item.value === _ctx.modelValue, "is-dis": item.disabled }])
               }, [
-                createTextVNode(toDisplayString(item.label), 1)
-              ], 2)), [
-                [_directive_dis, item.disabled]
-              ]);
+                createElementVNode("span", { class: "to-centerScroll-item-text" }, toDisplayString(item.label), 1)
+              ], 2);
             }), 128))
           ], 4)
         ], 544),
         createElementVNode("div", {
           class: "to-centerScroll-bottom",
-          style: normalizeStyle({ height: `${(height.value - 3) / 2}em` })
+          style: normalizeStyle({ height: `${(height.value - itemHeight.value) / 2}em` })
         }, null, 4)
-      ], 4);
+      ], 6);
     };
   }
 });
-const ToCenterScroll = withInstall(_sfc_main$P);
+const ToCenterScroll = withInstall(_sfc_main$O);
 const hours = "00,01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23";
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToPicker"
   },
@@ -13130,12 +12971,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const months = ref("01,02,03,04,05,06,07,08,09,10,11,12");
     const monthList = ref([]);
     const days = ref([]);
-    const minutes = ref(
-      "00,01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59"
-    );
-    const seconds = ref(
-      "00,01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59"
-    );
+    const minutes = ref("00,01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59");
+    const seconds = ref("00,01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59");
     const valueo = computed(() => {
       const [date, time] = formatDate(props.modelValue).split(" ");
       const [year2, month2, day2] = date.split("-");
@@ -13243,12 +13080,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           value: item
         };
         const date = /* @__PURE__ */ new Date(`${year.value}-${item}`);
-        const minDateValue = /* @__PURE__ */ new Date(
-          `${String(minDate.value.getFullYear())}-${addZero2(String(minDate.value.getMonth() + 1))}`
-        );
-        const maxDateValue = /* @__PURE__ */ new Date(
-          `${String(maxDate.value.getFullYear())}-${addZero2(String(maxDate.value.getMonth() + 1))}`
-        );
+        const minDateValue = /* @__PURE__ */ new Date(`${String(minDate.value.getFullYear())}-${addZero2(String(minDate.value.getMonth() + 1))}`);
+        const maxDateValue = /* @__PURE__ */ new Date(`${String(maxDate.value.getFullYear())}-${addZero2(String(maxDate.value.getMonth() + 1))}`);
         if (date >= minDateValue && date <= maxDateValue) {
           monthList.value.push(object);
         }
@@ -13281,16 +13114,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           value: dayValue,
           disabled: false
         };
-        const minDateValue = new Date(
-          minDate.value.getFullYear(),
-          minDate.value.getMonth(),
-          minDate.value.getDate()
-        );
-        const maxDateValue = new Date(
-          maxDate.value.getFullYear(),
-          maxDate.value.getMonth(),
-          maxDate.value.getDate()
-        );
+        const minDateValue = new Date(minDate.value.getFullYear(), minDate.value.getMonth(), minDate.value.getDate());
+        const maxDateValue = new Date(maxDate.value.getFullYear(), maxDate.value.getMonth(), maxDate.value.getDate());
         const date = new Date(Number(year.value), Number(month.value) - 1, Number(dayValue));
         const inDateRange = date >= minDateValue && date <= maxDateValue;
         if (inDateRange) {
@@ -13344,10 +13169,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     }
     function submit() {
       if (props.type === "datetime") {
-        emit(
-          "change",
-          `${year.value}-${month.value}-${day.value} ${hour.value}:${minute.value}:${second.value}`
-        );
+        emit("change", `${year.value}-${month.value}-${day.value} ${hour.value}:${minute.value}:${second.value}`);
       } else if (props.type === "time") {
         emit("change", `${hour.value}:${minute.value}:${second.value}`);
       } else {
@@ -13390,7 +13212,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(ToGrid), {
+        (openBlock(), createBlock(unref(ToGrid), {
+          key: unref(langKey),
           space: "1",
           class: "to-picker-to-grid-container"
         }, {
@@ -13477,9 +13300,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 1
-        }),
+        })),
         createVNode(unref(ToGap)),
-        createVNode(unref(ToSubmit), { width: "full" }, {
+        createVNode(unref(ToGrid), {
+          gap: "1",
+          col: "avg"
+        }, {
           default: withCtx(() => [
             withDirectives((openBlock(), createBlock(unref(ToButton), {
               fillet: "normal",
@@ -13488,7 +13314,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               onClick: ($event) => _ctx.$emit("cancel")
             }, {
               default: withCtx(() => [
-                createTextVNode("取消 ")
+                createTextVNode(toDisplayString(unref(t)("to.datepicker.cancel")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])), [
@@ -13501,7 +13327,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               onClick: clear
             }, {
               default: withCtx(() => [
-                createTextVNode("清除 ")
+                createTextVNode(toDisplayString(unref(t)("to.datepicker.clear")), 1)
               ]),
               _: 1
             })), [
@@ -13513,7 +13339,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               onClick: submit
             }, {
               default: withCtx(() => [
-                createTextVNode("确定")
+                createTextVNode(toDisplayString(unref(t)("to.datepicker.confirm")), 1)
               ]),
               _: 1
             })), [
@@ -13753,13 +13579,14 @@ function useDatePicker(props, emit) {
     emitChangeEvent
   };
 }
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToDatePicker",
     componentName: "ToDatePicker"
   },
   __name: "DatePicker",
   props: {
+    flex: Boolean,
     suffix: {
       type: String,
       default: ""
@@ -13802,7 +13629,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     },
     placeholder: {
       type: String,
-      default: "请选择"
+      default: ""
     },
     disabled: Boolean,
     inputable: {
@@ -13999,8 +13826,10 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       const _component_to_button = resolveComponent("to-button");
       return openBlock(), createBlock(unref(ToInput), {
         id: __props.id,
+        key: unref(langKey),
         ref_key: "inputBox",
         ref: inputBox,
+        flex: __props.flex ? __props.flex : null,
         "model-value": unref(datedisplay),
         class: "to-date-picker",
         readonly: !props.inputable,
@@ -14084,7 +13913,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "min-year", "max-year", "disabled-date", "before-change", "onClose"])
                     ]),
                     _: 1
-                  })) : (openBlock(), createBlock(_sfc_main$O, {
+                  })) : (openBlock(), createBlock(_sfc_main$N, {
                     key: 1,
                     modelValue: unref(date),
                     "onUpdate:modelValue": ($event) => isRef(date) ? date.value = $event : null,
@@ -14102,7 +13931,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                   showCloseLayer.value ? (openBlock(), createElementBlock("div", { key: 2 }, [
                     createVNode(_component_to_button, { onClick: closeLayer }, {
                       default: withCtx(() => [
-                        createTextVNode("确定")
+                        createTextVNode(toDisplayString(unref(t)("to.datepicker.confirm")), 1)
                       ]),
                       _: 1
                     })
@@ -14114,12 +13943,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           ]))
         ]),
         _: 1
-      }, 8, ["id", "model-value", "readonly", "required", "desc", "color", "prefix", "suffix", "mode", "prop-error-type", "prop-error-tip", "fillet", "fillet-position", "placeholder", "disabled", "sp-chars", "link", "clearable", "width", "comparable", "onClear", "onInput"]);
+      }, 8, ["id", "flex", "model-value", "readonly", "required", "desc", "color", "prefix", "suffix", "mode", "prop-error-type", "prop-error-tip", "fillet", "fillet-position", "placeholder", "disabled", "sp-chars", "link", "clearable", "width", "comparable", "onClear", "onInput"]);
     };
   }
 });
-withInstall(_sfc_main$N);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$M);
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToDateRange"
   },
@@ -14130,14 +13959,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     icon: { default: "date" },
     inputable: { type: Boolean, default: true },
-    startPlaceholder: { default: "开始日期" },
-    endPlaceholder: { default: "结束日期" },
+    startPlaceholder: { default: "开始时间" },
+    endPlaceholder: { default: "结束时间" },
     type: { default: "date" },
     min: { default: "" },
     max: { default: "" },
     disabled: { type: Boolean, default: false },
     clearable: { type: Boolean, default: true },
-    prefix: { default: "" }
+    prefix: { default: "" },
+    suffix: { default: "" },
+    flex: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "focus", "change"],
   setup(__props, { emit: __emit }) {
@@ -14216,7 +14047,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       if (props.disabled) {
         return;
       }
-      floatRef.value.open($el.value);
+      floatRef.value.toggle($el.value);
     }
     function handleClose() {
       if (props.disabled) {
@@ -14231,6 +14062,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", {
         ref_key: "$el",
         ref: $el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-date-range", setClass.value])
       }, [
         _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
@@ -14248,7 +14081,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": ($event) => startDate.value = $event,
           class: "to-date-range-input",
-          placeholder: __props.startPlaceholder,
+          placeholder: __props.startPlaceholder || unref(t)("to.daterange.startDate"),
           type: "text",
           readonly: !__props.inputable,
           onFocus: handleFocus
@@ -14260,7 +14093,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": ($event) => endDate.value = $event,
           class: "to-date-range-input",
-          placeholder: __props.endPlaceholder,
+          placeholder: __props.endPlaceholder || unref(t)("to.daterange.endDate"),
           type: "text",
           readonly: !__props.inputable,
           onFocus: handleFocus
@@ -14268,58 +14101,82 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           [vModelText, endDate.value],
           [unref(vDis), __props.disabled]
         ]),
-        startDate.value && endDate.value && props.clearable ? (openBlock(), createBlock(unref(ToIcon), {
+        startDate.value && endDate.value && props.clearable && !props.disabled ? (openBlock(), createBlock(unref(ToIcon), {
           key: 2,
           value: "close",
           link: "",
-          mode: "date-range-close",
+          class: "to-date-range-clear",
           onClick: handleClose
         })) : createCommentVNode("", true),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", {
+          key: 3,
+          class: "to-date-range-suffix"
+        }, [
+          renderSlot(_ctx.$slots, "suffix")
+        ])) : createCommentVNode("", true),
+        props.suffix ? (openBlock(), createElementBlock("span", {
+          key: 4,
+          class: "to-date-range-suffix-text"
+        }, [
+          createElementVNode("span", null, toDisplayString(props.suffix), 1)
+        ])) : createCommentVNode("", true),
         createVNode(unref(ToIcon), {
+          link: __props.inputable,
           value: props.icon,
-          mode: "date-range-icon",
+          class: "to-date-range-icon",
           onClick: handleOpen
-        }, null, 8, ["value"]),
-        createVNode(unref(ToFloat), {
-          ref_key: "floatRef",
-          ref: floatRef,
-          width: widthComputed.value
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", { class: "to-date-range-calendar-content" }, [
-              createVNode(unref(ToCalendar), {
-                modelValue: rangeValue.value,
-                "onUpdate:modelValue": ($event) => rangeValue.value = $event,
-                type: __props.type,
-                range: "",
-                min: __props.min,
-                max: __props.max
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"]),
-              createElementVNode("span", { class: "to-date-range-calendar-separator" }),
-              createVNode(unref(ToCalendar), {
-                modelValue: rangeValue.value,
-                "onUpdate:modelValue": ($event) => rangeValue.value = $event,
-                type: __props.type,
-                range: "",
-                "range-type": "end",
-                min: __props.min,
-                max: __props.max
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["width"])
-      ], 2);
+        }, null, 8, ["link", "value"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createElementVNode("div", {
+            class: normalizeClass(["to-date-range", setClass.value])
+          }, [
+            createVNode(unref(ToFloat), {
+              ref_key: "floatRef",
+              ref: floatRef,
+              class: "to-date-range-layer",
+              width: widthComputed.value,
+              global: false
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", { class: "to-date-range-calendars" }, [
+                  createVNode(unref(ToCalendar), {
+                    modelValue: rangeValue.value,
+                    "onUpdate:modelValue": ($event) => rangeValue.value = $event,
+                    class: "to-date-range-calendar",
+                    type: __props.type,
+                    range: "",
+                    min: __props.min,
+                    max: __props.max
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"]),
+                  createElementVNode("span", { class: "to-date-range-divider" }),
+                  createVNode(unref(ToCalendar), {
+                    modelValue: rangeValue.value,
+                    "onUpdate:modelValue": ($event) => rangeValue.value = $event,
+                    class: "to-date-range-calendar",
+                    type: __props.type,
+                    range: "",
+                    "range-type": "end",
+                    min: __props.min,
+                    max: __props.max
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "min", "max"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["width"])
+          ], 2)
+        ]))
+      ], 10, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$M);
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$L);
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToSwitch"
   },
   __name: "switch",
   props: {
+    flex: Boolean,
     readonly: Boolean,
     modelValue: {
       type: [Boolean, String, Number],
@@ -14478,6 +14335,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       const _directive_dis = resolveDirective("dis");
       const _directive_tip = resolveDirective("tip");
       return withDirectives((openBlock(), createElementBlock("div", {
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-switch", setClass.value]),
         style: normalizeStyle(setStyle.value),
         onClick: toggle
@@ -14505,7 +14363,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           }, null, 8, ["value"])) : createCommentVNode("", true)
         ]),
         createElementVNode("div", { class: "to-switch-slider" })
-      ], 6)), [
+      ], 14, ["flex"])), [
         [
           _directive_dis,
           disabled.value,
@@ -14517,13 +14375,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-withInstall(_sfc_main$L);
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$K);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTab"
   },
   __name: "tab",
   props: {
+    flex: { type: Boolean, default: false },
     modelValue: { default: "" },
     itemWidth: { default: "" },
     mode: { default: "default" },
@@ -14736,6 +14595,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         stopChange = false;
       }, 10);
     }
+    function updateTabLabel(oldLabel, label) {
+      let idx = _data.value.findIndex((item) => item.label === oldLabel);
+      if (idx !== -1) {
+        _data.value[idx].label = label;
+      }
+    }
     function getPicOn(pic) {
       let src = "";
       if (pic && props.changePic) {
@@ -14788,12 +14653,15 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     provide("TabProvide", {
       addTab,
       removeTab,
+      updateTabLabel,
       selectValue
     });
     return (_ctx, _cache) => {
       const _component_to_pic = resolveComponent("to-pic");
       return openBlock(), createElementBlock("div", {
+        key: unref(langKey),
         class: normalizeClass(["to-tab", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         createElementVNode("div", { class: "to-tab-tab" }, [
@@ -14839,8 +14707,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                           item.pic ? (openBlock(), createBlock(_component_to_pic, {
                             key: 0,
                             class: "to-tab-item-pic",
-                            src: item.value === selectValue.value ? getPicOn(item.pic) : item.pic,
-                            width: 2
+                            src: item.value === selectValue.value ? getPicOn(item.pic) : item.pic
                           }, null, 8, ["src"])) : createCommentVNode("", true),
                           item.icon ? (openBlock(), createElementBlock("span", {
                             key: 1,
@@ -14921,11 +14788,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ]))
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTabItem"
   },
@@ -14955,6 +14822,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     const show = computed(() => {
       return tabProvide.selectValue.value === (props.value || props.label);
     });
+    watch(
+      () => props.label,
+      (newLabel, oldLabel) => {
+        if (tabProvide && tabProvide.updateTabLabel) {
+          tabProvide.updateTabLabel(oldLabel, newLabel);
+        }
+      }
+    );
     function init() {
       const tabData = {
         label: props.label,
@@ -14976,7 +14851,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return (__props.lazy ? show.value : true) ? withDirectives((openBlock(), createElementBlock("div", {
-        key: 0,
+        key: unref(langKey),
         class: normalizeClass(["to-tab-page-item", setClass.value])
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -14986,9 +14861,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-withInstall(_sfc_main$K, { TabItem: _sfc_main$J });
-withInstall(_sfc_main$J);
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$J, { TabItem: _sfc_main$I });
+withInstall(_sfc_main$I);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTableHead"
   },
@@ -14999,9 +14874,41 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   emits: ["change"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const tableRef = inject("TableRef");
     const emit = __emit;
     const props = __props;
     const row = ref(null);
+    const sortSet = ref({});
+    watch(
+      () => props.data,
+      (val) => {
+        val.forEach((item) => {
+          if (item.sortable) {
+            sortSet.value[item.prop] = sortSet.value[item.prop] || "";
+          }
+        });
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      props.data.forEach((item) => {
+        if (item.sortable) {
+          sortSet.value[item.prop] = sortSet.value[item.prop] || "";
+        }
+      });
+    });
+    const sortClick = (column) => {
+      if (!column.sortable)
+        return false;
+      if (sortSet.value[column.prop] === "asc") {
+        sortSet.value[column.prop] = "desc";
+      } else if (sortSet.value[column.prop] === "desc") {
+        sortSet.value[column.prop] = "";
+      } else {
+        sortSet.value[column.prop] = "asc";
+      }
+      tableRef.handleTheadCellClick(column, sortSet.value[column.prop]);
+    };
     const setThClass = (column) => {
       return computed(() => {
         const classes = [];
@@ -15010,6 +14917,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         } else if (column.thWrap === false) {
           classes.push("is-nowrap");
         }
+        if (sortSet.value[column.prop]) {
+          classes.push(`type-${sortSet.value[column.prop]}`);
+        }
         return classes;
       });
     };
@@ -15039,8 +14949,18 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["model-value"])
               ])) : column._show !== false ? (openBlock(), createElementBlock("th", {
                 key: column.prop,
-                class: normalizeClass(["to-table-th", setThClass(column).value])
-              }, toDisplayString(column.label), 3)) : createCommentVNode("", true)
+                class: normalizeClass(["to-table-th", setThClass(column).value]),
+                onClick: ($event) => sortClick(column)
+              }, [
+                createElementVNode("span", null, toDisplayString(column.label), 1),
+                column.sortable ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "to-table-sorticon"
+                }, [
+                  createElementVNode("span", { class: "to-table-sorticon-item ascending" }),
+                  createElementVNode("span", { class: "to-table-sorticon-item descending" })
+                ])) : createCommentVNode("", true)
+              ], 10, ["onClick"])) : createCommentVNode("", true)
             ], 64);
           }), 256))
         ])
@@ -15048,7 +14968,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTableBody"
   },
@@ -15178,113 +15098,146 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    const tableRef = inject("TableRef");
+    function toggleDetail(row, index) {
+      if (row.detailShow) {
+        row.detailShow = false;
+      } else {
+        row.detailShow = true;
+      }
+      tableRef.hanldeDetailChange(row, index, row.detailShow);
+    }
     __expose({
       checkAll,
       flatData,
       setCheckData
     });
-    return (_ctx, _cache) => {
-      const _component_ToCheckbox = resolveComponent("ToCheckbox");
-      const _directive_tip = resolveDirective("tip");
-      return openBlock(), createElementBlock("tbody", {
-        ref_key: "$el",
-        ref: $el,
-        class: "to-table-body"
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleRows.value, (row, index) => {
-          return openBlock(), createElementBlock("tr", {
-            key: index,
-            class: "to-table-body-row"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.columnData, (column) => {
-              return openBlock(), createElementBlock(Fragment, null, [
-                column.type === "check" ? (openBlock(), createElementBlock("td", {
-                  key: column.prop + "check",
-                  class: "to-table-td type-check"
-                }, [
-                  createVNode(_component_ToCheckbox, {
-                    modelValue: row._checked,
-                    "onUpdate:modelValue": ($event) => row._checked = $event,
-                    onChange: change
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : column.type === "radio" ? (openBlock(), createElementBlock("td", {
-                  key: column.prop + "radio",
-                  class: "to-table-td type-check"
-                }, [
-                  createElementVNode("div", {
-                    class: normalizeClass(["to-table-radio", { "is-checked": row._checked }]),
-                    onClick: ($event) => radioChange(row)
-                  }, null, 10, ["onClick"])
-                ])) : column.type === "action" ? (openBlock(), createElementBlock("td", {
-                  key: column.prop + "action",
-                  class: "to-table-td type-action"
-                }, [
-                  createElementVNode("div", { class: "to-table-action" }, [
-                    renderSlot(_ctx.$slots, column.prop, {
-                      row,
-                      column,
-                      index
-                    }, () => [
-                      createTextVNode(toDisplayString(row[column.prop]), 1)
-                    ])
-                  ])
-                ])) : column._show !== false ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                  tipShow.value === index && column.showTip ? withDirectives((openBlock(), createElementBlock("td", {
-                    key: column.prop,
-                    class: normalizeClass(["to-table-td", setTdClass(column).value]),
-                    style: normalizeStyle({ paddingLeft: column.toggler && row._level ? `${row._level + 2}em` : "" }),
-                    onMouseenter: (e) => handleMouseEnter(e, index),
-                    onMouseleave: handleMouseLeave
+    return (_ctx, _cache) => {
+      const _component_ToCheckbox = resolveComponent("ToCheckbox");
+      const _directive_tip = resolveDirective("tip");
+      return openBlock(), createElementBlock("tbody", {
+        ref_key: "$el",
+        ref: $el,
+        class: "to-table-body"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleRows.value, (row, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            createElementVNode("tr", { class: "to-table-body-row" }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.columnData, (column) => {
+                return openBlock(), createElementBlock(Fragment, null, [
+                  column.type === "check" ? (openBlock(), createElementBlock("td", {
+                    key: column.prop + "check",
+                    class: "to-table-td type-check"
                   }, [
-                    hasChildren(row) && column.toggler ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(["to-table-toggle", { "is-expand": expandedSet.value.has(row._id) }]),
-                      onClick: ($event) => toggleExpand(row)
-                    }, null, 10, ["onClick"])) : createCommentVNode("", true),
-                    renderSlot(_ctx.$slots, column.prop, {
-                      row,
-                      column,
-                      index
-                    }, () => [
-                      createElementVNode("span", null, toDisplayString(row[column.prop]), 1)
-                    ])
-                  ], 46, ["onMouseenter"])), [
-                    [_directive_tip, row[column.prop]]
-                  ]) : (openBlock(), createElementBlock("td", {
-                    key: column.prop + "else",
-                    class: normalizeClass(["to-table-td", setTdClass(column).value]),
-                    style: normalizeStyle({ paddingLeft: column.toggler && row._level ? `${row._level + 2}em` : "" }),
-                    onMouseenter: (e) => handleMouseEnter(e, index),
-                    onMouseleave: handleMouseLeave
+                    createVNode(_component_ToCheckbox, {
+                      modelValue: row._checked,
+                      "onUpdate:modelValue": ($event) => row._checked = $event,
+                      onChange: change
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ])) : column.type === "radio" ? (openBlock(), createElementBlock("td", {
+                    key: column.prop + "radio",
+                    class: "to-table-td type-check"
                   }, [
-                    hasChildren(row) && column.toggler ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(["to-table-toggle", { "is-expand": expandedSet.value.has(row._id) }]),
-                      onClick: ($event) => toggleExpand(row)
-                    }, null, 10, ["onClick"])) : createCommentVNode("", true),
-                    renderSlot(_ctx.$slots, column.prop, {
-                      row,
-                      column,
-                      index
-                    }, () => [
-                      createElementVNode("span", null, toDisplayString(row[column.prop]), 1)
+                    createElementVNode("div", {
+                      class: normalizeClass(["to-table-radio", { "is-checked": row._checked }]),
+                      onClick: ($event) => radioChange(row)
+                    }, null, 10, ["onClick"])
+                  ])) : column.type === "action" ? (openBlock(), createElementBlock("td", {
+                    key: column.prop + "action",
+                    class: "to-table-td type-action"
+                  }, [
+                    createElementVNode("div", { class: "to-table-action" }, [
+                      renderSlot(_ctx.$slots, column.prop, {
+                        row,
+                        column,
+                        index
+                      }, () => [
+                        createTextVNode(toDisplayString(row[column.prop]), 1)
+                      ])
                     ])
-                  ], 46, ["onMouseenter"]))
-                ], 64)) : createCommentVNode("", true)
-              ], 64);
-            }), 256))
-          ]);
+                  ])) : column._show !== false ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                    tipShow.value === index && column.showTip ? withDirectives((openBlock(), createElementBlock("td", {
+                      key: column.prop,
+                      class: normalizeClass(["to-table-td", setTdClass(column).value]),
+                      style: normalizeStyle({ paddingLeft: column.toggler && row._level ? `${row._level + 2}em` : "" }),
+                      onMouseenter: (e) => handleMouseEnter(e, index),
+                      onMouseleave: handleMouseLeave
+                    }, [
+                      hasChildren(row) && column.toggler ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: normalizeClass(["to-table-toggle", { "is-expand": expandedSet.value.has(row._id) }]),
+                        onClick: ($event) => toggleExpand(row)
+                      }, null, 10, ["onClick"])) : createCommentVNode("", true),
+                      column.detailToggle ? (openBlock(), createElementBlock("span", {
+                        key: 1,
+                        class: normalizeClass(["to-table-detail-toggle", { "is-detail": row.detailShow }]),
+                        onClick: ($event) => toggleDetail(row, index)
+                      }, null, 10, ["onClick"])) : createCommentVNode("", true),
+                      renderSlot(_ctx.$slots, column.prop, {
+                        row,
+                        column,
+                        index
+                      }, () => [
+                        createElementVNode("span", null, toDisplayString(row[column.prop]), 1)
+                      ])
+                    ], 46, ["onMouseenter"])), [
+                      [_directive_tip, row[column.prop]]
+                    ]) : (openBlock(), createElementBlock("td", {
+                      key: column.prop + "else",
+                      class: normalizeClass(["to-table-td", setTdClass(column).value]),
+                      style: normalizeStyle({ paddingLeft: column.toggler && row._level ? `${row._level + 2}em` : "" }),
+                      onMouseenter: (e) => handleMouseEnter(e, index),
+                      onMouseleave: handleMouseLeave
+                    }, [
+                      hasChildren(row) && column.toggler ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: normalizeClass(["to-table-toggle", { "is-expand": expandedSet.value.has(row._id) }]),
+                        onClick: ($event) => toggleExpand(row)
+                      }, null, 10, ["onClick"])) : createCommentVNode("", true),
+                      column.detailToggle ? (openBlock(), createElementBlock("span", {
+                        key: 1,
+                        class: normalizeClass(["to-table-detail-toggle", { "is-detail": row.detailShow }]),
+                        onClick: ($event) => toggleDetail(row, index)
+                      }, null, 10, ["onClick"])) : createCommentVNode("", true),
+                      renderSlot(_ctx.$slots, column.prop, {
+                        row,
+                        column,
+                        index
+                      }, () => [
+                        createElementVNode("span", null, toDisplayString(row[column.prop]), 1)
+                      ])
+                    ], 46, ["onMouseenter"]))
+                  ], 64)) : createCommentVNode("", true)
+                ], 64);
+              }), 256))
+            ]),
+            row.detailShow ? (openBlock(), createElementBlock("tr", {
+              key: 0,
+              class: "to-table-detail-row"
+            }, [
+              createElementVNode("td", {
+                colspan: props.columnData.length,
+                class: "to-table-detail-cell"
+              }, [
+                renderSlot(_ctx.$slots, "detail", {
+                  row,
+                  index
+                })
+              ], 8, ["colspan"])
+            ])) : createCommentVNode("", true)
+          ], 64);
         }), 128))
       ], 512);
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTable"
   },
   __name: "table",
   props: {
+    flex: { type: Boolean, default: false },
     columns: { default: () => [] },
     data: { default: () => [] },
     height: { default: "" },
@@ -15294,11 +15247,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     wrap: { type: Boolean, default: false },
     thWrap: { type: Boolean, default: false },
-    emptyText: { default: "暂无数据" },
+    emptyText: { default: "" },
     modelValue: { default: "" },
-    valueKeys: { default: "_id" }
+    valueKeys: { default: "_id" },
+    sortFunction: { type: [Function, null], default: null }
   },
-  emits: ["change", "update:modelValue"],
+  emits: ["change", "update:modelValue", "sort", "detailChange"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
@@ -15574,6 +15528,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       });
       return flag;
     });
+    function sortChange(sortInfo) {
+      emit("sort", sortInfo);
+    }
     const hasCheck = computed(() => {
       let flag = false;
       props.columns.map((item) => {
@@ -15641,10 +15598,24 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    const handleTheadCellClick = (column, type) => {
+      if (props.sortFunction) {
+        props.sortFunction(column, type);
+      }
+    };
+    const hanldeDetailChange = (column, index, value) => {
+      emit("detailChange", column, index, value);
+    };
+    provide("TableRef", {
+      handleTheadCellClick,
+      hanldeDetailChange
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "$el",
         ref: $el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-table", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -15668,14 +15639,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 }, null, 6);
               }), 128))
             ]),
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "bodyHead",
               ref: bodyHead,
               "checked-all": checkedAll.value,
               data: __props.columns,
-              onChange: checkedAllChange
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["checked-all", "data"]),
-            createVNode(_sfc_main$H, {
+            createVNode(_sfc_main$G, {
               ref_key: "bodyBody",
               ref: bodyBody,
               type: hasRadio.value ? "radio" : hasCheck.value ? "check" : "",
@@ -15683,7 +15655,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               "checked-all": checkedAll.value,
               "column-data": __props.columns,
               onChange: change
-            }, createSlots({ _: 2 }, [
+            }, createSlots({
+              detail: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(slotProps)))
+              ]),
+              _: 2
+            }, [
               renderList(flattenColumns.value, (columnItem) => {
                 return {
                   name: columnItem.prop,
@@ -15697,7 +15674,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           !__props.data.length ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "to-table-empty"
-          }, toDisplayString(props.emptyText), 1)) : createCommentVNode("", true)
+          }, toDisplayString(props.emptyText || unref(t)("to.table.emptyText")), 1)) : createCommentVNode("", true)
         ], 544),
         Number(__props.fixTop) > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -15710,11 +15687,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ref: topTable,
             class: "to-table-table"
           }, [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "topHead",
               ref: topHead,
               data: __props.columns,
-              onChange: checkedAllChange
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["data"])
           ], 512)
         ], 512)) : createCommentVNode("", true),
@@ -15729,19 +15707,25 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ref: leftTable,
             class: "to-table-table"
           }, [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "leftHead",
               ref: leftHead,
               data: __props.columns.slice(0, Number(props.fixLeft)),
-              onChange: checkedAllChange
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["data"]),
-            createVNode(_sfc_main$H, {
+            createVNode(_sfc_main$G, {
               ref_key: "leftBody",
               ref: leftBody,
               data: __props.data,
               "column-data": __props.columns.slice(0, Number(props.fixLeft)),
               onChange: change
-            }, createSlots({ _: 2 }, [
+            }, createSlots({
+              detail: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(slotProps)))
+              ]),
+              _: 2
+            }, [
               renderList(flattenColumns.value, (columnItem) => {
                 return {
                   name: columnItem.prop,
@@ -15764,11 +15748,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ref: leftTopTable,
             class: "to-table-table"
           }, [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "leftTopHead",
               ref: leftTopHead,
               data: __props.columns.slice(0, Number(props.fixLeft)),
-              onChange: checkedAllChange
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["data"])
           ], 512)
         ], 512)) : createCommentVNode("", true),
@@ -15783,19 +15768,25 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ref: rightTable,
             class: "to-table-table"
           }, [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "rightHead",
               ref: rightHead,
               data: __props.columns.slice(__props.columns.length - Number(props.fixRight), __props.columns.length),
-              onChange: checkedAllChange
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["data"]),
-            createVNode(_sfc_main$H, {
+            createVNode(_sfc_main$G, {
               ref_key: "rightBody",
               ref: rightBody,
               data: __props.data,
               "column-data": __props.columns.slice(__props.columns.length - Number(__props.fixRight), __props.columns.length),
               onChange: change
-            }, createSlots({ _: 2 }, [
+            }, createSlots({
+              detail: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, "detail", normalizeProps(guardReactiveProps(slotProps)))
+              ]),
+              _: 2
+            }, [
               renderList(flattenColumns.value, (columnItem) => {
                 return {
                   name: columnItem.prop,
@@ -15818,19 +15809,20 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ref: rightTopTable,
             class: "to-table-table"
           }, [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$H, {
               ref_key: "rightTopHead",
               ref: rightTopHead,
-              data: __props.columns.slice(__props.columns.length - Number(__props.fixRight), __props.columns.length),
-              onChange: checkedAllChange
+              data: __props.columns.slice(__props.columns.length - Number(props.fixRight), __props.columns.length),
+              onChange: checkedAllChange,
+              onSort: sortChange
             }, null, 8, ["data"])
           ], 512)
         ], 512)) : createCommentVNode("", true)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTableConfig"
   },
@@ -15993,11 +15985,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-withInstall(_sfc_main$G);
-withInstall(_sfc_main$I);
-withInstall(_sfc_main$H);
 withInstall(_sfc_main$F);
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$H);
+withInstall(_sfc_main$G);
+withInstall(_sfc_main$E);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTag",
     componentName: "ToTag"
@@ -16011,7 +16003,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     position: { default: "" },
     link: { type: Boolean, default: false },
     type: { default: "normal" },
-    offset: { default: 0 }
+    offset: { default: 0 },
+    flex: { type: Boolean, default: false }
   },
   emits: ["remove", "beforeRemove"],
   setup(__props, { emit: __emit }) {
@@ -16071,6 +16064,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       const _component_to_icon = resolveComponent("to-icon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-tag", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         createElementVNode("div", { class: "to-tag-wrapper" }, [
@@ -16092,15 +16086,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             onClick: withModifiers(removeHandle, ["stop"])
           })) : createCommentVNode("", true)
         ])
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-const ToTag = withInstall(_sfc_main$E);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const ToTag = withInstall(_sfc_main$D);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{ name: "ToText" },
   __name: "text",
   props: {
+    flex: { type: Boolean },
     data: { default: "" },
     indent: { default: 0 },
     mode: { default: "" },
@@ -16209,8 +16204,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       return result;
     });
     return (_ctx, _cache) => {
-      const _component_to_icon = resolveComponent("to-icon");
-      const _directive_size = resolveDirective("size");
       return withDirectives((openBlock(), createBlock(resolveDynamicComponent(__props.link ? "a" : "span"), {
         ref: "$el2",
         href: __props.href ? __props.href : __props.link ? "javscript:void(0)" : "",
@@ -16219,7 +16212,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "icon", {}, () => [
-            props.icon ? (openBlock(), createBlock(_component_to_icon, {
+            props.icon ? (openBlock(), createBlock(unref(ToIcon), {
               key: 0,
               class: "to-text-icon",
               value: props.icon
@@ -16234,13 +16227,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
       }, 8, ["href", "class", "style"])), [
-        [_directive_size, __props.size]
+        [unref(vSizeDirective), __props.size]
       ]);
     };
   }
 });
-withInstall(_sfc_main$D);
+withInstall(_sfc_main$C);
 const tipProps = {
+  flex: Boolean,
   // 图标
   icon: { type: [String, Boolean], default: "info" },
   // 显示内容
@@ -16273,7 +16267,7 @@ const tipProps = {
   open: { type: Function, default: () => true }
 };
 const tipEmits = ["delete", "close", "remove"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTip"
   },
@@ -16406,9 +16400,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     __expose({ open: open2, close: close2 });
     return (_ctx, _cache) => {
       return isShow.value || _ctx.position === "top" || _ctx.position === "center" ? (openBlock(), createElementBlock("div", {
-        key: 0,
+        key: unref(langKey),
         ref_key: "tipRef",
         ref: tipRef,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-tip", setClass.value]),
         onMouseenter: mouseEnterHandle,
         onMouseleave: mouseLeaveHandle
@@ -16430,7 +16425,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             onClick: remove
           }, {
             default: withCtx(() => [
-              createTextVNode("不再显示")
+              createTextVNode(toDisplayString(unref(t)("to.tip.dontShowAgain")), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -16442,11 +16437,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             onClick: ($event) => colseAction()
           }, null, 8, ["onClick"])) : createCommentVNode("", true)
         ])
-      ], 34)) : createCommentVNode("", true);
+      ], 42, ["flex"])) : createCommentVNode("", true);
     };
   }
 });
-const ToTip = withInstall(_sfc_main$C);
+const ToTip = withInstall(_sfc_main$B);
 function createTipInstance(app, ...args) {
   if (args.length === 0)
     return Promise.reject("无效的 tip 内容");
@@ -16516,7 +16511,7 @@ function createTipInstance(app, ...args) {
     const container = document.createElement("div");
     container.setAttribute("id", uuid);
     body.appendChild(container);
-    const vnode = createVNode(_sfc_main$C, {
+    const vnode = createVNode(_sfc_main$B, {
       ...options,
       onClose: () => {
         setTimeout(() => {
@@ -16583,6 +16578,7 @@ ToTip.install = (app) => {
   app.config.globalProperties.$tip = tip;
 };
 const tooltipProps = {
+  flex: Boolean,
   position: {
     type: String,
     default: "auto"
@@ -16633,7 +16629,7 @@ const tooltipProps = {
   }
 };
 const tooltipEmits = ["beforeOpen", "opened"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToTooltip"
   },
@@ -16944,6 +16940,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         key: 0,
         ref_key: "tooltip",
         ref: tooltip,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-tooltip", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -16961,16 +16958,17 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "default")
           ])
         ], 512)
-      ], 6)) : createCommentVNode("", true);
+      ], 14, ["flex"])) : createCommentVNode("", true);
     };
   }
 });
-const ToTooltip = withInstall(_sfc_main$B);
-const _sfc_main$A = /* @__PURE__ */ Object.assign({
+const ToTooltip = withInstall(_sfc_main$A);
+const _sfc_main$z = /* @__PURE__ */ Object.assign({
   name: "ToSegment"
 }, {
   __name: "segment",
   props: {
+    flex: Boolean,
     id: {
       type: String,
       default: ""
@@ -17445,6 +17443,8 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("span", {
         id: __props.id,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-segment", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -17500,7 +17500,7 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({
           class: "to-box-tip"
         }, [
           errorType.value === "rule" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(" 选择有误 "),
+            createTextVNode(toDisplayString(unref(t)("to.segment.selectError")) + " ", 1),
             withDirectives(createVNode(unref(ToIcon), {
               value: "help",
               color: "danger",
@@ -17515,12 +17515,12 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({
               ]
             ])
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(" 不能为空 ")
+            createTextVNode(toDisplayString(unref(t)("to.segment.required")), 1)
           ], 64))
         ])), [
           [unref(vColorDirective), "danger"]
         ]) : createCommentVNode("", true)
-      ], 14, ["id"])), [
+      ], 14, ["id", "flex"])), [
         [
           unref(vDis),
           iDisabled.value,
@@ -17532,7 +17532,7 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({
     };
   }
 });
-withInstall(_sfc_main$A);
+withInstall(_sfc_main$z);
 const dialogProps = {
   closable: { type: Boolean, default: true },
   draggable: { type: Boolean, default: false },
@@ -17551,10 +17551,11 @@ const dialogProps = {
   afterOpen: { type: Function, default: () => {
   } },
   afterClose: { type: Function, default: () => {
-  } }
+  } },
+  flex: { type: Boolean, default: false }
 };
 const dialogEmits = ["update:modelValue", "beforeOpen", "opened", "beforeClose", "closed", "close-button-click"];
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToDialog"
   },
@@ -17761,6 +17762,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       const _component_to_icon = resolveComponent("to-icon");
       return (_ctx.lazy ? _ctx.modelValue : true) ? (openBlock(), createElementBlock("div", {
         key: 0,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-dialog", setClass.value]),
         style: normalizeStyle(setStyle.value),
         onClick: withModifiers(blur, ["stop"])
@@ -17814,17 +17816,18 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             onClick: closeHandele
           })) : createCommentVNode("", true)
         ], 8, ["onClick"])
-      ], 6)) : createCommentVNode("", true);
+      ], 14, ["flex"])) : createCommentVNode("", true);
     };
   }
 });
-withInstall(_sfc_main$z);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+withInstall(_sfc_main$y);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToEllipsis"
   },
   __name: "Ellipsis",
   props: {
+    flex: Boolean,
     breakWord: Boolean,
     width: { type: [Number, String], default: "" },
     row: { type: [Number, String], default: 1 },
@@ -17835,8 +17838,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     unfoldable: Boolean,
     clear: Boolean,
     tip: Boolean,
-    foldText: { type: String, default: "收起" },
-    unfoldText: { type: String, default: "展开" }
+    foldText: { type: String, default: "" },
+    unfoldText: { type: String, default: "" }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -17962,6 +17965,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-ellipsis", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -17994,20 +17999,20 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             key: 1,
             href: "javascript:void(0)",
             onClick: toggle
-          }, toDisplayString(__props.foldText), 1)) : createCommentVNode("", true),
+          }, toDisplayString(__props.foldText || unref(t)("to.ellipsis.collapse")), 1)) : createCommentVNode("", true),
           !isFold.value && __props.foldable ? (openBlock(), createElementBlock("a", {
             key: 2,
             href: "javascript:void(0)",
             onClick: toggle
-          }, toDisplayString(__props.unfoldText), 1)) : createCommentVNode("", true)
+          }, toDisplayString(__props.unfoldText || unref(t)("to.ellipsis.expand")), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$y);
+withInstall(_sfc_main$x);
 const DRAG_THRESHOLD = 5;
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToFix"
   },
@@ -18261,7 +18266,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-withInstall(_sfc_main$x);
+withInstall(_sfc_main$w);
 const floatProps = {
   slide: { type: Boolean, default: false },
   lazy: { type: Boolean, default: true },
@@ -18284,7 +18289,7 @@ const floatProps = {
   global: { type: Boolean, default: true }
 };
 const floatEmits = ["click", "mouseenter", "mouseleave", "beforeOpen", "opened", "beforeClose", "closed"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToFloat",
     inheritAttrs: false
@@ -18836,7 +18841,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToFloat = withInstall(_sfc_main$w);
+const ToFloat = withInstall(_sfc_main$v);
 const picProps = {
   /**
    * 图片链接
@@ -18904,9 +18909,10 @@ const picProps = {
   link: {
     type: Boolean,
     default: false
-  }
+  },
+  flex: Boolean
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "PicViewer",
   props: {
     urlList: { default: () => [] },
@@ -18940,30 +18946,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const isFirefox = () => {
       return navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
     };
-    const useLocale = () => {
-      const t22 = (key) => {
-        const translations = {
-          "to.pic.viewer.full": "全屏",
-          "to.pic.viewer.restore": "还原",
-          "pic.tip.error.load": "加载失败"
-        };
-        return translations[key] || key;
-      };
-      return { t: t22 };
-    };
     const ModeEnum = {
       CONTAIN: {
-        name: "contain",
-        icon: "el-icon-full-screen"
+        name: "contain"
       },
       ORIGINAL: {
-        name: "original",
-        icon: "el-icon-c-scale-to-original"
+        name: "original"
       }
     };
     const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
     const props = __props;
-    const { t: t2 } = useLocale();
     const viewer = ref();
     const img = ref();
     const index = ref(props.initialIndex);
@@ -19049,6 +19041,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         }
       };
       _mouseWheelHandler = rafThrottle((e) => {
+        e.preventDefault();
         const delta = e.deltaY ? -e.deltaY : e.wheelDelta ? e.wheelDelta : -e.detail;
         if (delta > 0) {
           handleActions("zoomIn", {
@@ -19080,7 +19073,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
     const handleImgError = (e) => {
       loading.value = false;
-      e.target.alt = t2("pic.tip.error.load");
+      e.target.alt = t("pic.tip.error.load");
     };
     const handleMouseDown = (e) => {
       if (loading.value || !e.touches && e.button !== 0)
@@ -19176,7 +19169,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       (_a2 = viewer.value) == null ? void 0 : _a2.focus();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, { name: "viewer-fade" }, {
+      return openBlock(), createBlock(Transition, {
+        key: unref(langKey),
+        name: "viewer-fade"
+      }, {
         default: withCtx(() => [
           (openBlock(), createElementBlock("div", {
             key: 0,
@@ -19230,7 +19226,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => toggleMode()
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(mode.value.name === "contain" ? unref(t2)("to.pic.viewer.full") : unref(t2)("to.pic.viewer.restore")), 1)
+                  createTextVNode(toDisplayString(mode.value.name === "contain" ? unref(t)("to.pic.viewer.full") : unref(t)("to.pic.viewer.restore")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -19268,7 +19264,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToPic"
   },
@@ -19346,6 +19342,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-pic", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -19356,7 +19353,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           onClick: clickHandler
         }, null, 8, ["src", "alt"]),
         preview.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          showViewer.value ? (openBlock(), createBlock(_sfc_main$v, {
+          showViewer.value ? (openBlock(), createBlock(_sfc_main$u, {
             key: 0,
             "mask-closable": true,
             "z-index": _ctx.zIndex,
@@ -19365,11 +19362,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "url-list": _ctx.previews
           }, null, 8, ["z-index", "initial-index", "url-list"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$u, [_sfc_main$v]);
+withInstall(_sfc_main$t, [_sfc_main$u]);
 const paramProps = {
   data: {
     type: [Array, String],
@@ -19419,7 +19416,8 @@ const paramProps = {
   tip: {
     type: Boolean,
     default: false
-  }
+  },
+  flex: Boolean
 };
 const paramItemProps = {
   label: {
@@ -19444,7 +19442,7 @@ const paramItemProps = {
   },
   wrap: Boolean
 };
-const _sfc_main$t = /* @__PURE__ */ Object.assign({
+const _sfc_main$s = /* @__PURE__ */ Object.assign({
   name: "ToParamItem"
 }, {
   __name: "ParamItem",
@@ -19508,7 +19506,7 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToParam"
   },
@@ -19637,12 +19635,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "paramRef",
         ref: paramRef,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-param", setClass.value])
       }, [
         createElementVNode("div", { class: "to-param-list" }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(rowData.value, (item, index) => {
             return openBlock(), createElementBlock(Fragment, { key: index }, [
-              createVNode(_sfc_main$t, {
+              createVNode(_sfc_main$s, {
                 label: item.label,
                 value: item.value,
                 class: normalizeClass([item.merge ? "merge-" + item.merge : ""]),
@@ -19670,14 +19669,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ], 64);
           }), 128))
         ])
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
-withInstall(_sfc_main$s, [_sfc_main$t]);
-const _sfc_main$r = defineComponent({
+withInstall(_sfc_main$r, [_sfc_main$s]);
+const _sfc_main$q = defineComponent({
   name: "ToProgress",
   props: {
+    flex: Boolean,
     // 类型：normal 或 loading
     type: {
       type: String,
@@ -19932,6 +19932,7 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     ref: "elRef",
+    flex: _ctx.flex ? _ctx.flex : null,
     class: normalizeClass(["to-progress", _ctx.setClass]),
     style: normalizeStyle(_ctx.setStyle)
   }, [
@@ -19990,11 +19991,12 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.setTextStyle)
       }, toDisplayString(_ctx.textValue), 5)) : createCommentVNode("", true)
     ], 64))
-  ], 6);
+  ], 14, ["flex"]);
 }
-const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$3]]);
+const Progress = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$3]]);
 withInstall(Progress);
 const scrollProps = {
+  flex: Boolean,
   /**
    * 是否使用模拟滚动条
    */
@@ -20076,19 +20078,19 @@ const scrollProps = {
   /**
    * 背景颜色
    */
-  color: {
+  mode: {
     type: String,
     default: ""
   },
   /**
    * 滚动模式
    */
-  mode: {
+  type: {
     type: String,
     default: ""
   }
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToScroll"
   },
@@ -20494,6 +20496,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (props.mode) {
         arr.push(`mode-${props.mode}`);
       }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
       return arr;
     });
     const setContentStyle = computed(() => {
@@ -20529,10 +20534,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         obj.position = "relative";
         obj.width = "100%";
       }
-      if (props.mode === "horizontal") {
-        obj.width = props.virtual ? "100%" : "max-content";
-        obj.display = "inline-block";
-      }
       return obj;
     });
     function adjust() {
@@ -20582,6 +20583,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-scroll", setClass.value]),
+        flex: _ctx.flex ? _ctx.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         props.virtual ? (openBlock(), createElementBlock("div", {
@@ -20617,7 +20619,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 38)
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });
@@ -20630,7 +20632,7 @@ const scrollPointProps = {
     default: ""
   }
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToScrollPoint"
   },
@@ -20695,87 +20697,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToScroll = withInstall(_sfc_main$q);
-withInstall(_sfc_main$p);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ToSubmit"
-  },
-  __name: "submit",
-  props: {
-    width: { default: "" },
-    space: { default: 2 },
-    padding: { default: 0 },
-    paddingX: { default: 0 },
-    paddingY: { default: 0 },
-    position: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const setClass = computed(() => {
-      let arr = [];
-      if (props.width && typeof props.width === "string") {
-        arr.push(`to-submit-width-${props.width}`);
-      }
-      if (props.position) {
-        arr.push(`to-submit-position-${props.position}`);
-      }
-      arr.push(`to-submit-space-${props.space}`);
-      return arr;
-    });
-    const setStyle = computed(() => {
-      const obj = {};
-      if (props.width !== "auto" && props.width !== "full" && props.width !== "normal") {
-        if (typeof props.width === "number") {
-          obj.width = props.width + "em";
-        } else {
-          obj.width = props.width;
-        }
-      }
-      if (!props.paddingX && !props.paddingY) {
-        if (props.padding && String(props.padding).includes(" ")) {
-          const paddings = String(props.padding).split(" ");
-          let arr = [];
-          paddings.map((item) => {
-            if (isNaN(Number(item))) {
-              arr.push(item);
-            } else {
-              arr.push(item + "em");
-            }
-          });
-          obj.padding = arr.join(" ");
-        } else {
-          let padding = 0;
-          if (props.padding === "" || props.padding === 0) {
-            padding = 1.5;
-          } else {
-            padding = Number(props.padding);
-          }
-          obj.padding = padding + "em";
-        }
-      } else {
-        if (props.paddingX) {
-          obj.paddingLeft = isNaN(Number(props.paddingX)) ? String(props.paddingX) : props.paddingX + "em";
-          obj.paddingRight = isNaN(Number(props.paddingX)) ? String(props.paddingX) : props.paddingX + "em";
-        }
-        if (props.paddingY) {
-          obj.paddingTop = isNaN(Number(props.paddingY)) ? String(props.paddingY) : props.paddingY + "em";
-          obj.paddingBottom = isNaN(Number(props.paddingY)) ? String(props.paddingY) : props.paddingY + "em";
-        }
-      }
-      return obj;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-submit", setClass.value]),
-        style: normalizeStyle(setStyle.value)
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6);
-    };
-  }
-});
-const ToSubmit = withInstall(_sfc_main$o);
+const ToScroll = withInstall(_sfc_main$p);
+withInstall(_sfc_main$o);
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToSlide"
@@ -20785,7 +20708,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     autoplay: { type: Boolean, default: false },
     speed: { default: 2e3 },
-    pagerPosition: { default: "" }
+    pagerPosition: { default: "" },
+    flex: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -20817,10 +20741,6 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (props.mode) {
         arr.push(`mode-${props.mode}`);
       }
-      return arr;
-    });
-    const setPageClass = computed(() => {
-      let arr = [];
       if (props.pagerPosition === "outer") {
         arr.push(`is-outer`);
       }
@@ -20920,9 +20840,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       adjust
     });
     return (_ctx, _cache) => {
+      const _component_to_icon = resolveComponent("to-icon");
       return openBlock(), createElementBlock("div", {
         ref_key: "slide",
         ref: slide,
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-slide", setClass.value]),
         onMouseover: pause,
         onMouseout: play,
@@ -20932,46 +20854,54 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", { class: "to-slide-pic" }, [
           createElementVNode("ul", {
-            ref: "to-slide-wrapper",
+            ref_key: "ul",
+            ref: ul,
+            class: "to-slide-wrapper",
             style: normalizeStyle(setUlStyle.value)
           }, [
             createElementVNode("li", {
               ref_key: "firstFake",
-              ref: firstFake
+              ref: firstFake,
+              class: "to-slide-item"
             }, null, 512),
             renderSlot(_ctx.$slots, "default"),
             createElementVNode("li", {
               ref_key: "lastFake",
-              ref: lastFake
+              ref: lastFake,
+              class: "to-slide-item"
             }, null, 512)
           ], 4)
         ]),
         length.value > 1 ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "fn"
+          class: "to-slide-fn"
         }, [
-          createElementVNode("span", {
-            class: "prev",
+          createVNode(_component_to_icon, {
+            value: "back",
+            link: "",
+            class: "to-slide-fn-item type-prev",
             onClick: ($event) => prev()
           }, null, 8, ["onClick"]),
-          createElementVNode("span", {
-            class: "next",
+          createVNode(_component_to_icon, {
+            value: "next",
+            link: "",
+            class: "to-slide-fn-item type-next",
             onClick: ($event) => next()
           }, null, 8, ["onClick"])
         ])) : createCommentVNode("", true),
         length.value > 1 ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: normalizeClass(["page", setPageClass.value])
+          class: "to-slide-page"
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(length.value, (index) => {
             return openBlock(), createElementBlock("span", {
               key: index,
-              class: normalizeClass({ on: index === current.value + 1 }),
+              class: normalizeClass(["to-slide-page-item", { "is-on": index === current.value + 1 }]),
               onClick: ($event) => to(index - 1)
             }, null, 10, ["onClick"]);
           }), 128))
-        ], 2)) : createCommentVNode("", true)
-      ], 34);
+        ])) : createCommentVNode("", true)
+      ], 42, ["flex"]);
     };
   }
 });
@@ -20997,6 +20927,13 @@ const breadcrumbProps = {
   mode: {
     type: String,
     default: "default"
+  },
+  /**
+   * 是否启用 flex 布局
+   */
+  flex: {
+    type: Boolean,
+    default: false
   }
 };
 const _sfc_main$m = defineComponent({
@@ -21013,10 +20950,11 @@ const _sfc_main$m = defineComponent({
 });
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["to-breadcrumb", [`is-${_ctx.mode}`]])
+    flex: _ctx.flex ? _ctx.flex : null,
+    class: normalizeClass(["to-breadcrumb", [`mode-${_ctx.mode}`]])
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 2);
+  ], 10, ["flex"]);
 }
 const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$2]]);
 const breadcrumbItemProps = {
@@ -21060,7 +20998,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_to_icon = resolveComponent("to-icon");
   return openBlock(), createElementBlock("span", { class: "to-breadcrumb-item" }, [
     createElementVNode("span", {
-      class: normalizeClass(["to-breadcrumb-item__inner", _ctx.to ? "is-link" : ""]),
+      class: normalizeClass(["to-breadcrumb-item-label", _ctx.to ? "is-link" : ""]),
       role: "link",
       onClick: _ctx.handleClick
     }, [
@@ -21068,10 +21006,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, ["onClick"]),
     !((_a2 = _ctx.breadcrumbData) == null ? void 0 : _a2.separatorIcon) ? (openBlock(), createElementBlock("span", {
       key: 0,
-      class: "to-breadcrumb-item__separator"
+      class: "to-breadcrumb-item-separator"
     }, toDisplayString((_b = _ctx.breadcrumbData) == null ? void 0 : _b.separator), 1)) : (openBlock(), createBlock(_component_to_icon, {
       key: 1,
-      class: "to-breadcrumb-item__separator",
+      class: "to-breadcrumb-item-separator",
       value: (_c = _ctx.breadcrumbData) == null ? void 0 : _c.separatorIcon
     }, null, 8, ["value"]))
   ]);
@@ -21265,6 +21203,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   __name: "tree",
   props: {
+    flex: { type: Boolean },
     mode: { default: "default" },
     expand: { type: Boolean, default: false },
     data: { default: () => [] },
@@ -21278,7 +21217,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     childrenText: { default: "children" },
     valueText: { default: "value" },
     labelText: { default: "label" },
-    emptyText: { default: "暂无数据" },
+    emptyText: { default: "" },
     load: { type: Function, default: null },
     parentSelectable: { type: Boolean, default: false },
     filterNodeMethod: { type: Function, default: null }
@@ -21697,6 +21636,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-tree", setClass.value])
       }, [
         filterStore.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filterStore.value, (item) => {
@@ -21715,8 +21656,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         }), 128)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: "to-tree-empty"
-        }, toDisplayString(__props.emptyText), 1))
-      ], 2);
+        }, toDisplayString(props.emptyText || unref(t)("to.tree.noData")), 1))
+      ], 10, ["flex"]);
     };
   }
 });
@@ -21819,16 +21760,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     labelText: { default: "label" },
     valueText: { default: "value" },
     childrenText: { default: "children" },
-    placeholder: { default: "请选择" },
+    placeholder: { default: "" },
     optionWidth: { default: "16em" },
     optionCol: { default: "" },
     data: { default: () => [] },
     comparable: { type: Boolean, default: false },
     required: { type: Boolean, default: false },
     desc: { default: "" },
-    prefix: {},
+    prefix: { default: "" },
     showAllLevels: { type: Boolean, default: true },
-    checkedDatas: { default: () => [] }
+    checkedDatas: { default: () => [] },
+    flex: { type: Boolean, default: false }
   },
   emits: ["change", "update:modelValue", "update:checkedDatas"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -22141,6 +22083,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return withDirectives((openBlock(), createElementBlock("div", {
         ref_key: "$el",
         ref: $el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-cascader", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -22173,7 +22117,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             value_.value ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(valueLabel.value), 1)) : (openBlock(), createElementBlock("span", {
               key: 1,
               class: "to-cascader-placeholder"
-            }, toDisplayString(__props.placeholder), 1))
+            }, toDisplayString(__props.placeholder || unref(t)("to.cascader.placeholder")), 1))
           ])
         ]),
         __props.clearable && value_.value ? (openBlock(), createElementBlock("span", {
@@ -22208,7 +22152,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 !data_.value.length ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   style: { "text-align": "center", "color": "#ccc", "padding": "3em 0.3em" }
-                }, "暂无数据")) : createCommentVNode("", true),
+                }, toDisplayString(unref(t)("to.cascader.noData")), 1)) : createCommentVNode("", true),
                 createVNode(_component_to_scroll, {
                   onClick: withModifiers(() => {
                   }, ["stop"])
@@ -22231,7 +22175,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           class: "to-box-tip"
         }, [
           errorType.value === "rule" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(" 输入有误 "),
+            createTextVNode(toDisplayString(unref(t)("to.cascader.inputError")) + " ", 1),
             withDirectives(createVNode(unref(ToIcon), {
               style: { "height": "auto" },
               value: "help",
@@ -22247,12 +22191,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               ]
             ])
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(" 不能为空 ")
+            createTextVNode(toDisplayString(unref(t)("to.cascader.required")), 1)
           ], 64))
         ])), [
           [_directive_color, "danger"]
         ]) : createCommentVNode("", true)
-      ], 6)), [
+      ], 14, ["flex"])), [
         [_directive_tip, changed.value ? unref(t)("to.common.originalValue", getLabelPath(valueStore.value[0], data_.value)) : ""]
       ]);
     };
@@ -22356,7 +22300,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     mode: { default: "default" },
     modeValue: { default: "" },
     expand: { type: Boolean, default: false },
-    accordion: { type: Boolean, default: false }
+    accordion: { type: Boolean, default: false },
+    flex: { type: Boolean, default: false }
   },
   emits: ["change", "update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -22416,10 +22361,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-collapse", setClass.value])
+        class: normalizeClass(["to-collapse", setClass.value]),
+        flex: __props.flex ? __props.flex : null
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
@@ -22431,6 +22377,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   },
   __name: "range",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     modelValue: { default: 0 },
     disabled: { type: Boolean, default: false },
@@ -22661,6 +22608,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(["to-range", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value),
         onTouchmove: ($event) => moveHandle($event),
         onTouchend: ($event) => endHandle($event)
@@ -22700,7 +22648,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           width: __props.inputWidth,
           dot: fixed.value
         }, null, 8, ["modelValue", "onUpdate:modelValue", "width", "dot"])) : createCommentVNode("", true)
-      ], 46, ["onTouchmove", "onTouchend"]);
+      ], 46, ["flex", "onTouchmove", "onTouchend"]);
     };
   }
 });
@@ -22711,6 +22659,7 @@ const _sfc_main$d = defineComponent({
     ToIcon
   },
   props: {
+    flex: Boolean,
     data: {
       type: Array,
       default: () => []
@@ -22837,7 +22786,8 @@ const _sfc_main$d = defineComponent({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_to_icon = resolveComponent("to-icon");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["to-timeline", _ctx.getClass])
+    class: normalizeClass(["to-timeline", _ctx.getClass]),
+    flex: _ctx.flex ? _ctx.flex : null
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.displayItems, (item, index) => {
       return openBlock(), createElementBlock("div", {
@@ -22912,7 +22862,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         })) : createCommentVNode("", true)
       ], 12, ["onClick"]);
     }), 128))
-  ], 2);
+  ], 10, ["flex"]);
 }
 const Timeline = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render]]);
 withInstall(Timeline);
@@ -22925,7 +22875,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     data: { default: () => [] },
     auto: { type: Boolean, default: false },
-    mode: { default: "" }
+    mode: { default: "" },
+    pic: { default: "" }
   },
   emits: ["opened", "closed", "complete"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -22943,19 +22894,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const step = ref(0);
     let timer = null;
     const tooltipRef = ref(null);
-    const t2 = (key) => {
-      const map = {
-        "to.guider.restart": "重新开始",
-        "to.guider.finish": "完成",
-        "to.guider.skip": "跳过",
-        "to.guider.next": "下一步"
-      };
-      return map[key] || key;
-    };
     const setClass = computed(() => {
       let arr = [];
       if (props.mode) {
-        arr.push(`to-guider-mode-${props.mode}`);
+        arr.push(`mode-${props.mode}`);
       }
       return arr;
     });
@@ -22994,7 +22936,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }, 200);
     };
     const init = (during) => {
-      var _a2;
       let delay = 0;
       if (during) {
         delay = during;
@@ -23004,25 +22945,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         return;
       const id = currentStep.id;
       el.value = document.getElementById(id);
-      if (el.value && el.value.scrollIntoView) {
-        el.value.scrollIntoView();
-      } else {
-        if (step.value < props.data.length - 1) {
-          step.value += 1;
-        }
-        (_a2 = tooltipRef.value) == null ? void 0 : _a2.warning(id + " 元素未找到");
-      }
       desc.value = currentStep.desc;
       title.value = currentStep.title || "";
       const innerTimer = setTimeout(() => {
-        var _a3, _b, _c;
+        var _a2, _b, _c;
         let left = 0;
         let top = 0;
         if (el.value && el.value.getBoundingClientRect) {
           left = el.value.getBoundingClientRect().left;
           top = el.value.getBoundingClientRect().top;
         }
-        const width = ((_a3 = el.value) == null ? void 0 : _a3.offsetWidth) || 0;
+        const width = ((_a2 = el.value) == null ? void 0 : _a2.offsetWidth) || 0;
         const height = ((_b = el.value) == null ? void 0 : _b.offsetHeight) || 0;
         bg0Style.value = {
           width: left + "px"
@@ -23076,32 +23009,35 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     __expose({ open: open2, close: close2 });
     return (_ctx, _cache) => {
-      const _component_to_gap = resolveComponent("to-gap");
+      const _component_to_pic = resolveComponent("to-pic");
       const _component_to_checkbox = resolveComponent("to-checkbox");
       const _component_to_button = resolveComponent("to-button");
       const _component_to_tooltip = resolveComponent("to-tooltip");
       return withDirectives((openBlock(), createElementBlock("div", {
+        key: unref(langKey),
         class: normalizeClass(["to-guider", setClass.value])
       }, [
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg0Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg1Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg2Style.value)
         }, null, 4),
         createElementVNode("div", {
-          class: "bg",
+          class: "to-guider-bg",
           style: normalizeStyle(bg3Style.value)
         }, null, 4),
         withDirectives(createVNode(_component_to_tooltip, {
           ref_key: "tooltipRef",
           ref: tooltipRef,
+          class: "to-guider-tip",
+          readonly: false,
           color: "bg",
           shadow: "",
           "close-on-blur": false,
@@ -23109,77 +23045,70 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           width: "35"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", { class: "to-guiderContent" }, [
-              createElementVNode("div", { class: "content" }, [
-                createElementVNode("div", { class: "title" }, toDisplayString(title.value), 1),
-                title.value.length ? (openBlock(), createBlock(_component_to_gap, {
-                  key: 0,
-                  type: "line"
-                })) : createCommentVNode("", true),
+            props.pic ? (openBlock(), createBlock(_component_to_pic, {
+              key: 0,
+              class: "to-guider-pic",
+              src: props.pic
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            createElementVNode("div", { class: "to-guider-content" }, [
+              title.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "to-guider-title"
+              }, [
+                createElementVNode("div", { class: "to-guider-title-text" }, toDisplayString(title.value), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", { class: "to-guider-desc" }, [
                 createElementVNode("div", {
-                  class: "desc",
+                  class: "to-guider-desc-text",
                   innerHTML: desc.value
-                }, null, 8, ["innerHTML"]),
-                createElementVNode("div", { class: "fn" }, [
-                  createVNode(_component_to_checkbox, {
-                    modelValue: isNever.value,
-                    "onUpdate:modelValue": ($event) => isNever.value = $event,
-                    label: "不再显示"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                  step.value + 1 === __props.data.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      mode: "line",
-                      onClick: handleRestart
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(t2("to.guider.restart")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_to_gap, {
-                      value: 1,
-                      type: "inline"
-                    }),
-                    createVNode(_component_to_button, {
-                      color: "primary",
-                      fillet: "normal",
-                      onClick: handleComplete
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(t2("to.guider.finish")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      mode: "line",
-                      onClick: handleClose
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(t2("to.guider.skip")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_to_gap, {
-                      value: 1,
-                      type: "inline"
-                    }),
-                    createVNode(_component_to_button, {
-                      fillet: "normal",
-                      color: "primary",
-                      onClick: handleNext
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(t2("to.guider.next")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64))
-                ])
+                }, null, 8, ["innerHTML"])
+              ]),
+              createElementVNode("div", { class: "to-guider-fn" }, [
+                createVNode(_component_to_checkbox, {
+                  modelValue: isNever.value,
+                  "onUpdate:modelValue": ($event) => isNever.value = $event,
+                  class: "to-guider-checkbox",
+                  label: unref(t)("to.guider.dontShowAgain")
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
+                step.value + 1 === __props.data.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(_component_to_button, {
+                    class: "to-guider-restart",
+                    onClick: handleRestart
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.restart")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_to_button, {
+                    class: "to-guider-finish",
+                    onClick: handleComplete
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.finish")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createVNode(_component_to_button, {
+                    class: "to-guider-skip",
+                    onClick: handleClose
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.skip")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_to_button, {
+                    class: "to-guider-next",
+                    onClick: handleNext
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(t)("to.guider.next")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64))
               ])
             ])
           ]),
@@ -23201,10 +23130,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   },
   __name: "transfer",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     data: { default: () => "" },
-    leftTitle: { default: "待选" },
-    rightTitle: { default: "已选" },
+    leftTitle: { default: "" },
+    rightTitle: { default: "" },
     modelValue: { default: "" },
     labelText: { default: "label" },
     valueText: { default: "value" },
@@ -23465,6 +23395,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const _directive_color = resolveDirective("color");
       const _directive_dis = resolveDirective("dis");
       return openBlock(), createElementBlock("div", {
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-transfer", setClass.value])
       }, [
         createElementVNode("div", { class: "to-transfer-panel" }, [
@@ -23472,7 +23404,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             createVNode(unref(ToCheckbox), {
               modelValue: dataGlobal.value,
               "onUpdate:modelValue": ($event) => dataGlobal.value = $event,
-              label: __props.leftTitle,
+              label: __props.leftTitle || unref(t)("to.transfer.pending"),
               width: "full",
               onChange: (val) => {
                 selectDataMap(val, "dataGroup");
@@ -23489,8 +23421,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => dataFilterKey.value = $event,
                 clearable: "",
                 width: "full",
-                placeholder: "请输入关键字"
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                placeholder: unref(t)("to.transfer.placeholder")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -23515,7 +23447,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 value: "1.5"
               }, {
                 default: withCtx(() => [
-                  createTextVNode("无数据")
+                  createTextVNode(toDisplayString(unref(t)("to.transfer.noData")), 1)
                 ]),
                 _: 1
               })), [
@@ -23555,7 +23487,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             createVNode(unref(ToCheckbox), {
               modelValue: valueGlobal.value,
               "onUpdate:modelValue": ($event) => valueGlobal.value = $event,
-              label: __props.rightTitle,
+              label: __props.rightTitle || unref(t)("to.transfer.selected"),
               width: "full",
               onChange: (val) => {
                 selectDataMap(val, "valueGroup");
@@ -23572,9 +23504,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => valueFilterKey.value = $event,
                 clearable: "",
                 width: "full",
-                placeholder: "请输入关键字",
+                placeholder: unref(t)("to.transfer.placeholder"),
                 fillet: __props.fillet
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "fillet"])
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fillet"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -23599,7 +23531,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 value: "1.5"
               }, {
                 default: withCtx(() => [
-                  createTextVNode("无数据")
+                  createTextVNode(toDisplayString(unref(t)("to.transfer.noData")), 1)
                 ]),
                 _: 1
               })), [
@@ -23611,7 +23543,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["height"])
         ])
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
@@ -23622,12 +23554,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   },
   __name: "upload",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     multiple: { type: Boolean, default: false },
     auto: { type: Boolean, default: false },
     action: { default: "" },
     headers: { default: () => ({}) },
-    placeholder: { default: "请选择" },
+    placeholder: { default: "" },
     desc: { default: "" },
     id: { default: "upload" + (/* @__PURE__ */ new Date()).getTime() },
     required: { type: Boolean, default: false },
@@ -23649,7 +23582,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     beforeStart: { type: [Function, null], default: null },
     verifiable: { type: Boolean, default: true },
     showList: { type: Boolean, default: true },
-    uploadText: { default: "上传" }
+    uploadText: { default: "" }
   },
   emits: ["start", "success", "error", "clear", "change", "progress", "remove", "download"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -23785,7 +23718,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }
         }
       } else {
-        $tip.danger(`最多只能上传${props.maxLength}个文件`).catch(() => {
+        $tip.danger(t("to.upload.tip.error.count", props.maxLength)).catch(() => {
         });
       }
     }
@@ -23912,7 +23845,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           handleUpload(file);
         });
       } else {
-        $tip.danger(`最多只能上传${props.maxLength}个文件`).catch(() => {
+        $tip.danger(t("to.upload.tip.error.count", props.maxLength)).catch(() => {
         });
       }
     }
@@ -23927,6 +23860,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const _directive_color = resolveDirective("color");
       return openBlock(), createElementBlock("div", {
         id: __props.id,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-upload", setClass.value]),
         style: normalizeStyle(setStyle.value)
       }, [
@@ -23953,7 +23888,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           readonly: "",
           disabled: props.disabled,
           width: props.width,
-          placeholder: __props.placeholder,
+          placeholder: __props.placeholder || unref(t)("to.common.placeholder.select"),
           verifiable: false
         }, {
           suffix: withCtx(() => [
@@ -23973,7 +23908,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           onClick: handleFile
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(props.uploadText), 1)
+            createTextVNode(toDisplayString(props.uploadText || unref(t)("to.upload.button")), 1)
           ]),
           _: 1
         }, 8, ["disabled"])) : createCommentVNode("", true),
@@ -24086,7 +24021,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           class: "to-box-tip"
         }, [
           errorType.value === "rule" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(" 选择有误 "),
+            createTextVNode(toDisplayString(unref(t)("to.upload.selectError")) + " ", 1),
             withDirectives(createVNode(unref(ToIcon), {
               value: "help",
               color: "danger",
@@ -24101,12 +24036,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               ]
             ])
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(" 不能为空 ")
+            createTextVNode(toDisplayString(unref(t)("to.upload.required")), 1)
           ], 64))
         ])), [
           [_directive_color, "danger"]
         ]) : createCommentVNode("", true)
-      ], 14, ["id"]);
+      ], 14, ["id", "flex"]);
     };
   }
 });
@@ -24118,10 +24053,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   __name: "import",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     type: { default: "button" },
     accept: { default: "" },
-    buttonText: { default: "导入" },
+    buttonText: { default: "" },
     name: { default: "importfile" },
     action: { default: "" },
     beforeStart: { type: Function, default: () => true },
@@ -24237,7 +24173,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           await processFile(file);
         } else {
           state.value = "error";
-          errorTip.value = "文件类型不正确";
+          errorTip.value = t("to.import.error.fileType");
           fileName.value = "";
           e.target.value = "";
         }
@@ -24263,13 +24199,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           emit("error", err, status, file);
           switch (err.type) {
             case "network_error":
-              errorTip.value = "网络错误：" + err.message;
+              errorTip.value = t("to.import.error.network") + err.message;
               break;
             case "http_error":
-              errorTip.value = `服务器错误(${status})：${((_a2 = err.response) == null ? void 0 : _a2.message) || err.message}`;
+              errorTip.value = t("to.import.error.server") + `(${status})：${((_a2 = err.response) == null ? void 0 : _a2.message) || err.message}`;
               break;
             case "parse_error":
-              errorTip.value = "服务器返回数据格式错误：" + err.message;
+              errorTip.value = t("to.import.error.dataFormat") + err.message;
               break;
           }
         },
@@ -24335,7 +24271,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           await processFile(file);
         } else {
           state.value = "error";
-          errorTip.value = "文件类型不正确";
+          errorTip.value = t("to.import.error.fileType");
           fileName.value = "";
         }
       }
@@ -24358,7 +24294,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           } else if (file) {
             e.preventDefault();
             state.value = "error";
-            errorTip.value = "文件类型不正确";
+            errorTip.value = t("to.import.error.fileType");
             fileName.value = "";
             break;
           }
@@ -24398,6 +24334,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_to_scroll = resolveComponent("to-scroll");
       return openBlock(), createElementBlock("span", {
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-import", setClass.value])
       }, [
         withDirectives(createElementVNode("input", {
@@ -24420,7 +24358,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(($event) => handleFloat(button.value), ["stop"])
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(props.buttonText), 1)
+            createTextVNode(toDisplayString(props.buttonText || unref(t)("to.import.button")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "onClick"])) : (openBlock(), createBlock(unref(ToIcon), {
@@ -24459,7 +24397,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     class: "to-import-file-icon"
                   }, null, 8, ["value"]),
                   createElementVNode("div", { class: "to-import-file-name" }, [
-                    createElementVNode("span", { class: "to-import-file-name-text" }, toDisplayString(errorTip.value || fileName.value || "点击 / 拖拽 / 粘贴"), 1)
+                    createElementVNode("span", { class: "to-import-file-name-text" }, toDisplayString(errorTip.value || fileName.value || unref(t)("to.import.dragText")), 1)
                   ]),
                   state.value || hasDownloadTemplate() ? (openBlock(), createElementBlock("div", {
                     key: 0,
@@ -24472,7 +24410,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                       onClick: withModifiers(handleReset, ["stop"])
                     }, {
                       default: withCtx(() => [
-                        createTextVNode("重置")
+                        createTextVNode(toDisplayString(unref(t)("to.import.reset")), 1)
                       ]),
                       _: 1
                     })) : hasDownloadTemplate() ? (openBlock(), createBlock(unref(ToButton), {
@@ -24482,7 +24420,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                       onClick: withModifiers(downloadTem, ["stop"])
                     }, {
                       default: withCtx(() => [
-                        createTextVNode("模版下载")
+                        createTextVNode(toDisplayString(unref(t)("to.import.downloadTemplate")), 1)
                       ]),
                       _: 1
                     })) : createCommentVNode("", true)
@@ -24494,7 +24432,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["before-open", "before-close"])
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
@@ -24505,12 +24443,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   },
   __name: "export",
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
-    buttonText: { default: "导出" },
+    buttonText: { default: "" },
     type: { default: "button" },
     fileTypes: { default: ".xlsx,.xls" },
     fileType: { default: ".xls" },
-    fileName: { default: "导出文件" + format$1(/* @__PURE__ */ new Date(), "yyyyMMdd") },
+    fileName: { default: "" },
     action: { default: "" },
     headers: { default: () => null },
     withCredentials: { type: Boolean, default: false },
@@ -24611,6 +24550,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-export", setClass.value])
       }, [
         props.type === "button" ? (openBlock(), createBlock(unref(ToButton), {
@@ -24624,7 +24565,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(($event) => handleFloat(buttonEl.value), ["stop"])
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(props.buttonText), 1)
+            createTextVNode(toDisplayString(props.buttonText || unref(t)("to.export.button")), 1)
           ]),
           _: 1
         }, 8, ["disabled", "onClick"])) : (openBlock(), createBlock(unref(ToIcon), {
@@ -24670,7 +24611,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   onClick: handleExport
                 }, {
                   default: withCtx(() => [
-                    createTextVNode("确定")
+                    createTextVNode(toDisplayString(unref(t)("to.export.confirm")), 1)
                   ]),
                   _: 1
                 })
@@ -24680,7 +24621,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["before-open", "before-close", "onOpened", "onClosed"])
-      ], 2);
+      ], 10, ["flex"]);
     };
   }
 });
@@ -25845,7 +25786,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (isArray(color)) {
         return color.map((colorItem) => {
           if (isArray(colorItem)) {
-            return createGradientColor(colorItem[0], colorItem[1], colorItem[2]);
+            return createGradientColor(colorItem[0], colorItem[1]);
           }
           return colorItem;
         });
@@ -25863,16 +25804,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         });
       });
     });
-    const createGradientColor = (startColor, endColor, angle) => {
-      if (!echartsLib || !echartsLib.graphic || !echartsLib.graphic.LinearGradient) {
-        return startColor;
-      }
-      const a = Number(angle || 0);
-      const angleRad = a * Math.PI / 180;
-      return new echartsLib.graphic.LinearGradient(0, 0, Math.cos(angleRad), Math.sin(angleRad), [
-        { offset: 0, color: startColor },
-        { offset: 1, color: endColor }
-      ]);
+    const createGradientColor = (startColor, endColor) => {
+      return {
+        type: "linear",
+        x: 0,
+        y: 0,
+        x2: 0,
+        y2: 1,
+        colorStops: [
+          { offset: 0, color: startColor },
+          { offset: 1, color: endColor }
+        ]
+      };
     };
     const processDataItem = (item, index) => {
       const hasGap = Number(props.gap) > 0;
@@ -26523,7 +26466,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }
           series.push({
             type: props.chartsType,
-            data: props.data.map((item) => item.value),
+            data: props.data,
             barWidth: Number(props.barSize) * currentEm.value,
             itemStyle: getItemStyle(),
             label: getSeriesLabelConfig(),
@@ -27257,17 +27200,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }, 200);
     };
     const handleChartClick = (params) => {
-      const dataIndex = params.dataIndex;
-      const sourceData = props.data[dataIndex];
-      const colorArray = isArray(props.color) ? props.color : [];
-      const resolvedColor = colorArray.length > 0 ? colorArray[dataIndex % colorArray.length] : props.color;
-      const clickedData = {
-        name: sourceData.name,
-        value: sourceData.value,
-        color: resolvedColor,
-        index: dataIndex
-      };
-      emit("item-click", clickedData);
+      emit("item-click", params);
     };
     watch(
       () => props.data,
@@ -27315,8 +27248,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const echartsBar_vue_vue_type_style_index_0_scoped_8d27fd48_lang = "";
-const EchartsBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8d27fd48"]]);
+const echartsBar_vue_vue_type_style_index_0_scoped_520981ab_lang = "";
+const EchartsBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-520981ab"]]);
 const ToEchartsBar = withInstall(EchartsBar);
 const DEFAULT_VIEW_CONTROL = {
   zoomSensitivity: 0,