snail.vue 2.0.18 → 2.0.20

package/dist/snail.vue.umd.js

@@ -5,7 +5,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SnailVue = global.SnailVue || {}, global.Vue, global.Snail, global.SnailView));
 })(this, (function (exports, vue, snail_core, snail_view) { 'use strict';
 
-  const _hoisted_1$n = ["title"];
+  const _hoisted_1$m = ["title"];
   var _sfc_main$D = vue.defineComponent({
     ...{
       name: "Button",
@@ -22,15 +22,11 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-button", [__props.size, __props.type]]),
           title: __props.title
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$n);
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$m);
       };
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   function getBuiltinIcon(iconType) {
     switch (iconType) {
       case "success":
@@ -69,9 +65,9 @@
     }
   }
 
-  const _hoisted_1$m = ["viewBox"];
-  const _hoisted_2$e = ["textContent"];
-  const _hoisted_3$b = ["d"];
+  const _hoisted_1$l = ["viewBox"];
+  const _hoisted_2$d = ["textContent"];
+  const _hoisted_3$a = ["d"];
   var _sfc_main$C = vue.defineComponent({
     __name: "icon",
     props: {
@@ -127,22 +123,22 @@
           onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
         }), [vue.createElementVNode("title", {
           textContent: vue.toDisplayString(__props.title || "")
-        }, null, 8, _hoisted_2$e), __props.custom == true ? vue.renderSlot(_ctx.$slots, "default", {
+        }, null, 8, _hoisted_2$d), __props.custom == true ? vue.renderSlot(_ctx.$slots, "default", {
           key: 0
         }) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, vue.renderList(vue.unref(getBuiltinIcon)(__props.type), d => {
           return vue.openBlock(), vue.createElementBlock("path", {
             d
-          }, null, 8, _hoisted_3$b);
-        }), 256))], 16, _hoisted_1$m);
+          }, null, 8, _hoisted_3$a);
+        }), 256))], 16, _hoisted_1$l);
       };
     }
   });
 
-  const _hoisted_1$l = ["title", "onClick"];
-  const _hoisted_2$d = ["type", "checked"];
-  const _hoisted_3$a = ["textContent"];
+  const _hoisted_1$k = ["title", "onClick"];
+  const _hoisted_2$c = ["type", "checked"];
+  const _hoisted_3$9 = ["textContent"];
   const _hoisted_4$7 = ["textContent"];
   var _sfc_main$B = vue.defineComponent({
     ...{
@@ -220,7 +216,7 @@
             key: 0,
             type: vue.unref(type),
             checked: node.selected
-          }, null, 8, _hoisted_2$d)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$c)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(["status", [node.selected ? "selected" : ""]])
           }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
@@ -232,16 +228,20 @@
             key: 2,
             class: "item-text",
             textContent: vue.toDisplayString(node.item.text)
-          }, null, 8, _hoisted_3$a)) : vue.createCommentVNode("", true), node.item.description ? (vue.openBlock(), vue.createElementBlock("span", {
+          }, null, 8, _hoisted_3$9)) : vue.createCommentVNode("", true), node.item.description ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 3,
             class: "item-des",
             textContent: vue.toDisplayString(node.item.description)
-          }, null, 8, _hoisted_4$7)) : vue.createCommentVNode("", true)], 14, _hoisted_1$l);
+          }, null, 8, _hoisted_4$7)) : vue.createCommentVNode("", true)], 14, _hoisted_1$k);
         }), 128))], 2);
       };
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   var _sfc_main$A = vue.defineComponent({
     ...{
       name: "Footer",
@@ -290,7 +290,7 @@
     }
   });
 
-  const _hoisted_1$k = ["textContent"];
+  const _hoisted_1$j = ["textContent"];
   var _sfc_main$z = vue.defineComponent({
     ...{
       name: "Header",
@@ -330,7 +330,7 @@
           key: 0,
           textContent: vue.toDisplayString(__props.title),
           class: vue.normalizeClass(["header-title", __props.titleAlign])
-        }, null, 10, _hoisted_1$k)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+        }, null, 10, _hoisted_1$j)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
           key: 1,
           class: "close-icon",
           type: "close",
@@ -343,13 +343,13 @@
     }
   });
 
-  const _hoisted_1$j = ["textContent"];
-  const _hoisted_2$c = {
+  const _hoisted_1$i = ["textContent"];
+  const _hoisted_2$b = {
     key: 0,
     class: "required",
     textContent: "*"
   };
-  const _hoisted_3$9 = {
+  const _hoisted_3$8 = {
     class: "input-body"
   };
   const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
@@ -406,7 +406,7 @@
         }, [vue.createElementVNode("span", {
           class: "text",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_1$j), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$9, [vue.createElementVNode("input", {
+        }, null, 8, _hoisted_1$i), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$8, [vue.createElementVNode("input", {
           ref: "input-el",
           type: __props.type || "text",
           value: inputModel.value,
@@ -629,12 +629,12 @@
     return formatter;
   }
 
-  const _hoisted_1$i = {
+  const _hoisted_1$h = {
     key: 0,
     class: "number-prefix"
   };
-  const _hoisted_2$b = ["textContent"];
-  const _hoisted_3$8 = ["inputmode", "placeholder", "title"];
+  const _hoisted_2$a = ["textContent"];
+  const _hoisted_3$7 = ["inputmode", "placeholder", "title"];
   const _hoisted_4$5 = {
     key: 1,
     class: "number-suffix"
@@ -789,10 +789,10 @@
             "has-prefix": vue.unref(hasPrefix),
             "has-suffix": vue.unref(hasSuffix)
           }])
-        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [vue.createElementVNode("span", {
+        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [vue.createElementVNode("span", {
           class: "ellipsis",
           textContent: vue.toDisplayString(vue.unref(prefix))
-        }, null, 8, _hoisted_2$b)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$a)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: vue.normalizeClass(["input-panel", vue.unref(controls)])
         }, [vue.withDirectives(vue.createElementVNode("input", {
           type: "text",
@@ -804,7 +804,7 @@
           onFocus: _cache[1] || (_cache[1] = $event => vue.isRef(needBackSection) ? needBackSection.value = true : needBackSection = true),
           onPaste: _cache[2] || (_cache[2] = $event => vue.isRef(needBackSection) ? needBackSection.value = false : needBackSection = false),
           onBlur: _cache[3] || (_cache[3] = $event => formatOnEnd(true))
-        }, null, 40, _hoisted_3$8), [[vue.vModelText, displayValueRef.value]]), vue.unref(controls) == "default" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, null, 40, _hoisted_3$7), [[vue.vModelText, displayValueRef.value]]), vue.unref(controls) == "default" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
         }, [vue.createElementVNode("div", {
           class: "controls default subtract",
@@ -856,7 +856,7 @@
     }
   });
 
-  const _hoisted_1$h = ["placeholder", "readonly"];
+  const _hoisted_1$g = ["placeholder", "readonly"];
   var _sfc_main$w = vue.defineComponent({
     ...{
       name: "Search",
@@ -902,7 +902,7 @@
           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), [[vue.vModelText, textModel.value, void 0, {
+        }, null, 40, _hoisted_1$g), [[vue.vModelText, textModel.value, void 0, {
           trim: true
         }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$C, {
           class: "search-button",
@@ -1129,10 +1129,10 @@
     }
   }
 
-  const _hoisted_1$g = {
+  const _hoisted_1$f = {
     class: "snail-confirm flex-column"
   };
-  const _hoisted_2$a = ["innerHTML"];
+  const _hoisted_2$9 = ["innerHTML"];
   var _sfc_main$v = vue.defineComponent({
     ...{
       name: "ConfirmContainer",
@@ -1161,14 +1161,14 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [vue.createVNode(_sfc_main$z, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createVNode(_sfc_main$z, {
           "use-to": "dialog",
           title: __props.title || "提示",
           onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
         }, null, 8, ["title"]), vue.createElementVNode("div", {
           class: "confirm-body",
           innerHTML: __props.message || "请确认？"
-        }, null, 8, _hoisted_2$a), vue.createVNode(_sfc_main$A, {
+        }, null, 8, _hoisted_2$9), vue.createVNode(_sfc_main$A, {
           align: "right",
           "cancel-name": __props.cancelName,
           "cancel-disabled": __props.cancelDisabled,
@@ -1644,11 +1644,11 @@
     }
   });
 
-  const _hoisted_1$f = {
+  const _hoisted_1$e = {
     key: 1,
     class: "icon"
   };
-  const _hoisted_2$9 = ["innerHTML"];
+  const _hoisted_2$8 = ["innerHTML"];
   var _sfc_main$o = vue.defineComponent({
     ...{
       name: "ToastContainer",
@@ -1697,14 +1697,14 @@
           onClick: _cache[0] || (_cache[0] = $event => {
             vue.unref(closePopup)();
           })
-        })) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createVNode(_sfc_main$C, {
+        })) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [vue.createVNode(_sfc_main$C, {
           type: vue.unref(props).type,
           color: "#707070",
           size: 20
         }, null, 8, ["type"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: "message",
           innerHTML: vue.unref(props).message
-        }, null, 8, _hoisted_2$9)], 38);
+        }, null, 8, _hoisted_2$8)], 38);
       };
     }
   });
@@ -1947,11 +1947,11 @@
     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$d = {
     class: "snail-empty"
   };
-  const _hoisted_2$8 = ["src"];
-  const _hoisted_3$7 = ["textContent"];
+  const _hoisted_2$7 = ["src"];
+  const _hoisted_3$6 = ["textContent"];
   var _sfc_main$n = vue.defineComponent({
     ...{
       name: "Empty",
@@ -1965,19 +1965,19 @@
     setup(__props) {
       const defaultImageBase64 = getNoDataBase64Image();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [vue.createElementVNode("img", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [vue.createElementVNode("img", {
           src: __props.imageUrl || vue.unref(defaultImageBase64)
-        }, null, 8, _hoisted_2$8), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$7), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
           class: "message",
           textContent: vue.toDisplayString(__props.message || "无数据")
-        }, null, 8, _hoisted_3$7)])]);
+        }, null, 8, _hoisted_3$6)])]);
       };
     }
   });
 
-  const _hoisted_1$d = ["title"];
-  const _hoisted_2$7 = ["textContent"];
-  const _hoisted_3$6 = {
+  const _hoisted_1$c = ["title"];
+  const _hoisted_2$6 = ["textContent"];
+  const _hoisted_3$5 = {
     key: 1,
     class: "select-status"
   };
@@ -2026,15 +2026,15 @@
         }, [vue.createElementVNode("div", {
           class: "item-text ellipsis",
           textContent: vue.toDisplayString(__props.item.text)
-        }, null, 8, _hoisted_2$7), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+        }, null, 8, _hoisted_2$6), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
           key: 0,
           type: "arrow"
-        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [vue.createVNode(_sfc_main$C, {
+        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [vue.createVNode(_sfc_main$C, {
           type: "success",
           button: "",
           size: 12,
           color: "white"
-        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$d)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$c)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, vue.renderList(vue.unref(showChildrenRef), child => {
           return vue.openBlock(), vue.createBlock(_component_SelectNode, {
@@ -2250,12 +2250,12 @@
     }
   });
 
-  const _hoisted_1$c = {
+  const _hoisted_1$b = {
     key: 0,
     class: "select-result"
   };
-  const _hoisted_2$6 = ["title", "textContent"];
-  const _hoisted_3$5 = ["textContent"];
+  const _hoisted_2$5 = ["title", "textContent"];
+  const _hoisted_3$4 = ["textContent"];
   const _hoisted_4$4 = {
     key: 1,
     class: "placeholder"
@@ -2395,15 +2395,15 @@
           ref: "select"
         }, [__props.items && __props.items.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
+        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
           class: "select-text ellipsis",
           title: selectedTextRef.value,
           textContent: vue.toDisplayString(selectedTextRef.value)
-        }, null, 8, _hoisted_2$6)])])) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$5)])])) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: "placeholder",
           textContent: vue.toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-        }, null, 8, _hoisted_3$5)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
+        }, null, 8, _hoisted_3$4)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
           key: 2,
           type: "arrow",
           button: "",
@@ -2463,7 +2463,7 @@
     }
   });
 
-  const _hoisted_1$b = ["readonly", "placeholder", "rows"];
+  const _hoisted_1$a = ["readonly", "placeholder", "rows"];
   var _sfc_main$i = vue.defineComponent({
     ...{
       name: "Textarea",
@@ -2524,89 +2524,114 @@
           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)), [[vue.vModelText, valueModel.value]]);
+        }, null, 40, _hoisted_1$a)), [[vue.vModelText, valueModel.value]]);
       };
     }
   });
 
-  function isRight(root) {
-    return root.scrollLeft + root.clientWidth >= root.scrollWidth;
-  }
-  function isBottom(root) {
-    return root.scrollTop + root.clientHeight >= root.scrollHeight;
+  function monitScroll(manager, root, options, emiter, classStyleRef) {
+    const scope = snail_core.useScope();
+    let preStatus = void 0;
+    const observer = snail_view.useObserver();
+    const timer = snail_core.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;
   }
 
-  const _hoisted_1$a = {
-    key: 0,
-    class: "down-refresh"
-  };
-  const _hoisted_2$5 = {
-    class: "main-body"
-  };
-  const _hoisted_3$4 = {
-    key: 1,
-    class: "up-more"
-  };
   var _sfc_main$h = vue.defineComponent({
+    ...{
+      name: "Elastic",
+      inheritAttrs: false
+    },
     __name: "elastic",
     props: {
       scroll: {},
+      barSize: {},
       spring: {},
       downRefresh: {
         type: Boolean
       },
       upMore: {
         type: Boolean
-      },
-      barSize: {}
+      }
     },
-    setup(__props) {
+    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
       } = snail_view.useObserver();
-      const rootDom = vue.useTemplateRef("root-dom");
-      const scrollStyleRef = vue.computed(buildScrollStyle);
-      vue.ref(void 0);
-      const springStyleRef = vue.computed(buildSpringStyle);
+      const manager = snail_view.useScroll();
+      const downRefreshDom = vue.useTemplateRef("down-refresh");
+      const mainBodyDom = vue.useTemplateRef("main-body");
+      const upMoreDom = vue.useTemplateRef("up-more");
+      const classStyleRef = vue.shallowRef();
+      let isStartByTouch = false;
+      const startPointerRef = vue.ref(void 0);
+      const isMovingRef = vue.shallowRef(false);
+      const springStatusRef = vue.ref(Object.create(null));
       const springXRef = vue.computed(() => props.spring == "x" || props.spring == "both");
       const springYRef = vue.computed(() => props.spring == "y" || props.spring == "both");
-      const downRefreshRef = vue.computed(() => springYRef.value == true && props.downRefresh == true);
-      const upMoreRef = vue.computed(() => springYRef.value == true && props.upMore == true);
-      const isMovingRef = vue.ref(false);
-      const springStatusRef = vue.ref(void 0);
-      const startPointerRef = vue.ref(void 0);
-      let isStartByTouch = false;
-      function buildScrollStyle() {
-        const vars = Object.create(null);
-        switch (props.scroll) {
-          case "x":
-            vars["--overflow"] = "auto hidden";
-            break;
-          case "y":
-            vars["--overflow"] = "hidden auto";
-            break;
-          case "both":
-            vars["--overflow"] = "auto";
-            break;
-        }
-        switch (props.barSize) {
-          case "normal":
-            vars["--bar-size"] = "10px";
-            break;
-          case "small":
-            vars["--bar-size"] = "6px";
-            break;
-          case "mini":
-            vars["--bar-size"] = "4px";
-            break;
-          case "none":
-            vars["--bar-size"] = "0";
-            break;
-        }
-        return vars;
-      }
-      function buildSpringStyle() {
+      const loadingRef = vue.shallowRef();
+      function buildMainBodyStyle() {
         const style = Object.create(null);
         if (springStatusRef.value != void 0) {
           const {
@@ -2616,18 +2641,54 @@
           const transforms = [];
           x != void 0 && transforms.push(`translateX(${x}px)`);
           y != void 0 && transforms.push(`translateY(${y}px)`);
-          transforms.length && (style["--spring-transform"] = transforms.join(" "));
+          transforms.length && (style["transform"] = transforms.join(" "));
         }
         return style;
       }
+      function loadRefresh() {
+        const deferred = snail_core.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 = snail_core.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 (isTouch != true && isStartByTouch == true) {
+        if (loadingRef.value != void 0) {
+          return;
+        }
+        if (isStartByTouch == true && isTouch != true) {
           return;
         }
         isTouch && (isStartByTouch = true);
         if (springXRef.value == true || springYRef.value == true) {
-          isMovingRef.value = true;
-          springStatusRef.value = Object.create(null);
           startPointerRef.value = {
             clientX: position.clientX,
             clientY: position.clientY
@@ -2635,60 +2696,99 @@
         }
       }
       function onSpringMove(isTouch, position) {
-        if (startPointerRef.value == void 0 || isTouch != true && isStartByTouch == true) {
+        if (startPointerRef.value == void 0 || isStartByTouch == true && isTouch != true) {
           return;
         }
+        isMovingRef.value = true;
         if (springXRef.value == true) {
           const distance = position.clientX - startPointerRef.value.clientX;
-          if (distance >= 0 && rootDom.value.scrollLeft == 0) {
+          if (distance >= 0 && manager.isLeft(mainBodyDom.value)) {
             springStatusRef.value.x = Math.pow(distance, 0.8);
-          } else if (distance <= 0 && isRight(rootDom.value)) {
+          } else if (distance <= 0 && manager.isRight(mainBodyDom.value)) {
             springStatusRef.value.x = -Math.pow(-distance, 0.8);
           }
         }
         if (springYRef.value == true) {
           const distance = position.clientY - startPointerRef.value.clientY;
-          if (distance >= 0) {
-            if (rootDom.value.scrollTop == 0) {
-              springStatusRef.value.y = Math.pow(distance, 0.8);
-            } else {
-              startPointerRef.value.clientY = position.clientY;
-            }
-          } else if (distance <= 0 && isBottom(rootDom.value) == true) {
-            springStatusRef.value.y = -Math.pow(-distance, 0.8);
+          switch (loadingRef.value) {
+            default:
+              {
+                if (distance >= 0) {
+                  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);
+                  manager.isBottom(mainBodyDom.value) ? springStatusRef.value.y = -Math.pow(-distance, 0.8) : startPointerRef.value.clientY = position.clientY;
+                }
+                break;
+              }
           }
         }
       }
       function onSpringEnd(isTouch, isCancel) {
-        if (startPointerRef.value != void 0) {
-          springStatusRef.value = Object.create(null);
-          isMovingRef.value = false;
-          startPointerRef.value = void 0;
-          isStartByTouch = false;
+        if (startPointerRef.value == void 0 || isStartByTouch == true && isTouch != true) {
+          return;
+        }
+        if (isMovingRef.value != true) {
+          return;
         }
+        if (loadingRef.value == void 0) {
+          if (downRefreshDom.value && springStatusRef.value.y > downRefreshDom.value.clientHeight) {
+            return loadRefresh();
+          }
+          if (upMoreDom.value && springStatusRef.value.y <= -upMoreDom.value.clientHeight) {
+            return loadMore();
+          }
+        }
+        resetAfterEnd();
+      }
+      function resetAfterEnd() {
+        loadingRef.value = void 0;
+        springStatusRef.value = Object.create(null);
+        isMovingRef.value = false;
+        startPointerRef.value = void 0;
+        isStartByTouch = false;
       }
       vue.onMounted(() => {
+        monitScroll(manager, mainBodyDom.value, props, emits, classStyleRef);
         if ("ontouchstart" in window) {
-          onEvent(rootDom.value, "touchstart", evt => onSpringStart(true, evt.touches[0]));
+          onEvent(mainBodyDom.value, "touchstart", evt => onSpringStart(true, evt.touches[0]));
           onEvent(window, "touchmove", evt => onSpringMove(true, evt.touches[0]));
-          onEvent(window, "touchend", () => onSpringEnd());
-          onEvent(window, "touchcancel", () => onSpringEnd());
+          onEvent(window, "touchend", () => onSpringEnd(true));
+          onEvent(window, "touchcancel", () => onSpringEnd(true));
         }
         if ("onmousedown" in window) {
-          onEvent(rootDom.value, "mousedown", evt => onSpringStart(false, evt));
+          onEvent(mainBodyDom.value, "mousedown", evt => onSpringStart(false, evt));
           onEvent(window, "mousemove", evt => onSpringMove(false, evt));
-          onEvent(window, "mouseup", () => onSpringEnd());
+          onEvent(window, "mouseup", () => onSpringEnd(false));
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-elastic", {
-            "spring": springXRef.value || springYRef.value,
+        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
+          class: "snail-elastic"
+        }), [springYRef.value == true && __props.downRefresh == true ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["down-refresh", {
+            "running": loadingRef.value == "refresh"
+          }]),
+          ref: "down-refresh"
+        }, [vue.renderSlot(_ctx.$slots, "down-refresh", {}, () => [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
+          class: "flex-center default-loading"
+        }, [vue.createElementVNode("span"), vue.createElementVNode("span"), vue.createElementVNode("span")], -1))])], 2)), [[vue.vShow, loadingRef.value != "more"]]) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
+          class: vue.normalizeClass(["main-body wh-fill", classStyleRef.value, {
             "moving": isMovingRef.value
           }]),
-          style: vue.normalizeStyle([scrollStyleRef.value, springStyleRef.value]),
-          ref: "root-dom"
-        }, [downRefreshRef.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.renderSlot(_ctx.$slots, "down-refresh", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode(" 默认实现[下拉刷新] ", -1))])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2$5, [vue.renderSlot(_ctx.$slots, "default")]), upMoreRef.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [vue.renderSlot(_ctx.$slots, "up-more", {}, () => [_cache[1] || (_cache[1] = vue.createTextVNode(" 默认实现[上拉加载更多] ", -1))])])) : vue.createCommentVNode("", true)], 6);
+          ref: "main-body",
+          key: "main-body",
+          style: vue.normalizeStyle(buildMainBodyStyle())
+        }, [vue.renderSlot(_ctx.$slots, "default")], 6), springYRef.value == true && __props.upMore == true ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["up-more", {
+            "running": loadingRef.value == "more"
+          }]),
+          ref: "up-more"
+        }, [vue.renderSlot(_ctx.$slots, "up-more", {}, () => [_cache[1] || (_cache[1] = vue.createElementVNode("div", {
+          class: "flex-center default-loading"
+        }, [vue.createElementVNode("span"), vue.createElementVNode("span"), vue.createElementVNode("span")], -1))])], 2)), [[vue.vShow, loadingRef.value != "refresh"]]) : vue.createCommentVNode("", true)], 16);
       };
     }
   });
@@ -2703,9 +2803,9 @@
       direction: {},
       wrap: {},
       gap: {},
-      justifyContent: {},
-      alignItems: {},
-      alignContent: {},
+      main: {},
+      cross: {},
+      content: {},
       repairItem: {
         type: Boolean
       },
@@ -2723,35 +2823,21 @@
         watcher
       } = useReactive();
       const classRef = vue.computed(buildClass);
-      const styleRef = vue.computed(buildStyle);
       const repairItemsRef = vue.shallowRef(0);
       function buildClass() {
         const items = [];
-        items.push(props.direction || "row");
+        let direction = props.direction;
+        props.repairItem == true && snail_core.isStringNotEmpty(direction) == false && (direction = "row");
+        direction && items.push(direction);
         props.wrap && items.push(props.wrap);
-        props.justifyContent && items.push(props.justifyContent);
+        snail_core.isStringNotEmpty(props.main) && items.push(`justify-${props.main}`);
+        snail_core.isStringNotEmpty(props.cross) && items.push(`items-${props.cross}`);
+        snail_core.isStringNotEmpty(props.content) && items.push(`content-${props.content}`);
         return items;
       }
-      function buildStyle() {
-        const styleVar = Object.create(null);
-        snail_core.isStringNotEmpty(props.gap) && (styleVar["--gap"] = props.gap);
-        const tmpFunc = value => {
-          switch (value) {
-            case "start":
-              return "flex-start";
-            case "end":
-              return "flex-end";
-            default:
-              return value;
-          }
-        };
-        snail_core.isStringNotEmpty(props.alignItems) && (styleVar["--align-items"] = tmpFunc(props.alignItems));
-        snail_core.isStringNotEmpty(props.alignContent) && (styleVar["--align-content"] = tmpFunc(props.alignContent));
-        return styleVar;
-      }
       function repairSpace() {
         repairItemsRef.value = 0;
-        const needRepair = props.repairItem == true && props.justifyContent && props.justifyContent.startsWith("space-") && props.itemCount > 0 && rootDom.value.children.length > 0;
+        const needRepair = props.repairItem == true && (props.main == "between" || props.main == "around" || props.main == "evenly") && props.itemCount > 0 && rootDom.value.children.length > 0;
         if (needRepair == true) {
           let containerSize, itemSize, itemGap;
           const containerStyle = getComputedStyle(rootDom.value);
@@ -2773,8 +2859,7 @@
                 break;
               }
           }
-          let itemCountPer;
-          itemCountPer = Math.floor((containerSize + itemGap) / (itemSize + itemGap));
+          let itemCountPer = Math.floor((containerSize + itemGap) / (itemSize + itemGap));
           if (itemCountPer > 1) {
             const mode = props.itemCount % itemCountPer;
             mode > 0 && (repairItemsRef.value = itemCountPer - mode);
@@ -2790,7 +2875,9 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
           class: ["snail-flex", classRef.value],
-          style: styleRef.value,
+          style: vue.unref(snail_core.isStringNotEmpty)(__props.gap) ? {
+            "--gap": __props.gap
+          } : void 0,
           ref: "root-flex"
         }), [vue.renderSlot(_ctx.$slots, "default"), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(repairItemsRef.value, _ => {
           return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(snail_core.correctString)(props.itemTag, "div", true)), {
@@ -2906,16 +2993,11 @@
   var _sfc_main$e = vue.defineComponent({
     ...{
       name: "Scroll",
-      inheritAttrs: true
+      inheritAttrs: false
     },
     __name: "scroll",
     props: {
-      scrollX: {
-        type: Boolean
-      },
-      scrollY: {
-        type: Boolean
-      },
+      scroll: {},
       barSize: {}
     },
     emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
@@ -2927,108 +3009,27 @@
       const props = __props;
       const emits = __emit;
       const rootDom = vue.useTemplateRef("scroll-root");
-      const {
-        onSize
-      } = snail_view.useObserver();
-      const {
-        onInterval
-      } = snail_core.useTimer();
-      const styleRef = vue.computed(() => {
-        const style = Object.create(null);
-        (props.scrollX || props.scrollY) && (style["--scroll-overflow"] = `${props.scrollX == true ? "auto" : "hidden"} ${props.scrollY == true ? "auto" : "hidden"}`);
-        if (props.barSize) {
-          switch (props.barSize) {
-            case "normal":
-              style["--scroll-bar-size"] = "10px";
-              break;
-            case "small":
-              style["--scroll-bar-size"] = "6px";
-              break;
-            case "mini":
-              style["--scroll-bar-size"] = "4px";
-              break;
-            case "none":
-              style["--scroll-bar-size"] = "0";
-              break;
-          }
-        }
-        return style;
-      });
-      var preStatus = void 0;
+      const manager = snail_view.useScroll();
+      const classStyleRef = vue.shallowRef();
       __expose({
-        scroll,
-        scrollTo
-      });
-      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);
         }
-      }
-      vue.onMounted(() => {
-        refreshScrollInfo();
-        onSize(rootDom.value, refreshScrollInfo);
-        onInterval(() => {
-          const isChange = preStatus.scrollwidth != rootDom.value.scrollWidth || preStatus.scrollheight != rootDom.value.scrollHeight;
-          isChange && refreshScrollInfo();
-        }, 100);
       });
+      vue.onMounted(() => monitScroll(manager, rootDom.value, props, emits, classStyleRef));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: "snail-scroll",
-          ref: "scroll-root",
-          style: vue.normalizeStyle(styleRef.value),
-          onScroll: refreshScrollInfo
-        }, [vue.renderSlot(_ctx.$slots, "default")], 36);
+        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
+          class: ["snail-scroll", classStyleRef.value],
+          ref: "scroll-root"
+        }), [vue.renderSlot(_ctx.$slots, "default")], 16);
       };
     }
   });
@@ -3229,12 +3230,7 @@
     },
     __name: "table",
     props: {
-      scrollX: {
-        type: Boolean
-      },
-      scrollY: {
-        type: Boolean
-      },
+      scroll: {},
       barSize: {},
       border: {
         type: Boolean
@@ -3251,8 +3247,8 @@
           class: vue.normalizeClass(["snail-table", {
             "start-border": __props.border == true
           }]),
-          "scroll-x": __props.scrollX,
-          "scroll-y": __props.scrollY
+          scroll: __props.scroll,
+          "bar-size": __props.barSize
         }, {
           default: vue.withCtx(() => [vue.createElementVNode("div", {
             class: "table-header",
@@ -3262,7 +3258,7 @@
             style: vue.normalizeStyle(fStyleRef.value)
           }, [vue.renderSlot(_ctx.$slots, "footer")], 4)]),
           _: 3
-        }, 8, ["scroll-x", "scroll-y", "class"]);
+        }, 8, ["scroll", "bar-size", "class"]);
       };
     }
   });
@@ -3533,7 +3529,7 @@
         }, __props.search, {
           onSearch
         }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$e, {
-          "scroll-y": true
+          scroll: "y"
         }, {
           default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes || [], node => {
             return vue.openBlock(), vue.createBlock(_sfc_main$8, {
@@ -3589,8 +3585,7 @@
         }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$e, vue.mergeProps({
           class: "wrapper-body"
         }, __props.content || {
-          scrollX: false,
-          scrollY: false
+          scroll: "none"
         }), {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
           _: 3