snail.vue 2.0.19 → 2.0.21

package/dist/snail.vue.js

@@ -1,10 +1,10 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, createVNode, watch, withDirectives, isRef, vModelText, withCtx, createApp, resolveDynamicComponent, TransitionGroup, Transition, normalizeProps, guardReactiveProps, ref, onErrorCaptured, createSlots, onMounted, withModifiers, getCurrentInstance, resolveComponent, vShow, onBeforeUnmount, onActivated, getCurrentScope, onScopeDispose } from 'vue';
 import { throwError, isObject, correctNumber, correctString, useKey, isArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isNumberNotNaN, isStringNotEmpty, hasAny, mustFunction, useScope, removeFromArray, mustObject, isArrayNotEmpty, hasOwnProperty, isString, script, delay, useTimer, defer, useAsyncScope, useHook, newId, throwIfTrue, isFunction, isNullish, getTimeNumber, getDateValue, parseDate, formatDateValue, getDateByValue, parseTimeValue, getTimeValue, padStart, formatTimeValue, parseDateValue, correctDateFormat, isValidTime, getFromArray, onMountScope } from 'snail.core';
-import { css, link, useObserver, useAnimation } from 'snail.view';
+import { css, link, useObserver, useScroll, useAnimation } from 'snail.view';
 
-const _hoisted_1$n = ["title"];
-var _sfc_main$D = defineComponent({
+const _hoisted_1$o = ["title"];
+var _sfc_main$F = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -20,7 +20,7 @@ var _sfc_main$D = 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$n);
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$o);
     };
   }
 });
@@ -63,10 +63,10 @@ function getBuiltinIcon(iconType) {
   }
 }
 
-const _hoisted_1$m = ["viewBox"];
-const _hoisted_2$d = ["textContent"];
+const _hoisted_1$n = ["viewBox"];
+const _hoisted_2$f = ["textContent"];
 const _hoisted_3$a = ["d"];
-var _sfc_main$C = defineComponent({
+var _sfc_main$E = defineComponent({
   __name: "icon",
   props: {
     title: {},
@@ -121,7 +121,7 @@ var _sfc_main$C = defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
       }), [createElementVNode("title", {
         textContent: toDisplayString(__props.title || "")
-      }, null, 8, _hoisted_2$d), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
+      }, null, 8, _hoisted_2$f), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
         key: 0
       }) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
@@ -129,16 +129,16 @@ var _sfc_main$C = defineComponent({
         return openBlock(), createElementBlock("path", {
           d
         }, null, 8, _hoisted_3$a);
-      }), 256))], 16, _hoisted_1$m);
+      }), 256))], 16, _hoisted_1$n);
     };
   }
 });
 
-const _hoisted_1$l = ["title", "onClick"];
-const _hoisted_2$c = ["type", "checked"];
+const _hoisted_1$m = ["title", "onClick"];
+const _hoisted_2$e = ["type", "checked"];
 const _hoisted_3$9 = ["textContent"];
 const _hoisted_4$7 = ["textContent"];
-var _sfc_main$B = defineComponent({
+var _sfc_main$D = defineComponent({
   ...{
     name: "Choose",
     inheritAttrs: true
@@ -214,10 +214,10 @@ var _sfc_main$B = defineComponent({
           key: 0,
           type: unref(type),
           checked: node.selected
-        }, null, 8, _hoisted_2$c)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$e)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
-        }, [node.selected ? (openBlock(), createBlock(_sfc_main$C, {
+        }, [node.selected ? (openBlock(), createBlock(_sfc_main$E, {
           key: 0,
           type: "success",
           size: 12,
@@ -230,13 +230,17 @@ var _sfc_main$B = defineComponent({
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$7)) : createCommentVNode("", true)], 14, _hoisted_1$l);
+        }, null, 8, _hoisted_4$7)) : createCommentVNode("", true)], 14, _hoisted_1$m);
       }), 128))], 2);
     };
   }
 });
 
-var _sfc_main$A = defineComponent({
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
+var _sfc_main$C = defineComponent({
   ...{
     name: "Footer",
     inheritAttrs: true
@@ -267,13 +271,13 @@ var _sfc_main$A = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": __props.divider
         }, __props.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$D, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
         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$D, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 1,
         size: "max",
         type: "primary",
@@ -284,12 +288,8 @@ var _sfc_main$A = defineComponent({
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
-
-const _hoisted_1$k = ["textContent"];
-var _sfc_main$z = defineComponent({
+const _hoisted_1$l = ["textContent"];
+var _sfc_main$B = defineComponent({
   ...{
     name: "Header",
     inheritAttrs: true
@@ -328,7 +328,7 @@ var _sfc_main$z = defineComponent({
         key: 0,
         textContent: toDisplayString(__props.title),
         class: normalizeClass(["header-title", __props.titleAlign])
-      }, null, 10, _hoisted_1$k)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, 10, _hoisted_1$l)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 1,
         class: "close-icon",
         type: "close",
@@ -341,8 +341,8 @@ var _sfc_main$z = defineComponent({
   }
 });
 
-const _hoisted_1$j = ["textContent"];
-const _hoisted_2$b = {
+const _hoisted_1$k = ["textContent"];
+const _hoisted_2$d = {
   key: 0,
   class: "required",
   textContent: "*"
@@ -352,7 +352,7 @@ const _hoisted_3$8 = {
 };
 const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
 const _hoisted_5$4 = ["title"];
-var _sfc_main$y = defineComponent({
+var _sfc_main$A = defineComponent({
   ...{
     name: "Input",
     inheritAttrs: true
@@ -404,7 +404,7 @@ var _sfc_main$y = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$j), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$b)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$8, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$k), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$d)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$8, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -417,7 +417,7 @@ var _sfc_main$y = defineComponent({
         key: 0,
         class: "validate",
         title: validateRef.value
-      }, [createVNode(_sfc_main$C, {
+      }, [createVNode(_sfc_main$E, {
         type: "error",
         button: "",
         size: 16,
@@ -627,11 +627,11 @@ function useFormatter(options) {
   return formatter;
 }
 
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "number-prefix"
 };
-const _hoisted_2$a = ["textContent"];
+const _hoisted_2$c = ["textContent"];
 const _hoisted_3$7 = ["inputmode", "placeholder", "title"];
 const _hoisted_4$5 = {
   key: 1,
@@ -640,7 +640,7 @@ const _hoisted_4$5 = {
 const _hoisted_5$3 = ["textContent"];
 const _hoisted_6$2 = ["title", "textContent"];
 const _hoisted_7$1 = ["title", "textContent"];
-var _sfc_main$x = defineComponent({
+var _sfc_main$z = defineComponent({
   __name: "number",
   props: mergeModels({
     placeholder: {},
@@ -787,10 +787,10 @@ var _sfc_main$x = defineComponent({
           "has-prefix": unref(hasPrefix),
           "has-suffix": unref(hasSuffix)
         }])
-      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$i, [createElementVNode("span", {
+      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(prefix))
-      }, null, 8, _hoisted_2$a)])) : createCommentVNode("", true), createElementVNode("div", {
+      }, null, 8, _hoisted_2$c)])) : createCommentVNode("", true), createElementVNode("div", {
         class: normalizeClass(["input-panel", unref(controls)])
       }, [withDirectives(createElementVNode("input", {
         type: "text",
@@ -807,14 +807,14 @@ var _sfc_main$x = defineComponent({
       }, [createElementVNode("div", {
         class: "controls default subtract",
         onClick: _cache[4] || (_cache[4] = $event => onStepClick(false))
-      }, [createVNode(_sfc_main$C, {
+      }, [createVNode(_sfc_main$E, {
         type: "subtract",
         button: "",
         size: 20
       })]), createElementVNode("div", {
         class: "controls default plus",
         onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$C, {
+      }, [createVNode(_sfc_main$E, {
         type: "plus",
         button: "",
         size: 20
@@ -823,7 +823,7 @@ var _sfc_main$x = defineComponent({
       }, [createElementVNode("div", {
         class: "controls right plus",
         onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$C, {
+      }, [createVNode(_sfc_main$E, {
         type: "arrow",
         button: "",
         size: 20,
@@ -831,7 +831,7 @@ var _sfc_main$x = defineComponent({
       })]), createElementVNode("div", {
         class: "controls right subtract",
         onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
-      }, [createVNode(_sfc_main$C, {
+      }, [createVNode(_sfc_main$E, {
         type: "arrow",
         button: "",
         size: 20,
@@ -854,8 +854,8 @@ var _sfc_main$x = defineComponent({
   }
 });
 
-const _hoisted_1$h = ["placeholder", "readonly"];
-var _sfc_main$w = defineComponent({
+const _hoisted_1$i = ["placeholder", "readonly"];
+var _sfc_main$y = defineComponent({
   ...{
     name: "Search",
     inheritAttrs: true
@@ -900,9 +900,9 @@ var _sfc_main$w = 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$h), [[vModelText, textModel.value, void 0, {
+      }, null, 40, _hoisted_1$i), [[vModelText, textModel.value, void 0, {
         trim: true
-      }]]), createElementVNode("div", null, [createVNode(_sfc_main$C, {
+      }]]), createElementVNode("div", null, [createVNode(_sfc_main$E, {
         class: "search-button",
         custom: "",
         button: "",
@@ -1127,11 +1127,11 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
   }
 }
 
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   class: "snail-confirm flex-column"
 };
-const _hoisted_2$9 = ["innerHTML"];
-var _sfc_main$v = defineComponent({
+const _hoisted_2$b = ["innerHTML"];
+var _sfc_main$x = defineComponent({
   ...{
     name: "ConfirmContainer",
     inheritAttrs: true
@@ -1159,14 +1159,14 @@ var _sfc_main$v = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [createVNode(_sfc_main$z, {
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [createVNode(_sfc_main$B, {
         "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$9), createVNode(_sfc_main$A, {
+      }, null, 8, _hoisted_2$b), createVNode(_sfc_main$C, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -1227,7 +1227,7 @@ const MOTION = Object.freeze({
 });
 for (var key in MOTION) hasOwnProperty(MOTION, key) && Object.freeze(MOTION[key]);
 
-var _sfc_main$u = defineComponent({
+var _sfc_main$w = defineComponent({
   __name: "motion",
   props: {
     multiple: {
@@ -1276,7 +1276,7 @@ var _sfc_main$u = defineComponent({
   }
 });
 
-var _sfc_main$t = defineComponent({
+var _sfc_main$v = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -1300,7 +1300,7 @@ var _sfc_main$t = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$w, {
         effect: unref(MOTION).fade
       }, {
         default: withCtx(() => [__props.show ? (openBlock(), createElementBlock("div", {
@@ -1315,7 +1315,7 @@ var _sfc_main$t = defineComponent({
   }
 });
 
-var _sfc_main$s = defineComponent({
+var _sfc_main$u = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -1339,7 +1339,7 @@ var _sfc_main$s = defineComponent({
     const loadingComponent = defineComponent({
       inheritAttrs: false,
       components: {
-        Loading: _sfc_main$t
+        Loading: _sfc_main$v
       },
       template: "<Loading :mask-disabled='true' />"
     });
@@ -1406,7 +1406,7 @@ var _sfc_main$s = defineComponent({
   }
 });
 
-var _sfc_main$r = defineComponent({
+var _sfc_main$t = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -1451,7 +1451,7 @@ var _sfc_main$r = defineComponent({
         onClick: _cache[1] || (_cache[1] = withModifiers($event => {
           __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [createVNode(_sfc_main$s, mergeProps({
+      }, [createVNode(_sfc_main$u, mergeProps({
         class: "dialog-body",
         name: __props.options.name,
         component: __props.options.component,
@@ -1466,7 +1466,7 @@ var _sfc_main$r = defineComponent({
   }
 });
 
-var _sfc_main$q = defineComponent({
+var _sfc_main$s = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1587,7 +1587,7 @@ var _sfc_main$q = defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, mergeProps({
+      return openBlock(), createBlock(_sfc_main$u, mergeProps({
         class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1604,7 +1604,7 @@ var _sfc_main$q = defineComponent({
   }
 });
 
-var _sfc_main$p = defineComponent({
+var _sfc_main$r = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1624,7 +1624,7 @@ var _sfc_main$p = defineComponent({
       model = shallowRef(void 0)
     } = __props.options;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, mergeProps({
+      return openBlock(), createBlock(_sfc_main$u, mergeProps({
         class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1642,12 +1642,12 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 1,
   class: "icon"
 };
-const _hoisted_2$8 = ["innerHTML"];
-var _sfc_main$o = defineComponent({
+const _hoisted_2$a = ["innerHTML"];
+var _sfc_main$q = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1684,7 +1684,7 @@ var _sfc_main$o = defineComponent({
         }),
         onMouseenter: _cache[1] || (_cache[1] = $event => onMouseEvent(false)),
         onMouseleave: _cache[2] || (_cache[2] = $event => onMouseEvent(true))
-      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$C, {
+      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         class: "close-icon",
         type: "close",
@@ -1695,21 +1695,21 @@ var _sfc_main$o = defineComponent({
         onClick: _cache[0] || (_cache[0] = $event => {
           unref(closePopup)();
         })
-      })) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$f, [createVNode(_sfc_main$C, {
+      })) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$g, [createVNode(_sfc_main$E, {
         type: unref(props).type,
         color: "#707070",
         size: 20
       }, null, 8, ["type"])])) : createCommentVNode("", true), createElementVNode("div", {
         class: "message",
         innerHTML: unref(props).message
-      }, null, 8, _hoisted_2$8)], 38);
+      }, null, 8, _hoisted_2$a)], 38);
     };
   }
 });
 
 function usePopup() {
   function popup(options) {
-    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$p, options);
+    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$r, options);
     return addScope2Scopes(scope);
   }
   function dialog(options) {
@@ -1742,7 +1742,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$r, options, extOptions);
+      const descriptor = openPopup(_sfc_main$t, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1750,7 +1750,7 @@ function usePopup() {
   }
   function follow(target, options) {
     var scope = void 0;
-    if (target instanceof HTMLElement == false) {
+    if (target instanceof Element == false) {
       const deferred = defer();
       deferred.reject("follow: target must be an HTMLElement.");
       scope = useAsyncScope(deferred.promise);
@@ -1760,14 +1760,14 @@ function usePopup() {
         inPopup: "follow",
         target
       };
-      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$q, options, extOptions);
+      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$s, options, extOptions);
     }
     return addScope2Scopes(scope);
   }
   function confirm(title, message, options) {
     options = options || Object.create(null);
     return dialog({
-      component: _sfc_main$v,
+      component: _sfc_main$x,
       closeOnEscape: true,
       props: {
         ...options,
@@ -1777,7 +1777,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$o, {
+    return popupInCustomContainer(_sfc_main$q, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -1810,7 +1810,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$p, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$r, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -1945,12 +1945,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$e = {
+const _hoisted_1$f = {
   class: "snail-empty"
 };
-const _hoisted_2$7 = ["src"];
+const _hoisted_2$9 = ["src"];
 const _hoisted_3$6 = ["textContent"];
-var _sfc_main$n = defineComponent({
+var _sfc_main$p = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -1963,9 +1963,9 @@ var _sfc_main$n = defineComponent({
   setup(__props) {
     const defaultImageBase64 = getNoDataBase64Image();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [createElementVNode("img", {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("img", {
         src: __props.imageUrl || unref(defaultImageBase64)
-      }, null, 8, _hoisted_2$7), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+      }, null, 8, _hoisted_2$9), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
         textContent: toDisplayString(__props.message || "无数据")
       }, null, 8, _hoisted_3$6)])]);
@@ -1973,13 +1973,13 @@ var _sfc_main$n = defineComponent({
   }
 });
 
-const _hoisted_1$d = ["title"];
-const _hoisted_2$6 = ["textContent"];
+const _hoisted_1$e = ["title"];
+const _hoisted_2$8 = ["textContent"];
 const _hoisted_3$5 = {
   key: 1,
   class: "select-status"
 };
-var _sfc_main$m = defineComponent({
+var _sfc_main$o = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -2024,15 +2024,15 @@ var _sfc_main$m = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$6), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, 8, _hoisted_2$8), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         type: "arrow"
-      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_sfc_main$C, {
+      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_sfc_main$E, {
         type: "success",
         button: "",
         size: 12,
         color: "white"
-      })])) : createCommentVNode("", true)], 42, _hoisted_1$d)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
+      })])) : createCommentVNode("", true)], 42, _hoisted_1$e)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(showChildrenRef), child => {
         return openBlock(), createBlock(_component_SelectNode, {
@@ -2049,7 +2049,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$n = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -2221,13 +2221,13 @@ var _sfc_main$l = defineComponent({
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [__props.search ? (openBlock(), createBlock(_sfc_main$w, mergeProps({
+      }, [__props.search ? (openBlock(), createBlock(_sfc_main$y, 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$m, {
+        return openBlock(), createBlock(_sfc_main$o, {
           key: unref(context).getKey(item),
           multiple: __props.multiple,
           item,
@@ -2236,7 +2236,7 @@ var _sfc_main$l = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$n, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$p, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -2248,20 +2248,20 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "select-result"
 };
-const _hoisted_2$5 = ["title", "textContent"];
+const _hoisted_2$7 = ["title", "textContent"];
 const _hoisted_3$4 = ["textContent"];
 const _hoisted_4$4 = {
   key: 1,
   class: "placeholder"
 };
 onAppCreated((app, type) => {
-  type == "popup" && app.component("SelectPopup", _sfc_main$l);
+  type == "popup" && app.component("SelectPopup", _sfc_main$n);
 });
-var _sfc_main$k = defineComponent({
+var _sfc_main$m = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -2393,15 +2393,15 @@ var _sfc_main$k = defineComponent({
         ref: "select"
       }, [__props.items && __props.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$c, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$d, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
         class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
-      }, null, 8, _hoisted_2$5)])])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$7)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-      }, null, 8, _hoisted_3$4)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, 8, _hoisted_3$4)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 2,
         type: "arrow",
         button: "",
@@ -2412,7 +2412,7 @@ var _sfc_main$k = defineComponent({
   }
 });
 
-var _sfc_main$j = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2461,8 +2461,8 @@ var _sfc_main$j = defineComponent({
   }
 });
 
-const _hoisted_1$b = ["readonly", "placeholder", "rows"];
-var _sfc_main$i = defineComponent({
+const _hoisted_1$c = ["readonly", "placeholder", "rows"];
+var _sfc_main$k = defineComponent({
   ...{
     name: "Textarea",
     inheritAttrs: true
@@ -2522,28 +2522,229 @@ var _sfc_main$i = defineComponent({
         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, 40, _hoisted_1$b)), [[vModelText, valueModel.value]]);
+      }, null, 40, _hoisted_1$c)), [[vModelText, valueModel.value]]);
     };
   }
 });
 
-function isLeft(root) {
-  return root.scrollLeft == 0;
-}
-function isRight(root) {
-  return Math.abs(root.scrollWidth - root.clientWidth - root.scrollLeft) < 1;
-}
-function isTop(root) {
-  return root.scrollTop == 0;
-}
-function isBottom(root) {
-  return Math.abs(root.scrollHeight - root.clientHeight - root.scrollTop) < 1;
-}
+const _hoisted_1$b = ["onClick"];
+const _hoisted_2$6 = ["textContent"];
+var _sfc_main$j = defineComponent({
+  __name: "action-items",
+  props: {
+    mode: {},
+    actions: {},
+    inPopup: {},
+    closePopup: {
+      type: Function
+    },
+    popupStatus: {},
+    target: {},
+    followX: {},
+    followY: {},
+    pinned: {}
+  },
+  emits: ["trigger"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    function onActionItemClick(code) {
+      emits("trigger", code);
+      props.inPopup && props.closePopup(code);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-action-items", [unref(correctString)(__props.mode, "vertical", true), unref(isStringNotEmpty)(__props.inPopup) ? "in-popup" : ""]])
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, action => {
+        return openBlock(), createElementBlock("div", {
+          class: "action-item flex-cross-center",
+          key: action.code,
+          style: normalizeStyle({
+            "--color": unref(correctString)(action.color, null, true),
+            "--hcolor": unref(correctString)(action.hoverColor, null, true)
+          }),
+          onClick: $event => onActionItemClick(action.code)
+        }, [action.icon != void 0 ? (openBlock(), createBlock(_sfc_main$E, mergeProps({
+          key: 0,
+          ref_for: true
+        }, action.icon, {
+          custom: false,
+          size: 20
+        }), null, 16)) : createCommentVNode("", true), createElementVNode("span", {
+          class: "ellipsis",
+          textContent: toDisplayString(action.name)
+        }, null, 8, _hoisted_2$6)], 12, _hoisted_1$b);
+      }), 128))], 2);
+    };
+  }
+});
 
 const _hoisted_1$a = {
-  class: "snail-elastic"
+  class: "snail-action flex-cross-center",
+  ref: "snail-action"
 };
+const _hoisted_2$5 = ["title"];
+var _sfc_main$i = defineComponent({
+  __name: "action",
+  props: {
+    trigger: {},
+    actions: {}
+  },
+  emits: ["trigger"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const {
+      follow
+    } = usePopup();
+    const {
+      onEvent
+    } = useObserver();
+    const rootDom = useTemplateRef("snail-action");
+    let popupScope = void 0;
+    let pressStartDate = void 0;
+    async function onFollowShow(longPress) {
+      if (popupScope && popupScope.destroyed != true) {
+        popupScope.destroy();
+        return;
+      }
+      popupScope = follow(rootDom.value, {
+        component: _sfc_main$j,
+        closeOnEscape: true,
+        closeOnMask: true,
+        closeOnResize: true,
+        closeOnTarget: true,
+        followX: longPress ? ["center", "start", "end"] : ["after", "end", "start", "end", "center"],
+        followY: longPress ? ["center", "after", "before"] : ["after", "before", "center", "end", "after"],
+        props: {
+          mode: "vertical",
+          actions: props.actions
+        }
+      });
+      const code = await popupScope;
+      isStringNotEmpty(code) && emits("trigger", code);
+    }
+    function onMouseDown() {
+      if (props.trigger == "long-press" && pressStartDate == void 0) {
+        pressStartDate = new Date();
+      }
+    }
+    function onMouseUp() {
+      if (pressStartDate != void 0) {
+        const time = ((new Date()).getTime() - pressStartDate.getTime()) / 1e3;
+        pressStartDate = void 0;
+        if (time >= 0.5) {
+          navigator.vibrate && navigator.vibrate(200);
+          onFollowShow(true);
+        }
+      }
+    }
+    function onMouseCancel() {
+      setTimeout(() => pressStartDate = void 0, 10);
+    }
+    onMounted(() => {
+      onEvent(rootDom.value, "mousedown", onMouseDown);
+      onEvent(rootDom.value, "mouseup", onMouseUp);
+      if ("ontouchstart" in window) {
+        onEvent(rootDom.value, "touchstart", onMouseDown);
+        onEvent(rootDom.value, "touchend", onMouseUp);
+      }
+      onEvent(window, "mouseup", onMouseCancel);
+      if ("ontouchstart" in window) {
+        onEvent(window, "touchend", onMouseCancel);
+        onEvent(window, "touchcancel", onMouseCancel);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", {
+        class: "action-slot flex-cross-center",
+        title: String(__props.trigger == "hover")
+      }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_2$5), __props.trigger == "hover" ? (openBlock(), createBlock(_sfc_main$E, {
+        key: 0,
+        class: "hover-tips",
+        button: "",
+        custom: "",
+        size: 16,
+        onClick: _cache[0] || (_cache[0] = $event => onFollowShow(false))
+      }, {
+        default: withCtx(() => [...(_cache[1] || (_cache[1] = [createElementVNode("path", {
+          d: "M415.93 223.79c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.003-95.984-95.984zM415.93 511.742c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.004-95.984-95.984zM415.93 799.866c0-52.98 43.004-95.984 95.984-95.984s95.984 43.003 95.984 95.984-43.004 95.983-95.984 95.983-95.984-43.175-95.984-95.983z"
+        }, null, -1)]))]),
+        _: 1
+      })) : createCommentVNode("", true)], 512);
+    };
+  }
+});
+
+function monitScroll(manager, root, options, emiter, classStyleRef) {
+  const scope = useScope();
+  let preStatus = void 0;
+  const observer = useObserver();
+  const timer = useTimer();
+  const reactive = useReactive();
+  function buildClassStyle() {
+    const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item == "x-bar" || item == "y-bar");
+    array.push(...manager.buildClassStyle(options));
+    classStyleRef.value = array;
+  }
+  function refreshScrollInfo() {
+    const status = Object.freeze(manager.getStatus(root));
+    const events = Object.create(null);
+    if (preStatus != void 0) {
+      preStatus.xbar != status.xbar && (events.xbar = [status.xbar]);
+      preStatus.ybar != status.ybar && (events.ybar = [status.ybar]);
+      if (preStatus.xbar == true && status.xbar == true) {
+        status.left && preStatus.left !== status.left && (events.left = []);
+        status.right && preStatus.right !== status.right && (events.right = []);
+      }
+      if (preStatus.ybar == true && status.ybar == true) {
+        status.top && preStatus.top !== status.top && (events.top = []);
+        status.bottom && preStatus.bottom !== status.bottom && (events.bottom = []);
+      }
+    }
+    preStatus = status;
+    events.xbar && emiter("xbar", ...events.xbar);
+    events.left && emiter("left");
+    events.right && emiter("right");
+    events.ybar && emiter("ybar", ...events.ybar);
+    events.top && emiter("top");
+    events.bottom && emiter("bottom");
+    {
+      const array = (classStyleRef.value ? [...classStyleRef.value] : []).filter(item => item != "x-bar" && item != "y-bar");
+      status.xbar && array.push("x-bar");
+      status.ybar && array.push("y-bar");
+      classStyleRef.value = array;
+    }
+  }
+  buildClassStyle();
+  refreshScrollInfo();
+  reactive.watcher(() => options.scroll, buildClassStyle);
+  reactive.watcher(() => options.barSize, buildClassStyle);
+  observer.onSize(root, refreshScrollInfo);
+  observer.onEvent(root, "scroll", refreshScrollInfo);
+  timer.onInterval(() => {
+    const isChange = preStatus.scrollWidth != root.scrollWidth || preStatus.scrollHeight != root.scrollHeight;
+    isChange && refreshScrollInfo();
+  }, 100);
+  scope.onDestroy(() => {
+    observer.destroyed || observer.destroy();
+    timer.destroyed || timer.destroy();
+    reactive.destroyed || reactive.destroy();
+  });
+  return scope;
+}
+
 var _sfc_main$h = defineComponent({
+  ...{
+    name: "Elastic",
+    inheritAttrs: false
+  },
   __name: "elastic",
   props: {
     scroll: {},
@@ -2556,23 +2757,26 @@ var _sfc_main$h = defineComponent({
       type: Boolean
     }
   },
-  emits: ["refresh", "more"],
+  emits: ["xbar", "left", "right", "ybar", "top", "bottom", "refresh", "more"],
   setup(__props, _ref) {
     let {
+      expose: __expose,
       emit: __emit
     } = _ref;
+    __expose({
+      loadRefresh,
+      loadMore
+    });
     const props = __props;
     const emits = __emit;
     const {
-      onEvent,
-      onSize
+      onEvent
     } = useObserver();
-    const {
-      watcher
-    } = useReactive();
+    const manager = useScroll();
     const downRefreshDom = useTemplateRef("down-refresh");
     const mainBodyDom = useTemplateRef("main-body");
     const upMoreDom = useTemplateRef("up-more");
+    const classStyleRef = shallowRef();
     let isStartByTouch = false;
     const startPointerRef = ref(void 0);
     const isMovingRef = shallowRef(false);
@@ -2582,17 +2786,6 @@ var _sfc_main$h = defineComponent({
     const loadingRef = shallowRef();
     function buildMainBodyStyle() {
       const style = Object.create(null);
-      switch (props.scroll) {
-        case "x":
-          style["overflow"] = "auto hidden";
-          break;
-        case "y":
-          style["overflow"] = "hidden auto";
-          break;
-        case "none":
-          style["overflow"] = "none";
-          break;
-      }
       if (springStatusRef.value != void 0) {
         const {
           x,
@@ -2605,6 +2798,41 @@ var _sfc_main$h = defineComponent({
       }
       return style;
     }
+    function loadRefresh() {
+      const deferred = defer();
+      if (downRefreshDom.value == void 0) {
+        deferred.reject("not support pullRefresh feature!");
+      } else if (loadingRef.value != void 0) {
+        deferred.reject(`pre load task[${loadingRef.value}] is running!`);
+      } else {
+        resetAfterEnd();
+        loadingRef.value = "refresh";
+        springStatusRef.value.y = downRefreshDom.value.clientHeight;
+        emits("refresh", () => {
+          resetAfterEnd();
+          deferred.resolve();
+        });
+      }
+      return deferred.promise;
+    }
+    function loadMore() {
+      const deferred = defer();
+      if (downRefreshDom.value == void 0) {
+        deferred.reject("not support upMore feature!");
+      } else if (loadingRef.value != void 0) {
+        deferred.reject(`pre load task[${loadingRef.value}] is running!`);
+      } else {
+        resetAfterEnd();
+        loadingRef.value = "more";
+        springStatusRef.value.y = -upMoreDom.value.clientHeight;
+        emits("more", () => {
+          resetAfterEnd();
+          deferred.resolve();
+        });
+        return;
+      }
+      return deferred.promise;
+    }
     function onSpringStart(isTouch, position) {
       if (loadingRef.value != void 0) {
         return;
@@ -2627,9 +2855,9 @@ var _sfc_main$h = defineComponent({
       isMovingRef.value = true;
       if (springXRef.value == true) {
         const distance = position.clientX - startPointerRef.value.clientX;
-        if (distance >= 0 && isLeft(mainBodyDom.value)) {
+        if (distance >= 0 && manager.isLeft(mainBodyDom.value)) {
           springStatusRef.value.x = Math.pow(distance, 0.8);
-        } else if (distance <= 0 && isRight(mainBodyDom.value)) {
+        } else if (distance <= 0 && manager.isRight(mainBodyDom.value)) {
           springStatusRef.value.x = -Math.pow(-distance, 0.8);
         }
       }
@@ -2639,10 +2867,10 @@ var _sfc_main$h = defineComponent({
           default:
             {
               if (distance >= 0) {
-                isTop(mainBodyDom.value) ? springStatusRef.value.y = Math.pow(distance, 0.8) : startPointerRef.value.clientY = position.clientY;
+                manager.isTop(mainBodyDom.value) ? springStatusRef.value.y = Math.pow(distance, 0.8) : startPointerRef.value.clientY = position.clientY;
               } else {
                 console.log("isBottom", mainBodyDom.value.scrollTop + mainBodyDom.value.clientHeight, "---", mainBodyDom.value.scrollHeight);
-                isBottom(mainBodyDom.value) ? springStatusRef.value.y = -Math.pow(-distance, 0.8) : startPointerRef.value.clientY = position.clientY;
+                manager.isBottom(mainBodyDom.value) ? springStatusRef.value.y = -Math.pow(-distance, 0.8) : startPointerRef.value.clientY = position.clientY;
               }
               break;
             }
@@ -2658,18 +2886,10 @@ var _sfc_main$h = defineComponent({
       }
       if (loadingRef.value == void 0) {
         if (downRefreshDom.value && springStatusRef.value.y > downRefreshDom.value.clientHeight) {
-          resetAfterEnd();
-          loadingRef.value = "refresh";
-          springStatusRef.value.y = downRefreshDom.value.clientHeight;
-          emits("refresh", resetAfterEnd);
-          return;
+          return loadRefresh();
         }
         if (upMoreDom.value && springStatusRef.value.y <= -upMoreDom.value.clientHeight) {
-          resetAfterEnd();
-          loadingRef.value = "more";
-          springStatusRef.value.y = -upMoreDom.value.clientHeight;
-          emits("more", resetAfterEnd);
-          return;
+          return loadMore();
         }
       }
       resetAfterEnd();
@@ -2682,6 +2902,7 @@ var _sfc_main$h = defineComponent({
       isStartByTouch = false;
     }
     onMounted(() => {
+      monitScroll(manager, mainBodyDom.value, props, emits, classStyleRef);
       if ("ontouchstart" in window) {
         onEvent(mainBodyDom.value, "touchstart", evt => onSpringStart(true, evt.touches[0]));
         onEvent(window, "touchmove", evt => onSpringMove(true, evt.touches[0]));
@@ -2695,28 +2916,32 @@ var _sfc_main$h = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [springYRef.value == true && __props.downRefresh == true ? withDirectives((openBlock(), createElementBlock("div", {
-        key: 0,
+      return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+        class: "snail-elastic"
+      }), [springYRef.value == true && __props.downRefresh == true ? withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass(["down-refresh", {
           "running": loadingRef.value == "refresh"
         }]),
+        key: "down-refresh",
         ref: "down-refresh"
       }, [renderSlot(_ctx.$slots, "down-refresh", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", {
         class: "flex-center default-loading"
       }, [createElementVNode("span"), createElementVNode("span"), createElementVNode("span")], -1))])], 2)), [[vShow, loadingRef.value != "more"]]) : createCommentVNode("", true), createElementVNode("div", {
-        class: normalizeClass(["main-body wh-fill", [__props.barSize ? `${__props.barSize}-scrollbar` : "", isMovingRef.value ? "moving" : ""]]),
+        class: normalizeClass(["main-body wh-fill", classStyleRef.value, {
+          "moving": isMovingRef.value
+        }]),
         ref: "main-body",
         key: "main-body",
         style: normalizeStyle(buildMainBodyStyle())
       }, [renderSlot(_ctx.$slots, "default")], 6), springYRef.value == true && __props.upMore == true ? withDirectives((openBlock(), createElementBlock("div", {
-        key: 1,
         class: normalizeClass(["up-more", {
           "running": loadingRef.value == "more"
         }]),
+        key: "up-more",
         ref: "up-more"
       }, [renderSlot(_ctx.$slots, "up-more", {}, () => [_cache[1] || (_cache[1] = createElementVNode("div", {
         class: "flex-center default-loading"
-      }, [createElementVNode("span"), createElementVNode("span"), createElementVNode("span")], -1))])], 2)), [[vShow, loadingRef.value != "refresh"]]) : createCommentVNode("", true)]);
+      }, [createElementVNode("span"), createElementVNode("span"), createElementVNode("span")], -1))])], 2)), [[vShow, loadingRef.value != "refresh"]]) : createCommentVNode("", true)], 16);
     };
   }
 });
@@ -2906,7 +3131,7 @@ var _sfc_main$f = defineComponent({
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_3$3)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_sfc_main$C, {
+      }, null, 8, _hoisted_3$3)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_sfc_main$E, {
         custom: false,
         type: "arrow",
         button: "",
@@ -2921,7 +3146,7 @@ var _sfc_main$f = defineComponent({
 var _sfc_main$e = defineComponent({
   ...{
     name: "Scroll",
-    inheritAttrs: true
+    inheritAttrs: false
   },
   __name: "scroll",
   props: {
@@ -2937,102 +3162,27 @@ var _sfc_main$e = defineComponent({
     const props = __props;
     const emits = __emit;
     const rootDom = useTemplateRef("scroll-root");
-    const {
-      onSize
-    } = useObserver();
-    const {
-      onInterval
-    } = useTimer();
-    var preStatus = void 0;
+    const manager = useScroll();
+    const classStyleRef = shallowRef();
     __expose({
-      scroll,
-      scrollTo
-    });
-    function buildStyle() {
-      const style = Object.create(null);
-      switch (props.scroll) {
-        case "x":
-          style["overflow"] = "auto hidden";
-          break;
-        case "y":
-          style["overflow"] = "hidden auto";
-          break;
-        case "none":
-          style["overflow"] = "none";
-          break;
-      }
-      return style;
-    }
-    function scroll(left, top) {
-      left == void 0 || (rootDom.value.scrollLeft += left);
-      top == void 0 || (rootDom.value.scrollTop += top);
-    }
-    function scrollTo(left, top) {
-      left == void 0 || (rootDom.value.scrollLeft = left);
-      top == void 0 || (rootDom.value.scrollTop = top);
-    }
-    function refreshScrollInfo() {
-      const status = {
-        xbar: rootDom.value.scrollWidth > rootDom.value.clientWidth,
-        ybar: rootDom.value.scrollHeight > rootDom.value.clientHeight,
-        left: false,
-        right: false,
-        top: false,
-        bottom: false,
-        scrollwidth: rootDom.value.scrollWidth,
-        scrollheight: rootDom.value.scrollHeight
-      };
-      if (status.xbar == true) {
-        status.left = rootDom.value.scrollLeft == 0;
-        status.right = rootDom.value.scrollLeft + rootDom.value.clientWidth == rootDom.value.scrollWidth;
-      }
-      if (status.ybar == true) {
-        status.top = rootDom.value.scrollTop == 0;
-        status.bottom = rootDom.value.scrollTop + rootDom.value.clientHeight == rootDom.value.scrollHeight;
-      }
-      Object.freeze(status);
-      const events = Object.create(null);
-      if (preStatus != void 0) {
-        preStatus.xbar != status.xbar && (events.xbar = [status.xbar]);
-        preStatus.ybar != status.ybar && (events.ybar = [status.ybar]);
-        if (preStatus.xbar == true && status.xbar == true) {
-          status.left && preStatus.left !== status.left && (events.left = []);
-          status.right && preStatus.right !== status.right && (events.right = []);
-        }
-        if (preStatus.ybar == true && status.ybar == true) {
-          status.top && preStatus.top !== status.top && (events.top = []);
-          status.bottom && preStatus.bottom !== status.bottom && (events.bottom = []);
-        }
-      }
-      preStatus = status;
-      preStatus = Object.freeze(status);
-      events.xbar && emits("xbar", ...events.xbar);
-      events.left && emits("left");
-      events.right && emits("right");
-      events.ybar && emits("ybar", ...events.ybar);
-      events.top && emits("top");
-      events.bottom && emits("bottom");
-      if (rootDom.value) {
-        rootDom.value.classList.remove("x-bar", "y-bar");
-        status.xbar && rootDom.value.classList.add("x-bar");
-        status.ybar && rootDom.value.classList.add("y-bar");
+      getStatus() {
+        return manager.getStatus(rootDom.value);
+      },
+      scroll(left, top) {
+        left == void 0 || (rootDom.value.scrollLeft += left);
+        top == void 0 || (rootDom.value.scrollTop += top);
+      },
+      scrollTo(left, top) {
+        left == void 0 || (rootDom.value.scrollLeft = left);
+        top == void 0 || (rootDom.value.scrollTop = top);
       }
-    }
-    onMounted(() => {
-      refreshScrollInfo();
-      onSize(rootDom.value, refreshScrollInfo);
-      onInterval(() => {
-        const isChange = preStatus.scrollwidth != rootDom.value.scrollWidth || preStatus.scrollheight != rootDom.value.scrollHeight;
-        isChange && refreshScrollInfo();
-      }, 100);
     });
+    onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-scroll", __props.barSize ? `${__props.barSize}-scrollbar` : ""]),
-        ref: "scroll-root",
-        style: normalizeStyle(buildStyle()),
-        onScroll: refreshScrollInfo
-      }, [renderSlot(_ctx.$slots, "default")], 38);
+      return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+        class: ["snail-scroll", classStyleRef.value],
+        ref: "scroll-root"
+      }), [renderSlot(_ctx.$slots, "default")], 16);
     };
   }
 });
@@ -3455,7 +3605,7 @@ var _sfc_main$8 = defineComponent({
         key: 1
       }, [_cache[5] || (_cache[5] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$7, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$7, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         class: normalizeClass(statusRef.value),
         custom: "",
@@ -3527,7 +3677,7 @@ var _sfc_main$7 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [__props.search ? (openBlock(), createBlock(_sfc_main$w, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [__props.search ? (openBlock(), createBlock(_sfc_main$y, mergeProps({
         key: 0
       }, __props.search, {
         onSearch
@@ -3578,7 +3728,7 @@ var _sfc_main$6 = 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$z, mergeProps({
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$B, mergeProps({
         key: 0
       }, __props.header || {
         useTo: "dialog",
@@ -3592,7 +3742,7 @@ var _sfc_main$6 = defineComponent({
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$A, mergeProps({
+      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
         key: 1
       }, __props.footer || {}, {
         onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -3606,7 +3756,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$s, options);
+  const app = createApp(_sfc_main$u, options);
   triggerAppCreated(app);
   app.mount(target);
   const scope = useScope().onDestroy(() => app.unmount());
@@ -3902,7 +4052,7 @@ var _sfc_main$4 = defineComponent({
         }]),
         mode: "vertical"
       }, createSlots({
-        main: withCtx(() => [createVNode(_sfc_main$u, {
+        main: withCtx(() => [createVNode(_sfc_main$w, {
           multiple: "",
           effect: unref(MOTION).top
         }, {
@@ -3942,19 +4092,19 @@ var _sfc_main$4 = defineComponent({
         _: 2
       }, [__props.toolbarDisabled != true ? {
         name: "bottom",
-        fn: withCtx(() => [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$D, {
+        fn: withCtx(() => [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
           key: 0,
           type: "link",
           size: "small",
           textContent: "清空",
           onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
-        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$D, {
+        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
           key: 1,
           type: "link",
           size: "small",
           textContent: "现在",
           onClick: _cache[1] || (_cache[1] = $event => rebuildItems(unref(getTimeValue)(new Date())))
-        })) : createCommentVNode("", true), createVNode(_sfc_main$D, {
+        })) : createCommentVNode("", true), createVNode(_sfc_main$F, {
           type: "link",
           size: "small",
           textContent: "确定",
@@ -4208,7 +4358,7 @@ var _sfc_main$3 = defineComponent({
           height: "30px"
         }
       }, createSlots({
-        top: withCtx(() => [createVNode(_sfc_main$C, {
+        top: withCtx(() => [createVNode(_sfc_main$E, {
           type: "arrow",
           button: "",
           rotate: 180,
@@ -4228,7 +4378,7 @@ var _sfc_main$3 = defineComponent({
           key: 0,
           textContent: toDisplayString(`${dateRef.value.month}月`),
           onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
-        }, null, 8, _hoisted_3)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$C, {
+        }, null, 8, _hoisted_3)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$E, {
           type: "arrow",
           button: "",
           size: 26,
@@ -4294,19 +4444,19 @@ var _sfc_main$3 = defineComponent({
           onClick: onSelectTime
         }, null, 10, _hoisted_8)) : createCommentVNode("", true), __props.toolbarDisabled != true ? (openBlock(), createElementBlock(Fragment, {
           key: 1
-        }, [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$D, {
+        }, [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
           key: 0,
           type: "link",
           size: "small",
           textContent: "清空",
           onClick: _cache[4] || (_cache[4] = $event => (emits("clear"), unref(inPopup) && __props.closePopup("")))
-        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$D, {
+        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
           key: 1,
           type: "link",
           size: "small",
           textContent: "现在",
           onClick: onNow
-        })) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_sfc_main$D, {
+        })) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_sfc_main$F, {
           type: "link",
           size: "small",
           textContent: "确定",
@@ -4340,7 +4490,7 @@ function usePicker() {
       popupOptions = {
         ...popupOptions
       };
-      popupOptions.followX = popupOptions.followX || ["start", "end", "center"];
+      popupOptions.followX = popupOptions.followX || ["start", "end", "center", "before", "after"];
       popupOptions.spaceX = correctNumber(popupOptions.spaceX, 2);
       popupOptions.spaceY = correctNumber(popupOptions.spaceY, 2);
       popupOptions.spaceClient = correctNumber(popupOptions.spaceClient, 10);
@@ -4440,7 +4590,7 @@ var _sfc_main$2 = defineComponent({
         type: "text",
         readonly: "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => valueRef.value = $event)
-      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         type: "datepicker",
         button: "",
@@ -4526,7 +4676,7 @@ var _sfc_main$1 = defineComponent({
         type: "text",
         readonly: "",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => valueRef.value = $event)
-      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$C, {
+      }, null, 512), [[vModelText, valueRef.value]]), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         type: "timepicker",
         button: "",
@@ -4622,12 +4772,12 @@ var _sfc_main = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$C, {
+      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$E, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$C, {
+      })) : (openBlock(), createBlock(_sfc_main$E, {
         key: 1,
         custom: "",
         size: 20,
@@ -4646,22 +4796,23 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Button: _sfc_main$D,
-  Choose: _sfc_main$B,
-  Footer: _sfc_main$A,
-  Header: _sfc_main$z,
-  Icon: _sfc_main$C,
-  Input: _sfc_main$y,
-  Number: _sfc_main$x,
-  Search: _sfc_main$w,
-  Select: _sfc_main$k,
-  Switch: _sfc_main$j,
-  Textarea: _sfc_main$i,
-  Dynamic: _sfc_main$s,
+  Action: _sfc_main$i,
+  Button: _sfc_main$F,
+  Choose: _sfc_main$D,
+  Footer: _sfc_main$C,
+  Header: _sfc_main$B,
+  Icon: _sfc_main$E,
+  Input: _sfc_main$A,
+  Number: _sfc_main$z,
+  Search: _sfc_main$y,
+  Select: _sfc_main$m,
+  Switch: _sfc_main$l,
+  Textarea: _sfc_main$k,
+  Dynamic: _sfc_main$u,
   Elastic: _sfc_main$h,
   Flex: _sfc_main$g,
   Fold: _sfc_main$f,
-  Motion: _sfc_main$u,
+  Motion: _sfc_main$w,
   Layout: _sfc_main$d,
   Scroll: _sfc_main$e,
   Sort: _sfc_main$c,
@@ -4674,8 +4825,8 @@ const components = {
   DatePicker: _sfc_main$2,
   TimePicker: _sfc_main$1,
   DragVerify: _sfc_main,
-  Empty: _sfc_main$n,
-  Loading: _sfc_main$t
+  Empty: _sfc_main$p,
+  Loading: _sfc_main$v
 };
 
 onMountScope(scope => {