@touchvue/plugin 1.0.0-beta.8 → 1.0.0-beta.9

package/index.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createElementVNode, renderSlot, getCurrentInstance, nextTick, render, createVNode, inject, watch, unref, withKeys, vShow, toDisplayString, Fragment, renderList, vModelSelect, createTextVNode, withCtx, withModifiers, onMounted, useSlots, onBeforeUnmount, provide, vModelText, vModelDynamic, isVNode, useAttrs, resolveDynamicComponent, mergeProps, h, isRef, reactive, createSlots, normalizeProps, guardReactiveProps, onDeactivated, onActivated, Transition, onUnmounted, useCssVars, markRaw, toRaw } from "vue";
+import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, createElementVNode, renderSlot, getCurrentInstance, nextTick, render, createVNode, onMounted, watchEffect, onUnmounted, inject, watch, unref, withKeys, vShow, toDisplayString, Fragment, renderList, vModelSelect, createTextVNode, withCtx, Teleport, withModifiers, useSlots, onBeforeUnmount, provide, vModelText, vModelDynamic, isVNode, useAttrs, resolveDynamicComponent, mergeProps, h, isRef, reactive, createSlots, normalizeProps, guardReactiveProps, onDeactivated, onActivated, Transition, useCssVars, markRaw, toRaw } from "vue";
 const withInstall = (main, extra) => {
   main.install = (app) => {
     for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
@@ -4103,6 +4103,33 @@ 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 {
@@ -4396,26 +4423,99 @@ function getBody(xhr) {
   try {
     return JSON.parse(text2);
   } catch (e) {
-    return text2;
+    return {
+      rawText: text2,
+      parseError: {
+        message: e.message,
+        stack: e.stack
+      }
+    };
   }
 }
 const fileAjax = (option) => {
   if (typeof XMLHttpRequest === "undefined") {
+    option.onError(
+      {
+        type: "network_error",
+        message: "当前环境不支持 XMLHttpRequest",
+        status: 0
+      },
+      0
+    );
     return;
   }
   const xhr = new XMLHttpRequest();
   const action = option.action;
   xhr.onerror = function error(e) {
-    option.onError(e, xhr.status);
+    option.onError(
+      {
+        type: "network_error",
+        message: "网络请求失败",
+        status: xhr.status,
+        event: e
+      },
+      xhr.status
+    );
+  };
+  xhr.upload.addEventListener(
+    "progress",
+    function(e) {
+      option.onProgress(e);
+    },
+    false
+  );
+  xhr.ontimeout = function(e) {
+    option.onError(
+      {
+        type: "network_error",
+        message: "文件上传请求超时",
+        status: 0,
+        event: e
+      },
+      0
+    );
   };
-  xhr.upload.addEventListener("progress", function(e) {
-    option.onProgress(e);
-  });
   xhr.onload = function onload() {
-    if (xhr.status < 200 || xhr.status >= 300) {
-      return option.onError("response" in xhr ? xhr.response : getBody(xhr), xhr.status);
+    if (xhr.status >= 200 && xhr.status < 300) {
+      const response = getBody(xhr);
+      if (response == null ? void 0 : response.parseError) {
+        option.onError(
+          {
+            type: "parse_error",
+            message: `响应内容解析失败: ${response.parseError.message}`,
+            status: xhr.status,
+            response: response.rawText
+          },
+          xhr.status
+        );
+        return;
+      }
+      option.onSuccess(response, xhr.status);
+    } else {
+      const response = getBody(xhr);
+      option.onError(
+        {
+          type: "http_error",
+          message: `HTTP请求失败: ${xhr.status} ${xhr.statusText}`,
+          status: xhr.status,
+          response,
+          // 补充返回状态文本，方便调试
+          statusText: xhr.statusText
+        },
+        xhr.status
+      );
     }
-    option.onSuccess("response" in xhr ? xhr.response : getBody(xhr), xhr.status);
+  };
+  xhr.onabort = function(e) {
+    option.onError(
+      {
+        type: "network_error",
+        message: "请求被手动取消",
+        status: 0,
+        event: e
+      },
+      0
+    );
   };
   xhr.open("post", action, true);
   if (option.withCredentials && "withCredentials" in xhr) {
@@ -5677,6 +5777,29 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   props: selectProps,
   emits: ["change", "select", "update:modelValue", "option-loaded"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const currentScale = ref(1);
+    const calcScale = () => {
+      if (!$el.value)
+        return;
+      const layoutWidth = $el.value.offsetWidth;
+      if (layoutWidth === 0)
+        return;
+      const visualWidth = $el.value.getBoundingClientRect().width;
+      currentScale.value = Number((visualWidth / layoutWidth).toFixed(4));
+    };
+    onMounted(() => {
+      calcScale();
+      window.addEventListener("resize", calcScale);
+      const stopWatch = watchEffect(() => {
+        if ($el.value) {
+          calcScale();
+        }
+      });
+      onUnmounted(() => {
+        window.removeEventListener("resize", calcScale);
+        stopWatch();
+      });
+    });
     const props = __props;
     const emit = __emit;
     const ToForm = inject("ToForm", null);
@@ -5692,7 +5815,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const blurByLayer = ref(false);
     const layerSlide = ref(false);
-    const layerPosition = ref("auto");
+    const layerPosition = ref("");
     const disabled = ref(props.disabled);
     const isChanging = ref(false);
     const filterValue = ref("");
@@ -6146,16 +6269,6 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       }
       return arr;
     });
-    const getDynamicHeight = computed(() => {
-      if (!trigger.value || !optionLayer.value)
-        return "";
-      const triggerRect = trigger.value.getBoundingClientRect();
-      const windowHeight = window.innerHeight;
-      const distanceToBottom = windowHeight - triggerRect.bottom;
-      const distanceToTop = triggerRect.top;
-      const maxHeight = Math.max(distanceToBottom, distanceToTop) * 0.8;
-      return `${maxHeight}px`;
-    });
     const change = (value, option) => {
       if (props.beforeChange) {
         let result = props.beforeChange(value, option);
@@ -6717,6 +6830,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     ref: input,
                     modelValue: inputValue.value,
                     "onUpdate:modelValue": ($event) => inputValue.value = $event,
+                    disabled: disabled.value,
                     "sp-chars": _ctx.spChars,
                     tabindex: _ctx.tabindex,
                     clearable: _ctx.clearable,
@@ -6727,13 +6841,14 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     onFocus: inputFocus,
                     onKeyup: inputInput,
                     onBlur: inputBlur
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true),
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true),
                   _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
                     key: 1,
                     ref_key: "filter",
                     ref: filter,
                     modelValue: filterValue.value,
                     "onUpdate:modelValue": ($event) => filterValue.value = $event,
+                    disabled: disabled.value,
                     "focus-when-clear": _ctx.focusWhenClear,
                     "sp-chars": _ctx.inputable ? _ctx.spChars : false,
                     tabindex: _ctx.tabindex,
@@ -6746,11 +6861,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     onFocus: filterFocus,
                     onKeyup: filterInput,
                     onBlur: filterBlur
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "focus-when-clear", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true),
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "focus-when-clear", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true),
                   _ctx.setDataFn ? (openBlock(), createBlock(unref(ToInput), {
                     key: 2,
                     modelValue: setDataInputValue.value,
                     "onUpdate:modelValue": ($event) => setDataInputValue.value = $event,
+                    disabled: disabled.value,
                     "sp-chars": _ctx.inputable ? _ctx.spChars : false,
                     tabindex: _ctx.tabindex,
                     clearable: _ctx.clearable,
@@ -6762,7 +6878,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                     onFocus: filterFocus,
                     onKeyup: filterInput,
                     onBlur: filterBlur
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "sp-chars", "tabindex", "clearable", "placeholder"])) : createCommentVNode("", true)
                 ]))
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 unref(selected).filter((item) => !item.hide).length === 0 && !_ctx.inputable && !_ctx.filterable && !_ctx.setDataFn ? (openBlock(), createElementBlock("span", {
@@ -6882,433 +6998,434 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             [unref(vColorDirective), "danger"]
           ]) : createCommentVNode("", true)
         ], 512),
-        createVNode(unref(ToFloat), {
-          ref_key: "optionLayer",
-          ref: optionLayer,
-          class: normalizeClass(["to-select-option", setOptionClass.value]),
-          align: _ctx.optionDisplay === "popup" ? "center" : _ctx.optionAlign,
-          lazy: _ctx.lazy,
-          width: iOptionWidth.value,
-          slide: layerSlide.value,
-          position: layerPosition.value,
-          onClosed: layerClose,
-          onMousedown: layerMousedown,
-          onBeforeOpen: layerOpen
-        }, {
-          default: withCtx(() => [
-            dataLoading.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
-              key: 0,
-              value: 2
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createElementVNode("div", {
+            class: normalizeClass(["to-select", unref(setClass)])
+          }, [
+            createVNode(unref(ToFloat), {
+              ref_key: "optionLayer",
+              ref: optionLayer,
+              style: normalizeStyle({ transform: `scale(${currentScale.value})`, transformOrigin: "left top" }),
+              global: false,
+              class: normalizeClass(["to-select-option", setOptionClass.value]),
+              align: _ctx.optionDisplay === "popup" ? "center" : _ctx.optionAlign,
+              width: iOptionWidth.value,
+              slide: layerSlide.value,
+              position: layerPosition.value,
+              onClosed: layerClose,
+              onMousedown: layerMousedown,
+              onBeforeOpen: layerOpen
             }, {
               default: withCtx(() => [
-                createVNode(unref(ToIcon), { value: "loading" })
-              ]),
-              _: 1
-            })), [
-              [_directive_align, "center"]
-            ]) : renderSlot(_ctx.$slots, "default", {
-              key: 1,
-              data: options.value
-            }, () => [
-              _ctx.optionDisplay === "popup" || (_ctx.inputable || _ctx.filterable) && unref($phone) ? (openBlock(), createBlock(unref(ToGrid), {
-                key: 0,
-                style: { "width": "100%" },
-                type: "v"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ToGridItem), {
-                    side: "",
-                    width: "full"
+                dataLoading.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
+                  key: 0,
+                  value: 2
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ToIcon), { value: "loading" })
+                  ]),
+                  _: 1
+                })), [
+                  [_directive_align, "center"]
+                ]) : renderSlot(_ctx.$slots, "default", {
+                  key: 1,
+                  data: options.value
+                }, () => [
+                  _ctx.optionDisplay === "popup" || (_ctx.inputable || _ctx.filterable) && unref($phone) ? (openBlock(), createBlock(unref(ToGrid), {
+                    key: 0,
+                    style: { "width": "100%" },
+                    type: "v"
                   }, {
                     default: withCtx(() => [
-                      createVNode(unref(ToPadding), { value: "1" }, {
+                      createVNode(unref(ToGridItem), {
+                        side: "",
+                        width: "full"
+                      }, {
                         default: withCtx(() => [
-                          createVNode(unref(ToHeader), {
-                            level: "0",
-                            title: validateDesc.value ? unref(t)("to.select.float.title", validateDesc.value) : unref(t)("to.select.float.titlePlaceholder", validateDesc.value),
-                            onBack: ($event) => closeLayer()
-                          }, {
+                          createVNode(unref(ToPadding), { value: "1" }, {
                             default: withCtx(() => [
-                              createVNode(unref(ToButton), {
-                                fillet: "normal",
-                                icon: "close",
-                                mode: "none",
-                                color: "primary",
-                                onClick: ($event) => (clear(), closeLayer())
+                              createVNode(unref(ToHeader), {
+                                level: "0",
+                                title: validateDesc.value ? unref(t)("to.select.float.title", validateDesc.value) : unref(t)("to.select.float.titlePlaceholder", validateDesc.value),
+                                onBack: ($event) => closeLayer()
                               }, {
                                 default: withCtx(() => [
-                                  createTextVNode(toDisplayString(unref(t)("to.common.clear")), 1)
+                                  createVNode(unref(ToButton), {
+                                    fillet: "normal",
+                                    icon: "close",
+                                    mode: "none",
+                                    color: "primary",
+                                    onClick: ($event) => (clear(), closeLayer())
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref(t)("to.common.clear")), 1)
+                                    ]),
+                                    _: 1
+                                  }, 8, ["onClick"])
                                 ]),
                                 _: 1
-                              }, 8, ["onClick"])
+                              }, 8, ["title", "onBack"])
                             ]),
                             _: 1
-                          }, 8, ["title", "onBack"])
-                        ]),
-                        _: 1
-                      }),
-                      _ctx.filterable || _ctx.inputable ? (openBlock(), createBlock(unref(ToPadding), {
-                        key: 0,
-                        position: "side",
-                        value: "1"
-                      }, {
-                        default: withCtx(() => [
-                          _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                            _ctx.inputable ? (openBlock(), createElementBlock("span", {
-                              key: 0,
-                              class: normalizeClass(["to-select to-select-arrow-none", _ctx.fillet === "normal" ? "to-input-fillet-normal" : ""]),
-                              style: { "width": "100%" }
-                            }, [
-                              createElementVNode("span", { class: "to-select-content" }, [
-                                createElementVNode("span", { class: "to-select-tag" }, [
-                                  unref(selected).length > 0 && !(isAll.value && _ctx.useAllText) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(selected), (item, index) => {
-                                    return openBlock(), createElementBlock(Fragment, null, [
-                                      !item.hide ? (openBlock(), createBlock(unref(ToTag), {
-                                        key: index,
-                                        color: "fg",
-                                        mode: "plain",
-                                        removable: _ctx.removable && !disabled.value,
-                                        onRemove: ($event) => removeTag(item)
+                          }),
+                          _ctx.filterable || _ctx.inputable ? (openBlock(), createBlock(unref(ToPadding), {
+                            key: 0,
+                            position: "side",
+                            value: "1"
+                          }, {
+                            default: withCtx(() => [
+                              _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                _ctx.inputable ? (openBlock(), createElementBlock("span", {
+                                  key: 0,
+                                  class: normalizeClass(["to-select to-select-arrow-none", _ctx.fillet === "normal" ? "to-input-fillet-normal" : ""]),
+                                  style: { "width": "100%" }
+                                }, [
+                                  createElementVNode("span", { class: "to-select-content" }, [
+                                    createElementVNode("span", { class: "to-select-tag" }, [
+                                      unref(selected).length > 0 && !(isAll.value && _ctx.useAllText) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(selected), (item, index) => {
+                                        return openBlock(), createElementBlock(Fragment, null, [
+                                          !item.hide ? (openBlock(), createBlock(unref(ToTag), {
+                                            key: index,
+                                            color: "fg",
+                                            mode: "plain",
+                                            removable: _ctx.removable && !disabled.value,
+                                            onRemove: ($event) => removeTag(item)
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(item[iLabelText.value]), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["removable", "onRemove"])) : createCommentVNode("", true)
+                                        ], 64);
+                                      }), 256)) : createCommentVNode("", true),
+                                      _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
+                                        key: 1,
+                                        ref_key: "popupFilter",
+                                        ref: popupFilter,
+                                        modelValue: multipleFilterValue.value,
+                                        "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
+                                        "sp-chars": _ctx.spChars,
+                                        "prevent-focus": "",
+                                        mode: "none",
+                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
                                       }, {
                                         default: withCtx(() => [
-                                          createTextVNode(toDisplayString(item[iLabelText.value]), 1)
+                                          createVNode(unref(ToButton), {
+                                            icon: "ok",
+                                            mode: "none",
+                                            color: "primary",
+                                            onClick: enter
+                                          })
                                         ]),
-                                        _: 2
-                                      }, 1032, ["removable", "onRemove"])) : createCommentVNode("", true)
-                                    ], 64);
-                                  }), 256)) : createCommentVNode("", true),
-                                  _ctx.filterable ? (openBlock(), createBlock(unref(ToInput), {
-                                    key: 1,
-                                    ref_key: "popupFilter",
-                                    ref: popupFilter,
-                                    modelValue: multipleFilterValue.value,
-                                    "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
-                                    "sp-chars": _ctx.spChars,
-                                    "prevent-focus": "",
-                                    mode: "none",
-                                    placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
-                                  }, {
-                                    default: withCtx(() => [
-                                      createVNode(unref(ToButton), {
-                                        icon: "ok",
-                                        mode: "none",
-                                        color: "primary",
-                                        onClick: enter
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createBlock(unref(ToInput), {
-                                    key: 2,
-                                    ref_key: "popupInput",
-                                    ref: popupInput,
-                                    modelValue: multipleInputValue.value,
-                                    "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
-                                    "prevent-focus": "",
-                                    mode: "none",
-                                    placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
-                                  }, {
-                                    default: withCtx(() => [
-                                      createVNode(unref(ToButton), {
-                                        icon: "ok",
+                                        _: 1
+                                      }, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createBlock(unref(ToInput), {
+                                        key: 2,
+                                        ref_key: "popupInput",
+                                        ref: popupInput,
+                                        modelValue: multipleInputValue.value,
+                                        "onUpdate:modelValue": ($event) => multipleInputValue.value = $event,
+                                        "prevent-focus": "",
                                         mode: "none",
-                                        color: "primary",
-                                        onClick: enter
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
-                                ])
-                              ])
-                            ], 2)) : (openBlock(), createBlock(unref(ToInput), {
-                              key: 1,
-                              ref_key: "popupFilter",
-                              ref: popupFilter,
-                              modelValue: multipleFilterValue.value,
-                              "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
-                              "sp-chars": false,
-                              width: "full",
-                              "prevent-focus": "",
-                              placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
-                            }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
-                          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                            _ctx.inputable ? (openBlock(), createBlock(unref(ToInput), {
-                              key: 0,
-                              ref_key: "popupInput",
-                              ref: popupInput,
-                              modelValue: inputValue.value,
-                              "onUpdate:modelValue": ($event) => inputValue.value = $event,
-                              "sp-chars": _ctx.spChars,
-                              "prevent-focus": "",
-                              width: "full",
-                              placeholder: _ctx.placeholder
-                            }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createBlock(unref(ToInput), {
-                              key: 1,
-                              ref_key: "popupFilter",
-                              ref: popupFilter,
-                              modelValue: filterValue.value,
-                              "onUpdate:modelValue": ($event) => filterValue.value = $event,
-                              "sp-chars": false,
-                              "prevent-focus": "",
-                              width: "full",
-                              placeholder: "筛选",
-                              onClear: filterClear
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"]))
-                          ], 64))
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ToGridItem), { width: "full" }, {
-                    default: withCtx(() => [
-                      nodata.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
-                        key: 0,
-                        value: 2
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.nodataText), 1)
-                        ]),
-                        _: 1
-                      })), [
-                        [unref(vColorDirective), "info"]
-                      ]) : nomatch.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
-                        key: 1,
-                        value: 2
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.nomatchText), 1)
+                                        placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
+                                      }, {
+                                        default: withCtx(() => [
+                                          createVNode(unref(ToButton), {
+                                            icon: "ok",
+                                            mode: "none",
+                                            color: "primary",
+                                            onClick: enter
+                                          })
+                                        ]),
+                                        _: 1
+                                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+                                    ])
+                                  ])
+                                ], 2)) : (openBlock(), createBlock(unref(ToInput), {
+                                  key: 1,
+                                  ref_key: "popupFilter",
+                                  ref: popupFilter,
+                                  modelValue: multipleFilterValue.value,
+                                  "onUpdate:modelValue": ($event) => multipleFilterValue.value = $event,
+                                  "sp-chars": false,
+                                  width: "full",
+                                  "prevent-focus": "",
+                                  placeholder: unref(selected).filter((item) => !item.hide).length > 0 ? "" : _ctx.placeholder
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+                              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                _ctx.inputable ? (openBlock(), createBlock(unref(ToInput), {
+                                  key: 0,
+                                  ref_key: "popupInput",
+                                  ref: popupInput,
+                                  modelValue: inputValue.value,
+                                  "onUpdate:modelValue": ($event) => inputValue.value = $event,
+                                  "sp-chars": _ctx.spChars,
+                                  "prevent-focus": "",
+                                  width: "full",
+                                  placeholder: _ctx.placeholder
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "sp-chars", "placeholder"])) : (openBlock(), createBlock(unref(ToInput), {
+                                  key: 1,
+                                  ref_key: "popupFilter",
+                                  ref: popupFilter,
+                                  modelValue: filterValue.value,
+                                  "onUpdate:modelValue": ($event) => filterValue.value = $event,
+                                  "sp-chars": false,
+                                  "prevent-focus": "",
+                                  width: "full",
+                                  placeholder: "筛选",
+                                  onClear: filterClear
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                              ], 64))
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
                         ]),
                         _: 1
-                      })), [
-                        [unref(vColorDirective), "info"]
-                      ]) : createCommentVNode("", true),
-                      !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), {
-                        key: 2,
-                        style: normalizeStyle({ maxHeight: getDynamicHeight.value })
-                      }, {
+                      }),
+                      createVNode(unref(ToGridItem), { width: "full" }, {
                         default: withCtx(() => [
-                          createVNode(unref(ToPadding), { value: 0.5 }, {
+                          nodata.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
+                            key: 0,
+                            value: 2
+                          }, {
                             default: withCtx(() => [
-                              _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                createVNode(unref(ToPadding), { value: 0.5 }, {
-                                  default: withCtx(() => [
-                                    createVNode(unref(ToButton), { onClick: selectAll }, {
+                              createTextVNode(toDisplayString(_ctx.nodataText), 1)
+                            ]),
+                            _: 1
+                          })), [
+                            [unref(vColorDirective), "info"]
+                          ]) : nomatch.value ? withDirectives((openBlock(), createBlock(unref(ToPadding), {
+                            key: 1,
+                            value: 2
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(_ctx.nomatchText), 1)
+                            ]),
+                            _: 1
+                          })), [
+                            [unref(vColorDirective), "info"]
+                          ]) : createCommentVNode("", true),
+                          !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), { key: 2 }, {
+                            default: withCtx(() => [
+                              createVNode(unref(ToPadding), { value: 0.5 }, {
+                                default: withCtx(() => [
+                                  _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                    createVNode(unref(ToPadding), { value: 0.5 }, {
                                       default: withCtx(() => [
-                                        createTextVNode(toDisplayString(unref(t)("to.common.selectAll")), 1)
+                                        createVNode(unref(ToButton), { onClick: selectAll }, {
+                                          default: withCtx(() => [
+                                            createTextVNode(toDisplayString(unref(t)("to.common.selectAll")), 1)
+                                          ]),
+                                          _: 1
+                                        }),
+                                        createVNode(unref(ToButton), { onClick: deselect }, {
+                                          default: withCtx(() => [
+                                            createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                                          ]),
+                                          _: 1
+                                        })
                                       ]),
                                       _: 1
                                     }),
-                                    createVNode(unref(ToButton), { onClick: deselect }, {
+                                    createVNode(unref(ToGrid), { col: _ctx.optionCol }, {
                                       default: withCtx(() => [
-                                        createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                                          return withDirectives((openBlock(), createBlock(unref(ToGridItem), {
+                                            key: item[iValueText.value],
+                                            width: "full"
+                                          }, {
+                                            default: withCtx(() => [
+                                              createVNode(unref(ToCheckbox), {
+                                                wrap: _ctx.optionWrap,
+                                                title: item[iLabelText.value],
+                                                width: "full",
+                                                label: item[iLabelText.value],
+                                                disabled: !!item.disabled,
+                                                value: Boolean(unref(selected).find((el) => el[iValueText.value] === item[iValueText.value])),
+                                                onChange: (value) => {
+                                                  return multipleItemChange(value, item);
+                                                }
+                                              }, null, 8, ["wrap", "title", "label", "disabled", "value", "onChange"])
+                                            ]),
+                                            _: 2
+                                          }, 1024)), [
+                                            [vShow, multipleFilter(item)],
+                                            [unref(vDis), !!item.disabled]
+                                          ]);
+                                        }), 128))
                                       ]),
                                       _: 1
-                                    })
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(unref(ToGrid), { col: _ctx.optionCol }, {
-                                  default: withCtx(() => [
-                                    (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
-                                      return withDirectives((openBlock(), createBlock(unref(ToGridItem), {
-                                        key: item[iValueText.value],
-                                        width: "full"
-                                      }, {
-                                        default: withCtx(() => [
-                                          createVNode(unref(ToCheckbox), {
-                                            wrap: _ctx.optionWrap,
-                                            title: item[iLabelText.value],
-                                            width: "full",
-                                            label: item[iLabelText.value],
-                                            disabled: !!item.disabled,
-                                            value: Boolean(unref(selected).find((el) => el[iValueText.value] === item[iValueText.value])),
-                                            onChange: (value) => {
-                                              return multipleItemChange(value, item);
-                                            }
-                                          }, null, 8, ["wrap", "title", "label", "disabled", "value", "onChange"])
-                                        ]),
-                                        _: 2
-                                      }, 1024)), [
-                                        [vShow, multipleFilter(item)],
-                                        [unref(vDis), !!item.disabled]
-                                      ]);
-                                    }), 128))
-                                  ]),
-                                  _: 1
-                                }, 8, ["col"])
-                              ], 64)) : (openBlock(), createBlock(unref(ToGrid), {
-                                key: 1,
-                                col: _ctx.optionCol
-                              }, {
-                                default: withCtx(() => [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
-                                    return withDirectives((openBlock(), createElementBlock("div", {
-                                      key: item[iValueText.value],
-                                      class: normalizeClass({ "is-on": unref(selected)[iValueText.value] === item[iValueText.value] }),
-                                      onClick: withModifiers(($event) => itemChange(item), ["stop"])
-                                    }, [
-                                      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)
-                                      ], 64))
-                                    ], 10, ["onClick"])), [
-                                      [vShow, filterByValue(item)],
-                                      [unref(vDis), !!item.disabled]
-                                    ]);
-                                  }), 128))
+                                    }, 8, ["col"])
+                                  ], 64)) : (openBlock(), createBlock(unref(ToGrid), {
+                                    key: 1,
+                                    col: _ctx.optionCol
+                                  }, {
+                                    default: withCtx(() => [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                                        return withDirectives((openBlock(), createElementBlock("div", {
+                                          key: item[iValueText.value],
+                                          class: normalizeClass({ "is-on": unref(selected)[iValueText.value] === item[iValueText.value] }),
+                                          onClick: withModifiers(($event) => itemChange(item), ["stop"])
+                                        }, [
+                                          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)
+                                          ], 64))
+                                        ], 10, ["onClick"])), [
+                                          [vShow, filterByValue(item)],
+                                          [unref(vDis), !!item.disabled]
+                                        ]);
+                                      }), 128))
+                                    ]),
+                                    _: 1
+                                  }, 8, ["col"]))
                                 ]),
                                 _: 1
-                              }, 8, ["col"]))
+                              })
                             ]),
                             _: 1
-                          })
+                          })) : createCommentVNode("", true)
                         ]),
                         _: 1
-                      }, 8, ["style"])) : createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ToGridItem), {
-                    side: "",
-                    width: "full"
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(ToSubmit), {
-                        width: "full",
-                        space: "0"
+                      }),
+                      createVNode(unref(ToGridItem), {
+                        side: "",
+                        width: "full"
                       }, {
                         default: withCtx(() => [
-                          withDirectives((openBlock(), createBlock(unref(ToButton), {
-                            fillet: "none",
-                            color: "primary",
-                            mode: "line",
-                            onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(unref(t)("to.common.clear")), 1)
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"])), [
-                            [_directive_size, "l"]
-                          ]),
-                          withDirectives((openBlock(), createBlock(unref(ToButton), {
-                            mode: "fill",
-                            color: "primary",
-                            fillet: "none",
-                            onClick: ($event) => phoneCloseLayer()
+                          createVNode(unref(ToSubmit), {
+                            width: "full",
+                            space: "0"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(unref(t)("to.common.confirm")), 1)
+                              withDirectives((openBlock(), createBlock(unref(ToButton), {
+                                fillet: "none",
+                                color: "primary",
+                                mode: "line",
+                                onClick: ($event) => (phoneCloseLayer(), iValue.value = "")
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(t)("to.common.clear")), 1)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])), [
+                                [_directive_size, "l"]
+                              ]),
+                              withDirectives((openBlock(), createBlock(unref(ToButton), {
+                                mode: "fill",
+                                color: "primary",
+                                fillet: "none",
+                                onClick: ($event) => phoneCloseLayer()
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(t)("to.common.confirm")), 1)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])), [
+                                [_directive_size, "l"]
+                              ])
                             ]),
                             _: 1
-                          }, 8, ["onClick"])), [
-                            [_directive_size, "l"]
-                          ])
+                          })
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
-                  })
-                ]),
-                _: 1
-              })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                nodata.value ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "to-select-option-tip"
-                }, toDisplayString(_ctx.nodataText), 1)) : nomatch.value ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: "to-select-option-tip"
-                }, toDisplayString(_ctx.nomatchText), 1)) : createCommentVNode("", true),
-                !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), {
-                  key: 2,
-                  style: normalizeStyle({ maxHeight: getDynamicHeight.value })
-                }, {
-                  default: withCtx(() => [
-                    _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createElementVNode("div", { class: "to-select-option-fn" }, [
-                        createVNode(unref(ToButton), {
-                          class: "to-select-option-button value-all",
-                          onClick: selectAll
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("to.common.selectAll")), 1)
+                  })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    nodata.value ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "to-select-option-tip"
+                    }, toDisplayString(_ctx.nodataText), 1)) : nomatch.value ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: "to-select-option-tip"
+                    }, toDisplayString(_ctx.nomatchText), 1)) : createCommentVNode("", true),
+                    !nodata.value && !nomatch.value ? (openBlock(), createBlock(unref(ToScroll), { key: 2 }, {
+                      default: withCtx(() => [
+                        _ctx.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                          createElementVNode("div", { class: "to-select-option-fn" }, [
+                            createVNode(unref(ToButton), {
+                              class: "to-select-option-button value-all",
+                              onClick: selectAll
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("to.common.selectAll")), 1)
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(unref(ToButton), {
+                              class: "to-select-option-button value-inverse",
+                              onClick: deselect
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                              ]),
+                              _: 1
+                            })
                           ]),
-                          _: 1
-                        }),
-                        createVNode(unref(ToButton), {
-                          class: "to-select-option-button value-inverse",
-                          onClick: deselect
+                          createVNode(unref(ToGrid), {
+                            class: "to-select-list is-multiple",
+                            col: _ctx.optionCol
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                                return withDirectives((openBlock(), createBlock(unref(ToCheckbox), {
+                                  key: item[iValueText.value],
+                                  class: "to-select-check",
+                                  wrap: _ctx.optionWrap,
+                                  title: item[iLabelText.value],
+                                  width: "full",
+                                  label: item[iLabelText.value],
+                                  disabled: !!item.disabled,
+                                  value: Boolean(unref(selected).find((el) => el[iValueText.value] === item[iValueText.value])),
+                                  onChange: (value) => {
+                                    return multipleItemChange(value, item);
+                                  }
+                                }, null, 8, ["wrap", "title", "label", "disabled", "value", "onChange"])), [
+                                  [vShow, multipleFilter(item)],
+                                  [unref(vDis), !!item.disabled]
+                                ]);
+                              }), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["col"])
+                        ], 64)) : (openBlock(), createBlock(unref(ToGrid), {
+                          key: 1,
+                          col: _ctx.optionCol,
+                          class: "to-select-list"
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("to.common.Deselect")), 1)
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+                              return withDirectives((openBlock(), createElementBlock("div", {
+                                key: item[iValueText.value],
+                                class: normalizeClass(["to-select-option-item", { "is-on": unref(selected)[iValueText.value] === item[iValueText.value] }]),
+                                onClick: withModifiers(($event) => itemChange(item), ["stop"])
+                              }, [
+                                item[iLabelText.value] ? (openBlock(), createElementBlock("span", {
+                                  key: 0,
+                                  class: "to-select-option-item-text"
+                                }, toDisplayString(item[iLabelText.value]), 1)) : (openBlock(), createElementBlock("span", {
+                                  key: 1,
+                                  class: "to-select-option-item-text"
+                                }, toDisplayString(_ctx.placeholder), 1))
+                              ], 10, ["onClick"])), [
+                                [vShow, filterByValue(item)],
+                                [unref(vDis), !!item.disabled]
+                              ]);
+                            }), 128))
                           ]),
                           _: 1
-                        })
-                      ]),
-                      createVNode(unref(ToGrid), {
-                        class: "to-select-list is-multiple",
-                        col: _ctx.optionCol
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
-                            return withDirectives((openBlock(), createBlock(unref(ToCheckbox), {
-                              key: item[iValueText.value],
-                              class: "to-select-check",
-                              wrap: _ctx.optionWrap,
-                              title: item[iLabelText.value],
-                              width: "full",
-                              label: item[iLabelText.value],
-                              disabled: !!item.disabled,
-                              value: Boolean(unref(selected).find((el) => el[iValueText.value] === item[iValueText.value])),
-                              onChange: (value) => {
-                                return multipleItemChange(value, item);
-                              }
-                            }, null, 8, ["wrap", "title", "label", "disabled", "value", "onChange"])), [
-                              [vShow, multipleFilter(item)],
-                              [unref(vDis), !!item.disabled]
-                            ]);
-                          }), 128))
-                        ]),
-                        _: 1
-                      }, 8, ["col"])
-                    ], 64)) : (openBlock(), createBlock(unref(ToGrid), {
-                      key: 1,
-                      col: _ctx.optionCol,
-                      class: "to-select-list"
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
-                          return withDirectives((openBlock(), createElementBlock("div", {
-                            key: item[iValueText.value],
-                            class: normalizeClass(["to-select-option-item", { "is-on": unref(selected)[iValueText.value] === item[iValueText.value] }]),
-                            onClick: withModifiers(($event) => itemChange(item), ["stop"])
-                          }, [
-                            item[iLabelText.value] ? (openBlock(), createElementBlock("span", {
-                              key: 0,
-                              class: "to-select-option-item-text"
-                            }, toDisplayString(item[iLabelText.value]), 1)) : (openBlock(), createElementBlock("span", {
-                              key: 1,
-                              class: "to-select-option-item-text"
-                            }, toDisplayString(_ctx.placeholder), 1))
-                          ], 10, ["onClick"])), [
-                            [vShow, filterByValue(item)],
-                            [unref(vDis), !!item.disabled]
-                          ]);
-                        }), 128))
+                        }, 8, ["col"]))
                       ]),
                       _: 1
-                    }, 8, ["col"]))
-                  ]),
-                  _: 1
-                }, 8, ["style"])) : createCommentVNode("", true)
-              ], 64))
-            ])
-          ]),
-          _: 3
-        }, 8, ["class", "align", "lazy", "width", "slide", "position"])
+                    })) : createCommentVNode("", true)
+                  ], 64))
+                ])
+              ]),
+              _: 3
+            }, 8, ["style", "class", "align", "width", "slide", "position"])
+          ], 2)
+        ]))
       ], 46, ["id", "tabindex"])), [
         [_directive_tip, changed.value ? unref(t)("to.common.originalValue", getLabel(valueStore.value[0])) : ""]
       ]);
@@ -9030,6 +9147,10 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       type: [Number, String],
       default: ""
     },
+    labelPosition: {
+      type: String,
+      default: "left"
+    },
     col: {
       type: [Number, String],
       default: 1
@@ -9054,6 +9175,18 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       type: String,
       default: ""
     },
+    space: {
+      type: [Number, String],
+      default: ""
+    },
+    spaceX: {
+      type: [Number, String],
+      default: ""
+    },
+    spaceY: {
+      type: [Number, String],
+      default: ""
+    },
     comparable: Boolean,
     readonly: Boolean
   },
@@ -9063,6 +9196,12 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const items = ref([]);
     const maxLabelWidth = ref(0);
+    const labelWidthRef = ref(props.labelWidth);
+    const labelPositionRef = ref(props.labelPosition);
+    const spaceRef = ref(props.space);
+    const spaceXRef = ref(props.spaceX);
+    const spaceYRef = ref(props.spaceY);
+    const valueWidthRef = ref(props.valueWidth);
     const adjust = () => {
       setTimeout(() => {
         let maxWidth = 0;
@@ -9100,8 +9239,23 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         arr.push(`dir-${props.dir}`);
       if (props.valueWidth)
         arr.push(`value-width-${props.valueWidth}`);
+      if (props.labelPosition)
+        arr.push(`label-position-${props.labelPosition}`);
       return arr;
     });
+    const setStyle = computed(() => {
+      const style = {};
+      if (props.space) {
+        style.gap = props.space + "em";
+      }
+      if (props.spaceX) {
+        style["--gap-x"] = props.spaceX + "em";
+      }
+      if (props.spaceY) {
+        style["--gap-y"] = props.spaceY + "em";
+      }
+      return style;
+    });
     const submitStyle = computed(() => {
       if (props.submitPosition === "item") {
         if (props.labelWidth === "max") {
@@ -9112,6 +9266,45 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       }
       return {};
     });
+    watch(
+      () => props.labelWidth,
+      (newVal) => {
+        labelWidthRef.value = newVal;
+        if (newVal === "max") {
+          adjust();
+        }
+      }
+    );
+    watch(
+      () => props.labelPosition,
+      (newVal) => {
+        labelPositionRef.value = newVal;
+      }
+    );
+    watch(
+      () => props.space,
+      (newVal) => {
+        spaceRef.value = newVal;
+      }
+    );
+    watch(
+      () => props.spaceX,
+      (newVal) => {
+        spaceXRef.value = newVal;
+      }
+    );
+    watch(
+      () => props.spaceY,
+      (newVal) => {
+        spaceYRef.value = newVal;
+      }
+    );
+    watch(
+      () => props.valueWidth,
+      (newVal) => {
+        valueWidthRef.value = newVal;
+      }
+    );
     onMounted(() => {
       if (props.labelWidth === "max") {
         window.addEventListener("resize", adjust);
@@ -9124,15 +9317,21 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       }
     });
     provide("ToForm", {
-      labelWidth: props.labelWidth,
+      labelWidth: labelWidthRef,
+      labelPosition: labelPositionRef,
+      space: spaceRef,
+      spaceX: spaceXRef,
+      spaceY: spaceYRef,
       submitPosition: props.submitPosition,
       items: items.value,
       type: props.type,
-      comparable: props.comparable
+      comparable: props.comparable,
+      valueWidth: valueWidthRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-form", setClass.value])
+        class: normalizeClass(["to-form", setClass.value]),
+        style: normalizeStyle(setStyle.value)
       }, [
         createElementVNode("div", {
           ref_key: "toForm",
@@ -9152,7 +9351,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "submit")
           ], 4)) : createCommentVNode("", true)
         ], 512)
-      ], 2);
+      ], 6);
     };
   }
 });
@@ -9196,7 +9395,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const setLabelStyle = computed(() => {
       const style = {};
       if (ToForm.labelWidth) {
-        style.width = ToForm.labelWidth + "em";
+        const labelWidth = ToForm.labelWidth.value !== void 0 ? ToForm.labelWidth.value : ToForm.labelWidth;
+        if (labelWidth) {
+          style.width = labelWidth + "em";
+        }
       }
       return style;
     });
@@ -9706,7 +9908,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     },
     clearable: {
       type: Boolean,
-      default: false
+      default: true
     },
     preventFocus: {
       type: Boolean,
@@ -9764,12 +9966,6 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       type: [String, Number],
       default: 0
     },
-    value: {
-      type: [String, Number],
-      default: () => {
-        return "";
-      }
-    },
     readonly: {
       type: Boolean,
       default: false
@@ -9797,6 +9993,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       (val) => {
+        clearVisible.value = !!val;
         data.value = val;
       },
       { immediate: true, deep: true }
@@ -9860,6 +10057,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         errorTip.value = val;
       }
     );
+    watch(
+      () => props.autofocus,
+      (val) => {
+        if (val) {
+          focusInput();
+        }
+      }
+    );
     const focusInput = () => {
       if (inputRef.value) {
         try {
@@ -9875,7 +10080,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
-      data.value = props.step ? 0 : props.value || props.modelValue;
+      data.value = props.modelValue;
       itype.value = props.type;
       if (props.autofocus) {
         nextTick(() => {
@@ -9923,9 +10128,6 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         if (props.step) {
           arr.push("is-step");
         }
-        if (props.type === "textarea" && props.clearable) {
-          arr.push("is-clearable");
-        }
         if (ToForm && ToForm.comparable || props.comparable) {
           arr.push("to-compare");
         }
@@ -10170,28 +10372,29 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               [vModelDynamic, data.value]
             ])
           ])),
-          withDirectives(createVNode(unref(ToIcon), {
+          !props.disabled && props.clearable && !props.step ? withDirectives((openBlock(), createBlock(unref(ToIcon), {
+            key: 6,
             class: "to-input-clear",
             link: "",
             value: "close",
             onClick: withModifiers(clear, ["stop"])
-          }, null, 512), [
+          }, null, 512)), [
             [vShow, clearVisible.value]
-          ]),
+          ]) : createCommentVNode("", true),
           props.maxlength !== Infinity && props.count && props.type !== "textarea" ? (openBlock(), createElementBlock("span", {
-            key: 6,
+            key: 7,
             class: "to-input-count"
           }, [
             createElementVNode("span", { class: "to-input-count-text" }, toDisplayString(getDataLength.value) + "/" + toDisplayString(props.maxlength), 1)
           ])) : createCommentVNode("", true),
           props.suffix ? (openBlock(), createElementBlock("span", {
-            key: 7,
+            key: 8,
             class: "to-input-suffix-text"
           }, [
             createElementVNode("span", null, toDisplayString(props.suffix), 1)
           ])) : createCommentVNode("", true),
           props.suggestion || _ctx.$slots.default || _ctx.$slots.suffix || props.step ? (openBlock(), createElementBlock("span", {
-            key: 8,
+            key: 9,
             class: "to-input-suffix"
           }, [
             renderSlot(_ctx.$slots, "default"),
@@ -10217,7 +10420,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           props.step ? withDirectives((openBlock(), createBlock(unref(ToIcon), {
-            key: 9,
+            key: 10,
             class: "to-input-increase",
             value: props.stepIconMode ? "collapse" : "add",
             link: "",
@@ -11479,8 +11682,6 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     const bgClose = () => {
-      console.log("★");
-      console.log(props.closeOnBlur);
       if (props.closeOnBlur) {
         close2();
       }
@@ -11895,6 +12096,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     watch(() => props.total, computePager);
+    watch(() => props.pagerCount, computePager);
     onMounted(() => {
       computePager();
     });
@@ -13700,7 +13902,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     const errorType = ref("rule");
     const errorTip = ref("");
     const layerSlide = ref(false);
-    const layerPosition = ref("auto");
+    const layerPosition = ref("");
     const disabled = ref(props.disabled);
     const inputBox = ref(null);
     const layerRef = ref(null);
@@ -13718,6 +13920,21 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         layerPosition.value = "bottom";
       }
     });
+    const setClass = computed(() => {
+      const arr = ["to-form-readonly"];
+      if (errorTip.value) {
+        arr.push("to-input-mode-line");
+        arr.push("to-input-color-danger");
+        arr.push("to-input-tip-show");
+      } else {
+        if (props.mode) {
+          for (let i = 0; i < props.mode.split(" ").length; i++) {
+            arr.push(`mode-${props.mode.split(" ")[i]}`);
+          }
+        }
+      }
+      return arr;
+    });
     const showCloseLayer = computed(() => {
       return (isPc.value || props.showCalendar) && (props.type === "months" || props.type === "dates");
     });
@@ -13762,11 +13979,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     }
     function showLayer() {
       var _a2;
-      let className = inputBox.value && inputBox.value.$el && inputBox.value.$el.className || "";
       errorTip.value = inputBox.value.errorTip = "";
-      if (className.indexOf("to-dis") > -1) {
-        return;
-      }
       if (!disabled.value) {
         (_a2 = layerRef.value) == null ? void 0 : _a2.toggle(inputBox.value.$el);
         nextTick(() => {
@@ -13820,78 +14033,85 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             link: __props.inputable,
             class: normalizeClass(disabled.value ? "to-dis" : ""),
             value: "time",
-            onClick: showLayer
+            onClick: withModifiers(showLayer, ["stop"])
           }, null, 8, ["link", "class"])) : (openBlock(), createBlock(unref(ToIcon), {
             key: 1,
             link: __props.inputable,
             class: normalizeClass(disabled.value ? "to-dis" : ""),
             value: "date",
-            onClick: showLayer
+            onClick: withModifiers(showLayer, ["stop"])
           }, null, 8, ["link", "class"]))
         ]),
         default: withCtx(() => [
-          createVNode(unref(ToFloat), {
-            ref_key: "layerRef",
-            ref: layerRef,
-            lazy: __props.lazy,
-            slide: layerSlide.value,
-            position: layerPosition.value,
-            padding: 0.5,
-            width: unref(isPc) ? __props.type === "datetime" ? 43 : 23 : "",
-            align: __props.optionAlign ? __props.optionAlign : unref(isPc) ? "right" : "auto",
-            onClosed: handleLayerClose
-          }, {
-            default: withCtx(() => [
-              unref(isPc) || __props.showCalendar ? (openBlock(), createBlock(unref(ToScroll), { key: 0 }, {
+          (openBlock(), createBlock(Teleport, { to: "body" }, [
+            createElementVNode("div", {
+              class: normalizeClass(["to-date-picker", setClass.value])
+            }, [
+              createVNode(unref(ToFloat), {
+                ref_key: "layerRef",
+                ref: layerRef,
+                global: false,
+                lazy: __props.lazy,
+                slide: layerSlide.value,
+                position: layerPosition.value,
+                padding: 0.5,
+                width: unref(isPc) ? __props.type === "datetime" ? 43 : 23 : "",
+                align: __props.optionAlign ? __props.optionAlign : unref(isPc) ? "right" : "",
+                onClosed: handleLayerClose
+              }, {
                 default: withCtx(() => [
-                  createVNode(unref(ToCalendar), {
-                    ref_key: "calendar",
-                    ref: calendar,
+                  unref(isPc) || __props.showCalendar ? (openBlock(), createBlock(unref(ToScroll), { key: 0 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ToCalendar), {
+                        ref_key: "calendar",
+                        ref: calendar,
+                        modelValue: unref(date),
+                        "onUpdate:modelValue": ($event) => isRef(date) ? date.value = $event : null,
+                        class: "to-date-picker-calendar",
+                        time: __props.time,
+                        type: __props.type,
+                        min: __props.min,
+                        max: __props.max,
+                        "min-year": __props.minYear,
+                        "max-year": __props.maxYear,
+                        "disabled-date": __props.disabledDate,
+                        "before-change": __props.beforeChange,
+                        onChange: select,
+                        onClose: ($event) => {
+                          var _a2;
+                          return (_a2 = layerRef.value) == null ? void 0 : _a2.close();
+                        }
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "min-year", "max-year", "disabled-date", "before-change", "onClose"])
+                    ]),
+                    _: 1
+                  })) : (openBlock(), createBlock(_sfc_main$O, {
+                    key: 1,
                     modelValue: unref(date),
                     "onUpdate:modelValue": ($event) => isRef(date) ? date.value = $event : null,
-                    class: "to-date-picker-calendar",
                     time: __props.time,
                     type: __props.type,
                     min: __props.min,
                     max: __props.max,
-                    "min-year": __props.minYear,
-                    "max-year": __props.maxYear,
-                    "disabled-date": __props.disabledDate,
-                    "before-change": __props.beforeChange,
-                    onChange: select,
-                    onClose: ($event) => {
+                    onCancel: ($event) => {
                       var _a2;
                       return (_a2 = layerRef.value) == null ? void 0 : _a2.close();
-                    }
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "min-year", "max-year", "disabled-date", "before-change", "onClose"])
+                    },
+                    onChange: select,
+                    onClear: ($event) => clear()
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "onCancel", "onClear"])),
+                  showCloseLayer.value ? (openBlock(), createElementBlock("div", { key: 2 }, [
+                    createVNode(_component_to_button, { onClick: closeLayer }, {
+                      default: withCtx(() => [
+                        createTextVNode("确定")
+                      ]),
+                      _: 1
+                    })
+                  ])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(_sfc_main$O, {
-                key: 1,
-                modelValue: unref(date),
-                "onUpdate:modelValue": ($event) => isRef(date) ? date.value = $event : null,
-                time: __props.time,
-                type: __props.type,
-                min: __props.min,
-                max: __props.max,
-                onCancel: ($event) => {
-                  var _a2;
-                  return (_a2 = layerRef.value) == null ? void 0 : _a2.close();
-                },
-                onChange: select,
-                onClear: ($event) => clear()
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "time", "type", "min", "max", "onCancel", "onClear"])),
-              showCloseLayer.value ? (openBlock(), createElementBlock("div", { key: 2 }, [
-                createVNode(_component_to_button, { onClick: closeLayer }, {
-                  default: withCtx(() => [
-                    createTextVNode("确定")
-                  ]),
-                  _: 1
-                })
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["lazy", "slide", "position", "width", "align"])
+              }, 8, ["lazy", "slide", "position", "width", "align"])
+            ], 2)
+          ]))
         ]),
         _: 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"]);
@@ -13993,9 +14213,15 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       floatRef.value.open($el.value);
     }
     function handleOpen() {
+      if (props.disabled) {
+        return;
+      }
       floatRef.value.open($el.value);
     }
     function handleClose() {
+      if (props.disabled) {
+        return;
+      }
       startDate.value = "";
       endDate.value = "";
       rangeValue.value = "";
@@ -14030,7 +14256,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           [vModelText, startDate.value],
           [unref(vDis), __props.disabled]
         ]),
-        createElementVNode("span", { class: "to-date-range-separator" }, "~"),
+        createElementVNode("span", { class: "to-date-range-separator" }, toDisplayString(props.seperatorText), 1),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": ($event) => endDate.value = $event,
           class: "to-date-range-input",
@@ -14839,7 +15065,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const $el = ref(null);
     const flatData = computed(() => flattenTree(props.data));
     const expandedSet = ref(/* @__PURE__ */ new Set());
-    const visibleRows = computed(() => flatData.value.filter((item) => item.level === 0 || isVisible(item, flatData.value)));
+    const visibleRows = computed(() => flatData.value.filter((item) => item._level === 0 || isVisible(item, flatData.value)));
     const tipShow = ref("");
     const checkedRows = computed(() => {
       let checked = [];
@@ -14858,10 +15084,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       const result = [];
       for (const item of data) {
         const _id = uid++;
-        const { _children, ...rest } = item;
+        const { children, ...rest } = item;
         result.push(reactive({ ...rest, _id, _parentId, _level, _checked: Boolean(item._checked) }));
-        if (_children && Array.isArray(_children)) {
-          result.push(...flattenTree(_children, _level + 1, _id));
+        if (children && Array.isArray(children)) {
+          result.push(...flattenTree(children, _level + 1, _id));
         }
       }
       return result;
@@ -15006,13 +15232,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   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` : "" }),
+                    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) }]),
+                      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, {
@@ -15027,13 +15253,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   ]) : (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` : "" }),
+                    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) }]),
+                      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, {
@@ -17780,291 +18006,236 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 withInstall(_sfc_main$y);
-const fixProps = {
-  // 初始离左侧距离
-  left: { type: [String, Number], default: "auto" },
-  // 初始离右侧距离，left 为 'auto' 时有效
-  right: { type: [String, Number], default: 1 },
-  // 初始离顶部距离
-  top: { type: [String, Number], default: "auto" },
-  // 初始离底部距离，top 为 'auto' 时有效
-  bottom: { type: [String, Number], default: 1 },
-  number: { type: [String, Number], default: 0 },
-  appendToBody: { type: Boolean, default: true },
-  draggable: Boolean
-};
+const DRAG_THRESHOLD = 5;
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToFix"
   },
   __name: "Fix",
-  props: fixProps,
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  props: {
+    mode: {
+      type: String,
+      default: "default"
+    },
+    top: {
+      type: [String, Number],
+      default: "auto"
+    },
+    number: {
+      type: [String, Number],
+      default: ""
+    },
+    left: {
+      type: [String, Number],
+      default: "auto"
+    },
+    right: {
+      type: [String, Number],
+      default: 1
+    },
+    bottom: {
+      type: [String, Number],
+      default: 1
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    draggable: Boolean
+  },
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
     const content = ref(null);
-    const isDragging = ref(false);
+    const resizeTimer = ref(null);
+    const isDown = ref(false);
     const offsetX = ref(0);
     const offsetY = ref(0);
     const currentTop = ref(null);
     const currentLeft = ref(null);
     const currentRight = ref(null);
     const currentBottom = ref(null);
-    const draggingStarted = ref(false);
-    const initialPositionStyle = ref("");
-    let resizeTimer = null;
+    const isDraging = ref(false);
+    const startX = ref(0);
+    const startY = ref(0);
     const setStyle = computed(() => {
       const obj = {};
-      obj.zIndex = 9999;
-      if (isDragging.value || currentTop.value || currentLeft.value) {
-        obj.position = "fixed";
-        if (currentLeft.value) {
-          obj.left = currentLeft.value;
-          obj.right = "auto";
-        }
-        if (currentTop.value) {
-          obj.top = currentTop.value;
+      if (currentTop.value) {
+        obj.top = currentTop.value;
+        obj.bottom = "auto";
+      } else {
+        if (props.top && props.top !== "auto") {
+          obj.top = props.top + "em";
           obj.bottom = "auto";
+        } else if (props.bottom && props.bottom !== "auto") {
+          obj.bottom = props.bottom + "em";
+          obj.top = "auto";
         }
-        return obj;
-      }
-      if (props.top && props.top !== "auto") {
-        obj.top = addEm(props.top);
-        obj.bottom = "auto";
-      } else if (props.bottom && props.bottom !== "auto") {
-        obj.bottom = addEm(props.bottom);
-        obj.top = "auto";
       }
-      if (props.left && props.left !== "auto") {
-        obj.left = addEm(props.left);
+      if (currentLeft.value) {
+        obj.left = currentLeft.value;
         obj.right = "auto";
-      } else if (props.right && props.right !== "auto") {
-        obj.right = addEm(props.right);
-        obj.left = "auto";
+      } else {
+        if (props.left && props.left !== "auto") {
+          obj.left = props.left + "em";
+          obj.right = "auto";
+        } else if (props.right && props.right !== "auto") {
+          obj.right = props.right + "em";
+          obj.left = "auto";
+        }
       }
       return obj;
     });
-    function addEm(val) {
-      return isNaN(Number(val)) ? val : val + "em";
-    }
-    watch(isDragging, (val) => {
-      document.body.style.userSelect = val ? "none" : "";
-    });
-    onMounted(() => {
-      init();
-    });
-    onActivated(() => {
-      init();
-    });
-    onDeactivated(() => {
-      destroy();
-    });
-    onBeforeUnmount(() => {
-      destroy();
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (isDraging.value) {
+        arr.push(`is-dragging`);
+      }
+      return arr;
     });
-    function init() {
-      if (props.right && props.right !== "auto") {
-        initialPositionStyle.value = "right";
-      } else if (props.bottom && props.bottom !== "auto") {
-        initialPositionStyle.value = "bottom";
-      } else if (props.left && props.left !== "auto") {
-        initialPositionStyle.value = "left";
+    watch(isDown, (val) => {
+      if (val) {
+        document.body.style.userSelect = "none";
       } else {
-        initialPositionStyle.value = "top";
+        document.body.style.userSelect = "";
       }
-      if (props.appendToBody && content.value && content.value.parentNode !== document.body) {
-        const wrapper = document.createElement("div");
-        wrapper.classList.add("to-fix-portal");
-        wrapper.style.position = "fixed";
-        wrapper.style.zIndex = "9999";
-        wrapper.style.pointerEvents = "none";
-        wrapper.appendChild(content.value);
-        document.body.appendChild(wrapper);
+    });
+    const init = () => {
+      var _a2;
+      if (props.appendToBody && ((_a2 = content.value) == null ? void 0 : _a2.parentElement)) {
+        document.body.appendChild(content.value.parentElement);
       }
       window.addEventListener("resize", resize);
-      setTimeout(() => {
-        if (!content.value)
-          return;
-        const viewportWidth = document.documentElement.clientWidth;
-        const viewportHeight = document.documentElement.clientHeight;
-        const elWidth = content.value.offsetWidth;
-        const elHeight = content.value.offsetHeight;
-        let initialLeft, initialTop;
-        if (props.left && props.left !== "auto") {
-          const leftValue = isNaN(Number(props.left)) ? 0 : Number(props.left) * 16;
-          initialLeft = leftValue;
-        } else if (props.right && props.right !== "auto") {
-          const rightValue = isNaN(Number(props.right)) ? 0 : Number(props.right) * 16;
-          initialLeft = viewportWidth - elWidth - rightValue;
-        } else {
-          initialLeft = (viewportWidth - elWidth) / 2;
-        }
-        if (props.top && props.top !== "auto") {
-          const topValue = isNaN(Number(props.top)) ? 0 : Number(props.top) * 16;
-          initialTop = topValue;
-        } else if (props.bottom && props.bottom !== "auto") {
-          const bottomValue = isNaN(Number(props.bottom)) ? 0 : Number(props.bottom) * 16;
-          initialTop = viewportHeight - elHeight - bottomValue;
-        } else {
-          initialTop = (viewportHeight - elHeight) / 2;
-        }
-        updateElementPosition(initialLeft, initialTop);
-      }, 0);
-    }
-    function destroy() {
+    };
+    const destroy = () => {
+      var _a2, _b;
       window.removeEventListener("resize", resize);
-      const portals = document.querySelectorAll(".to-fix-portal");
-      portals.forEach((portal) => {
-        if (portal.parentNode) {
-          portal.parentNode.removeChild(portal);
-        }
-      });
-    }
-    function onMouseDown(event) {
-      var _a2;
+      if (props.appendToBody && ((_b = (_a2 = content.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.parentNode)) {
+        content.value.parentElement.parentNode.removeChild(content.value.parentElement);
+      }
+    };
+    const onMouseDown = (event) => {
       if (!props.draggable)
         return;
-      isDragging.value = true;
-      draggingStarted.value = false;
-      const rect = (_a2 = content.value) == null ? void 0 : _a2.getBoundingClientRect();
-      if (!rect)
-        return;
-      offsetX.value = event.clientX - rect.left;
-      offsetY.value = event.clientY - rect.top;
+      isDown.value = true;
+      isDraging.value = false;
+      startX.value = event.clientX;
+      startY.value = event.clientY;
+      if (content.value) {
+        const rect = content.value.getBoundingClientRect();
+        offsetX.value = event.clientX - rect.left;
+        offsetY.value = event.clientY - rect.top;
+      }
       document.addEventListener("mousemove", onMouseMove);
       document.addEventListener("mouseup", onMouseUp);
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    function onMouseMove(event) {
-      if (!isDragging.value || !content.value)
+    };
+    const onMouseMove = (event) => {
+      if (!isDown.value)
         return;
-      draggingStarted.value = true;
-      const newLeft = event.clientX - offsetX.value;
-      const newTop = event.clientY - offsetY.value;
-      updateElementPosition(newLeft, newTop);
-    }
-    function onMouseUp() {
-      if (isDragging.value) {
-        isDragging.value = false;
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
+      const distance = Math.sqrt(Math.pow(event.clientX - startX.value, 2) + Math.pow(event.clientY - startY.value, 2));
+      if (distance >= DRAG_THRESHOLD) {
+        isDraging.value = true;
+        setPosition(event.clientX, event.clientY);
       }
-    }
-    function onTouchStart(event) {
-      var _a2;
+    };
+    const onMouseUp = () => {
+      isDown.value = false;
+      isDraging.value = false;
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+      setEmUnit();
+    };
+    const onTouchStart = (event) => {
       if (!props.draggable)
         return;
-      isDragging.value = true;
-      draggingStarted.value = false;
+      isDown.value = true;
+      isDraging.value = false;
       const touch = event.touches[0];
-      const rect = (_a2 = content.value) == null ? void 0 : _a2.getBoundingClientRect();
-      if (!rect)
-        return;
-      offsetX.value = touch.clientX - rect.left;
-      offsetY.value = touch.clientY - rect.top;
-      document.addEventListener("touchmove", onTouchMove, { passive: false });
+      startX.value = touch.clientX;
+      startY.value = touch.clientY;
+      if (content.value) {
+        const rect = content.value.getBoundingClientRect();
+        offsetX.value = touch.clientX - rect.left;
+        offsetY.value = touch.clientY - rect.top;
+      }
+      document.addEventListener("touchmove", onTouchMove);
       document.addEventListener("touchend", onTouchEnd);
-      event.preventDefault();
-    }
-    function onTouchMove(event) {
-      if (!isDragging.value || !content.value)
+    };
+    const onTouchMove = (event) => {
+      if (!isDown.value)
         return;
-      draggingStarted.value = true;
       const touch = event.touches[0];
-      const newLeft = touch.clientX - offsetX.value;
-      const newTop = touch.clientY - offsetY.value;
-      updateElementPosition(newLeft, newTop);
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    function onTouchEnd() {
-      if (isDragging.value) {
-        isDragging.value = false;
-        document.removeEventListener("touchmove", onTouchMove);
-        document.removeEventListener("touchend", onTouchEnd);
+      const distance = Math.sqrt(Math.pow(touch.clientX - startX.value, 2) + Math.pow(touch.clientY - startY.value, 2));
+      if (distance >= DRAG_THRESHOLD) {
+        isDraging.value = true;
+        setPosition(touch.clientX, touch.clientY);
       }
-    }
-    function onClick(event) {
-      if (draggingStarted.value) {
-        event.preventDefault();
-        event.stopPropagation();
-        draggingStarted.value = false;
-      } else {
-        emit("click");
+    };
+    const onTouchEnd = () => {
+      isDown.value = false;
+      isDraging.value = false;
+      document.removeEventListener("touchmove", onTouchMove);
+      document.removeEventListener("touchend", onTouchEnd);
+      setEmUnit();
+    };
+    const setEmUnit = () => {
+      if (content.value) {
+        currentTop.value = content.value.getBoundingClientRect().top / getEm() + "em";
+        currentLeft.value = content.value.getBoundingClientRect().left / getEm() + "em";
       }
-    }
-    function updateElementPosition(left, top) {
+    };
+    const setPosition = (clientX, clientY) => {
       if (!content.value)
         return;
-      const viewportWidth = document.documentElement.clientWidth;
-      const viewportHeight = document.documentElement.clientHeight;
+      const container = content.value.offsetParent || document.documentElement;
+      const containerRect = container.getBoundingClientRect();
+      const elRect = content.value.getBoundingClientRect();
       const elWidth = content.value.offsetWidth;
       const elHeight = content.value.offsetHeight;
-      let newLeft = left;
-      let newTop = top;
-      const margin = 5;
-      if (newLeft < margin)
-        newLeft = margin;
-      if (newLeft + elWidth > viewportWidth - margin)
-        newLeft = viewportWidth - elWidth - margin;
-      if (newTop < margin)
-        newTop = margin;
-      if (newTop + elHeight > viewportHeight - margin)
-        newTop = viewportHeight - elHeight - margin;
-      currentLeft.value = `${newLeft}px`;
+      let newLeft = clientX ? clientX - offsetX.value : elRect.left;
+      let newTop = clientY ? clientY - offsetY.value : elRect.top;
+      if (newLeft < 0)
+        newLeft = 0;
+      if (newLeft + elWidth > containerRect.width)
+        newLeft = containerRect.width - elWidth;
+      if (newTop < 0)
+        newTop = 0;
+      if (newTop + elHeight > containerRect.height)
+        newTop = containerRect.height - elHeight;
       currentTop.value = `${newTop}px`;
+      currentLeft.value = `${newLeft}px`;
       currentRight.value = "auto";
       currentBottom.value = "auto";
-      if (content.value.style) {
-        content.value.style.position = "fixed";
-        content.value.style.left = `${newLeft}px`;
-        content.value.style.top = `${newTop}px`;
-        content.value.style.right = "auto";
-        content.value.style.bottom = "auto";
+    };
+    const resize = () => {
+      if (resizeTimer.value) {
+        clearTimeout(resizeTimer.value);
       }
-    }
-    function resize() {
-      if (!content.value)
-        return;
-      if (resizeTimer)
-        clearTimeout(resizeTimer);
-      resizeTimer = setTimeout(() => {
-        var _a2;
-        const rect = (_a2 = content.value) == null ? void 0 : _a2.getBoundingClientRect();
-        if (!rect)
-          return;
-        const viewportWidth = document.documentElement.clientWidth;
-        const viewportHeight = document.documentElement.clientHeight;
-        const margin = 5;
-        let newLeft = rect.left;
-        let newTop = rect.top;
-        let needsUpdate = false;
-        if (rect.right > viewportWidth - margin) {
-          newLeft = viewportWidth - rect.width - margin;
-          needsUpdate = true;
-        }
-        if (rect.bottom > viewportHeight - margin) {
-          newTop = viewportHeight - rect.height - margin;
-          needsUpdate = true;
-        }
-        if (rect.left < margin) {
-          newLeft = margin;
-          needsUpdate = true;
-        }
-        if (rect.top < margin) {
-          newTop = margin;
-          needsUpdate = true;
-        }
-        if (needsUpdate) {
-          updateElementPosition(newLeft, newTop);
-        }
+      resizeTimer.value = window.setTimeout(() => {
+        setPosition();
+        nextTick(() => {
+          setEmUnit();
+        });
       }, 300);
-    }
+    };
+    onMounted(() => {
+      init();
+    });
+    onActivated(() => {
+      init();
+    });
+    onDeactivated(() => {
+      destroy();
+    });
+    onBeforeUnmount(() => {
+      destroy();
+    });
     return (_ctx, _cache) => {
+      const _component_to_tag = resolveComponent("to-tag");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-fix", { "is-dragging": isDragging.value }])
+        class: normalizeClass(["to-fix", setClass.value])
       }, [
         createElementVNode("div", {
           ref_key: "content",
@@ -18072,18 +18243,19 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           class: "to-fix-wrapper",
           style: normalizeStyle(setStyle.value),
           onMousedown: onMouseDown,
-          onTouchstart: onTouchStart,
-          onClick: withModifiers(onClick, ["prevent"])
+          onTouchstart: onTouchStart
         }, [
           renderSlot(_ctx.$slots, "default"),
-          Number(_ctx.number) ? (openBlock(), createElementBlock("div", {
+          Number(__props.number) ? (openBlock(), createBlock(_component_to_tag, {
             key: 0,
-            class: "to-fix-number"
-          }, [
-            createElementVNode("div", { class: "to-fix-number-content" }, [
-              createElementVNode("div", { class: "to-fix-number-text" }, toDisplayString(_ctx.number), 1)
-            ])
-          ])) : createCommentVNode("", true)
+            class: "to-fix-number",
+            type: "number"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.number), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
         ], 36)
       ], 2);
     };
@@ -18093,7 +18265,7 @@ withInstall(_sfc_main$x);
 const floatProps = {
   slide: { type: Boolean, default: false },
   lazy: { type: Boolean, default: true },
-  position: { type: String, default: "auto" },
+  position: { type: String, default: "" },
   width: { type: [Number, String], default: "" },
   height: { type: [Number, String], default: "" },
   left: { type: [Number, String], default: "" },
@@ -18108,7 +18280,8 @@ const floatProps = {
   afterOpen: { type: Function, default: null },
   dx: { type: [Number, String], default: 0 },
   dy: { type: [Number, String], default: 0 },
-  mode: { type: String, default: "" }
+  mode: { type: String, default: "" },
+  global: { type: Boolean, default: true }
 };
 const floatEmits = ["click", "mouseenter", "mouseleave", "beforeOpen", "opened", "beforeClose", "closed"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
@@ -18120,22 +18293,23 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   props: floatProps,
   emits: floatEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const ins = getCurrentInstance().proxy;
     const props = __props;
     const emit = __emit;
+    const attrs = useAttrs();
     const el = ref(null);
     const origin = ref("top");
     const ifShow = ref(false);
-    const show = ref(false);
     const scrollNode = ref(null);
     const iposition = ref(props.position || (props.slide ? "right" : "auto"));
     const ialign = ref(props.align);
     const link = ref(null);
-    const opened = ref(false);
+    const isOpen = ref(false);
     const isOver = ref(false);
     const mask = ref(null);
     const wrapper = ref(null);
+    const content = ref(null);
     const event = ref("");
+    const size = ref(1);
     watch(
       () => props.position,
       (val) => {
@@ -18150,25 +18324,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    watch(
-      () => show.value,
-      (val) => {
-        if (val) {
-          ins.$el.style.transform = "scale(1)";
-          setTimeout(() => {
-            ins.$el.style.transform = "";
-          }, 300);
-        } else {
-          ins.$el.style.transform = "scale(1)";
-          nextTick(() => {
-            ins.$el.style.transform = "scale(1, 0)";
-          });
-        }
-      }
-    );
     const setClass = computed(() => {
       const arr = [];
-      if (show.value)
+      if (isOpen.value)
         arr.push("is-show");
       if (props.slide) {
         arr.push("is-slide");
@@ -18207,6 +18365,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         else
           obj.top = props.top + "em";
       }
+      if (size.value !== 1) {
+        obj.fontSize = size.value + "em";
+      }
       if (props.zIndex) {
         obj.zIndex = props.zIndex;
       } else {
@@ -18215,111 +18376,56 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
       return obj;
     });
-    const wrapperStyle = ref({
-      width: "",
-      height: "",
-      transform: ""
-    });
-    function setWrapperStyle() {
-      if ((props.position === "right" || props.position === "left") && props.width) {
+    const wrapperStyle = computed(() => {
+      let obj = {};
+      if ((iposition.value === "right" || iposition.value === "left") && props.width) {
         if (!isNaN(Number(props.width)))
-          wrapperStyle.value.width = props.width + "em";
+          obj.width = props.width + "em";
         else if (props.width === "full")
-          wrapperStyle.value.width = "100%";
-        else
-          wrapperStyle.value.width = String(props.width);
-      }
-      if ((props.position === "top" || props.position === "bottom") && props.height) {
-        if (!isNaN(Number(props.height)))
-          wrapperStyle.value.height = props.height + "em";
-        else if (props.height === "full")
-          wrapperStyle.value.height = "100%";
+          obj.width = "100%";
         else
-          wrapperStyle.value.height = String(props.height);
+          obj.width = props.width;
       }
-      if (props.slide) {
-        setTransform();
+      return obj;
+    });
+    onMounted(() => {
+      init();
+    });
+    onActivated(() => {
+      init();
+    });
+    onBeforeUnmount(() => {
+      destroy();
+    });
+    onDeactivated(() => {
+      destroy();
+    });
+    function init() {
+      if (!props.slide) {
+        window.addEventListener("resize", close2, false);
       }
     }
-    function setTransform() {
-      if (props.position === "top") {
-        wrapperStyle.value.transform = "translateY(-100%)";
-      }
-      if (props.position === "bottom") {
-        wrapperStyle.value.transform = "translateY(100%)";
-      }
-      if (props.position === "right") {
-        wrapperStyle.value.transform = "translateX(100%)";
-      }
-      if (props.position === "left") {
-        wrapperStyle.value.transform = "translateX(-100%)";
+    function destroy() {
+      if (!props.slide) {
+        document.body.removeEventListener("mousedown", blur);
+        document.body.removeEventListener("touchstart", blur);
+        window.removeEventListener("resize", close2);
       }
+      document.body.removeEventListener("scroll", close2);
+      document.body.removeEventListener("wheel", close2);
     }
     function maskClickHandle() {
       if (props.closeOnBlur) {
         close2();
       }
     }
-    function close2(e) {
-      if (e && el.value && el.value.contains(e.target)) {
-        return;
-      }
-      if (show.value && opened.value) {
-        if (props.beforeClose) {
-          const fn = props.beforeClose();
-          if (fn && typeof fn.then === "function") {
-            fn.then(() => {
-              closeAction();
-            }).catch((error) => {
-              console.log(error);
-            });
-          } else {
-            if (fn)
-              closeAction();
-          }
-        } else {
-          closeAction();
-        }
-      }
-    }
-    function closeAction() {
-      if (!props.height && wrapper.value) {
-        wrapper.value.style.height = "";
-      }
-      isOver.value = false;
-      if (props.slide) {
-        wrapperStyle.value.transform = "translateX(0)";
-        setTimeout(() => {
-          show.value = false;
-          opened.value = false;
-          setTransform();
-        }, 10);
-      } else {
-        if (scrollNode.value) {
-          scrollNode.value.removeEventListener("scroll", close2);
-        }
-        emit("beforeClose");
-        show.value = false;
-        opened.value = false;
-      }
-      setTimeout(() => {
-        if (props.lazy) {
-          ifShow.value = false;
-        }
-        emit("closed");
-        if (props.afterClose && Object.prototype.toString.call(props.afterClose) === "[object Function]") {
-          props.afterClose();
-        }
-      }, 300);
-    }
     function set(link2) {
       if (props.slide) {
-        let timer = setTimeout(() => {
+        setTimeout(() => {
           if ((iposition.value === "top" || iposition.value === "bottom") && !props.height && wrapper.value) {
             wrapper.value.style.height = "";
-            wrapper.value.style.height = wrapper.value.offsetHeight + "px";
+            wrapper.value.style.height = wrapper.value.getBoundingClientRect().height + "px";
           }
-          clearTimeout(timer);
         }, 0);
       } else if (link2) {
         if (wrapper.value)
@@ -18330,15 +18436,15 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             if ("x" in link2 || "touches" in link2) {
               el.value.style.width = "14em";
             } else {
-              el.value.style.width = link2.offsetWidth + "px";
+              el.value.style.width = link2.getBoundingClientRect().width + "px";
             }
           }
           if (props.top === "" || props.left === "") {
             let x, y, linkWidth, linkHeight;
-            const wrapperWidth = ((_a2 = wrapper.value) == null ? void 0 : _a2.offsetWidth) || 0;
-            const wrapperHeight = ((_b = wrapper.value) == null ? void 0 : _b.offsetHeight) || 0;
-            const bodyWidth = document.body.offsetWidth;
-            const bodyHeight = document.body.offsetHeight;
+            const wrapperWidth = ((_a2 = wrapper.value) == null ? void 0 : _a2.getBoundingClientRect().width) || 0;
+            const wrapperHeight = ((_b = wrapper.value) == null ? void 0 : _b.getBoundingClientRect().height) || 0;
+            const bodyWidth = document.body.getBoundingClientRect().width;
+            const bodyHeight = document.body.getBoundingClientRect().height;
             let topSpace, bottomSpace, leftSpace, rightSpace;
             let useSpace = 0;
             const dx = Number(props.dx) * 1;
@@ -18351,14 +18457,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             } else {
               x = link2.getBoundingClientRect().left;
               y = link2.getBoundingClientRect().top;
-              linkWidth = link2.offsetWidth;
-              linkHeight = link2.offsetHeight;
+              linkWidth = link2.getBoundingClientRect().width;
+              linkHeight = link2.getBoundingClientRect().height;
             }
             topSpace = y;
             bottomSpace = bodyHeight - y - linkHeight;
             leftSpace = x;
             rightSpace = bodyWidth - x - linkWidth;
-            if (props.position === "auto") {
+            if (!props.position) {
               if (bottomSpace >= wrapperHeight) {
                 iposition.value = "bottom";
               } else if (y >= wrapperHeight) {
@@ -18446,6 +18552,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               isOver.value = true;
               wrapper.value.style.height = useSpace + "px";
             }
+            if (link2) {
+              const ratio = link2.getBoundingClientRect().width / link2.offsetWidth;
+              const ratio2 = Number(getComputedStyle(link2).fontSize.trim().toLowerCase().replace(/px$/, "")) / Number(getComputedStyle(document.body).fontSize.trim().toLowerCase().replace(/px$/, ""));
+              size.value = ratio * ratio2;
+            }
           }
         });
       }
@@ -18468,29 +18579,26 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
     }
     function openAction(by) {
-      if (!show.value && (!props.lazy || !ifShow.value)) {
+      if (!isOpen.value) {
         emit("beforeOpen");
         if (props.slide) {
           if (props.lazy) {
             ifShow.value = true;
           }
-          setTimeout(() => {
-            show.value = true;
-          }, 0);
-          setTimeout(() => {
-            wrapperStyle.value.transform = "translateX(0)";
-          }, 10);
+          nextTick(() => {
+            set();
+            setOpenStyle();
+          });
           if (props.afterOpen && Object.prototype.toString.call(props.afterOpen) === "[object Function]") {
             props.afterOpen();
           }
           let timer = null;
           timer = setTimeout(() => {
             emit("opened");
-            opened.value = true;
             clearTimeout(timer);
             timer = null;
-            wrapperStyle.value.transform = "";
-          }, 300);
+          }, 100);
+          isOpen.value = true;
         } else {
           document.body.addEventListener("mousedown", blur);
           document.body.addEventListener("touchstart", blur);
@@ -18517,24 +18625,121 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             ifShow.value = true;
           }
           setTimeout(() => {
-            show.value = true;
-          }, 0);
-          nextTick(() => {
             set(link.value);
+            setOpenStyle();
             if (link.value && !("x" in link.value) && !("touches" in link.value)) {
               setScrollStatus();
             }
-          });
+          }, 0);
           if (props.afterOpen && Object.prototype.toString.call(props.afterOpen) === "[object Function]") {
             props.afterOpen();
           }
           emit("opened");
-          opened.value = true;
+          isOpen.value = true;
+        }
+      }
+    }
+    function setOpenStyle() {
+      if (props.slide) {
+        if (iposition.value === "top") {
+          wrapper.value.style.transform = "translateY(-100%)";
+        }
+        if (iposition.value === "bottom") {
+          wrapper.value.style.transform = "translateY(100%)";
+        }
+        if (iposition.value === "right") {
+          wrapper.value.style.transform = "translateX(100%)";
+        }
+        if (iposition.value === "left") {
+          wrapper.value.style.transform = "translateX(-100%)";
+        }
+        setTimeout(() => {
+          wrapper.value.style.transition = "transform 100ms ease-out";
+          wrapper.value.style.transform = "translateY(0)";
+          setTimeout(() => {
+            wrapper.value.style.transform = "";
+          }, 100);
+        }, 0);
+      } else {
+        el.value.style.transform = "scale(1, 0)";
+        el.value.style.visibility = "visible";
+        setTimeout(() => {
+          el.value.style.transition = "transform 100ms ease-out";
+          el.value.style.transform = "scale(1)";
+          setTimeout(() => {
+            el.value.style.transform = "";
+          }, 100);
+        }, 0);
+      }
+    }
+    function close2(e) {
+      if (e && el.value && el.value.contains(e.target)) {
+        return;
+      }
+      if (isOpen.value) {
+        if (props.beforeClose) {
+          const fn = props.beforeClose();
+          if (fn && typeof fn.then === "function") {
+            fn.then(() => {
+              closeAction();
+            }).catch((error) => {
+              console.log(error);
+            });
+          } else {
+            if (fn)
+              closeAction();
+          }
+        } else {
+          closeAction();
+        }
+      }
+    }
+    function closeAction() {
+      if (!props.height && wrapper.value) {
+        wrapper.value.style.height = "";
+      }
+      isOver.value = false;
+      if (props.slide) {
+        setCloseStyle();
+        isOpen.value = false;
+      } else {
+        if (scrollNode.value) {
+          scrollNode.value.removeEventListener("scroll", close2);
+        }
+        emit("beforeClose");
+        setCloseStyle();
+        isOpen.value = false;
+      }
+      setTimeout(() => {
+        if (props.lazy) {
+          ifShow.value = false;
+        }
+        emit("closed");
+        if (props.afterClose && Object.prototype.toString.call(props.afterClose) === "[object Function]") {
+          props.afterClose();
         }
+      }, 100);
+    }
+    function setCloseStyle() {
+      if (props.slide) {
+        if (iposition.value === "top") {
+          wrapper.value.style.transform = "translateY(-100%)";
+        }
+        if (iposition.value === "bottom") {
+          wrapper.value.style.transform = "translateY(100%)";
+        }
+        if (iposition.value === "right") {
+          wrapper.value.style.transform = "translateX(100%)";
+        }
+        if (iposition.value === "left") {
+          wrapper.value.style.transform = "translateX(-100%)";
+        }
+      } else {
+        el.value.style.transform = "scale(1,0)";
       }
     }
     function toggle(by) {
-      if (show.value) {
+      if (isOpen.value) {
         close2();
       } else {
         if (by) {
@@ -18568,47 +18773,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       });
     }
     function setScrollStatus() {
-      const searchNode = (Node) => {
-        if (Node.nodeName === "BODY") {
-          return Node;
-        } else {
-          if (Node.nodeName === "DIV" && typeof Node.className === "string" && Node.className.indexOf("to-scroll-content") > -1) {
-            return Node;
-          } else {
-            return searchNode(Node.parentNode);
-          }
-        }
-      };
-      if (link.value && "parentNode" in link.value && link.value.parentNode) {
-        scrollNode.value = searchNode(link.value.parentNode);
-        if (scrollNode.value) {
-          if (scrollNode.value) {
-            scrollNode.value.addEventListener("scroll", close2, { passive: true });
-            scrollNode.value.addEventListener("wheel", close2, { passive: true });
-          }
-        }
-      }
-    }
-    onMounted(() => {
-      if (!props.slide) {
-        window.addEventListener("resize", resizeHandle, false);
-      } else {
-        setWrapperStyle();
-      }
-    });
-    onBeforeUnmount(() => {
-      if (!props.slide) {
-        document.body.removeEventListener("mousedown", blur);
-        document.body.removeEventListener("touchstart", blur);
-        window.removeEventListener("resize", resizeHandle);
-      }
-      if (scrollNode.value) {
-        scrollNode.value.removeEventListener("scroll", close2);
-        scrollNode.value.removeEventListener("wheel", close2);
-      }
-    });
-    function resizeHandle() {
-      close2();
+      document.body.addEventListener("scroll", close2, { passive: true });
+      document.body.addEventListener("wheel", close2, { passive: true });
     }
     async function getElementFromRef(refOrNode) {
       var _a2;
@@ -18628,34 +18794,45 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     }
     __expose({ open: open2, close: close2, toggle, set });
     return (_ctx, _cache) => {
-      return (_ctx.lazy ? ifShow.value : true) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        ref_key: "el",
-        ref: el,
-        class: normalizeClass(["to-float", [...setClass.value, _ctx.$attrs.class]]),
-        style: normalizeStyle(setStyle.value),
-        onMousedown: ($event) => _ctx.$emit("click"),
-        onTouchstart: ($event) => _ctx.$emit("click"),
-        onMouseenter: ($event) => _ctx.$emit("mouseenter"),
-        onMouseleave: ($event) => _ctx.$emit("mouseleave")
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !_ctx.global
       }, [
-        createElementVNode("div", {
-          ref_key: "mask",
-          ref: mask,
-          class: "to-float-mask",
-          onClick: maskClickHandle
-        }, null, 512),
-        createElementVNode("div", {
-          ref_key: "wrapper",
-          ref: wrapper,
-          class: "to-float-wrapper",
-          style: normalizeStyle(wrapperStyle.value)
+        (_ctx.lazy ? ifShow.value : true) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "el",
+          ref: el,
+          class: normalizeClass(["to-float", [setClass.value, unref(attrs).class]]),
+          style: normalizeStyle([setStyle.value, unref(attrs).style]),
+          onMousedown: ($event) => _ctx.$emit("click"),
+          onTouchstart: ($event) => _ctx.$emit("click"),
+          onMouseenter: ($event) => _ctx.$emit("mouseenter"),
+          onMouseleave: ($event) => _ctx.$emit("mouseleave"),
+          onClick: withModifiers(() => {
+          }, ["stop"])
         }, [
-          createElementVNode("div", { class: "to-float-content" }, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ], 4)
-      ], 46, ["onMousedown", "onTouchstart", "onMouseenter", "onMouseleave"])) : createCommentVNode("", true);
+          createElementVNode("div", {
+            ref_key: "mask",
+            ref: mask,
+            class: "to-float-mask",
+            onClick: maskClickHandle
+          }, null, 512),
+          createElementVNode("div", {
+            ref_key: "wrapper",
+            ref: wrapper,
+            class: "to-float-wrapper",
+            style: normalizeStyle(_ctx.slide ? wrapperStyle.value : null)
+          }, [
+            createElementVNode("div", {
+              ref_key: "content",
+              ref: content,
+              class: "to-float-content"
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 512)
+          ], 4)
+        ], 46, ["onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onClick"])) : createCommentVNode("", true)
+      ], 8, ["disabled"]);
     };
   }
 });
@@ -20753,10 +20930,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         onTouchend: touchend,
         onTouchmove: touchmove
       }, [
-        createElementVNode("div", { class: "pic" }, [
+        createElementVNode("div", { class: "to-slide-pic" }, [
           createElementVNode("ul", {
-            ref_key: "ul",
-            ref: ul,
+            ref: "to-slide-wrapper",
             style: normalizeStyle(setUlStyle.value)
           }, [
             createElementVNode("li", {
@@ -22015,34 +22191,41 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         }, [
           createCommentVNode("", true)
         ]),
-        createVNode(unref(ToFloat), {
-          ref_key: "cascaderFloat",
-          ref: cascaderFloat,
-          class: "to-cascader-layer",
-          width: floatWidth.value,
-          lazy: "",
-          onClosed: afterClose
-        }, {
-          default: withCtx(() => [
-            !data_.value.length ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              style: { "text-align": "center", "color": "#ccc", "padding": "3em 0.3em" }
-            }, "暂无数据")) : createCommentVNode("", true),
-            createVNode(_component_to_scroll, {
-              onClick: withModifiers(() => {
-              }, ["stop"])
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createElementVNode("div", {
+            class: normalizeClass(["to-cascader", setClass.value])
+          }, [
+            createVNode(unref(ToFloat), {
+              ref_key: "cascaderFloat",
+              ref: cascaderFloat,
+              global: false,
+              class: "to-cascader-layer",
+              width: floatWidth.value,
+              lazy: "",
+              onClosed: afterClose
             }, {
               default: withCtx(() => [
-                (openBlock(), createBlock(_sfc_main$i, {
-                  key: String(data_.value),
-                  data: data_.value
-                }, null, 8, ["data"]))
+                !data_.value.length ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  style: { "text-align": "center", "color": "#ccc", "padding": "3em 0.3em" }
+                }, "暂无数据")) : createCommentVNode("", true),
+                createVNode(_component_to_scroll, {
+                  onClick: withModifiers(() => {
+                  }, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(_sfc_main$i, {
+                      key: String(data_.value),
+                      data: data_.value
+                    }, null, 8, ["data"]))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
               ]),
               _: 1
-            }, 8, ["onClick"])
-          ]),
-          _: 1
-        }, 8, ["width"]),
+            }, 8, ["width"])
+          ], 2)
+        ])),
         errorTip.value ? withDirectives((openBlock(), createElementBlock("span", {
           key: 4,
           class: "to-box-tip"
@@ -23459,7 +23642,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     downloadable: { type: Boolean, default: false },
     name: { default: "uploadfile" },
-    credentialsable: { type: Boolean, default: false },
+    withCredentials: { type: Boolean, default: false },
     files: { default: () => [] },
     data: { default: () => ({}) },
     beforeSelect: { type: [Function, null], default: null },
@@ -23641,7 +23824,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         action: props.action,
         data: formData,
         headers: props.headers,
-        withCredentials: props.credentialsable,
+        withCredentials: props.withCredentials,
         onError: (err, status) => {
           setFilePropertyByUid(file.uid, "status", "error");
           emit("error", err, status, file);
@@ -23947,7 +24130,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     opened: { type: Function, default: () => true },
     beforeOpen: { type: Function, default: () => true },
     headers: { default: () => null },
-    credentialsable: { type: Boolean, default: false },
+    withCredentials: { type: Boolean, default: false },
     data: { default: () => null },
     disabled: { type: Boolean, default: false }
   },
@@ -23959,39 +24142,106 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return !!instance.vnode.props.onDownloadTemplate;
     };
     const emit = __emit;
-    const _fileName = ref("");
-    const floatEl = ref(null);
+    const state = ref("");
+    const fileName = ref("");
+    const layer = ref(null);
     const iconEl = ref(null);
-    const buttonEl = ref(null);
+    const button = ref(null);
     const fileInput = ref(null);
     const btnIcon = ref("import");
+    const isDragOver = ref(false);
+    const isFloatOpen = ref(false);
+    const errorTip = ref("");
     const setClass = computed(() => {
       let arr = [];
       if (props.mode) {
         arr.push(`mode-${props.mode}`);
       }
+      if (state.value) {
+        arr.push(`state-${state.value}`);
+      }
       return arr;
     });
+    const setFileClass = computed(() => {
+      let arr = [];
+      if (isDragOver.value) {
+        arr.push("is-dragover");
+      }
+      return arr;
+    });
+    const fileTypeIcons = {
+      excel: [".xls", ".xlsx", ".csv"],
+      img: [".png", ".jpg", ".gif", ".apng", ".webp"],
+      ppt: [".ppt", ".pptx", ".ppsx"],
+      rar: [".rar", ".zip", ".tar", ".gz", ".tgz"],
+      video: [".rm", ".rmvb", ".avi", ".mkv", ".mp4", ".wmv", ".mov", ".movie", ".mpeg", ".mpg", ".qt"],
+      voice: [".mp2", ".mp3", ".wma", ".midi"],
+      word: [".doc", ".docx"]
+    };
+    const getIcon = computed(() => {
+      if (!state.value) {
+        return "upload";
+      }
+      if (state.value === "uploading") {
+        return "loading";
+      }
+      if (state.value === "success") {
+        return "ok";
+      }
+      if (state.value === "error") {
+        return "close";
+      }
+      if (!fileName.value || typeof fileName.value !== "string") {
+        return "default";
+      }
+      let ext;
+      if (fileName.value.startsWith(".")) {
+        ext = fileName.value.toLowerCase();
+      } else {
+        const lastDotIndex = fileName.value.lastIndexOf(".");
+        if (lastDotIndex === -1) {
+          return "default";
+        }
+        ext = fileName.value.slice(lastDotIndex).toLowerCase();
+      }
+      for (const [iconType, extList] of Object.entries(fileTypeIcons)) {
+        if (extList.includes(ext)) {
+          return iconType;
+        }
+      }
+      return "default";
+    });
+    const validateFileType = (file) => {
+      if (!props.accept)
+        return true;
+      const fileName2 = file.name.toLowerCase();
+      const acceptRules = props.accept.split(",").map((rule) => rule.trim().toLowerCase());
+      return acceptRules.some((rule) => {
+        if (rule.startsWith(".")) {
+          return fileName2.endsWith(rule);
+        } else if (rule === "*/*") {
+          return true;
+        } else if (rule.includes("/*")) {
+          const typePrefix = rule.split("/*")[0];
+          return file.type.toLowerCase().startsWith(typePrefix + "/");
+        } else {
+          return file.type.toLowerCase() === rule;
+        }
+      });
+    };
     const handleChange = async (e) => {
-      let flag = true;
-      if (props.beforeStart) {
-        if (typeof props.beforeStart === "function") {
-          const result = props.beforeStart(e.target.files[0]);
-          if (result && typeof result.then === "function") {
-            flag = await result;
-          } else {
-            flag = !!result;
-          }
+      const files = e.target.files;
+      if (files && files.length > 0) {
+        const file = files[0];
+        if (validateFileType(file)) {
+          await processFile(file);
         } else {
-          flag = !!props.beforeStart;
+          state.value = "error";
+          errorTip.value = "文件类型不正确";
+          fileName.value = "";
+          e.target.value = "";
         }
       }
-      if (!flag || !props.action)
-        return false;
-      _fileName.value = e.target.files[0].name;
-      btnIcon.value = "loading";
-      emit("start", e.target.files[0]);
-      handleUpload(e.target.files[0]);
     };
     async function handleUpload(file) {
       let formData = new FormData();
@@ -24001,20 +24251,36 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           formData.append(key, props.data[key]);
         });
       }
+      state.value = "uploading";
       fileAjax({
         action: props.action,
         data: formData,
         headers: props.headers,
-        withCredentials: props.credentialsable,
+        withCredentials: props.withCredentials,
         onError: (err, status) => {
+          var _a2;
+          state.value = "error";
           emit("error", err, status, file);
+          switch (err.type) {
+            case "network_error":
+              errorTip.value = "网络错误：" + err.message;
+              break;
+            case "http_error":
+              errorTip.value = `服务器错误(${status})：${((_a2 = err.response) == null ? void 0 : _a2.message) || err.message}`;
+              break;
+            case "parse_error":
+              errorTip.value = "服务器返回数据格式错误：" + err.message;
+              break;
+          }
         },
         onSuccess: (data, status) => {
-          let _data = JSON.parse(data);
+          let _data = JSON.parse(JSON.stringify(data));
           btnIcon.value = "import";
+          state.value = "success";
           emit("success", _data, status, file);
         },
         onProgress: (e) => {
+          state.value = "uploading";
           emit("progress", e.loaded, e.total, file);
         }
       });
@@ -24022,7 +24288,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const handleFloat = (el) => {
       if (props.disabled)
         return false;
-      floatEl.value.toggle(el);
+      layer.value.toggle(el);
     };
     const handleImport = () => {
       fileInput.value.click();
@@ -24030,26 +24296,128 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const downloadTem = () => {
       emit("download-template");
     };
+    const handleReset = () => {
+      state.value = "";
+      fileName.value = "";
+      errorTip.value = "";
+      btnIcon.value = "import";
+      if (fileInput.value) {
+        fileInput.value.value = "";
+      }
+    };
+    const handleFloatOpened = () => {
+      isFloatOpen.value = true;
+      addPasteListener();
+      if (props.opened) {
+        props.opened();
+      }
+    };
+    const handleFloatClosed = () => {
+      removePasteListener();
+      isFloatOpen.value = false;
+      if (props.closed) {
+        props.closed();
+      }
+    };
+    const handleDragOver = () => {
+      isDragOver.value = true;
+    };
+    const handleDragLeave = () => {
+      isDragOver.value = false;
+    };
+    const handleDrop = async (e) => {
+      var _a2;
+      isDragOver.value = false;
+      const files = (_a2 = e.dataTransfer) == null ? void 0 : _a2.files;
+      if (files && files.length > 0) {
+        const file = files[0];
+        if (validateFileType(file)) {
+          await processFile(file);
+        } else {
+          state.value = "error";
+          errorTip.value = "文件类型不正确";
+          fileName.value = "";
+        }
+      }
+    };
+    const handlePaste = async (e) => {
+      var _a2;
+      if (!isFloatOpen.value)
+        return;
+      const items = (_a2 = e.clipboardData) == null ? void 0 : _a2.items;
+      if (!items)
+        return;
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (item.kind === "file") {
+          const file = item.getAsFile();
+          if (file && validateFileType(file)) {
+            e.preventDefault();
+            await processFile(file);
+            break;
+          } else if (file) {
+            e.preventDefault();
+            state.value = "error";
+            errorTip.value = "文件类型不正确";
+            fileName.value = "";
+            break;
+          }
+        }
+      }
+    };
+    const addPasteListener = () => {
+      document.body.addEventListener("paste", handlePaste);
+    };
+    const removePasteListener = () => {
+      document.body.removeEventListener("paste", handlePaste);
+    };
+    onBeforeUnmount(() => {
+      removePasteListener();
+    });
+    const processFile = async (file) => {
+      let flag = true;
+      if (props.beforeStart) {
+        if (typeof props.beforeStart === "function") {
+          const result = props.beforeStart(file);
+          if (result && typeof result.then === "function") {
+            flag = await result;
+          } else {
+            flag = !!result;
+          }
+        } else {
+          flag = !!props.beforeStart;
+        }
+      }
+      if (!flag || !props.action)
+        return false;
+      fileName.value = file.name;
+      btnIcon.value = "loading";
+      emit("start", file);
+      handleUpload(file);
+    };
     return (_ctx, _cache) => {
+      const _component_to_scroll = resolveComponent("to-scroll");
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(["to-import", setClass.value])
       }, [
-        createElementVNode("input", {
+        withDirectives(createElementVNode("input", {
           ref_key: "fileInput",
           ref: fileInput,
           type: "file",
           accept: __props.accept,
-          style: { "display": "none" },
           onChange: handleChange
-        }, null, 40, ["accept"]),
+        }, null, 40, ["accept"]), [
+          [vShow, false]
+        ]),
         props.type === "button" ? (openBlock(), createBlock(unref(ToButton), {
           key: 0,
-          ref_key: "buttonEl",
-          ref: buttonEl,
-          icon: "import|left",
+          ref_key: "button",
+          ref: button,
+          class: "to-import-button",
+          icon: "import",
           disabled: props.disabled,
           expand: "",
-          onClick: withModifiers(($event) => handleFloat(buttonEl.value), ["stop"])
+          onClick: withModifiers(($event) => handleFloat(button.value), ["stop"])
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(props.buttonText), 1)
@@ -24059,63 +24427,73 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           key: 1,
           ref_key: "iconEl",
           ref: iconEl,
+          link: "",
           value: "import",
+          class: "to-import-icon",
           disabled: props.disabled,
           onClick: withModifiers(($event) => handleFloat(iconEl.value), ["stop"])
         }, null, 8, ["disabled", "onClick"])),
         createVNode(unref(ToFloat), {
-          ref_key: "floatEl",
-          ref: floatEl,
+          ref_key: "layer",
+          ref: layer,
           width: "25",
+          class: "to-import-layer",
           lazy: "",
-          opened: props.opened,
-          closed: props.closed,
           "before-open": props.beforeOpen,
-          "before-close": props.beforeClose
+          "before-close": props.beforeClose,
+          onOpened: handleFloatOpened,
+          onClosed: handleFloatClosed
         }, {
           default: withCtx(() => [
-            createVNode(unref(ToPadding), { value: 1 }, {
+            createVNode(_component_to_scroll, null, {
               default: withCtx(() => [
-                createVNode(unref(ToInput), {
-                  modelValue: _fileName.value,
-                  "onUpdate:modelValue": ($event) => _fileName.value = $event,
-                  mode: "import-input"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ToButton), {
-                      mode: "import-button",
-                      icon: btnIcon.value,
-                      expand: "",
-                      onClick: handleImport
+                createElementVNode("div", {
+                  class: normalizeClass(["to-import-file", setFileClass.value]),
+                  onDragover: withModifiers(handleDragOver, ["prevent"]),
+                  onDragleave: withModifiers(handleDragLeave, ["prevent"]),
+                  onClick: handleImport,
+                  onDrop: withModifiers(handleDrop, ["prevent"])
+                }, [
+                  createVNode(unref(ToIcon), {
+                    value: getIcon.value,
+                    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)
+                  ]),
+                  state.value || hasDownloadTemplate() ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "to-import-file-fn"
+                  }, [
+                    state.value ? (openBlock(), createBlock(unref(ToButton), {
+                      key: 0,
+                      icon: "reset",
+                      class: "to-import-reset",
+                      onClick: withModifiers(handleReset, ["stop"])
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(props.buttonText), 1)
+                        createTextVNode("重置")
                       ]),
                       _: 1
-                    }, 8, ["icon"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "onUpdate:modelValue"]),
-                hasDownloadTemplate() ? (openBlock(), createElementBlock("div", { key: 0 }, [
-                  createVNode(unref(ToGap)),
-                  createVNode(unref(ToButton), {
-                    mode: "import-template",
-                    color: "primary",
-                    icon: "download",
-                    onClick: downloadTem
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode("模版下载")
-                    ]),
-                    _: 1
-                  })
-                ])) : createCommentVNode("", true)
+                    })) : hasDownloadTemplate() ? (openBlock(), createBlock(unref(ToButton), {
+                      key: 1,
+                      class: "to-import-download",
+                      icon: "download",
+                      onClick: withModifiers(downloadTem, ["stop"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("模版下载")
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ], 34)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["opened", "closed", "before-open", "before-close"])
+        }, 8, ["before-open", "before-close"])
       ], 2);
     };
   }
@@ -24132,10 +24510,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     type: { default: "button" },
     fileTypes: { default: ".xlsx,.xls" },
     fileType: { default: ".xls" },
-    fileName: { default: "请选择" },
+    fileName: { default: "导出文件" + format$1(/* @__PURE__ */ new Date(), "yyyyMMdd") },
     action: { default: "" },
     headers: { default: () => null },
-    credentialsable: { type: Boolean, default: false },
+    withCredentials: { type: Boolean, default: false },
     data: { default: () => null },
     beforeStart: { type: Function, default: () => true },
     httpRequest: { type: Function, default: ajax$1 },
@@ -24155,6 +24533,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const _fileName = ref(props.fileName);
     const _fileType = ref(props.fileType);
     const btnIcon = ref("export|left");
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
     const emit = __emit;
     watch(
       () => props.fileName,
@@ -24169,6 +24554,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     );
     const handleFloat = (el) => {
+      if (props.disabled) {
+        return;
+      }
       floatEl.value.toggle(el);
     };
     async function handleExport() {
@@ -24188,7 +24576,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         data: props.data || {},
         headers: props.headers,
         filename: _fileName.value,
-        withCredentials: props.credentialsable,
+        withCredentials: props.withCredentials,
         onError: (err) => {
           emit("error", err);
         },
@@ -24222,12 +24610,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", { class: "to-export" }, [
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["to-export", setClass.value])
+      }, [
         props.type === "button" ? (openBlock(), createBlock(unref(ToButton), {
           key: 0,
           ref_key: "buttonEl",
           ref: buttonEl,
-          icon: "export|left",
+          class: "to-export-button",
+          disabled: props.disabled,
+          icon: "export",
           expand: "",
           onClick: withModifiers(($event) => handleFloat(buttonEl.value), ["stop"])
         }, {
@@ -24235,65 +24627,60 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(props.buttonText), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : (openBlock(), createBlock(unref(ToIcon), {
+        }, 8, ["disabled", "onClick"])) : (openBlock(), createBlock(unref(ToIcon), {
           key: 1,
           ref_key: "iconEl",
           ref: iconEl,
+          link: "",
+          class: "to-export-icon",
           value: "export",
           onClick: withModifiers(($event) => handleFloat(iconEl.value), ["stop"])
         }, null, 8, ["onClick"])),
         createVNode(unref(ToFloat), {
           ref_key: "floatEl",
           ref: floatEl,
-          width: "25",
+          class: "to-export-layer",
+          width: "30",
           lazy: "",
-          opened: props.opened,
-          closed: props.closed,
           "before-open": props.beforeOpen,
-          "before-close": props.beforeClose
+          "before-close": props.beforeClose,
+          onOpened: props.opened,
+          onClosed: props.closed
         }, {
           default: withCtx(() => [
-            createVNode(unref(ToPadding), { value: 1 }, {
+            createVNode(unref(ToInput), {
+              modelValue: _fileName.value,
+              "onUpdate:modelValue": ($event) => _fileName.value = $event,
+              class: "to-export-input"
+            }, {
+              prefix: withCtx(() => [
+                createVNode(unref(ToSelect), {
+                  modelValue: _fileType.value,
+                  "onUpdate:modelValue": ($event) => _fileType.value = $event,
+                  "option-width": "7",
+                  clearable: false,
+                  class: "to-export-select",
+                  data: props.fileTypes
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "data"])
+              ]),
               default: withCtx(() => [
-                createVNode(unref(ToInput), {
-                  modelValue: _fileName.value,
-                  "onUpdate:modelValue": ($event) => _fileName.value = $event,
-                  mode: "export-input"
+                createVNode(unref(ToButton), {
+                  class: "to-export-confirm",
+                  icon: "ok",
+                  onClick: handleExport
                 }, {
-                  prefix: withCtx(() => [
-                    createVNode(unref(ToSelect), {
-                      modelValue: _fileType.value,
-                      "onUpdate:modelValue": ($event) => _fileType.value = $event,
-                      mode: "export-select",
-                      data: props.fileTypes
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "data"])
-                  ]),
                   default: withCtx(() => [
-                    createVNode(unref(ToButton), {
-                      mode: "export-button",
-                      icon: btnIcon.value,
-                      expand: "",
-                      onClick: handleExport
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(props.buttonText), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["icon"])
+                    createTextVNode("确定")
                   ]),
                   _: 1
-                }, 8, ["modelValue", "onUpdate:modelValue"]),
-                createElementVNode("div", null, [
-                  createVNode(unref(ToGap)),
-                  createTextVNode(" 导出设置完成，请点击导出 ")
-                ])
+                })
               ]),
               _: 1
-            })
+            }, 8, ["modelValue", "onUpdate:modelValue"])
           ]),
           _: 1
-        }, 8, ["opened", "closed", "before-open", "before-close"])
-      ]);
+        }, 8, ["before-open", "before-close", "onOpened", "onClosed"])
+      ], 2);
     };
   }
 });
@@ -26954,13 +27341,13 @@ const echartsMapProps = {
     type: [String, Number],
     default: 1
   },
-  aspectRatio: {
+  aspectScale: {
     type: [String, Number],
-    default: ""
+    default: 0.75
   },
   shadow: {
-    type: String,
-    default: ""
+    type: Array,
+    default: () => []
   },
   itemShadow: {
     type: String,
@@ -27066,6 +27453,10 @@ const echartsMapProps = {
     type: String,
     default: "/geo_data/"
   },
+  outlineApi: {
+    type: String,
+    default: "https://geo.datav.aliyun.com/areas_v3/bound/"
+  },
   forwardEvent: {
     type: String,
     default: "click"
@@ -29324,7 +29715,6 @@ const cityData = [
     city: "90"
   }
 ];
-const OUTLINE_BASE_URL = "https://geo.datav.aliyun.com/areas_v3/bound/";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ToEchartsMap"
@@ -29427,22 +29817,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (props.width) {
         style.width = formatSize(props.width);
       }
-      let finalScaleX = Number(props.scaleX) || 1;
-      let finalScaleY = Number(props.scaleY) || 1;
-      if (props.aspectRatio) {
-        const targetRatio = Number(props.aspectRatio);
-        if (targetRatio > 0) {
-          const currentRatio = finalScaleX / finalScaleY;
-          if (currentRatio < targetRatio) {
-            finalScaleX = finalScaleY * targetRatio;
-          } else {
-            finalScaleY = finalScaleX / targetRatio;
-          }
-        }
-      }
-      const rotate = Number(props.rotate) || 0;
-      style.transform = `rotate(${rotate}deg) scaleX(${finalScaleX}) scaleY(${finalScaleY})`;
-      style.transformOrigin = "center center";
       return style;
     });
     const loadEcharts = async () => {
@@ -29636,7 +30010,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (outlineCache.has(code))
         return outlineCache.get(code);
       try {
-        const res = await fetch(`${OUTLINE_BASE_URL}${code}.json`);
+        const res = await fetch(`${props.outlineApi}${code}.json`);
         if (!res.ok)
           throw new Error(`Request failed: ${res.status}`);
         const json = await res.json();
@@ -29696,10 +30070,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       var _a2;
       const getLabelConfig = (isHover = false) => {
         var _a3;
-        const name = (e) => {
-          var _a4, _b;
-          return (_b = (_a4 = props.nameMap) == null ? void 0 : _a4[e.name]) != null ? _b : e.name;
-        };
         const fontColor = isHover ? props.fontColorHover || props.fontColor : props.fontColor;
         const fontSizeValue = isHover ? props.fontSizeHover || props.fontSize : props.fontSize;
         const fontSize = Number(fontSizeValue) * currentEm.value;
@@ -29712,8 +30082,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         };
         if (!props.showLabelIcon) {
           return {
-            ...baseLabel,
-            formatter: (e) => `${name(e)}`
+            ...baseLabel
           };
         }
         if (props.labelIconType === "image") {
@@ -29721,8 +30090,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           const [width, height] = Array.isArray(size) ? size : [size, size];
           return {
             ...baseLabel,
-            formatter: (e) => `{a|${name(e)}}
-{b|}`,
             rich: {
               a: { ...baseLabel },
               b: {
@@ -29735,9 +30102,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           };
         }
         return {
-          ...baseLabel,
-          formatter: (e) => `${name(e)}
-${props.labelIcon}`
+          ...baseLabel
         };
       };
       if (props.is3d) {
@@ -29768,17 +30133,18 @@ ${props.labelIcon}`
               borderColor: props.borderColorHover || props.borderColor
             },
             label: getLabelConfig(true)
-          }
+          },
+          nameMap: props.nameMap
+          // aspectScale: props.aspectScale
         };
       }
-      const shadowParts = parseShadow(props.shadow);
       const itemShadowParts = parseShadow(props.itemShadow);
       return {
         type: "map",
         map: geoName,
         data: mapData,
         top: 0,
-        bottom: props.shadow ? shadowParts[0] ? Number(shadowParts[0]) * currentEm.value : currentEm.value : 0,
+        bottom: 0,
         label: getLabelConfig(false),
         itemStyle: {
           shadowBlur: itemShadowParts[0] ? Number(itemShadowParts[0]) * currentEm.value : 0,
@@ -29803,51 +30169,37 @@ ${props.labelIcon}`
             borderColor: props.borderColorHover || props.borderColor
           },
           label: getLabelConfig(true)
-        }
+        },
+        nameMap: props.nameMap,
+        aspectScale: props.aspectScale
       };
     };
     const getOption = (geoName, code, mapData) => {
-      var _a2;
       const baseSeries = getBaseSeries(geoName, mapData);
       const seriesWithZ = { ...baseSeries, z: 3 };
-      const shadowParts = parseShadow(props.shadow);
       const { min, max: max2 } = getMinMax(mapData);
       const geoLayers = [];
-      if (props.shadow) {
-        const shadowOffset = shadowParts[0] ? Number(shadowParts[0]) * currentEm.value : currentEm.value;
-        const shadowColor = (_a2 = shadowParts[1]) != null ? _a2 : "rgba(0,0,0,0.3)";
-        const shadow2Color = shadowParts[2];
-        if (shadow2Color) {
+      if (props.shadow.length) {
+        props.shadow.forEach((item, i) => {
           geoLayers.push({
-            z: 1,
+            z: props.shadow.length - i,
             show: true,
             map: geoName,
+            top: 0,
+            bottom: 0,
             roam: false,
-            top: shadowOffset * 2,
-            bottom: -shadowOffset,
             silent: true,
             itemStyle: {
-              areaColor: shadow2Color,
+              areaColor: item.shadowColor,
+              shadowOffsetY: item.shadowOffset,
+              shadowColor: item.shadowColor,
               borderColor: "transparent"
-            }
+            },
+            aspectScale: props.aspectScale
           });
-        }
-        geoLayers.push({
-          z: 2,
-          show: true,
-          map: geoName,
-          roam: false,
-          top: shadowOffset,
-          bottom: 0,
-          silent: true,
-          itemStyle: {
-            areaColor: shadowColor,
-            borderColor: "transparent"
-          }
         });
       }
       if (props.showOutline) {
-        const shadowOffset = shadowParts[0] ? Number(shadowParts[0]) * currentEm.value : currentEm.value;
         const outlineMapName = `${geoName}__outline`;
         geoLayers.push({
           z: 2,
@@ -29855,7 +30207,7 @@ ${props.labelIcon}`
           map: outlineMapName,
           roam: false,
           top: 0,
-          bottom: props.shadow ? shadowOffset : 0,
+          bottom: 0,
           silent: true,
           itemStyle: {
             areaColor: "transparent",
@@ -29863,7 +30215,8 @@ ${props.labelIcon}`
             borderWidth: Number(props.outlineWidth),
             borderJoin: "round",
             borderMiterLimit: 2
-          }
+          },
+          aspectScale: props.aspectScale
         });
       }
       seriesWithZ.z = 3;