snail.vue 2.0.5 → 2.0.7

package/dist/snail.vue.js

@@ -1,10 +1,10 @@
 //@ sourceURL=/snail.vue.js
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, useTemplateRef, createVNode, withDirectives, vModelText, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, isRef, getCurrentInstance, resolveComponent, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
-import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, mountScope, useScopes, isPromise, wait, delay, defer, useAsyncScope, useHook, hasAny, throwIfTrue, onMountScope } from 'snail.core';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, useTemplateRef, createVNode, watch, withDirectives, isRef, vModelText, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, getCurrentInstance, resolveComponent, onBeforeUnmount, TransitionGroup, getCurrentScope, onScopeDispose } from 'vue';
+import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isObject, isNumberNotNaN, hasAny, mustFunction, useScope, removeFromArray, mustObject, delay, defer, useAsyncScope, useHook, throwIfTrue, onMountScope } from 'snail.core';
 import { link, css, useObserver, useAnimation } from 'snail.view';
 
-const _hoisted_1$h = ["title"];
-var _sfc_main$u = defineComponent({
+const _hoisted_1$j = ["title"];
+var _sfc_main$x = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -20,7 +20,7 @@ var _sfc_main$u = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-button", [__props.size, __props.type]]),
         title: __props.title
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$h);
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$j);
     };
   }
 });
@@ -67,10 +67,10 @@ function getSvgDraw(iconType, draw) {
   }
 }
 
-const _hoisted_1$g = ["width", "height"];
-const _hoisted_2$a = ["textContent"];
-const _hoisted_3$7 = ["fill", "stroke", "stroke-width", "d"];
-var _sfc_main$t = defineComponent({
+const _hoisted_1$i = ["width", "height"];
+const _hoisted_2$b = ["textContent"];
+const _hoisted_3$8 = ["fill", "stroke", "stroke-width", "d"];
+var _sfc_main$w = defineComponent({
   ...{
     name: "Icon",
     inheritAttrs: true
@@ -100,23 +100,23 @@ var _sfc_main$t = defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
       }, [createElementVNode("title", {
         textContent: toDisplayString(__props.title || "")
-      }, null, 8, _hoisted_2$a), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(__props.type, __props.draw), draw => {
+      }, null, 8, _hoisted_2$b), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(__props.type, __props.draw), draw => {
         return openBlock(), createElementBlock("path", {
           fill: isMouseEnterRef.value ? __props.hoverColor || __props.color : __props.color,
           stroke: __props.stroke,
           "stroke-width": __props.strokeWidth,
           d: draw
-        }, null, 8, _hoisted_3$7);
-      }), 256))], 46, _hoisted_1$g);
+        }, null, 8, _hoisted_3$8);
+      }), 256))], 46, _hoisted_1$i);
     };
   }
 });
 
-const _hoisted_1$f = ["title", "onClick"];
-const _hoisted_2$9 = ["type", "checked"];
-const _hoisted_3$6 = ["textContent"];
-const _hoisted_4$4 = ["textContent"];
-var _sfc_main$s = defineComponent({
+const _hoisted_1$h = ["title", "onClick"];
+const _hoisted_2$a = ["type", "checked"];
+const _hoisted_3$7 = ["textContent"];
+const _hoisted_4$5 = ["textContent"];
+var _sfc_main$v = defineComponent({
   ...{
     name: "Choose",
     inheritAttrs: true
@@ -170,7 +170,11 @@ var _sfc_main$s = defineComponent({
         const newSelected = type == "checkbox" && props.items.length == 1 ? !node.selected : true;
         chooseItemsRef.value.forEach(item => item.selected = false);
         node.selected = newSelected;
-        valuesModel.value = newSelected ? node.item.value : void 0;
+        const newValue = newSelected ? node.item.value : void 0;
+        if (valuesModel.value == newValue) {
+          return;
+        }
+        valuesModel.value = newValue;
       }
       nextTick(() => emits("change", valuesModel.value));
     }
@@ -188,10 +192,10 @@ var _sfc_main$s = defineComponent({
           key: 0,
           type: unref(type),
           checked: node.selected
-        }, null, 8, _hoisted_2$9)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$a)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
-        }, [node.selected ? (openBlock(), createBlock(_sfc_main$t, {
+        }, [node.selected ? (openBlock(), createBlock(_sfc_main$w, {
           key: 0,
           type: "success",
           size: 12,
@@ -200,18 +204,18 @@ var _sfc_main$s = defineComponent({
           key: 2,
           class: "item-text",
           textContent: toDisplayString(node.item.text)
-        }, null, 8, _hoisted_3$6)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
+        }, null, 8, _hoisted_3$7)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)], 14, _hoisted_1$f);
+        }, null, 8, _hoisted_4$5)) : createCommentVNode("", true)], 14, _hoisted_1$h);
       }), 128))], 2);
     };
   }
 });
 
-const _hoisted_1$e = ["id"];
-var _sfc_main$r = defineComponent({
+const _hoisted_1$g = ["id"];
+var _sfc_main$u = defineComponent({
   __name: "datepicker",
   props: {
     type: {},
@@ -362,12 +366,12 @@ var _sfc_main$r = defineComponent({
         class: "snail-datepicker",
         id: unref(id),
         onClick
-      }, null, 8, _hoisted_1$e);
+      }, null, 8, _hoisted_1$g);
     };
   }
 });
 
-var _sfc_main$q = defineComponent({
+var _sfc_main$t = defineComponent({
   ...{
     name: "Footer",
     inheritAttrs: true
@@ -398,13 +402,13 @@ var _sfc_main$q = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": __props.divider
         }, __props.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         size: "max",
         type: "default",
         onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
         textContent: toDisplayString(__props.cancelName || "取消")
-      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 1,
         size: "max",
         type: "primary",
@@ -415,8 +419,8 @@ var _sfc_main$q = defineComponent({
   }
 });
 
-const _hoisted_1$d = ["textContent"];
-var _sfc_main$p = defineComponent({
+const _hoisted_1$f = ["textContent"];
+var _sfc_main$s = defineComponent({
   ...{
     name: "Header",
     inheritAttrs: true
@@ -455,7 +459,7 @@ var _sfc_main$p = defineComponent({
         key: 0,
         textContent: toDisplayString(__props.title),
         class: normalizeClass(["header-title", __props.titleAlign])
-      }, null, 10, _hoisted_1$d)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, 10, _hoisted_1$f)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$w, {
         key: 1,
         type: "close",
         size: 22,
@@ -467,18 +471,18 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-const _hoisted_1$c = ["textContent"];
-const _hoisted_2$8 = {
+const _hoisted_1$e = ["textContent"];
+const _hoisted_2$9 = {
   key: 0,
   class: "required",
   textContent: "*"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
   class: "input-body"
 };
-const _hoisted_4$3 = ["type", "value", "readonly", "placeholder", "title"];
-const _hoisted_5$1 = ["title"];
-var _sfc_main$o = defineComponent({
+const _hoisted_4$4 = ["type", "value", "readonly", "placeholder", "title"];
+const _hoisted_5$2 = ["title"];
+var _sfc_main$r = defineComponent({
   ...{
     name: "Input",
     inheritAttrs: true
@@ -530,7 +534,7 @@ var _sfc_main$o = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$c), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$8)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$5, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$e), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$9)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$6, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -539,22 +543,445 @@ var _sfc_main$o = defineComponent({
         title: inputModel.value,
         onChange: onValueChange,
         onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-      }, null, 40, _hoisted_4$3), !!validateRef.value ? (openBlock(), createElementBlock("span", {
+      }, null, 40, _hoisted_4$4), !!validateRef.value ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "validate",
         title: validateRef.value
-      }, [createVNode(_sfc_main$t, {
+      }, [createVNode(_sfc_main$w, {
         type: "error",
         size: 16,
         color: "red"
-      })], 8, _hoisted_5$1)) : createCommentVNode("", true)])], 2);
+      })], 8, _hoisted_5$2)) : createCommentVNode("", true)])], 2);
     };
   }
 });
 
-const _hoisted_1$b = ["placeholder", "readonly"];
+function useReactive() {
+  function transition(rv, effect, time) {
+    throwIfFalse(isObject(effect), "transition: effect must be an object.");
+    const scope = scopes.get();
+    rv.value = effect.from;
+    const endId = setTimeout(scope.destroy, time);
+    return scope.onDestroy(function () {
+      rv.value = effect.to;
+      clearTimeout(endId);
+    });
+  }
+  function load(task, status, delay) {
+    throwIfFalse(isPromise(task), "task: task must be a Promise.");
+    status.value = true;
+    task.finally(function () {
+      delay > 0 ? setTimeout(() => status.value = false, delay) : status.value = false;
+    });
+    return wait(task);
+  }
+  function watcher(source, callback, deep) {
+    const {
+      stop
+    } = watch(source, callback, {
+      deep
+    });
+    return scopes.get().onDestroy(stop);
+  }
+  const manager = mountScope({
+    transition,
+    load,
+    watcher
+  }, "IReactiveManager");
+  const scopes = useScopes();
+  manager.onDestroy(scopes.destroy);
+  return Object.freeze(manager);
+}
+
+function useFormatter(options) {
+  const multiplier = options.formatMultiplier > 1 ? Math.trunc(Math.log10(options.formatMultiplier)) : 0;
+  const step = options.step > 1 ? parseInt(String(options.step)) : 1;
+  const clamp = options.clamp || "keep";
+  function format(text, isEnd) {
+    isStringNotEmpty(text) && (text = text.replace(/,/g, ""));
+    if (hasAny(text) == false) {
+      return Object.freeze({
+        valid: true,
+        number: void 0,
+        text: ""
+      });
+    }
+    const isNegative = text.startsWith("-");
+    if (isNegative == true) {
+      text = text.substring(1);
+      if (text.length == 0) {
+        return Object.freeze({
+          valid: isEnd ? false : true,
+          number: void 0,
+          text: isEnd ? "" : "-"
+        });
+      }
+    }
+    if (/^(?:[1-9]\d*|0)(?:\.\d*)?$/.test(text) == false) {
+      return Object.freeze({
+        valid: false,
+        number: void 0,
+        text: ""
+      });
+    }
+    isEnd && formatter.precision >= 0 && (text = parseFloat(text).toFixed(formatter.precision));
+    const number = isNegative ? -parseFloat(text) : parseFloat(text);
+    const error = 9007199254740991 < number || number < -9007199254740991 ? "超过Number的最大精度范围" : void 0;
+    const [integerPart, decimalPart] = text.split(".");
+    const multiplier2 = dealMultiplier(integerPart, decimalPart);
+    return Object.freeze({
+      valid: true,
+      number,
+      text: isNegative ? `-${text}` : text,
+      error,
+      isNegative,
+      isDecimal: decimalPart !== void 0,
+      integerPart,
+      decimalPart,
+      integerPartAfterMultiplier: multiplier2.integerPart,
+      decimalPartAfterMultiplier: multiplier2.decimalPart
+    });
+  }
+  function checkThreshold(number) {
+    const belowMin = formatter.minValue == void 0 ? false : number < formatter.minValue;
+    const exceedMax = formatter.maxValue == void 0 ? false : number > formatter.maxValue;
+    if (belowMin == true) {
+      clamp == "clamp" && (number = formatter.minValue);
+    } else if (exceedMax == true) {
+      clamp == "clamp" && (number = formatter.maxValue);
+    }
+    return {
+      number,
+      belowMin,
+      exceedMax
+    };
+  }
+  function buildUpper(result) {
+    if (formatter.upper == true) {
+      const rt = buildIntegerPartUpperText(result.integerPartAfterMultiplier);
+      if (rt.success != true) {
+        return rt.reason;
+      }
+      const decimalPart = buildDecimalPartUpperText(result.decimalPartAfterMultiplier) || "整";
+      return `${result.isNegative ? "负" : ""}${rt.data}元${decimalPart}`;
+    }
+    return "";
+  }
+  function buildThousands(result) {
+    if (formatter.thousands != "disabled") {
+      const integerPart = (formatter.thousands == "inline" ? result.integerPart : result.integerPartAfterMultiplier).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      const decimalPart = formatter.thousands == "inline" ? result.decimalPart : result.decimalPartAfterMultiplier;
+      return decimalPart === void 0 ? `${result.isNegative ? "-" : ""}${integerPart}` : `${result.isNegative ? "-" : ""}${integerPart}.${decimalPart}`;
+    }
+    return "";
+  }
+  function calcByStep(number, isPlus) {
+    number === void 0 && (number = 0);
+    let [, tmpStr] = String(number).split(".");
+    number = Math.trunc(number) + (isPlus ? step : -step);
+    tmpStr = tmpStr === void 0 ? String(number) : `${number}.${tmpStr}`;
+    return parseFloat(tmpStr);
+  }
+  function dealMultiplier(integerPart, decimalPart) {
+    for (let index = 1; index <= multiplier; index++) {
+      let moveStr = void 0;
+      if (isStringNotEmpty(decimalPart) == true) {
+        moveStr = decimalPart[0];
+        decimalPart = decimalPart.substring(1);
+      }
+      moveStr === void 0 && (moveStr = "0");
+      integerPart += moveStr;
+    }
+    return {
+      integerPart,
+      decimalPart
+    };
+  }
+  function buildIntegerPartUpperText(integerPart) {
+    if (isStringNotEmpty(integerPart) != true) {
+      return {
+        success: true,
+        data: ""
+      };
+    }
+    const digits = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
+    const units = ["仟万", "佰万", "拾万", "万", "仟", "佰", "拾", "亿", "仟", "佰", "拾", "万", "仟", "佰", "拾", ""];
+    const isNegativeNumber = integerPart.startsWith("-");
+    isNegativeNumber && (integerPart = integerPart.substring(1));
+    if (units.length < integerPart.length) {
+      return {
+        success: false,
+        reason: `转换大写时整数部分最多支持${units.length}位。`
+      };
+    }
+    const texts = [];
+    const unitsOffset = units.length - integerPart.length;
+    for (let index = integerPart.length - 1; index >= 0; index--) {
+      const digit = `${digits[parseInt(integerPart[index])]}`;
+      const unit = units[index + unitsOffset];
+      digit != "零" ? texts.push(`${digit}${unit}`) : (unit == "亿" || unit == "万") && texts.push(unit);
+    }
+    isNegativeNumber && texts.push("负");
+    const text = texts.reverse().join("").replace("万万亿", "万亿").replace("亿万", "亿") || "零";
+    return {
+      success: true,
+      data: text
+    };
+  }
+  function buildDecimalPartUpperText(decimalPart) {
+    if (isStringNotEmpty(decimalPart) != true) {
+      return "";
+    }
+    const digits = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
+    let one = parseInt(decimalPart[0]),
+      two = parseInt(decimalPart[1]);
+    if (isNaN(two) == true || two === 0) {
+      return isNaN(one) == true || one === 0 ? "" : `${digits[one]}角`;
+    } else {
+      return isNaN(one) == true || one === 0 ? `零${digits[two]}分` : `${digits[one]}角${digits[two]}分`;
+    }
+  }
+  const formatter = Object.freeze(mountScope({
+    minValue: isNumberNotNaN(options.minValue) ? options.minValue : void 0,
+    maxValue: isNumberNotNaN(options.maxValue) ? options.maxValue : void 0,
+    precision: options.precision >= 0 ? parseInt(String(options.precision)) : void 0,
+    thousands: options.thousands || "disabled",
+    upper: options.upper === true,
+    format,
+    checkThreshold,
+    buildUpper,
+    buildThousands,
+    calcByStep
+  }, "INumberFormatter"));
+  return formatter;
+}
+
+const _hoisted_1$d = {
+  key: 0,
+  class: "number-prefix"
+};
+const _hoisted_2$8 = ["textContent"];
+const _hoisted_3$5 = ["inputmode", "placeholder", "title"];
+const _hoisted_4$3 = {
+  key: 1,
+  class: "number-suffix"
+};
+const _hoisted_5$1 = ["textContent"];
+const _hoisted_6 = ["title", "textContent"];
+const _hoisted_7 = ["title", "textContent"];
+var _sfc_main$q = defineComponent({
+  __name: "number",
+  props: mergeModels({
+    placeholder: {},
+    readonly: {
+      type: Boolean
+    },
+    minValue: {},
+    maxValue: {},
+    clamp: {},
+    precision: {},
+    thousands: {},
+    upper: {
+      type: Boolean
+    },
+    formatMultiplier: {},
+    prefix: {},
+    suffix: {},
+    controls: {},
+    step: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: mergeModels(["change", "error", "belowMin", "exceedMax"], ["update:modelValue"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const _ = __props;
+    const emits = __emit;
+    const valueModel = useModel(__props, "modelValue");
+    const inputDom = useTemplateRef("input");
+    const {
+      watcher
+    } = useReactive();
+    const formatter = useFormatter(_);
+    const {
+      readonly,
+      prefix,
+      suffix
+    } = _;
+    const {
+      precision,
+      upper,
+      thousands,
+      format,
+      checkThreshold,
+      buildUpper,
+      buildThousands,
+      calcByStep
+    } = formatter;
+    const hasPrefix = isStringNotEmpty(prefix);
+    const hasSuffix = isStringNotEmpty(suffix);
+    const controls = readonly == true ? "disabled" : _.controls || "disabled";
+    const displayValueRef = shallowRef();
+    const thousandsTextRef = shallowRef();
+    const upperTextRef = shallowRef();
+    let originNumber = valueModel.value;
+    let latestNumber = valueModel.value;
+    let needBackSection;
+    let ignoreCurValueChange;
+    function resetDisplayValue(newValue) {
+      if (displayValueRef.value !== newValue) {
+        ignoreCurValueChange = true;
+        displayValueRef.value = newValue;
+        setTimeout(() => ignoreCurValueChange = false, 0);
+        return true;
+      }
+      return false;
+    }
+    function formatInput(text, isEnd, onInValid, onResetDisplay) {
+      const result = format(text, isEnd);
+      if (result.error) {
+        emits("error", result.error);
+        return;
+      }
+      latestNumber = result.number;
+      if (result.valid != true) {
+        onInValid && onInValid();
+      } else if (result.number === void 0 || isNaN(result.number) == true) {
+        upperTextRef.value = "";
+        thousandsTextRef.value = "";
+      } else {
+        upperTextRef.value = buildUpper(result);
+        thousandsTextRef.value = buildThousands(result);
+        thousands == "inline" ? resetDisplayValue(thousandsTextRef.value) && onResetDisplay && onResetDisplay() : resetDisplayValue(result.text) && onResetDisplay && onResetDisplay();
+      }
+      return result;
+    }
+    function validateRange() {
+      const check = checkThreshold(latestNumber);
+      check.belowMin == true && emits("belowMin", latestNumber, formatter.minValue);
+      check.exceedMax == true && emits("exceedMax", latestNumber, formatter.maxValue);
+      latestNumber = check.number;
+    }
+    function bakSectionStart() {
+      const inputSectionStart = inputDom.value ? inputDom.value.selectionStart : null;
+      return {
+        restore(offset) {
+          inputSectionStart != null && needBackSection && nextTick(() => {
+            const newPosition = inputSectionStart + (offset == void 0 ? 0 : offset);
+            inputDom.value.setSelectionRange(newPosition, newPosition);
+          });
+        }
+      };
+    }
+    function formatOnEnd(triggerChangeEvent) {
+      needBackSection = false;
+      validateRange();
+      formatInput(String(latestNumber), true, () => {
+        latestNumber = void 0;
+        resetDisplayValue("");
+      });
+      valueModel.value = latestNumber;
+      const hasChange = originNumber != latestNumber;
+      const oldValue = originNumber;
+      originNumber = latestNumber;
+      hasChange && triggerChangeEvent && emits("change", originNumber, oldValue);
+    }
+    function onStepClick(isPlus) {
+      latestNumber = calcByStep(latestNumber, isPlus);
+      formatOnEnd(true);
+    }
+    originNumber !== void 0 && formatOnEnd(false);
+    watcher(valueModel, (newValue, oldValue) => {
+      if (newValue !== latestNumber) {
+        latestNumber = newValue;
+        formatOnEnd(false);
+      }
+    });
+    watcher(displayValueRef, (newValue, oldValue) => {
+      const bak = bakSectionStart();
+      oldValue == void 0 && (oldValue = "");
+      ignoreCurValueChange || formatInput(newValue, false, () => {
+        latestNumber = valueModel.value;
+        resetDisplayValue(oldValue);
+        bak.restore(oldValue.length - newValue.length);
+      }, () => bak.restore(displayValueRef.value.length - newValue.length));
+      valueModel.value = latestNumber;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-number", {
+          "has-prefix": unref(hasPrefix),
+          "has-suffix": unref(hasSuffix)
+        }])
+      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$d, [createElementVNode("span", {
+        class: "ellipsis",
+        textContent: toDisplayString(unref(prefix))
+      }, null, 8, _hoisted_2$8)])) : createCommentVNode("", true), createElementVNode("div", {
+        class: normalizeClass(["input-panel", unref(controls)])
+      }, [withDirectives(createElementVNode("input", {
+        type: "text",
+        ref: "input",
+        inputmode: unref(precision) > 0 ? "decimal" : "numeric",
+        placeholder: unref(readonly) ? "" : __props.placeholder,
+        title: displayValueRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => displayValueRef.value = $event),
+        onFocus: _cache[1] || (_cache[1] = $event => isRef(needBackSection) ? needBackSection.value = true : needBackSection = true),
+        onPaste: _cache[2] || (_cache[2] = $event => isRef(needBackSection) ? needBackSection.value = false : needBackSection = false),
+        onBlur: _cache[3] || (_cache[3] = $event => formatOnEnd(true))
+      }, null, 40, _hoisted_3$5), [[vModelText, displayValueRef.value]]), unref(controls) == "default" ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createElementVNode("div", {
+        class: "controls default subtract",
+        onClick: _cache[4] || (_cache[4] = $event => onStepClick(false))
+      }, [createVNode(_sfc_main$w, {
+        type: "subtract",
+        size: 20
+      })]), createElementVNode("div", {
+        class: "controls default plus",
+        onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
+      }, [createVNode(_sfc_main$w, {
+        type: "plus",
+        size: 20
+      })])], 64)) : unref(controls) == "right" ? (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createElementVNode("div", {
+        class: "controls right plus",
+        onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
+      }, [createVNode(_sfc_main$w, {
+        type: "arrow",
+        size: 20,
+        rotate: 270
+      })]), createElementVNode("div", {
+        class: "controls right subtract",
+        onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
+      }, [createVNode(_sfc_main$w, {
+        type: "arrow",
+        size: 20,
+        rotate: 90
+      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("span", {
+        class: "ellipsis",
+        textContent: toDisplayString(unref(suffix))
+      }, null, 8, _hoisted_5$1)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: "number-util ellipsis",
+        title: upperTextRef.value,
+        textContent: toDisplayString(`大写：${upperTextRef.value || ""}`)
+      }, null, 8, _hoisted_6)) : createCommentVNode("", true), unref(thousands) == "below" ? (openBlock(), createElementBlock("div", {
+        key: 3,
+        class: "number-util ellipsis",
+        title: thousandsTextRef.value,
+        textContent: toDisplayString(`千分位：${thousandsTextRef.value || ""}`)
+      }, null, 8, _hoisted_7)) : createCommentVNode("", true)], 2);
+    };
+  }
+});
+
+const _hoisted_1$c = ["placeholder", "readonly"];
 const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
-var _sfc_main$n = defineComponent({
+var _sfc_main$p = defineComponent({
   ...{
     name: "Search",
     inheritAttrs: true
@@ -599,9 +1026,9 @@ var _sfc_main$n = defineComponent({
         readonly: __props.readonly,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => textModel.value = $event),
         onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
-      }, null, 40, _hoisted_1$b), [[vModelText, textModel.value, void 0, {
+      }, null, 40, _hoisted_1$c), [[vModelText, textModel.value, void 0, {
         trim: true
-      }]]), createElementVNode("div", null, [createVNode(_sfc_main$t, {
+      }]]), createElementVNode("div", null, [createVNode(_sfc_main$w, {
         class: "search-button",
         type: "custom",
         draw: searchIon,
@@ -822,11 +1249,11 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
   }
 }
 
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   class: "snail-confirm flex-column"
 };
 const _hoisted_2$7 = ["innerHTML"];
-var _sfc_main$m = defineComponent({
+var _sfc_main$o = defineComponent({
   ...{
     name: "ConfirmContainer",
     inheritAttrs: true
@@ -853,14 +1280,14 @@ var _sfc_main$m = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$p, {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$s, {
         "use-to": "dialog",
         title: __props.title || "提示",
         onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
       }, null, 8, ["title"]), createElementVNode("div", {
         class: "confirm-body",
         innerHTML: __props.message || "请确认？"
-      }, null, 8, _hoisted_2$7), createVNode(_sfc_main$q, {
+      }, null, 8, _hoisted_2$7), createVNode(_sfc_main$t, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -873,7 +1300,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$n = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -912,44 +1339,7 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-function useReactive() {
-  function transition(rv, effect, time) {
-    throwIfFalse(isObject(effect), "transition: effect must be an object.");
-    const scope = scopes.get();
-    rv.value = effect.from;
-    const endId = setTimeout(scope.destroy, time);
-    return scope.onDestroy(function () {
-      rv.value = effect.to;
-      clearTimeout(endId);
-    });
-  }
-  function load(task, status, delay) {
-    throwIfFalse(isPromise(task), "task: task must be a Promise.");
-    status.value = true;
-    task.finally(function () {
-      delay > 0 ? setTimeout(() => status.value = false, delay) : status.value = false;
-    });
-    return wait(task);
-  }
-  function watcher(source, callback, deep) {
-    const {
-      stop
-    } = watch(source, callback, {
-      deep
-    });
-    return scopes.get().onDestroy(stop);
-  }
-  const manager = mountScope({
-    transition,
-    load,
-    watcher
-  }, "IReactiveManager");
-  const scopes = useScopes();
-  manager.onDestroy(scopes.destroy);
-  return Object.freeze(manager);
-}
-
-var _sfc_main$k = defineComponent({
+var _sfc_main$m = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -968,11 +1358,27 @@ var _sfc_main$k = defineComponent({
       watcher
     } = useReactive();
     const componentRef = ref(null);
-    const dynamicComponentRef = shallowRef(void 0);
-    const dynamicErrorRef = shallowRef(void 0);
+    const dynamicComponentRef = shallowRef();
+    const errorRef = shallowRef(void 0);
+    const loadingComponent = defineComponent({
+      inheritAttrs: false,
+      components: {
+        Loading: _sfc_main$n
+      },
+      template: "<Loading :mask-disabled='true' />"
+    });
+    const errorComponent = defineComponent({
+      inheritAttrs: false,
+      template: `<div class="snail-dynamic-error">load component error：<span v-text="error" /></div>`,
+      data() {
+        return {
+          error: errorRef
+        };
+      }
+    });
     async function buildDynamicComponent() {
-      dynamicComponentRef.value = void 0;
-      dynamicErrorRef.value = void 0;
+      dynamicComponentRef.value = loadingComponent;
+      errorRef.value = void 0;
       if (isStringNotEmpty(__props.name) == true) {
         dynamicComponentRef.value = __props.name;
         return;
@@ -986,19 +1392,20 @@ var _sfc_main$k = defineComponent({
         await delay(200);
         try {
           const comp = await task;
-          isObject(comp) || isStringNotEmpty(comp) ? dynamicComponentRef.value = comp : dynamicErrorRef.value = `load component failed:return nulll or undefined. url:${__props.url}.`;
+          isObject(comp) || isStringNotEmpty(comp) ? dynamicComponentRef.value = comp : errorRef.value = `load component failed:return nulll or undefined. url:${__props.url}.`;
         } catch (ex) {
           dynamicComponentRef.value = void 0;
-          dynamicErrorRef.value = ex.message;
+          errorRef.value = ex.message;
         }
       } else {
-        dynamicErrorRef.value = "load error: name component、url are all empty.";
+        errorRef.value = "load error: name component、url are all empty.";
       }
     }
     {
       watcher(() => __props.name, buildDynamicComponent);
       watcher(() => __props.component, buildDynamicComponent);
       watcher(() => __props.url, buildDynamicComponent);
+      watcher(errorRef, () => isStringNotEmpty(errorRef.value) && (dynamicComponentRef.value = errorComponent));
       buildDynamicComponent();
     }
     onErrorCaptured((error, vm, info) => {
@@ -1008,7 +1415,7 @@ var _sfc_main$k = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(dynamicComponentRef.value), mergeProps({
+      return openBlock(), createBlock(resolveDynamicComponent(dynamicComponentRef.value), mergeProps({
         ref_key: "componentRef",
         ref: componentRef
       }, __props.props, _ctx.$attrs), createSlots({
@@ -1016,21 +1423,14 @@ var _sfc_main$k = defineComponent({
       }, [renderList(_ctx.$slots, (_, name) => {
         return {
           name,
-          fn: withCtx(slotData => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData)))])
+          fn: withCtx(slotData => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData == void 0 ? {} : slotData)))])
         };
-      })]), 1040)), dynamicErrorRef.value != void 0 ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: "snail-dynamic-error"
-      }, _ctx.$attrs), [_cache[0] || (_cache[0] = createTextVNode(" load component error：", -1)), createElementVNode("span", null, toDisplayString(dynamicErrorRef.value), 1)], 16)) : dynamicComponentRef.value == void 0 ? (openBlock(), createBlock(_sfc_main$l, {
-        key: 1,
-        show: true,
-        "mask-disabled": true
-      })) : createCommentVNode("", true)], 64);
+      })]), 1040);
     };
   }
 });
 
-var _sfc_main$j = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -1075,7 +1475,7 @@ var _sfc_main$j = defineComponent({
         onClick: _cache[1] || (_cache[1] = withModifiers($event => {
           __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [createVNode(_sfc_main$k, mergeProps({
+      }, [createVNode(_sfc_main$m, mergeProps({
         class: "dialog-body",
         name: __props.options.name,
         component: __props.options.component,
@@ -1089,7 +1489,7 @@ var _sfc_main$j = defineComponent({
   }
 });
 
-var _sfc_main$i = defineComponent({
+var _sfc_main$k = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1202,7 +1602,7 @@ var _sfc_main$i = defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$k, mergeProps({
+      return openBlock(), createBlock(_sfc_main$m, mergeProps({
         class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1219,7 +1619,7 @@ var _sfc_main$i = defineComponent({
   }
 });
 
-var _sfc_main$h = defineComponent({
+var _sfc_main$j = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1239,7 +1639,7 @@ var _sfc_main$h = defineComponent({
       model = shallowRef(void 0)
     } = __props.options;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$k, mergeProps({
+      return openBlock(), createBlock(_sfc_main$m, mergeProps({
         class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1256,12 +1656,12 @@ var _sfc_main$h = defineComponent({
   }
 });
 
-const _hoisted_1$9 = {
-  key: 0,
+const _hoisted_1$a = {
+  key: 1,
   class: "icon"
 };
 const _hoisted_2$6 = ["innerHTML"];
-var _sfc_main$g = defineComponent({
+var _sfc_main$i = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1279,15 +1679,16 @@ var _sfc_main$g = defineComponent({
     const {
       onTimeout
     } = useTimer();
+    const props = __props.options.props;
     const {
       closePopup
     } = __props.extOptions;
-    const props = __props.options.props;
+    const duration = props.duration > 0 ? props.duration : 1500;
     const closeFillRef = ref("#707070");
     var destroyTimer;
     function onMouseEvent(isLeave) {
       destroyTimer && destroyTimer.destroy();
-      destroyTimer = isLeave ? onTimeout(closePopup, 1500) : void 0;
+      destroyTimer = isLeave ? onTimeout(closePopup, duration) : void 0;
     }
     onMounted(() => onMouseEvent(true));
     return (_ctx, _cache) => {
@@ -1298,9 +1699,10 @@ var _sfc_main$g = defineComponent({
         }),
         onMouseenter: _cache[3] || (_cache[3] = $event => onMouseEvent(false)),
         onMouseleave: _cache[4] || (_cache[4] = $event => onMouseEvent(true))
-      }, [createVNode(_sfc_main$t, {
-        type: "close",
+      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$w, {
+        key: 0,
         class: "close-icon",
+        type: "close",
         fill: closeFillRef.value,
         size: 20,
         onMouseenter: _cache[0] || (_cache[0] = $event => closeFillRef.value = "red"),
@@ -1308,7 +1710,7 @@ var _sfc_main$g = defineComponent({
         onClick: _cache[2] || (_cache[2] = $event => {
           unref(closePopup)();
         })
-      }, null, 8, ["fill"]), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$9, [createVNode(_sfc_main$t, {
+      }, null, 8, ["fill"])) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$w, {
         type: unref(props).type,
         fill: "#707070",
         size: 20
@@ -1322,7 +1724,7 @@ var _sfc_main$g = defineComponent({
 
 function usePopup() {
   function popup(options) {
-    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$h, options);
+    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$j, options);
     return addScope2Scopes(scope);
   }
   function dialog(options) {
@@ -1355,7 +1757,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$j, options, extOptions);
+      const descriptor = openPopup(_sfc_main$l, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1373,14 +1775,14 @@ function usePopup() {
         inPopup: "follow",
         target
       };
-      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$i, options, extOptions);
+      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$k, options, extOptions);
     }
     return addScope2Scopes(scope);
   }
   function confirm(title, message, options) {
     options = options || Object.create(null);
     return dialog({
-      component: _sfc_main$m,
+      component: _sfc_main$o,
       closeOnEscape: true,
       props: {
         ...options,
@@ -1390,7 +1792,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$g, {
+    return popupInCustomContainer(_sfc_main$i, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -1423,7 +1825,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$h, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$j, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -1561,12 +1963,12 @@ function getNoDataBase64Image() {
   return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREREODhFQ0M5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREREODhFREM5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEREQ4OEVBQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEREQ4OEVCQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++keGxAAAA5lJREFUeNrsmktoE0EYx3eSTdpsk2abvnwcFBVp8QFqVPDgQaGgIogIoictelKKVhARBA8q+KAVrFqooh4qXgRfiHpTEHqw9iCKXqQHSVstpqlt0yabrP9p52K1yW72GTMf/JhZMrM7/3l+37REVVWhlMwjlJhxwVwwF8wFc8FcMBfsnIlGKg98TxRa9RbYAFYXUnl+XbjoRpiKXVXMU9qns3xK76CC/YC4QfA1MAg26aiTZGlQQ9la8AZ0g3VuENwLqsArsFVnXW+e30PgKVgGnoA+Nwi+Cw6DAHgGdmqoMwJoXJrJUcYPHoGN4C3Yl6e8rWv4Nmhma/kh2J6n/HW2JsdylLkKtoAPYAeYcPxYmmX32AjcAVHwPEfZFxreR2fAJ9Z5CbMaSYzceMxxDtN198vKo8Vt57ClYh0d4f/OtTTgOjpquaa8WEhldISM5DRYWYCXZdTS4DVoR9tSegdI9y6Nl1KBL5k/7JRto99HW/ZAtGralJ7DTtCPEUKUmqqKPlH0rtXgMZk2utms2jk0PEqPqt3gEOiybJdGjy5BcobmI7LUC7HrbRQ7HaR4PORoOBRoY+f0RbSp3spjqQNIPtEb8/vEqFMnixTwH0T6gPnwbZYIRk/uZWtHqApLQzaP7GyL1kSCPUinqIuKtjWZKhgvpFt1O82X+cXPXq9njdNHD2ZZC/aRTvZ4A20sN3OEz7IgXJDDkls8laV11aEBpHGaB62mCEbPNSA5QvNYO+88hDS6xcHABtbq9XiusMdTYJ4ZI3yBORdKZTBQ6zKnqq62OiQh7WdByzmjgqlzsWs6BAqW9xAiLHJdMECEY36f9zJ7pLt3oxHH4/j0O4kwWREoW8BuKvSYxG4utFoWjOoVHZErlg/+GP2I7ApwkgnXHy1h/VLntNJA76sROfgFI9CgoXh8OD72OJ3OHDA46Am4m3KhU7rSyJfRl2QiOaXVE3oPsU0mzPKw3RcAf5iiZEPaOkf9KsxcyVq7s1vu7SsZEQ5/LO81ydhk3I5Q05Y/tcQTExKLY/+9U2XV++PJVLMtZ7cdH0mlFfnnyPgIpm3s758y3Qj3NiNfY8sxlmeXNt2NhC/ej0grllXVdHIyVY/RbTD7G9iliZkXAIZsKqUspjjmjgolZlwwF1xigr8VoaYBI4I7ilBwl5Hw8JIwcx3aAha6XCj9t4ub4HzBjgfftLhgLpgL5oK5YC6YC+aCuWDt9luAAQC2EPxjL8cUkwAAAABJRU5ErkJggg==";
 }
 
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   class: "snail-empty"
 };
 const _hoisted_2$5 = ["src"];
 const _hoisted_3$4 = ["textContent"];
-var _sfc_main$f = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -1579,7 +1981,7 @@ var _sfc_main$f = defineComponent({
   setup(__props) {
     const defaultImageBase64 = getNoDataBase64Image();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("img", {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("img", {
         src: __props.imageUrl || unref(defaultImageBase64)
       }, null, 8, _hoisted_2$5), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
@@ -1589,13 +1991,13 @@ var _sfc_main$f = defineComponent({
   }
 });
 
-const _hoisted_1$7 = ["title"];
+const _hoisted_1$8 = ["title"];
 const _hoisted_2$4 = ["textContent"];
 const _hoisted_3$3 = {
   key: 1,
   class: "select-status"
 };
-var _sfc_main$e = defineComponent({
+var _sfc_main$g = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -1640,15 +2042,15 @@ var _sfc_main$e = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$w, {
         key: 0,
         type: "arrow",
         color: "#8a9099"
-      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$t, {
+      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$w, {
         type: "success",
         color: "white",
         size: 12
-      })])) : createCommentVNode("", true)], 42, _hoisted_1$7)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
+      })])) : createCommentVNode("", true)], 42, _hoisted_1$8)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(showChildrenRef), child => {
         return openBlock(), createBlock(_component_SelectNode, {
@@ -1665,7 +2067,7 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-var _sfc_main$d = defineComponent({
+var _sfc_main$f = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -1837,13 +2239,13 @@ var _sfc_main$d = defineComponent({
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [__props.search ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
+      }, [__props.search ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
         key: 0
       }, __props.search, {
         onSearch,
         key: "select-search"
       }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
-        return openBlock(), createBlock(_sfc_main$e, {
+        return openBlock(), createBlock(_sfc_main$g, {
           key: unref(context).getKey(item),
           multiple: __props.multiple,
           item,
@@ -1852,7 +2254,7 @@ var _sfc_main$d = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$f, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$h, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -1864,7 +2266,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "select-result"
 };
@@ -1875,9 +2277,9 @@ const _hoisted_4$2 = {
   class: "placeholder"
 };
 onAppCreated((app, type) => {
-  type == "popup" && app.component("SelectPopup", _sfc_main$d);
+  type == "popup" && app.component("SelectPopup", _sfc_main$f);
 });
-var _sfc_main$c = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -2009,7 +2411,7 @@ var _sfc_main$c = defineComponent({
         ref: "select"
       }, [__props.items && __props.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
         class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
@@ -2017,7 +2419,7 @@ var _sfc_main$c = defineComponent({
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-      }, null, 8, _hoisted_3$2)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, 8, _hoisted_3$2)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$w, {
         key: 2,
         type: "arrow",
         size: 24,
@@ -2030,7 +2432,7 @@ var _sfc_main$c = defineComponent({
   }
 });
 
-var _sfc_main$b = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2079,6 +2481,72 @@ var _sfc_main$b = defineComponent({
   }
 });
 
+const _hoisted_1$6 = ["readonly", "placeholder", "rows"];
+var _sfc_main$c = defineComponent({
+  ...{
+    name: "Textarea"
+  },
+  __name: "textarea",
+  props: mergeModels({
+    readonly: {
+      type: Boolean
+    },
+    placeholder: {},
+    autoHeight: {
+      type: Boolean
+    },
+    minRows: {},
+    maxRows: {}
+  }, {
+    "modelValue": {
+      default: void 0
+    },
+    "modelModifiers": {}
+  }),
+  emits: mergeModels(["focus", "input", "blur", "change"], ["update:modelValue"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const valueModel = useModel(__props, "modelValue");
+    const textareaDom = useTemplateRef("textarea");
+    const minRows = props.minRows > 0 ? props.minRows : 4;
+    const maxRows = props.maxRows > 0 ? props.maxRows : 10;
+    const rowsRef = shallowRef(minRows);
+    async function calcRows() {
+      if (textareaDom.value) {
+        rowsRef.value = 1;
+        await nextTick();
+        const style = window.getComputedStyle(textareaDom.value);
+        let lineHeight = parseFloat(style.lineHeight);
+        isNaN(lineHeight) && (lineHeight = parseFloat(style.fontSize) * 1.2);
+        const vPadding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
+        const rows = Math.trunc((textareaDom.value.scrollHeight - vPadding) / lineHeight);
+        rowsRef.value = Math.max(minRows, Math.min(maxRows, rows));
+      }
+      requestAnimationFrame(calcRows);
+    }
+    props.autoHeight == true && onMounted(calcRows);
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("textarea", mergeProps({
+        class: "snail-textarea",
+        ref: "textarea"
+      }, _ctx.$attrs, {
+        readonly: __props.readonly,
+        placeholder: __props.placeholder,
+        rows: rowsRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => valueModel.value = $event),
+        onFocus: _cache[1] || (_cache[1] = $event => emits("focus")),
+        onInput: _cache[2] || (_cache[2] = $event => emits("input", textareaDom.value.value)),
+        onBlur: _cache[3] || (_cache[3] = $event => emits("blur", textareaDom.value.value)),
+        onChange: _cache[4] || (_cache[4] = $event => emits("change", textareaDom.value.value))
+      }), null, 16, _hoisted_1$6)), [[vModelText, valueModel.value]]);
+    };
+  }
+});
+
 const _hoisted_1$5 = {
   class: "fold-header"
 };
@@ -2092,7 +2560,7 @@ const _hoisted_5 = {
   class: "fold-body",
   ref: "foldBody"
 };
-var _sfc_main$a = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -2169,7 +2637,7 @@ var _sfc_main$a = defineComponent({
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_3$1)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createVNode(_sfc_main$t, {
+      }, null, 8, _hoisted_3$1)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createVNode(_sfc_main$w, {
         type: "arrow",
         title: statusModel.value == "expand" ? "收起" : "展开",
         onClick: onStatusClick
@@ -2178,7 +2646,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$a = defineComponent({
   ...{
     name: "Scroll",
     inheritAttrs: true
@@ -2303,7 +2771,7 @@ const _hoisted_2$1 = {
   key: 1,
   class: "layout-end"
 };
-var _sfc_main$8 = defineComponent({
+var _sfc_main$9 = defineComponent({
   __name: "layout",
   props: {
     mode: {},
@@ -2313,7 +2781,7 @@ var _sfc_main$8 = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-layout", __props.mode])
-      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$9, mergeProps({
+      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
         class: "layout-body"
       }, __props.scroll), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -2323,16 +2791,13 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-var _sfc_main$7 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
   },
   __name: "sort",
   props: {
-    disabled: {
-      type: Boolean
-    },
     changer: {},
     draggable: {},
     handle: {},
@@ -2340,9 +2805,15 @@ var _sfc_main$7 = defineComponent({
     ghostClass: {},
     filter: {},
     group: {},
-    animation: {}
+    animation: {},
+    disabled: {
+      type: Boolean
+    },
+    sortDisabled: {
+      type: Boolean
+    }
   },
-  emits: ["update"],
+  emits: ["start", "move", "add", "remove", "end", "update"],
   setup(__props, _ref) {
     let {
       emit: __emit
@@ -2366,8 +2837,24 @@ var _sfc_main$7 = defineComponent({
       }
       if (props.disabled != true && MODULE_Sortable != void 0) {
         sortPanel.classList.add("sortable");
+        const group = {
+          name: void 0,
+          pull: true,
+          put: true
+        };
+        isStringNotEmpty(props.group) ? group.name = props.group : isObject(props.group) && Object.assign(group, props.group);
+        group.name || (group.name = newId());
+        if (typeof group.pull == "function") {
+          const orign = group.pull;
+          group.pull = (to, from, item) => orign(item, to.el, from.el);
+        }
+        if (typeof group.put == "function") {
+          const orign = group.put;
+          group.put = (to, from, item) => orign(item, to.el, from.el);
+        }
         sortInstance = new MODULE_Sortable(sortPanel, {
-          group: props.group || newId(),
+          group,
+          sort: props.sortDisabled != true,
           draggable: props.draggable,
           dragClass: props.dragClass || "snail-sort-drag",
           ghostClass: props.ghostClass || "snail-sort-ghost",
@@ -2377,9 +2864,12 @@ var _sfc_main$7 = defineComponent({
           animation: props.animation > 0 ? props.animation : 150,
           forceFallback: true,
           fallbackTolerance: 2,
-          onUpdate(evt) {
-            emits("update", evt.oldIndex, evt.newIndex);
-          }
+          onStart: evt => emits("start", evt),
+          onMove: (evt, originalEvent) => emits("move", evt, originalEvent),
+          onAdd: evt => emits("add", evt),
+          onRemove: evt => emits("remove", evt),
+          onEnd: evt => emits("end", evt),
+          onUpdate: evt => emits("update", evt.oldIndex, evt.newIndex)
         });
       }
     }
@@ -2405,7 +2895,7 @@ var _sfc_main$7 = defineComponent({
 const _hoisted_1$3 = {
   class: "table-body"
 };
-var _sfc_main$6 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -2429,7 +2919,7 @@ var _sfc_main$6 = defineComponent({
     const hStyleRef = computed(() => css.buildStyle(props.headerStyle));
     const fStyleRef = computed(() => css.buildStyle(props.footerStyle));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$9, {
+      return openBlock(), createBlock(_sfc_main$a, {
         class: normalizeClass(["snail-table", {
           "start-border": __props.border == true
         }]),
@@ -2449,7 +2939,7 @@ var _sfc_main$6 = defineComponent({
   }
 });
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$6 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -2472,7 +2962,7 @@ var _sfc_main$5 = defineComponent({
   }
 });
 
-var _sfc_main$4 = defineComponent({
+var _sfc_main$5 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -2518,6 +3008,43 @@ var _sfc_main$4 = defineComponent({
   }
 });
 
+var _sfc_main$4 = defineComponent({
+  __name: "transitions",
+  props: {
+    customClass: {},
+    effect: {},
+    group: {
+      type: Boolean
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const classNames = computed(() => {
+      const array = [props.customClass || "snail-transition"];
+      if (isArray(props.effect)) {
+        props.effect.length > 0 ? array.push(...props.effect) : array.push("fade");
+      } else {
+        array.push(props.effect || "fade");
+      }
+      return array.join(" ");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.group ? TransitionGroup : Transition), mergeProps(_ctx.$attrs, {
+        appear: "",
+        "enter-active-class": `${classNames.value} enter-active`,
+        "enter-from-class": `${classNames.value} enter-from`,
+        "enter-to-class": `${classNames.value} enter-to`,
+        "leave-active-class": `${classNames.value} leave-active`,
+        "leave-from-class": `${classNames.value} leave-from`,
+        "leave-to-class": `${classNames.value} leave-to`
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]);
+    };
+  }
+});
+
 const _hoisted_1$2 = {
   key: 0,
   class: "node-fold"
@@ -2649,7 +3176,7 @@ var _sfc_main$3 = defineComponent({
         key: 1
       }, [_cache[4] || (_cache[4] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$2, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$2, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$w, {
         key: 0,
         class: normalizeClass(statusRef.value),
         type: "custom",
@@ -2718,11 +3245,11 @@ var _sfc_main$2 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [__props.search ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [__props.search ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
         key: 0
       }, __props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$9, {
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, {
         "scroll-y": true
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
@@ -2769,14 +3296,14 @@ var _sfc_main$1 = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
-      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$s, mergeProps({
         key: 0
       }, __props.header || {
         useTo: "dialog",
         title: "对话框"
       }, {
         onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$9, mergeProps({
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
         class: "wrapper-body"
       }, __props.content || {
         scrollX: false,
@@ -2784,7 +3311,7 @@ var _sfc_main$1 = defineComponent({
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$q, mergeProps({
+      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
         key: 1
       }, __props.footer || {}, {
         onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -2798,7 +3325,7 @@ function mount(target, options, onDestroyed) {
   mustObject(options, "options");
   target instanceof HTMLElement || throwError("target must be a HTMLElement");
   target.classList.add("snail-app");
-  const app = createApp(_sfc_main$k, options);
+  const app = createApp(_sfc_main$m, options);
   triggerAppCreated(app);
   app.mount(target);
   const scope = useScope().onDestroy(() => app.unmount());
@@ -2891,12 +3418,12 @@ var _sfc_main = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$t, {
+      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$w, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$t, {
+      })) : (openBlock(), createBlock(_sfc_main$w, {
         key: 1,
         type: "custom",
         size: 20,
@@ -2908,29 +3435,32 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Button: _sfc_main$u,
-  Choose: _sfc_main$s,
-  DatePicker: _sfc_main$r,
-  Footer: _sfc_main$q,
-  Header: _sfc_main$p,
-  Icon: _sfc_main$t,
-  Search: _sfc_main$n,
-  Select: _sfc_main$c,
-  Switch: _sfc_main$b,
-  Dynamic: _sfc_main$k,
-  Fold: _sfc_main$a,
-  Layout: _sfc_main$8,
-  Scroll: _sfc_main$9,
-  Sort: _sfc_main$7,
-  Table: _sfc_main$6,
-  TableRow: _sfc_main$5,
-  TableCol: _sfc_main$4,
+  Button: _sfc_main$x,
+  Choose: _sfc_main$v,
+  DatePicker: _sfc_main$u,
+  Footer: _sfc_main$t,
+  Header: _sfc_main$s,
+  Icon: _sfc_main$w,
+  Input: _sfc_main$r,
+  Number: _sfc_main$q,
+  Search: _sfc_main$p,
+  Select: _sfc_main$e,
+  Switch: _sfc_main$d,
+  Textarea: _sfc_main$c,
+  Dynamic: _sfc_main$m,
+  Fold: _sfc_main$b,
+  Layout: _sfc_main$9,
+  Scroll: _sfc_main$a,
+  Sort: _sfc_main$8,
+  Table: _sfc_main$7,
+  TableRow: _sfc_main$6,
+  TableCol: _sfc_main$5,
+  Transitions: _sfc_main$4,
   Tree: _sfc_main$2,
   Wrapper: _sfc_main$1,
-  Input: _sfc_main$o,
   DragVerify: _sfc_main,
-  Empty: _sfc_main$f,
-  Loading: _sfc_main$l
+  Empty: _sfc_main$h,
+  Loading: _sfc_main$n
 };
 
 onMountScope(scope => {