snail.vue 1.0.38 → 1.0.40

package/dist/snail.vue.d.ts

@@ -166,28 +166,6 @@ type DragVerifyInfo = {
     distance: number;
 };
 
-/**
- * 搜索组件配置选项
- */
-type SearchOptions = ReadonlyOptions & PlaceholderOptions & {
-    /**
-     * 启用【自动完成】
-     * - true 时，只要文本变化了，就触发 search 事件
-     * - false 时，只有点击【搜索】按钮，才触发 search 事件
-     */
-    autoComplete?: boolean;
-};
-/**
- * 搜索组件事件
- */
-type SearchEvents = {
-    /**
-     * 事件：执行搜索
-     * @param value 为搜索文本
-     */
-    search: [value: string];
-};
-
 /**
  * 树形 数据相关的基础实体结构
  * 1、封装一些基础实体；如树形节点数据结构
@@ -221,7 +199,7 @@ type TreeNodeExtend = {
      * 节点Id，确保唯一
      * - 不传入则内部自动 newId()
      */
-    id?: string;
+    readonly id?: string;
     /**
      * 是否可点击
      * - true 此节点可点击，点击时触发 click 事件
@@ -255,18 +233,33 @@ interface ITreeBaseContext<T> {
      */
     doSearch(text: string): void;
     /**
-     * 能否显示指定【树节点】
+     * 是否是【补丁】节点
+     * - 子节点搜索命中时，父级路径上节点没命中，则作父级路径节点作为路径修补节点存在，避免命中子节点展示不出来
      * @param node 要判断的节点
+     * @returns true 是补丁节点，false 不是补丁节点
+     */
+    isPatched(node: TreeNode<T>): boolean;
+    /**
+     * 是否显示【树节点】
+     * @param node 要判断的节点
+     * @param needPatched 是否需要【补丁】节点。true时（补丁节点始终显示）；false时（根据hidden和搜索结果判断）
      * @returns 能显示返回true；否则返回false
      */
-    canShow(node: TreeNode<T, TreeNodeExtend>): boolean;
+    isShow(node: TreeNode<T, TreeNodeExtend>, needPatched: boolean): boolean;
     /**
-     * 能否显示指定【树节点】的子节点
+     * 是否显示指定【树节点】的子节点
      * - 不会判断node节点自身是否可显示
      * @param node 要判断的节点
+     * @param needPatched 是否需要【补丁】节点。true时（补丁节点始终显示）；false时（根据hidden和搜索结果判断）
      * @returns 能显示返回true；否则返回false
      */
-    canShowChildren(node: TreeNode<T, TreeNodeExtend>): boolean;
+    isShowChildren(node: TreeNode<T, TreeNodeExtend>, needPatched: boolean): boolean;
+    /**
+     * 获取指定【树节点】的路径
+     * @param node 树节点
+     * @returns 从【顶级节点】->【指定节点】的全路径数据
+     */
+    getPath(node: TreeNode<T, TreeNodeExtend>): TreeNode<T, TreeNodeExtend>[];
 }
 /**
  * 树搜索结果
@@ -280,6 +273,34 @@ type TreeSearchResult<T> = {
      * 未匹配上的节点集合
      */
     failed: TreeNode<T>[];
+    /**
+     * 搜索时的【补丁】节点集合
+     * - 子节点搜索命中时，父级路径上节点没命中，则作父级路径节点作为路径修补节点存在，避免命中子节点展示不出来
+     * - 仅在有搜索条件时成立，补丁节点同时在【failed】节点集合中
+     */
+    patched: TreeNode<T>[];
+};
+
+/**
+ * 搜索组件配置选项
+ */
+type SearchOptions = ReadonlyOptions & PlaceholderOptions & {
+    /**
+     * 启用【自动完成】
+     * - true 时，只要文本变化了，就触发 search 事件
+     * - false 时，只有点击【搜索】按钮，才触发 search 事件
+     */
+    autoComplete?: boolean;
+};
+/**
+ * 搜索组件事件
+ */
+type SearchEvents = {
+    /**
+     * 事件：执行搜索
+     * @param value 为搜索文本
+     */
+    search: [value: string];
 };
 
 /**
@@ -308,7 +329,13 @@ type TreeOptions<T> = {
 /**
  * 树组件事件
  */
-type TreeEvents<T> = TreeNodeEvents<T> & {};
+type TreeEvents<T> = TreeNodeEvents<T> & {
+    /**
+     * 搜索完成后
+     * @param text 搜索文本
+     */
+    (el: "searched", text: string): any;
+};
 /**
  * 树节点 组件配置选项
  */
@@ -593,6 +620,23 @@ type SelectOptions<T> = ReadonlyOptions & PlaceholderOptions & SelectBaseOptions
  * 选项菜单 组件 事件
  */
 type SelectEvents<T> = SelectBaseEvents<T> & {};
+/**
+ * 选项菜单 组件的Slot配置选项
+ */
+type SelectSlotOptions<T> = {
+    /**
+     * 关闭Follow弹窗
+     * - 将隐藏已弹出的选项 follow 弹窗
+     * @returns 已弹出则销毁成功返回true；未弹出则销毁失败返回false
+     */
+    closeFollow(): boolean;
+    /**
+     * 停止事件冒泡
+     * - 解决问题：插槽内元素需要处理自定义click事件，此时不希望Select组件响应click事件
+     * @param delay 在此延迟时间内，停止事件冒泡
+     */
+    stopPropagation(delay: number): any;
+};
 /**
  * 【选项菜单】 组件上下文
  */
@@ -1596,17 +1640,47 @@ declare const components: {
         onSearch?: (value: string) => any;
         "onUpdate:modelValue"?: (value: string) => any;
     }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-    Select: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & SelectBaseOptions<any> & {
-        modelValue?: SelectItem<any>[];
-    }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        change: (values: SelectItem<any>[]) => any;
-        "update:modelValue": (value: SelectItem<any>[]) => any;
-    }, string, vue.PublicProps, Readonly<ReadonlyOptions & PlaceholderOptions & SelectBaseOptions<any> & {
+    Select: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ReadonlyOptions & PlaceholderOptions & SelectBaseOptions<any> & {
+            modelValue?: SelectItem<any>[];
+        }> & Readonly<{
+            onChange?: (values: SelectItem<any>[]) => any;
+            "onUpdate:modelValue"?: (value: SelectItem<any>[]) => any;
+        }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            change: (values: SelectItem<any>[]) => any;
+            "update:modelValue": (value: SelectItem<any>[]) => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ReadonlyOptions & PlaceholderOptions & SelectBaseOptions<any> & {
+            modelValue?: SelectItem<any>[];
+        }> & Readonly<{
+            onChange?: (values: SelectItem<any>[]) => any;
+            "onUpdate:modelValue"?: (value: SelectItem<any>[]) => any;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<ReadonlyOptions & PlaceholderOptions & SelectBaseOptions<any> & {
         modelValue?: SelectItem<any>[];
     }> & Readonly<{
         onChange?: (values: SelectItem<any>[]) => any;
         "onUpdate:modelValue"?: (value: SelectItem<any>[]) => any;
-    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        change: (values: SelectItem<any>[]) => any;
+        "update:modelValue": (value: SelectItem<any>[]) => any;
+    }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {
+                closeFollow: () => boolean;
+                stopPropagation: (delay: number) => any;
+            }) => any;
+        };
+    });
     Switch: vue.DefineComponent<ReadonlyOptions & {
         modelValue?: boolean;
     }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -1812,8 +1886,12 @@ declare const components: {
             nodeOptions?: TreeNodeRenderOptions;
         }> & Readonly<{
             onClick?: (node: TreeNodeModel<any>, parents?: TreeNodeModel<any>[]) => any;
-        }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+            onSearched?: (text: string) => any;
+        }>, {
+            context: ITreeBaseContext<any>;
+        }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
             click: (node: TreeNodeModel<any>, parents?: TreeNodeModel<any>[]) => any;
+            searched: (text: string) => any;
         }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1827,7 +1905,10 @@ declare const components: {
             nodeOptions?: TreeNodeRenderOptions;
         }> & Readonly<{
             onClick?: (node: TreeNodeModel<any>, parents?: TreeNodeModel<any>[]) => any;
-        }>, {}, {}, {}, {}, {}>;
+            onSearched?: (text: string) => any;
+        }>, {
+            context: ITreeBaseContext<any>;
+        }, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -1837,11 +1918,21 @@ declare const components: {
         nodeOptions?: TreeNodeRenderOptions;
     }> & Readonly<{
         onClick?: (node: TreeNodeModel<any>, parents?: TreeNodeModel<any>[]) => any;
-    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+        onSearched?: (text: string) => any;
+    }>, {
+        context: ITreeBaseContext<any>;
+    }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
         click: (node: TreeNodeModel<any>, parents?: TreeNodeModel<any>[]) => any;
+        searched: (text: string) => any;
     }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
         $slots: {
-            default?: (props: any) => any;
+            default?: (props: {
+                node: TreeNodeModel<any>;
+                parent?: TreeNodeModel<any>;
+                level: number;
+                click(): void;
+                toggle(): void;
+            }) => any;
         };
     });
     Input: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & TitleOptions & {
@@ -1907,4 +1998,4 @@ declare const components: {
 };
 
 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 };
+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, SelectSlotOptions, 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,6 +1,6 @@
 //@ 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 { isArray, newId, throwError, isArrayNotEmpty, isStringNotEmpty, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, mountScope, useScopes, isPromise, wait, script, delay, useTimer, defer, useAsyncScope, useHook, hasAny, throwIfTrue, isFunction, onMountScope, getType } from 'snail.core';
 import { css, link, useObserver, useAnimation } from 'snail.view';
 
 var _sfc_main$r = defineComponent({
@@ -645,7 +645,6 @@ var _sfc_main$k = defineComponent({
 });
 
 function useReactive() {
-  const scopes = useScopes();
   function transition(rv, effect, time) {
     throwIfFalse(isObject(effect), "transition: effect must be an object.");
     const scope = scopes.get();
@@ -674,7 +673,8 @@ function useReactive() {
     transition,
     load,
     watcher
-  });
+  }, "IReactiveManager");
+  const scopes = useScopes();
   manager.onDestroy(scopes.destroy);
   return Object.freeze(manager);
 }
@@ -1026,7 +1026,6 @@ var _sfc_main$f = defineComponent({
 });
 
 function usePopup() {
-  const scopes = useScopes();
   function popup(options) {
     const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$g, options);
     return addScope2Scopes(scope);
@@ -1140,7 +1139,8 @@ function usePopup() {
     follow,
     confirm,
     toast
-  });
+  }, "IPopupManager");
+  const scopes = useScopes();
   manager.onDestroy(scopes.destroy);
   return Object.freeze(manager);
 }
@@ -1207,8 +1207,8 @@ var _sfc_main$d = defineComponent({
     const emits = __emit;
     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 showRef = computed(() => __props.context.isShow(__props.item, true));
+    const showChildrenRef = __props.showChildren == true && __props.item.type == "group" ? computed(() => (__props.item.children || []).filter(item => __props.context.isShow(item, true))) : [];
     const classRef = computed(() => ({
       child: __props.showChildren != true,
       clickable: __props.item.clickable,
@@ -1301,7 +1301,7 @@ var _sfc_main$c = defineComponent({
       pinned,
       parentPinned
     } = props;
-    const itemsRef = computed(() => (props.items || []).filter(context.canShow));
+    const itemsRef = computed(() => (props.items || []).filter(item => context.isShow(item, true)));
     const classRef = computed(() => ({
       "snail-select-popup": true,
       "child-popup": props.level > 1,
@@ -1419,51 +1419,80 @@ var _sfc_main$c = defineComponent({
 });
 
 function useTreeContext(nodes) {
-  const scopes = useScopes();
   const failed = shallowRef();
+  const patched = shallowRef();
   function doSearch(text) {
     text = isStringNotEmpty(text) ? text.toLowerCase() : void 0;
     const result = searchTree(nodes, text);
     failed.value = result.failed;
+    patched.value = result.patched;
+  }
+  function isPatched(node) {
+    return patched.value ? patched.value.includes(node) : false;
+  }
+  function isShow(node, needPatched) {
+    if (node.hidden == true) {
+      return false;
+    }
+    if (failed.value == void 0 || failed.value.includes(node) == false) {
+      return true;
+    }
+    return needPatched == true ? isPatched(node) : false;
   }
-  function canShow(node) {
-    return node.hidden != true && (failed.value == void 0 || failed.value.includes(node) == false);
+  function isShowChildren(node, needPatched) {
+    return node.children ? node.children.find(child => isShow(child, needPatched)) != void 0 : false;
   }
-  function canShowChildren(node) {
-    return node.children ? node.children.filter(canShow).length > 0 : false;
+  function getPath(node) {
+    return searchPath(nodes, node);
   }
   const context = mountScope({
     doSearch,
-    canShow,
-    canShowChildren
-  });
+    isPatched,
+    isShow,
+    isShowChildren,
+    getPath
+  }, "ITreeBaseContext");
   context.onDestroy(() => {
-    scopes.destroy();
     failed.value = void 0;
+    patched.value = void 0;
   });
   return Object.freeze(context);
 }
 function searchTree(nodes, text) {
   const result = Object.freeze({
     matched: [],
-    failed: []
+    failed: [],
+    patched: []
   });
   for (const node of nodes || []) {
-    var matched = false;
+    const matched = node.fixed == true || text == void 0 || (node.text || "").toLowerCase().indexOf(text) != -1;
+    matched ? result.matched.push(node) : result.failed.push(node);
+    var childMatched = false;
     if (hasAny(node.children) == true) {
       const childResult = searchTree(node.children, text);
       result.matched.push(...childResult.matched);
       result.failed.push(...childResult.failed);
-      matched = childResult.matched.length > 0;
-    }
-    matched = matched || node.fixed == true;
-    if (matched == false && node.searchable == true) {
-      matched = text == void 0 || (node.text || "").toLowerCase().indexOf(text) != -1;
+      result.patched.push(...childResult.patched);
+      childMatched = childResult.matched.length > 0 || childResult.patched.length > 0;
     }
-    matched ? result.matched.push(node) : result.failed.push(node);
+    childMatched && matched == false && result.patched.push(node);
   }
   return result;
 }
+function searchPath(nodes, target) {
+  for (const node of nodes || []) {
+    if (target === node) {
+      return [node];
+    }
+  }
+  for (const node of nodes || []) {
+    const childPath = searchPath(node.children, target);
+    if (childPath.length > 0) {
+      return [node, ...childPath];
+    }
+  }
+  return [];
+}
 
 function useSelectContext(items, selectsRef) {
   const treeContxt = useTreeContext(items);
@@ -1486,8 +1515,11 @@ function useSelectContext(items, selectsRef) {
   });
 }
 
-const _hoisted_1$6 = ["title"];
-const _hoisted_2$3 = ["textContent"];
+const _hoisted_1$6 = {
+  key: 0,
+  class: "select-result"
+};
+const _hoisted_2$3 = ["title", "textContent"];
 const _hoisted_3$3 = ["textContent"];
 const _hoisted_4$3 = {
   key: 1,
@@ -1533,18 +1565,35 @@ var _sfc_main$b = defineComponent({
     const {
       follow
     } = usePopup();
+    const {
+      onTimeout
+    } = useTimer();
     const rootDom = useTemplateRef("select");
-    const selectsRef = shallowRef([...valuesModel.value]);
-    const context = useSelectContext(props.items, selectsRef);
+    const context = useSelectContext(props.items, valuesModel);
     const selectTextRef = computed(() => context.selectedText(props.multiple, props.showPath));
+    const slotOptions = Object.freeze({
+      closeFollow,
+      stopPropagation
+    });
     var followScope = void 0;
+    var stopPropagationScope = void 0;
+    function closeFollow() {
+      if (followScope != void 0) {
+        followScope.destroy();
+        followScope = void 0;
+        return true;
+      }
+      return false;
+    }
+    function stopPropagation(delay) {
+      stopPropagationScope && stopPropagationScope.destroy();
+      stopPropagationScope = onTimeout(() => stopPropagationScope = void 0, delay);
+    }
     async function onClick() {
       if (props.readonly == true || rootDom.value == void 0) {
         return;
       }
-      if (followScope != void 0) {
-        followScope.destroy();
-        followScope = void 0;
+      if (closeFollow() == true || stopPropagationScope != void 0) {
         return;
       }
       const values = valuesModel.value && valuesModel.value.length > 0 ? [...valuesModel.value] : [];
@@ -1575,7 +1624,6 @@ var _sfc_main$b = defineComponent({
     }
     function onSelectItemChange(items) {
       items = hasAny(items) ? [...items] : [];
-      selectsRef.value = items;
       valuesModel.value = items;
       emits("change", items);
     }
@@ -1588,14 +1636,11 @@ var _sfc_main$b = defineComponent({
         ref: "select"
       }, [unref(hasAny)(props.items) == true ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [unref(hasAny)(selectsRef.value) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "select-result",
-        title: selectTextRef.value
-      }, [createElementVNode("div", {
+      }, [unref(hasAny)(valuesModel.value) ? (openBlock(), createElementBlock("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
         class: "select-text",
+        title: selectTextRef.value,
         textContent: toDisplayString(selectTextRef.value)
-      }, null, 8, _hoisted_2$3)], 8, _hoisted_1$6)) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$3)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "select-result text-tips",
         textContent: toDisplayString(props.placeholder || "请选择")
@@ -2013,8 +2058,8 @@ var _sfc_main$3 = defineComponent({
     const {
       transition
     } = useAnimation();
-    const showRef = computed(() => __props.context.canShow(__props.node));
-    const showChildrenRef = computed(() => __props.context.canShowChildren(__props.node));
+    const showRef = computed(() => __props.context.isShow(__props.node, true));
+    const showChildrenRef = computed(() => __props.context.isShowChildren(__props.node, true));
     const classRef = computed(() => {
       const array = [`level-${__props.level}`];
       __props.node.clickable && array.push("clickable");
@@ -2123,20 +2168,28 @@ var _sfc_main$2 = defineComponent({
     search: {},
     nodeOptions: {}
   },
-  emits: ["click"],
+  emits: ["click", "searched"],
   setup(__props, _ref) {
     let {
+      expose: __expose,
       emit: __emit
     } = _ref;
     const props = __props;
     const emits = __emit;
     const context = useTreeContext(props.nodes);
+    __expose({
+      context
+    });
+    function onSearch(text) {
+      context.doSearch(text);
+      emits("searched", text);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [props.search ? (openBlock(), createBlock(_sfc_main$m, mergeProps({
         key: 0
       }, props.search, {
-        onSearch: unref(context).doSearch
-      }), null, 16, ["onSearch"])) : createCommentVNode("", true), createVNode(_sfc_main$8, {
+        onSearch
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$8, {
         "scroll-y": true
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.nodes || [], node => {
@@ -2387,6 +2440,13 @@ const components = {
   Loading: _sfc_main$k
 };
 
-onMountScope(scope => getCurrentScope() && onScopeDispose(scope.destroy));
+onMountScope(scope => {
+  const type = getType(scope);
+  console.log(`%c${type}:`, "color:green", "scope mounted");
+  getCurrentScope() && onScopeDispose(() => {
+    console.log(`%c${type}:`, "color:blue", "scope auto destroyed");
+    scope.destroy();
+  });
+});
 
 export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive, useTreeContext };

package/dist/snail.vue.umd.js

@@ -647,7 +647,6 @@
   });
 
   function useReactive() {
-    const scopes = snail_core.useScopes();
     function transition(rv, effect, time) {
       snail_core.throwIfFalse(snail_core.isObject(effect), "transition: effect must be an object.");
       const scope = scopes.get();
@@ -676,7 +675,8 @@
       transition,
       load,
       watcher
-    });
+    }, "IReactiveManager");
+    const scopes = snail_core.useScopes();
     manager.onDestroy(scopes.destroy);
     return Object.freeze(manager);
   }
@@ -1028,7 +1028,6 @@
   });
 
   function usePopup() {
-    const scopes = snail_core.useScopes();
     function popup(options) {
       const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$g, options);
       return addScope2Scopes(scope);
@@ -1142,7 +1141,8 @@
       follow,
       confirm,
       toast
-    });
+    }, "IPopupManager");
+    const scopes = snail_core.useScopes();
     manager.onDestroy(scopes.destroy);
     return Object.freeze(manager);
   }
@@ -1209,8 +1209,8 @@
       const emits = __emit;
       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 showRef = vue.computed(() => __props.context.isShow(__props.item, true));
+      const showChildrenRef = __props.showChildren == true && __props.item.type == "group" ? vue.computed(() => (__props.item.children || []).filter(item => __props.context.isShow(item, true))) : [];
       const classRef = vue.computed(() => ({
         child: __props.showChildren != true,
         clickable: __props.item.clickable,
@@ -1303,7 +1303,7 @@
         pinned,
         parentPinned
       } = props;
-      const itemsRef = vue.computed(() => (props.items || []).filter(context.canShow));
+      const itemsRef = vue.computed(() => (props.items || []).filter(item => context.isShow(item, true)));
       const classRef = vue.computed(() => ({
         "snail-select-popup": true,
         "child-popup": props.level > 1,
@@ -1421,51 +1421,80 @@
   });
 
   function useTreeContext(nodes) {
-    const scopes = snail_core.useScopes();
     const failed = vue.shallowRef();
+    const patched = vue.shallowRef();
     function doSearch(text) {
       text = snail_core.isStringNotEmpty(text) ? text.toLowerCase() : void 0;
       const result = searchTree(nodes, text);
       failed.value = result.failed;
+      patched.value = result.patched;
+    }
+    function isPatched(node) {
+      return patched.value ? patched.value.includes(node) : false;
+    }
+    function isShow(node, needPatched) {
+      if (node.hidden == true) {
+        return false;
+      }
+      if (failed.value == void 0 || failed.value.includes(node) == false) {
+        return true;
+      }
+      return needPatched == true ? isPatched(node) : false;
     }
-    function canShow(node) {
-      return node.hidden != true && (failed.value == void 0 || failed.value.includes(node) == false);
+    function isShowChildren(node, needPatched) {
+      return node.children ? node.children.find(child => isShow(child, needPatched)) != void 0 : false;
     }
-    function canShowChildren(node) {
-      return node.children ? node.children.filter(canShow).length > 0 : false;
+    function getPath(node) {
+      return searchPath(nodes, node);
     }
     const context = snail_core.mountScope({
       doSearch,
-      canShow,
-      canShowChildren
-    });
+      isPatched,
+      isShow,
+      isShowChildren,
+      getPath
+    }, "ITreeBaseContext");
     context.onDestroy(() => {
-      scopes.destroy();
       failed.value = void 0;
+      patched.value = void 0;
     });
     return Object.freeze(context);
   }
   function searchTree(nodes, text) {
     const result = Object.freeze({
       matched: [],
-      failed: []
+      failed: [],
+      patched: []
     });
     for (const node of nodes || []) {
-      var matched = false;
+      const matched = node.fixed == true || text == void 0 || (node.text || "").toLowerCase().indexOf(text) != -1;
+      matched ? result.matched.push(node) : result.failed.push(node);
+      var childMatched = false;
       if (snail_core.hasAny(node.children) == true) {
         const childResult = searchTree(node.children, text);
         result.matched.push(...childResult.matched);
         result.failed.push(...childResult.failed);
-        matched = childResult.matched.length > 0;
-      }
-      matched = matched || node.fixed == true;
-      if (matched == false && node.searchable == true) {
-        matched = text == void 0 || (node.text || "").toLowerCase().indexOf(text) != -1;
+        result.patched.push(...childResult.patched);
+        childMatched = childResult.matched.length > 0 || childResult.patched.length > 0;
       }
-      matched ? result.matched.push(node) : result.failed.push(node);
+      childMatched && matched == false && result.patched.push(node);
     }
     return result;
   }
+  function searchPath(nodes, target) {
+    for (const node of nodes || []) {
+      if (target === node) {
+        return [node];
+      }
+    }
+    for (const node of nodes || []) {
+      const childPath = searchPath(node.children, target);
+      if (childPath.length > 0) {
+        return [node, ...childPath];
+      }
+    }
+    return [];
+  }
 
   function useSelectContext(items, selectsRef) {
     const treeContxt = useTreeContext(items);
@@ -1488,8 +1517,11 @@
     });
   }
 
-  const _hoisted_1$6 = ["title"];
-  const _hoisted_2$3 = ["textContent"];
+  const _hoisted_1$6 = {
+    key: 0,
+    class: "select-result"
+  };
+  const _hoisted_2$3 = ["title", "textContent"];
   const _hoisted_3$3 = ["textContent"];
   const _hoisted_4$3 = {
     key: 1,
@@ -1535,18 +1567,35 @@
       const {
         follow
       } = usePopup();
+      const {
+        onTimeout
+      } = snail_core.useTimer();
       const rootDom = vue.useTemplateRef("select");
-      const selectsRef = vue.shallowRef([...valuesModel.value]);
-      const context = useSelectContext(props.items, selectsRef);
+      const context = useSelectContext(props.items, valuesModel);
       const selectTextRef = vue.computed(() => context.selectedText(props.multiple, props.showPath));
+      const slotOptions = Object.freeze({
+        closeFollow,
+        stopPropagation
+      });
       var followScope = void 0;
+      var stopPropagationScope = void 0;
+      function closeFollow() {
+        if (followScope != void 0) {
+          followScope.destroy();
+          followScope = void 0;
+          return true;
+        }
+        return false;
+      }
+      function stopPropagation(delay) {
+        stopPropagationScope && stopPropagationScope.destroy();
+        stopPropagationScope = onTimeout(() => stopPropagationScope = void 0, delay);
+      }
       async function onClick() {
         if (props.readonly == true || rootDom.value == void 0) {
           return;
         }
-        if (followScope != void 0) {
-          followScope.destroy();
-          followScope = void 0;
+        if (closeFollow() == true || stopPropagationScope != void 0) {
           return;
         }
         const values = valuesModel.value && valuesModel.value.length > 0 ? [...valuesModel.value] : [];
@@ -1577,7 +1626,6 @@
       }
       function onSelectItemChange(items) {
         items = snail_core.hasAny(items) ? [...items] : [];
-        selectsRef.value = items;
         valuesModel.value = items;
         emits("change", items);
       }
@@ -1590,14 +1638,11 @@
           ref: "select"
         }, [vue.unref(snail_core.hasAny)(props.items) == true ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [vue.unref(snail_core.hasAny)(selectsRef.value) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "select-result",
-          title: selectTextRef.value
-        }, [vue.createElementVNode("div", {
+        }, [vue.unref(snail_core.hasAny)(valuesModel.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
           class: "select-text",
+          title: selectTextRef.value,
           textContent: vue.toDisplayString(selectTextRef.value)
-        }, null, 8, _hoisted_2$3)], 8, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$3)])])) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: "select-result text-tips",
           textContent: vue.toDisplayString(props.placeholder || "请选择")
@@ -2015,8 +2060,8 @@
       const {
         transition
       } = snail_view.useAnimation();
-      const showRef = vue.computed(() => __props.context.canShow(__props.node));
-      const showChildrenRef = vue.computed(() => __props.context.canShowChildren(__props.node));
+      const showRef = vue.computed(() => __props.context.isShow(__props.node, true));
+      const showChildrenRef = vue.computed(() => __props.context.isShowChildren(__props.node, true));
       const classRef = vue.computed(() => {
         const array = [`level-${__props.level}`];
         __props.node.clickable && array.push("clickable");
@@ -2125,20 +2170,28 @@
       search: {},
       nodeOptions: {}
     },
-    emits: ["click"],
+    emits: ["click", "searched"],
     setup(__props, _ref) {
       let {
+        expose: __expose,
         emit: __emit
       } = _ref;
       const props = __props;
       const emits = __emit;
       const context = useTreeContext(props.nodes);
+      __expose({
+        context
+      });
+      function onSearch(text) {
+        context.doSearch(text);
+        emits("searched", text);
+      }
       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
         }, props.search, {
-          onSearch: vue.unref(context).doSearch
-        }), null, 16, ["onSearch"])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$8, {
+          onSearch
+        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$8, {
           "scroll-y": true
         }, {
           default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.nodes || [], node => {
@@ -2389,7 +2442,14 @@
     Loading: _sfc_main$k
   };
 
-  snail_core.onMountScope(scope => vue.getCurrentScope() && vue.onScopeDispose(scope.destroy));
+  snail_core.onMountScope(scope => {
+    const type = snail_core.getType(scope);
+    console.log(`%c${type}:`, "color:green", "scope mounted");
+    vue.getCurrentScope() && vue.onScopeDispose(() => {
+      console.log(`%c${type}:`, "color:blue", "scope auto destroyed");
+      scope.destroy();
+    });
+  });
 
   exports.components = components;
   exports.getSvgDraw = getSvgDraw;

package/dist/styles/app.css

@@ -1 +1 @@
-.snail-app{font-family:"Microsoft YaHei","微软雅黑","Hiragino Sans GB","tahoma","arial","simsun","宋体","sans-serif"}.snail-app,.snail-app *{box-sizing:border-box!important}.snail-app div,.snail-app span{font-size:14px}.snail-app input[type=email],.snail-app input[type=number],.snail-app input[type=password],.snail-app input[type=search],.snail-app input[type=text],.snail-app input[type=url]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid #dddfed;border-radius:4px;color:#2e3033;font:inherit;font-size:14px;font-weight:400;margin:0;min-width:10px;outline:0!important;padding:0 10px;text-overflow:ellipsis}.snail-app input[type=email]::-webkit-search-cancel-button,.snail-app input[type=number]::-webkit-search-cancel-button,.snail-app input[type=password]::-webkit-search-cancel-button,.snail-app input[type=search]::-webkit-search-cancel-button,.snail-app input[type=text]::-webkit-search-cancel-button,.snail-app input[type=url]::-webkit-search-cancel-button{display:none}.snail-app input[type=email]:focus,.snail-app input[type=number]:focus,.snail-app input[type=password]:focus,.snail-app input[type=search]:focus,.snail-app input[type=text]:focus,.snail-app input[type=url]:focus{border:1px solid #3292ea}.snail-app input[type=email]:-moz-read-only:focus,.snail-app input[type=number]:-moz-read-only:focus,.snail-app input[type=password]:-moz-read-only:focus,.snail-app input[type=search]:-moz-read-only:focus,.snail-app input[type=text]:-moz-read-only:focus,.snail-app input[type=url]:-moz-read-only:focus{border:1px solid #dddfed}.snail-app input[type=email]:read-only:focus,.snail-app input[type=number]:read-only:focus,.snail-app input[type=password]:read-only:focus,.snail-app input[type=search]:read-only:focus,.snail-app input[type=text]:read-only:focus,.snail-app input[type=url]:read-only:focus{border:1px solid #dddfed}.snail-app input[type=checkbox],.snail-app input[type=radio]{margin:0;padding:0}.snail-app ::-webkit-scrollbar{background-color:transparent;border-radius:12px;height:10px;width:10px}.snail-app ::-webkit-scrollbar-button{display:none!important;height:0;width:0}.snail-app ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,71%,.9);border:1px solid hsla(0,0%,100%,.85);border-radius:10px}.snail-app ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.snail-app .text-tips{color:#8a9099;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-fade-in{animation:snail-fade-in .4s ease-in-out;opacity:1}@keyframes snail-fade-in{0%{opacity:0}to{opacity:1}}.snail-fade-out{animation:snail-fade-out .4s ease-in-out;opacity:0}@keyframes snail-fade-out{0%{opacity:1}to{opacity:0}}.snail-scale-in{animation:snail-scale-in .2s ease-in-out;scale:1}@keyframes snail-scale-in{0%{scale:0}to{scale:1}}.snail-scale-out{animation:snail-scale-out .2s ease-in-out;scale:0}@keyframes snail-scale-out{0%{scale:1}to{scale:0}}
+.snail-app{font-family:"Microsoft YaHei","微软雅黑","Hiragino Sans GB","tahoma","arial","simsun","宋体","sans-serif"}.snail-app,.snail-app *{box-sizing:border-box!important}.snail-app div,.snail-app span{font-size:14px}.snail-app input[type=email],.snail-app input[type=number],.snail-app input[type=password],.snail-app input[type=search],.snail-app input[type=text],.snail-app input[type=url]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid #dddfed;border-radius:4px;color:#2e3033;font:inherit;font-size:14px;font-weight:400;margin:0;min-width:10px;outline:0!important;padding:0 10px;text-overflow:ellipsis}.snail-app input[type=email]::-webkit-search-cancel-button,.snail-app input[type=number]::-webkit-search-cancel-button,.snail-app input[type=password]::-webkit-search-cancel-button,.snail-app input[type=search]::-webkit-search-cancel-button,.snail-app input[type=text]::-webkit-search-cancel-button,.snail-app input[type=url]::-webkit-search-cancel-button{display:none}.snail-app input[type=email]:focus,.snail-app input[type=number]:focus,.snail-app input[type=password]:focus,.snail-app input[type=search]:focus,.snail-app input[type=text]:focus,.snail-app input[type=url]:focus{border:1px solid #3292ea}.snail-app input[type=email]:-moz-read-only:focus,.snail-app input[type=number]:-moz-read-only:focus,.snail-app input[type=password]:-moz-read-only:focus,.snail-app input[type=search]:-moz-read-only:focus,.snail-app input[type=text]:-moz-read-only:focus,.snail-app input[type=url]:-moz-read-only:focus{border:1px solid #dddfed}.snail-app input[type=email]:read-only:focus,.snail-app input[type=number]:read-only:focus,.snail-app input[type=password]:read-only:focus,.snail-app input[type=search]:read-only:focus,.snail-app input[type=text]:read-only:focus,.snail-app input[type=url]:read-only:focus{border:1px solid #dddfed}.snail-app input[type=checkbox],.snail-app input[type=radio]{margin:0;padding:0}.snail-app ::-webkit-scrollbar{background-color:transparent;border-radius:12px;height:10px;width:10px}.snail-app ::-webkit-scrollbar-button{display:none!important;height:0;width:0}.snail-app ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,71%,.9);border:1px solid hsla(0,0%,100%,.85);border-radius:10px}.snail-app ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.snail-app .text-tips{color:#8a9099;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}

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

@@ -1,27 +1,27 @@
 /* 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}
+.snail-button{align-items:center;border-radius:2px;cursor:pointer;display:flex;display:inline-flex;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\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\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;height:30px;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: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\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}
+.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-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: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\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\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 */
@@ -29,25 +29,25 @@
 /* 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\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}
+.snail-tree{background-color:#fff;display:flex;flex-direction:column}.snail-tree .snail-search{flex-shrink:0;margin:12px}.snail-tree .snail-scroll{flex:1}
+/* src:form\input.vue 	 index:0 */
+.snail-input{display:inline-flex;min-height:34px}.snail-input>.input-title{flex-shrink:0;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\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}
+.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-weight:400;padding:0 10px 10px}
 /* 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\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}
+.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;margin:20px 40px;overflow:auto;word-wrap:break-word}
 /* 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\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\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.38",
+  "version": "1.0.40",
   "type": "module",
   "main": "dist/snail.vue.js",
   "module": "dist/snail.vue.js",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "vue": "^3.5.14",
-    "snail.core": ">=2.0.11",
-    "snail.view": ">=1.0.17",
+    "snail.core": ">=2.0.12",
+    "snail.view": ">=1.0.20",
     "sortablejs": ">=1.15.6"
   },
   "devDependencies": {