snail.vue 1.0.37 → 1.0.38

package/dist/snail.vue.d.ts

@@ -1,7 +1,7 @@
-import * as vue from 'vue';
-import { ShallowRef, Component, Ref, WatchSource, App } from 'vue';
 import * as snail_view from 'snail.view';
 import { BaseStyle, HeightStyle, FlexBoxStyle, WidthStyle, BorderStyle, PaddingStyle, MarginStyle } from 'snail.view';
+import * as vue from 'vue';
+import { Component, ShallowRef, Ref, WatchSource, App } from 'vue';
 import { IScope, RunResult, IAsyncScope } from 'snail.core';
 
 /**
@@ -194,7 +194,6 @@ type SearchEvents = {
  * 2、配合树形组件使用；如select的多级筛选，树组件等
  * 3、封装树的基础共性操作，如显隐判断、搜索查询等
  */
-
 /**
  * 树节点
  * - 仅提供树节点基础属性；可以基于 Extend 为 TreeNode 扩展节点属性
@@ -247,41 +246,41 @@ type TreeNodeExtend = {
     fixed?: boolean;
 };
 /**
- * 树的上下文对象
+ * 树的基础上下文对象
  */
-interface ITreeContext<T> {
+interface ITreeBaseContext<T> {
     /**
      * 执行搜索
      * @param text 搜索文本
      */
     doSearch(text: string): void;
     /**
-     * 指定节点是否可显示
+     * 能否显示指定【树节点】
      * @param node 要判断的节点
      * @returns 能显示返回true；否则返回false
      */
     canShow(node: TreeNode<T, TreeNodeExtend>): boolean;
     /**
-     * 获取指定树节点的上下文
-     * @param node
-     * @returns 节点上下文
+     * 能否显示指定【树节点】的子节点
+     * - 不会判断node节点自身是否可显示
+     * @param node 要判断的节点
+     * @returns 能显示返回true；否则返回false
      */
-    getContext(node: TreeNode<T, TreeNodeExtend>): ITreeNodeContext<T>;
+    canShowChildren(node: TreeNode<T, TreeNodeExtend>): boolean;
 }
 /**
- * 树节点 上下文
+ * 树搜索结果
  */
-interface ITreeNodeContext<T> {
+type TreeSearchResult<T> = {
     /**
-     * 节点是否展示：响应式
+     * 匹配上的节点集合
      */
-    show: ShallowRef<boolean>;
+    matched: TreeNode<T>[];
     /**
-     * 是否显示子节点
-     * - 若node.children有值，但不能显示出来，则也算无子节点
+     * 未匹配上的节点集合
      */
-    showChildren: ShallowRef<boolean>;
-}
+    failed: TreeNode<T>[];
+};
 
 /**
  * 树组件 相关实体
@@ -334,7 +333,7 @@ type TreeNodeOptions<T> = {
     /**
      * 树组件的上下文对象
      */
-    context: ITreeContext<T>;
+    context: ITreeBaseContext<T>;
 };
 /**
  * 树节点事件
@@ -373,7 +372,7 @@ type TreeNodeRenderOptions = {
 /**
  * 树节点 插槽配置选项
  */
-type TreeNodeSoltOptions<T> = {
+type TreeNodeSlotOptions<T> = {
     /**
          * 当前节点
          */
@@ -597,7 +596,7 @@ type SelectEvents<T> = SelectBaseEvents<T> & {};
 /**
  * 【选项菜单】 组件上下文
  */
-interface ISelectContext<T> extends ITreeContext<T> {
+interface ISelectContext<T> extends ITreeBaseContext<T> {
     /**
      * 指定节点是否选中了
      * @param multiple 是否是【多选模式】
@@ -933,6 +932,18 @@ type SwitchEvents = {
     change: [value: boolean];
 };
 
+/**
+ * 树的基础组件信息
+ *  1、组件基础上下文 默认实现
+ */
+
+/**
+ * 使用【树上下文】
+ * @param nodes 树节点集合
+ * @returns 上下文对象+作用域
+ */
+declare function useTreeContext<T>(nodes: TreeNode<T, TreeNodeExtend>[]): ITreeBaseContext<T> & IScope;
+
 /**
  * 使用【响应式管理器】
  * - 请在Vue组件的setup中使用此方法，否则 getCurrentScope 方法无法取到值
@@ -1895,5 +1906,5 @@ declare const components: {
     });
 };
 
-export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive };
-export type { ButtonOptions, ChooseEvents, ChooseItem, ChooseOptions, ComponentMountOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DialogHandle, DialogOptions, DisabledOptions, DragVerifyInfo, DragVerifyOptions, EmptyOptions, FoldEvents, FoldOptions, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, IPopupManager, IReactiveManager, ISelectContext, IconOptions, IconType, InputEvents, InputOptions, LoadingOptions, MessageOptions, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollOptions, ScrollTouchType, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupExtend, SelectPopupOptions, SortEvents, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TitleOptions, ToastOptions, TreeEvents, TreeNodeEvents, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSoltOptions, TreeOptions };
+export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive, useTreeContext };
+export type { ButtonOptions, ChooseEvents, ChooseItem, ChooseOptions, ComponentMountOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DialogHandle, DialogOptions, DisabledOptions, DragVerifyInfo, DragVerifyOptions, EmptyOptions, FoldEvents, FoldOptions, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, IPopupManager, IReactiveManager, ISelectContext, ITreeBaseContext, IconOptions, IconType, InputEvents, InputOptions, LoadingOptions, MessageOptions, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollOptions, ScrollTouchType, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupExtend, SelectPopupOptions, SortEvents, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TitleOptions, ToastOptions, TreeEvents, TreeNode, TreeNodeEvents, TreeNodeExtend, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSlotOptions, TreeOptions, TreeSearchResult };

package/dist/snail.vue.js

@@ -1,7 +1,7 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, mergeModels, useModel, computed, Fragment, renderList, normalizeStyle, unref, createElementVNode, createCommentVNode, toDisplayString, createBlock, shallowRef, withDirectives, vModelText, createVNode, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, onMounted, withModifiers, getCurrentInstance, nextTick, useTemplateRef, resolveComponent, onActivated, onDeactivated, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
 import { isArray, newId, throwError, isArrayNotEmpty, isStringNotEmpty, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, useScopes, mountScope, isPromise, wait, script, delay, useTimer, defer, useAsyncScope, useHook, hasAny, throwIfTrue, isFunction, onMountScope } from 'snail.core';
-import { link, css, useObserver, useAnimation } from 'snail.view';
+import { css, link, useObserver, useAnimation } from 'snail.view';
 
 var _sfc_main$r = defineComponent({
   ...{
@@ -23,10 +23,6 @@ var _sfc_main$r = defineComponent({
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
-
 const _hoisted_1$e = ["onClick"];
 const _hoisted_2$9 = ["type", "checked"];
 const _hoisted_3$6 = ["textContent"];
@@ -100,6 +96,10 @@ var _sfc_main$q = defineComponent({
   }
 });
 
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
 var _sfc_main$p = defineComponent({
   ...{
     name: "Footer",
@@ -1205,25 +1205,25 @@ var _sfc_main$d = defineComponent({
       emit: __emit
     } = _ref;
     const emits = __emit;
-    const show = computed(() => __props.context.canShow(__props.item));
-    const children = __props.showChildren == true && __props.item.type == "group" ? computed(() => (__props.item.children || []).filter(__props.context.canShow)) : [];
-    const selectNodDom = useTemplateRef("select-node");
+    const rootDom = useTemplateRef("select-node");
+    const selectedRef = computed(() => __props.context.selected(__props.multiple, __props.item));
+    const showRef = computed(() => __props.context.canShow(__props.item));
+    const showChildrenRef = __props.showChildren == true && __props.item.type == "group" ? computed(() => (__props.item.children || []).filter(__props.context.canShow)) : [];
     const classRef = computed(() => ({
       child: __props.showChildren != true,
       clickable: __props.item.clickable,
       group: __props.item.type == "group",
       item: __props.item.type != "group",
-      selected: selected.value
+      selected: selectedRef.value
     }));
-    const selected = computed(() => __props.context.selected(__props.multiple, __props.item));
     return (_ctx, _cache) => {
       const _component_SelectNode = resolveComponent("SelectNode", true);
-      return openBlock(), createElementBlock(Fragment, null, [show.value ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock(Fragment, null, [showRef.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["select-node", classRef.value]),
         title: _ctx.item.text,
         ref: "select-node",
-        onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", selectNodDom.value, _ctx.item)),
+        onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", rootDom.value, _ctx.item)),
         onClick: _cache[1] || (_cache[1] = () => emits("click", _ctx.item))
       }, [createElementVNode("div", {
         class: "item-text",
@@ -1232,9 +1232,9 @@ var _sfc_main$d = defineComponent({
         key: 0,
         type: "arrow",
         color: "#8a9099"
-      })) : createCommentVNode("", true)], 42, _hoisted_1$7)) : createCommentVNode("", true), show.value ? (openBlock(true), createElementBlock(Fragment, {
+      })) : createCommentVNode("", true)], 42, _hoisted_1$7)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
-      }, renderList(unref(children), child => {
+      }, renderList(unref(showChildrenRef), child => {
         return openBlock(), createBlock(_component_SelectNode, {
           key: child.id || unref(newId)(),
           multiple: _ctx.multiple,
@@ -1285,9 +1285,6 @@ var _sfc_main$c = defineComponent({
       emit: __emit
     } = _ref;
     const props = __props;
-    const {
-      context
-    } = props;
     const emits = __emit;
     const {
       follow
@@ -1299,24 +1296,25 @@ var _sfc_main$c = defineComponent({
       watcher
     } = useReactive();
     const {
+      context,
       popupStatus,
       pinned,
       parentPinned
     } = props;
-    const items = computed(() => (props.items || []).filter(context.canShow));
+    const itemsRef = computed(() => (props.items || []).filter(context.canShow));
     const classRef = computed(() => ({
       "snail-select-popup": true,
       "child-popup": props.level > 1,
-      "text-tips": items.value.length == 0,
-      "has-group": items.value.find(node => node.type == "group") != void 0
+      "text-tips": itemsRef.value.length == 0,
+      "has-group": itemsRef.value.find(node => node.type == "group") != void 0
     }));
-    const childDestroyTimer = shallowRef(void 0);
+    const childDestroyTimerRef = shallowRef(void 0);
     var mouseStatus = "Leave";
     var childFollowTargetDom = void 0;
     var childFollowScope = void 0;
     function destroyChildFollow(onlyTimer) {
-      childDestroyTimer.value && childDestroyTimer.value.destroy();
-      childDestroyTimer.value = void 0;
+      childDestroyTimerRef.value && childDestroyTimerRef.value.destroy();
+      childDestroyTimerRef.value = void 0;
       if (onlyTimer != true && childFollowScope && childFollowScope.destroyed == false) {
         childFollowScope.destroy();
         childFollowScope = void 0;
@@ -1372,7 +1370,7 @@ var _sfc_main$c = defineComponent({
             search: void 0,
             level: props.level + 1,
             popupStyle: props.popupStyle,
-            childDestroyTimer,
+            childDestroyTimer: childDestroyTimerRef,
             parentPinned: pinned
           })
         });
@@ -1402,7 +1400,7 @@ var _sfc_main$c = defineComponent({
         key: 0
       }, props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, item => {
+      }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
         return openBlock(), createBlock(_sfc_main$d, {
           key: item.id || unref(newId)(),
           multiple: props.multiple,
@@ -1412,7 +1410,7 @@ var _sfc_main$c = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), items.value.length == 0 ? (openBlock(), createBlock(_sfc_main$e, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$e, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true)], 64))], 38);
@@ -1431,18 +1429,13 @@ function useTreeContext(nodes) {
   function canShow(node) {
     return node.hidden != true && (failed.value == void 0 || failed.value.includes(node) == false);
   }
-  function getContext(node) {
-    const show = computed(() => canShow(node));
-    const showChildren = computed(() => node.children ? node.children.filter(canShow).length > 0 : false);
-    return {
-      show,
-      showChildren
-    };
+  function canShowChildren(node) {
+    return node.children ? node.children.filter(canShow).length > 0 : false;
   }
   const context = mountScope({
     doSearch,
     canShow,
-    getContext
+    canShowChildren
   });
   context.onDestroy(() => {
     scopes.destroy();
@@ -1472,17 +1465,17 @@ function searchTree(nodes, text) {
   return result;
 }
 
-function useSelectContext(items, selects) {
+function useSelectContext(items, selectsRef) {
   const treeContxt = useTreeContext(items);
   function selected(multiple, item) {
-    if (selects.value) {
-      return multiple == true ? selects.value.includes(item) : selects.value[selects.value.length - 1] == item;
+    if (selectsRef.value) {
+      return multiple == true ? selectsRef.value.includes(item) : selectsRef.value[selectsRef.value.length - 1] == item;
     }
     return false;
   }
   function selectedText(multiple, showPath) {
-    if (selects.value) {
-      return multiple == true || showPath == true ? selects.value.map(item => item.text).join(multiple ? "、" : " / ") : selects.value[selects.value.length - 1].text;
+    if (selectsRef.value) {
+      return multiple == true || showPath == true ? selectsRef.value.map(item => item.text).join(multiple ? "、" : " / ") : selectsRef.value[selectsRef.value.length - 1].text;
     }
     return "";
   }
@@ -1493,8 +1486,8 @@ function useSelectContext(items, selects) {
   });
 }
 
-const _hoisted_1$6 = ["textContent"];
-const _hoisted_2$3 = ["title"];
+const _hoisted_1$6 = ["title"];
+const _hoisted_2$3 = ["textContent"];
 const _hoisted_3$3 = ["textContent"];
 const _hoisted_4$3 = {
   key: 1,
@@ -1540,10 +1533,10 @@ var _sfc_main$b = defineComponent({
     const {
       follow
     } = usePopup();
-    const selects = shallowRef([...valuesModel.value]);
-    const context = useSelectContext(props.items, selects);
     const rootDom = useTemplateRef("select");
-    const selectText = computed(() => context.selectedText(props.multiple, props.showPath));
+    const selectsRef = shallowRef([...valuesModel.value]);
+    const context = useSelectContext(props.items, selectsRef);
+    const selectTextRef = computed(() => context.selectedText(props.multiple, props.showPath));
     var followScope = void 0;
     async function onClick() {
       if (props.readonly == true || rootDom.value == void 0) {
@@ -1582,7 +1575,7 @@ var _sfc_main$b = defineComponent({
     }
     function onSelectItemChange(items) {
       items = hasAny(items) ? [...items] : [];
-      selects.value = items;
+      selectsRef.value = items;
       valuesModel.value = items;
       emits("change", items);
     }
@@ -1593,20 +1586,20 @@ var _sfc_main$b = defineComponent({
         }]),
         onClick: _cache[0] || (_cache[0] = $event => onClick()),
         ref: "select"
-      }, [props.items && props.items.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+      }, [unref(hasAny)(props.items) == true ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [unref(isArrayNotEmpty)(selects.value) == false ? (openBlock(), createElementBlock("div", {
+      }, [unref(hasAny)(selectsRef.value) ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: "select-result text-tips",
-        textContent: toDisplayString(props.placeholder || "请选择")
-      }, null, 8, _hoisted_1$6)) : (openBlock(), createElementBlock("div", {
-        key: 1,
         class: "select-result",
-        title: selectText.value
+        title: selectTextRef.value
       }, [createElementVNode("div", {
         class: "select-text",
-        textContent: toDisplayString(selectText.value)
-      }, null, 8, _hoisted_3$3)], 8, _hoisted_2$3)), createVNode(_sfc_main$o, {
+        textContent: toDisplayString(selectTextRef.value)
+      }, null, 8, _hoisted_2$3)], 8, _hoisted_1$6)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: "select-result text-tips",
+        textContent: toDisplayString(props.placeholder || "请选择")
+      }, null, 8, _hoisted_3$3)), createVNode(_sfc_main$o, {
         type: "arrow",
         size: 24,
         color: "#8a9099",
@@ -2020,10 +2013,13 @@ var _sfc_main$3 = defineComponent({
     const {
       transition
     } = useAnimation();
-    const {
-      show,
-      showChildren
-    } = __props.context.getContext(__props.node);
+    const showRef = computed(() => __props.context.canShow(__props.node));
+    const showChildrenRef = computed(() => __props.context.canShowChildren(__props.node));
+    const classRef = computed(() => {
+      const array = [`level-${__props.level}`];
+      __props.node.clickable && array.push("clickable");
+      return array;
+    });
     const slotOptions = Object.freeze({
       node: __props.node,
       parent: __props.parent,
@@ -2071,16 +2067,16 @@ var _sfc_main$3 = defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_TreeNode = resolveComponent("TreeNode", true);
-      return openBlock(), createElementBlock(Fragment, null, [unref(show) ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock(Fragment, null, [showRef.value ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["snail-tree-node", [`level-${_ctx.level}`, _ctx.node.clickable ? "clickable" : ""]])
+        class: normalizeClass(["snail-tree-node", classRef.value])
       }, [_ctx.options.rewrite == true ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({
         key: 0
       }, unref(slotOptions)))) : (openBlock(), createElementBlock(Fragment, {
         key: 1
       }, [_cache[2] || (_cache[2] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), _ctx.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [unref(showChildren) ? (openBlock(), createBlock(_sfc_main$o, {
+      }, null, -1)), _ctx.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$o, {
         key: 0,
         class: normalizeClass(statusRef.value),
         type: "custom",
@@ -2093,7 +2089,7 @@ var _sfc_main$3 = defineComponent({
         title: _ctx.node.text,
         textContent: toDisplayString(_ctx.node.text),
         onClick: _cache[0] || (_cache[0] = $event => onNodeClick(_ctx.node))
-      }, null, 8, _hoisted_2$1), createElementVNode("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 2)) : createCommentVNode("", true), unref(show) && unref(showChildren) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, child => {
+      }, null, 8, _hoisted_2$1), createElementVNode("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 2)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, child => {
         return openBlock(), createBlock(_component_TreeNode, {
           key: child.id || unref(newId)(),
           node: child,
@@ -2135,7 +2131,6 @@ var _sfc_main$2 = defineComponent({
     const props = __props;
     const emits = __emit;
     const context = useTreeContext(props.nodes);
-    shallowRef([]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [props.search ? (openBlock(), createBlock(_sfc_main$m, mergeProps({
         key: 0
@@ -2394,4 +2389,4 @@ const components = {
 
 onMountScope(scope => getCurrentScope() && onScopeDispose(scope.destroy));
 
-export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive };
+export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive, useTreeContext };

package/dist/snail.vue.umd.js

@@ -25,10 +25,6 @@
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   const _hoisted_1$e = ["onClick"];
   const _hoisted_2$9 = ["type", "checked"];
   const _hoisted_3$6 = ["textContent"];
@@ -102,6 +98,10 @@
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   var _sfc_main$p = vue.defineComponent({
     ...{
       name: "Footer",
@@ -1207,25 +1207,25 @@
         emit: __emit
       } = _ref;
       const emits = __emit;
-      const show = vue.computed(() => __props.context.canShow(__props.item));
-      const children = __props.showChildren == true && __props.item.type == "group" ? vue.computed(() => (__props.item.children || []).filter(__props.context.canShow)) : [];
-      const selectNodDom = vue.useTemplateRef("select-node");
+      const rootDom = vue.useTemplateRef("select-node");
+      const selectedRef = vue.computed(() => __props.context.selected(__props.multiple, __props.item));
+      const showRef = vue.computed(() => __props.context.canShow(__props.item));
+      const showChildrenRef = __props.showChildren == true && __props.item.type == "group" ? vue.computed(() => (__props.item.children || []).filter(__props.context.canShow)) : [];
       const classRef = vue.computed(() => ({
         child: __props.showChildren != true,
         clickable: __props.item.clickable,
         group: __props.item.type == "group",
         item: __props.item.type != "group",
-        selected: selected.value
+        selected: selectedRef.value
       }));
-      const selected = vue.computed(() => __props.context.selected(__props.multiple, __props.item));
       return (_ctx, _cache) => {
         const _component_SelectNode = vue.resolveComponent("SelectNode", true);
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [show.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [showRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["select-node", classRef.value]),
           title: _ctx.item.text,
           ref: "select-node",
-          onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", selectNodDom.value, _ctx.item)),
+          onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", rootDom.value, _ctx.item)),
           onClick: _cache[1] || (_cache[1] = () => emits("click", _ctx.item))
         }, [vue.createElementVNode("div", {
           class: "item-text",
@@ -1234,9 +1234,9 @@
           key: 0,
           type: "arrow",
           color: "#8a9099"
-        })) : vue.createCommentVNode("", true)], 42, _hoisted_1$7)) : vue.createCommentVNode("", true), show.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        })) : vue.createCommentVNode("", true)], 42, _hoisted_1$7)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, vue.renderList(vue.unref(children), child => {
+        }, vue.renderList(vue.unref(showChildrenRef), child => {
           return vue.openBlock(), vue.createBlock(_component_SelectNode, {
             key: child.id || vue.unref(snail_core.newId)(),
             multiple: _ctx.multiple,
@@ -1287,9 +1287,6 @@
         emit: __emit
       } = _ref;
       const props = __props;
-      const {
-        context
-      } = props;
       const emits = __emit;
       const {
         follow
@@ -1301,24 +1298,25 @@
         watcher
       } = useReactive();
       const {
+        context,
         popupStatus,
         pinned,
         parentPinned
       } = props;
-      const items = vue.computed(() => (props.items || []).filter(context.canShow));
+      const itemsRef = vue.computed(() => (props.items || []).filter(context.canShow));
       const classRef = vue.computed(() => ({
         "snail-select-popup": true,
         "child-popup": props.level > 1,
-        "text-tips": items.value.length == 0,
-        "has-group": items.value.find(node => node.type == "group") != void 0
+        "text-tips": itemsRef.value.length == 0,
+        "has-group": itemsRef.value.find(node => node.type == "group") != void 0
       }));
-      const childDestroyTimer = vue.shallowRef(void 0);
+      const childDestroyTimerRef = vue.shallowRef(void 0);
       var mouseStatus = "Leave";
       var childFollowTargetDom = void 0;
       var childFollowScope = void 0;
       function destroyChildFollow(onlyTimer) {
-        childDestroyTimer.value && childDestroyTimer.value.destroy();
-        childDestroyTimer.value = void 0;
+        childDestroyTimerRef.value && childDestroyTimerRef.value.destroy();
+        childDestroyTimerRef.value = void 0;
         if (onlyTimer != true && childFollowScope && childFollowScope.destroyed == false) {
           childFollowScope.destroy();
           childFollowScope = void 0;
@@ -1374,7 +1372,7 @@
               search: void 0,
               level: props.level + 1,
               popupStyle: props.popupStyle,
-              childDestroyTimer,
+              childDestroyTimer: childDestroyTimerRef,
               parentPinned: pinned
             })
           });
@@ -1404,7 +1402,7 @@
           key: 0
         }, props.search, {
           onSearch
-        }), null, 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, item => {
+        }), null, 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
           return vue.openBlock(), vue.createBlock(_sfc_main$d, {
             key: item.id || vue.unref(snail_core.newId)(),
             multiple: props.multiple,
@@ -1414,7 +1412,7 @@
             onEnter: onEnterSelectNode,
             onClick: onClickSelectNode
           }, null, 8, ["multiple", "item", "context"]);
-        }), 128)), items.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
+        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
           key: 1,
           message: "无结果"
         })) : vue.createCommentVNode("", true)], 64))], 38);
@@ -1433,18 +1431,13 @@
     function canShow(node) {
       return node.hidden != true && (failed.value == void 0 || failed.value.includes(node) == false);
     }
-    function getContext(node) {
-      const show = vue.computed(() => canShow(node));
-      const showChildren = vue.computed(() => node.children ? node.children.filter(canShow).length > 0 : false);
-      return {
-        show,
-        showChildren
-      };
+    function canShowChildren(node) {
+      return node.children ? node.children.filter(canShow).length > 0 : false;
     }
     const context = snail_core.mountScope({
       doSearch,
       canShow,
-      getContext
+      canShowChildren
     });
     context.onDestroy(() => {
       scopes.destroy();
@@ -1474,17 +1467,17 @@
     return result;
   }
 
-  function useSelectContext(items, selects) {
+  function useSelectContext(items, selectsRef) {
     const treeContxt = useTreeContext(items);
     function selected(multiple, item) {
-      if (selects.value) {
-        return multiple == true ? selects.value.includes(item) : selects.value[selects.value.length - 1] == item;
+      if (selectsRef.value) {
+        return multiple == true ? selectsRef.value.includes(item) : selectsRef.value[selectsRef.value.length - 1] == item;
       }
       return false;
     }
     function selectedText(multiple, showPath) {
-      if (selects.value) {
-        return multiple == true || showPath == true ? selects.value.map(item => item.text).join(multiple ? "、" : " / ") : selects.value[selects.value.length - 1].text;
+      if (selectsRef.value) {
+        return multiple == true || showPath == true ? selectsRef.value.map(item => item.text).join(multiple ? "、" : " / ") : selectsRef.value[selectsRef.value.length - 1].text;
       }
       return "";
     }
@@ -1495,8 +1488,8 @@
     });
   }
 
-  const _hoisted_1$6 = ["textContent"];
-  const _hoisted_2$3 = ["title"];
+  const _hoisted_1$6 = ["title"];
+  const _hoisted_2$3 = ["textContent"];
   const _hoisted_3$3 = ["textContent"];
   const _hoisted_4$3 = {
     key: 1,
@@ -1542,10 +1535,10 @@
       const {
         follow
       } = usePopup();
-      const selects = vue.shallowRef([...valuesModel.value]);
-      const context = useSelectContext(props.items, selects);
       const rootDom = vue.useTemplateRef("select");
-      const selectText = vue.computed(() => context.selectedText(props.multiple, props.showPath));
+      const selectsRef = vue.shallowRef([...valuesModel.value]);
+      const context = useSelectContext(props.items, selectsRef);
+      const selectTextRef = vue.computed(() => context.selectedText(props.multiple, props.showPath));
       var followScope = void 0;
       async function onClick() {
         if (props.readonly == true || rootDom.value == void 0) {
@@ -1584,7 +1577,7 @@
       }
       function onSelectItemChange(items) {
         items = snail_core.hasAny(items) ? [...items] : [];
-        selects.value = items;
+        selectsRef.value = items;
         valuesModel.value = items;
         emits("change", items);
       }
@@ -1595,20 +1588,20 @@
           }]),
           onClick: _cache[0] || (_cache[0] = $event => onClick()),
           ref: "select"
-        }, [props.items && props.items.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, [vue.unref(snail_core.hasAny)(props.items) == true ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [vue.unref(snail_core.isArrayNotEmpty)(selects.value) == false ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, [vue.unref(snail_core.hasAny)(selectsRef.value) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: "select-result text-tips",
-          textContent: vue.toDisplayString(props.placeholder || "请选择")
-        }, null, 8, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
           class: "select-result",
-          title: selectText.value
+          title: selectTextRef.value
         }, [vue.createElementVNode("div", {
           class: "select-text",
-          textContent: vue.toDisplayString(selectText.value)
-        }, null, 8, _hoisted_3$3)], 8, _hoisted_2$3)), vue.createVNode(_sfc_main$o, {
+          textContent: vue.toDisplayString(selectTextRef.value)
+        }, null, 8, _hoisted_2$3)], 8, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "select-result text-tips",
+          textContent: vue.toDisplayString(props.placeholder || "请选择")
+        }, null, 8, _hoisted_3$3)), vue.createVNode(_sfc_main$o, {
           type: "arrow",
           size: 24,
           color: "#8a9099",
@@ -2022,10 +2015,13 @@
       const {
         transition
       } = snail_view.useAnimation();
-      const {
-        show,
-        showChildren
-      } = __props.context.getContext(__props.node);
+      const showRef = vue.computed(() => __props.context.canShow(__props.node));
+      const showChildrenRef = vue.computed(() => __props.context.canShowChildren(__props.node));
+      const classRef = vue.computed(() => {
+        const array = [`level-${__props.level}`];
+        __props.node.clickable && array.push("clickable");
+        return array;
+      });
       const slotOptions = Object.freeze({
         node: __props.node,
         parent: __props.parent,
@@ -2073,16 +2069,16 @@
       }
       return (_ctx, _cache) => {
         const _component_TreeNode = vue.resolveComponent("TreeNode", true);
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [showRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(["snail-tree-node", [`level-${_ctx.level}`, _ctx.node.clickable ? "clickable" : ""]])
+          class: vue.normalizeClass(["snail-tree-node", classRef.value])
         }, [_ctx.options.rewrite == true ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({
           key: 0
         }, vue.unref(slotOptions)))) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, [_cache[2] || (_cache[2] = vue.createElementVNode("div", {
           class: "indent"
-        }, null, -1)), _ctx.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [vue.unref(showChildren) ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+        }, null, -1)), _ctx.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
           key: 0,
           class: vue.normalizeClass(statusRef.value),
           type: "custom",
@@ -2095,7 +2091,7 @@
           title: _ctx.node.text,
           textContent: vue.toDisplayString(_ctx.node.text),
           onClick: _cache[0] || (_cache[0] = $event => onNodeClick(_ctx.node))
-        }, null, 8, _hoisted_2$1), vue.createElementVNode("div", _hoisted_3$1, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 2)) : vue.createCommentVNode("", true), vue.unref(show) && vue.unref(showChildren) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, child => {
+        }, null, 8, _hoisted_2$1), vue.createElementVNode("div", _hoisted_3$1, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 2)) : vue.createCommentVNode("", true), showRef.value && showChildrenRef.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, child => {
           return vue.openBlock(), vue.createBlock(_component_TreeNode, {
             key: child.id || vue.unref(snail_core.newId)(),
             node: child,
@@ -2137,7 +2133,6 @@
       const props = __props;
       const emits = __emit;
       const context = useTreeContext(props.nodes);
-      vue.shallowRef([]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$m, vue.mergeProps({
           key: 0
@@ -2403,5 +2398,6 @@
   exports.triggerAppCreated = triggerAppCreated;
   exports.usePopup = usePopup;
   exports.useReactive = useReactive;
+  exports.useTreeContext = useTreeContext;
 
 }));

package/dist/styles/snail.vue.vue.css

@@ -1,53 +1,53 @@
+/* src:base\choose.vue 	 index:0 */
+.snail-choose{align-items:center;display:flex;flex-wrap:wrap;overflow-x:hidden}.snail-choose>div.choose-item{align-items:center;cursor:pointer;display:flex;flex-shrink:0;margin:0 8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-choose>div.choose-item:after{content:"";height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.snail-choose>div.choose-item>input::checkmark{background-color:#2196f3;border-color:#2196f3}.snail-choose>div.choose-item>span{margin-left:4px}.snail-choose.readonly>div.choose-item{cursor:not-allowed}
 /* src:base\button.vue 	 index:0 */
 .snail-button{align-items:center;border-radius:2px;cursor:pointer;display:flex;display:inline-flex;font-size:14px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.snail-button.max{height:40px;width:120px}.snail-button.middle{height:32px;width:90px}.snail-button.normal{height:28px;width:54px}.snail-button.small{height:20px;width:30px}.snail-button.primary{background-color:#5ca3ff;color:#fff}.snail-button.default{background-color:#fff;border:1px solid #dddfed;color:#2e2f33}.snail-button.link{color:#4c9aff}
+/* src:base\footer.vue 	 index:0 */
+.snail-footer{align-items:center;background-color:#fff;display:flex;flex-shrink:0;height:72px;padding:0 40px;width:100%}.snail-footer>.snail-button:nth-child(n+2){margin-left:20px}.snail-footer.start-divider{border-top:1px solid #dddfed}.snail-footer.left{justify-content:left}.snail-footer.center{justify-content:center}.snail-footer.right{justify-content:right}
 /* src:base\header.vue 	 index:0 */
 .snail-header{align-items:center;background-color:#fff;display:flex;flex-shrink:0;position:relative;width:100%}.snail-header>.header-title{color:#2e3033;flex:1;line-height:48px;overflow:hidden;padding:0 30px;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-header>.header-title.left{text-align:left}.snail-header>.header-title.center{text-align:center}.snail-header>.header-title.right{text-align:right}.snail-header.start-divider{border-bottom:1px solid #dddfed}.snail-header.page{height:48px}.snail-header.page>.header-title{font-size:16px;font-weight:bold}.snail-header.page>.close-icon{margin-right:18px}.snail-header.dialog{height:64px;padding-top:16px}.snail-header.dialog>.header-title{font-size:20px}.snail-header.dialog>.close-icon{position:absolute;right:8px;top:8px}
 /* src:base\icon.vue 	 index:0 */
 .snail-icon{cursor:pointer;opacity:1}
-/* src:base\choose.vue 	 index:0 */
-.snail-choose{align-items:center;display:flex;flex-wrap:wrap;overflow-x:hidden}.snail-choose>div.choose-item{align-items:center;cursor:pointer;display:flex;flex-shrink:0;margin:0 8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-choose>div.choose-item:after{content:"";height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.snail-choose>div.choose-item>input::checkmark{background-color:#2196f3;border-color:#2196f3}.snail-choose>div.choose-item>span{margin-left:4px}.snail-choose.readonly>div.choose-item{cursor:not-allowed}
-/* src:base\footer.vue 	 index:0 */
-.snail-footer{align-items:center;background-color:#fff;display:flex;flex-shrink:0;height:72px;padding:0 40px;width:100%}.snail-footer>.snail-button:nth-child(n+2){margin-left:20px}.snail-footer.start-divider{border-top:1px solid #dddfed}.snail-footer.left{justify-content:left}.snail-footer.center{justify-content:center}.snail-footer.right{justify-content:right}
-/* src:base\search.vue 	 index:0 */
-.snail-search{align-items:center;background:#fff;display:flex;flex-shrink:0;height:34px}.snail-search>input{border-radius:0!important;flex:1;height:100%}.snail-search>div{align-items:center;border:1px solid #dddfed;border-left:none;display:flex;flex-shrink:0;height:100%;justify-content:center;width:34px}
-/* src:base\select.vue 	 index:0 */
-.snail-select{align-items:center;background-color:#fff;border:1px solid #dddfed;border-radius:4px;color:#2e3033;cursor:pointer;display:flex;height:32px;width:100%}.snail-select>div.select-result{align-items:center;display:flex;flex:1;flex-wrap:nowrap;overflow:hidden;padding:0 10px 0 6px}.snail-select>div.select-result>div.select-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-select>svg.snail-icon{flex-shrink:0;margin-right:4px}.snail-select>div.no-items{cursor:text;padding:0 8px}.snail-select.readonly{cursor:auto}.snail-select.readonly>svg.snail-icon{display:none}
 /* src:base\switch.vue 	 index:0 */
 .snail-switch{border-radius:10px 10px 10px 10px;cursor:pointer;height:20px!important;overflow:hidden;position:relative;width:36px!important}.snail-switch>div{height:100%;width:100%}.snail-switch>div.on{background-color:#5ca3ff}.snail-switch>div.off{background-color:#c4c8cc;position:absolute;transition:left .2s ease}.snail-switch>div.status{background:#fff;border-radius:10px 10px 10px 10px;height:16px;position:absolute;top:2px;transition:left .2s ease;width:16px}.snail-switch.on>div.off{left:100%;top:0}.snail-switch.on>div.status{left:calc(100% - 18px)}.snail-switch.off>div.off{left:0;top:0}.snail-switch.off>div.status{left:2px}.snail-switch.readonly{cursor:default}
-/* src:container\fold.vue 	 index:0 */
-.snail-fold{flex-shrink:0}.snail-fold>div.fold-header{align-items:center;display:flex;height:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-fold>div.fold-header:before{background-color:#2c97fb;content:"";height:18px;left:0;position:absolute;top:7px;width:4px}.snail-fold>div.fold-header>.subtitle,.snail-fold>div.fold-header>.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-fold>div.fold-header>.title{color:#2e3033;font-size:14px;font-weight:bold;padding-left:20px}.snail-fold>div.fold-header>.subtitle{color:#8a9099;font-size:13px}.snail-fold>div.fold-header>div.status{align-items:right;display:flex;flex:1;justify-content:right}.snail-fold>div.fold-header>div.status>svg.snail-icon{transition:transform .2s ease}.snail-fold>div.fold-body{padding-left:20px}.snail-fold.expand>div.fold-header>div.status>svg.snail-icon{transform:rotate(-90deg)}.snail-fold.fold>div.fold-header>div.status>svg.snail-icon{transform:rotate(90deg)}
+/* src:base\select.vue 	 index:0 */
+.snail-select{align-items:center;background-color:#fff;border:1px solid #dddfed;border-radius:4px;color:#2e3033;cursor:pointer;display:flex;height:32px;width:100%}.snail-select>div.select-result{align-items:center;display:flex;flex:1;flex-wrap:nowrap;overflow:hidden;padding:0 10px 0 6px}.snail-select>div.select-result>div.select-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-select>svg.snail-icon{flex-shrink:0;margin-right:4px}.snail-select>div.no-items{cursor:text;padding:0 8px}.snail-select.readonly{cursor:auto}.snail-select.readonly>svg.snail-icon{display:none}
 /* src:container\dynamic.vue 	 index:0 */
 .snail-dynamic-error{color:red}.snail-dynamic-error>span{color:gray}
-/* src:container\scroll.vue 	 index:0 */
-.snail-scroll{overflow:hidden}.snail-scroll.scroll-x{overflow-x:auto}.snail-scroll.scroll-y{overflow-y:auto}
+/* src:container\fold.vue 	 index:0 */
+.snail-fold{flex-shrink:0}.snail-fold>div.fold-header{align-items:center;display:flex;height:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-fold>div.fold-header:before{background-color:#2c97fb;content:"";height:18px;left:0;position:absolute;top:7px;width:4px}.snail-fold>div.fold-header>.subtitle,.snail-fold>div.fold-header>.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-fold>div.fold-header>.title{color:#2e3033;font-size:14px;font-weight:bold;padding-left:20px}.snail-fold>div.fold-header>.subtitle{color:#8a9099;font-size:13px}.snail-fold>div.fold-header>div.status{align-items:right;display:flex;flex:1;justify-content:right}.snail-fold>div.fold-header>div.status>svg.snail-icon{transition:transform .2s ease}.snail-fold>div.fold-body{padding-left:20px}.snail-fold.expand>div.fold-header>div.status>svg.snail-icon{transform:rotate(-90deg)}.snail-fold.fold>div.fold-header>div.status>svg.snail-icon{transform:rotate(90deg)}
+/* src:base\search.vue 	 index:0 */
+.snail-search{align-items:center;background:#fff;display:flex;flex-shrink:0;height:34px}.snail-search>input{border-radius:0!important;flex:1;height:100%}.snail-search>div{align-items:center;border:1px solid #dddfed;border-left:none;display:flex;flex-shrink:0;height:100%;justify-content:center;width:34px}
 /* src:container\sort.vue 	 index:0 */
 .snail-sort-drag{background:#fff;border:1px solid #4c9aff;border-radius:4px;cursor:move}.snail-sort-ghost{border:1px dashed #4c9aff;border-radius:4px}
+/* src:container\scroll.vue 	 index:0 */
+.snail-scroll{overflow:hidden}.snail-scroll.scroll-x{overflow-x:auto}.snail-scroll.scroll-y{overflow-y:auto}
+/* src:container\table.vue 	 index:0 */
+.snail-table{display:flex;flex-direction:column}.snail-table>div.table-footer,.snail-table>div.table-header{align-items:center;display:flex;flex-shrink:0;width:100%}.snail-table>div.table-header{background-color:#fff;position:sticky!important;top:0;z-index:1}.snail-table>div.table-body{flex:1;width:100%}.snail-table.start-border>div.table-body>.table-row>.table-col:nth-child(n+2),.snail-table.start-border>div.table-footer>.table-col:nth-child(n+2),.snail-table.start-border>div.table-header>.table-col:nth-child(n+2){border-left:none!important}.snail-table.start-border>div.table-body>.table-row>.table-col,.snail-table.start-border>div.table-footer>.table-col{border-top:none!important}
 /* src:container\components\table-row.vue 	 index:0 */
 .table-row{align-items:center;display:flex}
 /* src:container\components\table-col.vue 	 index:0 */
 .table-col{align-items:center;display:flex;height:100%;white-space:nowrap}.table-col.left{justify-content:left}.table-col.center{justify-content:center}.table-col.right{justify-content:right}
-/* src:container\table.vue 	 index:0 */
-.snail-table{display:flex;flex-direction:column}.snail-table>div.table-footer,.snail-table>div.table-header{align-items:center;display:flex;flex-shrink:0;width:100%}.snail-table>div.table-header{background-color:#fff;position:sticky!important;top:0;z-index:1}.snail-table>div.table-body{flex:1;width:100%}.snail-table.start-border>div.table-body>.table-row>.table-col:nth-child(n+2),.snail-table.start-border>div.table-footer>.table-col:nth-child(n+2),.snail-table.start-border>div.table-header>.table-col:nth-child(n+2){border-left:none!important}.snail-table.start-border>div.table-body>.table-row>.table-col,.snail-table.start-border>div.table-footer>.table-col{border-top:none!important}
 /* src:container\tree.vue 	 index:0 */
 .snail-tree{background-color:#fff;display:flex;flex-direction:column}.snail-tree .snail-search{flex-direction:0;margin:12px}.snail-tree .snail-scroll{flex:1}
+/* src:prompt\drag-verify.vue 	 index:0 */
+.snail-drag-verify{background:#f8f9fa;border:1px solid #dddfed;border-radius:8px;height:40px;overflow:hidden;position:relative;width:100%}.snail-drag-verify>div{height:100%;width:100%}.snail-drag-verify>.drag-progress{background-color:#0c6;transition:width .5s ease-in-out}.snail-drag-verify>.drag-handle,.snail-drag-verify>.verify-message{left:0;position:absolute;top:0;transition:left .5s ease-in-out}.snail-drag-verify>.verify-message{background-image:-webkit-linear-gradient(left,#666,#666 45%,#fff 50%,#666 55%,#666);-webkit-text-fill-color:transparent;align-items:center;animation:snail-drag-verify 2s linear infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#7e848c;display:flex;font-size:12px;font-weight:400;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-drag-verify>.drag-handle{align-items:center;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAGBQUGBaWmJZWWJYWGNYWGNZWWJYWGJZWWBYWGNYWGNZWWRYWIqwlb0AAAANdFJOUwAQMMDQoFBgcCCw4ECQ8pPMAAAAP0lEQVQI12NgwATTGBgawAwRBYZwMIPRiYErAcxSFmA0AjN4HBikBcCsUgYmQxQGE0wKphhIQrSzwAyEW4EOACHhB32zIad6AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-right:1px solid #dddfed;cursor:move;display:flex;justify-content:center;width:40px}.snail-drag-verify.dragging>.drag-handle,.snail-drag-verify.dragging>.drag-progress{transition:none!important}.snail-drag-verify.success>.verify-message{-webkit-text-fill-color:#fff;color:#fff}.snail-drag-verify.success>.drag-handle>svg{background:#76c61d;border-radius:50%;padding:4px}@keyframes snail-drag-verify{0%{background-position:0 0}to{background-position:-200% 0}}
 /* src:form\input.vue 	 index:0 */
 .snail-input{display:inline-flex;min-height:34px}.snail-input>.input-title{flex-shrink:0;font-size:14px;padding-top:6px}.snail-input>.input-title>span.text{color:#2e3033}.snail-input>.input-title>span.required{color:#f74b4b;margin-left:2px}.snail-input>.input-body{align-self:start;display:flex;flex:1;height:32px}.snail-input>.input-body>input{flex:1}.snail-input>.input-body>span{background-color:red;flex-shrink:0}
 /* src:prompt\empty.vue 	 index:0 */
 .snail-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:150px;width:100%}.snail-empty>img{height:60px;width:60px}.snail-empty>div.message{color:#babdc2;font-size:14px;font-weight:400;padding:0 10px 10px}
-/* src:prompt\drag-verify.vue 	 index:0 */
-.snail-drag-verify{background:#f8f9fa;border:1px solid #dddfed;border-radius:8px;height:40px;overflow:hidden;position:relative;width:100%}.snail-drag-verify>div{height:100%;width:100%}.snail-drag-verify>.drag-progress{background-color:#0c6;transition:width .5s ease-in-out}.snail-drag-verify>.drag-handle,.snail-drag-verify>.verify-message{left:0;position:absolute;top:0;transition:left .5s ease-in-out}.snail-drag-verify>.verify-message{background-image:-webkit-linear-gradient(left,#666,#666 45%,#fff 50%,#666 55%,#666);-webkit-text-fill-color:transparent;align-items:center;animation:snail-drag-verify 2s linear infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#7e848c;display:flex;font-size:12px;font-weight:400;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-drag-verify>.drag-handle{align-items:center;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAGBQUGBaWmJZWWJYWGNYWGNZWWJYWGJZWWBYWGNYWGNZWWRYWIqwlb0AAAANdFJOUwAQMMDQoFBgcCCw4ECQ8pPMAAAAP0lEQVQI12NgwATTGBgawAwRBYZwMIPRiYErAcxSFmA0AjN4HBikBcCsUgYmQxQGE0wKphhIQrSzwAyEW4EOACHhB32zIad6AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-right:1px solid #dddfed;cursor:move;display:flex;justify-content:center;width:40px}.snail-drag-verify.dragging>.drag-handle,.snail-drag-verify.dragging>.drag-progress{transition:none!important}.snail-drag-verify.success>.verify-message{-webkit-text-fill-color:#fff;color:#fff}.snail-drag-verify.success>.drag-handle>svg{background:#76c61d;border-radius:50%;padding:4px}@keyframes snail-drag-verify{0%{background-position:0 0}to{background-position:-200% 0}}
 /* src:prompt\loading.vue 	 index:0 */
 .snail-loading{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10000}.snail-loading.show-mask{background-color:rgba(0,0,0,.15)}.snail-loading:after,.snail-loading:before{animation:snail-loading-stretch 1s ease-in-out infinite;border-radius:50%;content:"";display:block;display:inline-block;height:10px;left:50%;margin-left:-18px;margin-top:-6px;position:absolute;top:50%;width:10px}.snail-loading:before{background-color:#279bf1}.snail-loading:after{animation-delay:-.5s;background:#64d214;margin-left:0;margin-right:-18px}@keyframes snail-loading-stretch{0%,to{transform:scale(1)}50%{transform:scale(2)}}.snail-loading-enter-active,.snail-loading-leave-active{transition:opacity .5s ease-in-out}.snail-loading-enter-from,.snail-loading-leave-to{opacity:0}
-/* src:popup\components\confirm-container.vue 	 index:0 */
-.snail-confirm{background-color:#fff;border-radius:4px;color:#2e2f33;display:flex;flex-direction:column;max-height:350px;max-width:548px;min-width:348px}.snail-confirm>div.confirm-body{flex:1;font-size:14px;margin:20px 40px;overflow:auto;word-wrap:break-word}
 /* src:popup\components\dialog-container.vue 	 index:0 */
 .snail-dialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.snail-dialog:before{background-color:rgba(24,27,33,.45);content:"";height:100%;opacity:1;position:absolute;transition:opacity .4s ease-in-out;width:100%}.snail-dialog>.dialog-body{background-color:#fff;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.3);position:relative}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
+/* src:popup\components\confirm-container.vue 	 index:0 */
+.snail-confirm{background-color:#fff;border-radius:4px;color:#2e2f33;display:flex;flex-direction:column;max-height:350px;max-width:548px;min-width:348px}.snail-confirm>div.confirm-body{flex:1;font-size:14px;margin:20px 40px;overflow:auto;word-wrap:break-word}
+/* src:popup\components\toast-container.vue 	 index:0 */
+.snail-toast{background:rgba(0,0,0,.7);border-radius:10px;color:#fff;display:flex;left:50%;max-height:200px;max-width:400px;min-width:200px;overflow:hidden;padding:20px 35px 20px 15px;position:fixed;top:50%;transform:translate(-50%,-50%)}.snail-toast>svg.close-icon{position:absolute;right:10px;top:12px}.snail-toast>div.icon{align-items:center;align-self:center;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:26px;justify-content:center;margin-right:6px;width:26px}.snail-toast>div.icon>svg{background:#fff;border-radius:50%;cursor:none!important}.snail-toast>div.message{flex:1;line-height:24px;overflow:hidden;word-break:break-all}
 /* src:popup\components\follow-container.vue 	 index:0 */
 .snail-follow{background-color:#fff;display:inline-block;max-height:100%;max-width:100%;position:fixed;transition-duration:.5s;transition-property:left,top;transition-timing-function:ease}
 /* src:popup\components\popup-container.vue 	 index:0 */
 .snail-popup{left:0;position:fixed;top:0}
-/* src:popup\components\toast-container.vue 	 index:0 */
-.snail-toast{background:rgba(0,0,0,.7);border-radius:10px;color:#fff;display:flex;left:50%;max-height:200px;max-width:400px;min-width:200px;overflow:hidden;padding:20px 35px 20px 15px;position:fixed;top:50%;transform:translate(-50%,-50%)}.snail-toast>svg.close-icon{position:absolute;right:10px;top:12px}.snail-toast>div.icon{align-items:center;align-self:center;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:26px;justify-content:center;margin-right:6px;width:26px}.snail-toast>div.icon>svg{background:#fff;border-radius:50%;cursor:none!important}.snail-toast>div.message{flex:1;line-height:24px;overflow:hidden;word-break:break-all}
 /* src:container\components\tree-node.vue 	 index:0 */
 .snail-tree-node{align-items:center;display:flex;flex-wrap:nowrap;height:40px;width:100%}.snail-tree-node:hover{background-color:#f8f9fa}.snail-tree-node>.indent,.snail-tree-node>.node-slot,.snail-tree-node>.snail-icon{flex-shrink:0}.snail-tree-node>.node-fold{align-items:center;display:flex;height:100%;justify-content:center;width:24px}.snail-tree-node>.node-fold>.snail-icon{transition:transform .1s ease-in}.snail-tree-node>.node-fold>.snail-icon.fold{transform:rotate(-90deg)}.snail-tree-node>.node-slot,.snail-tree-node>.node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snail-tree-node>.node-text{color:#2e3033;flex:1;min-width:30px}.snail-tree-node.clickable>.node-text{cursor:pointer}.snail-tree-children{width:100%}.snail-tree-node.level-1>.indent{padding-left:4px}.snail-tree-node.level-2>.indent{padding-left:24px}.snail-tree-node.level-3>.indent{padding-left:48px}.snail-tree-node.level-4>.indent{padding-left:72px}.snail-tree-node.level-5>.indent{padding-left:96px}.snail-tree-node.level-6>.indent{padding-left:120px}.snail-tree-node.level-7>.indent{padding-left:144px}.snail-tree-node.level-8>.indent{padding-left:168px}.snail-tree-node.level-9>.indent{padding-left:192px}.snail-tree-node.level-10>.indent{padding-left:216px}
 /* src:base\components\select-popup.vue 	 index:0 */

package/package.json

@@ -3,7 +3,7 @@
   "description": "依赖【snail】，基于vue封装常用UI组件",
   "author": "snail_dev@163.com",
   "license": "MIT",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "main": "dist/snail.vue.js",
   "module": "dist/snail.vue.js",