@minilo/ui 0.0.6 → 0.0.7

package/minilo/dist/index.full.js

@@ -2187,7 +2187,6 @@ var _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       emit("reset");
     };
     vue.onMounted(() => {
-      console.log(props);
       const itemProps = props.item.map((item) => ({
         type: SearchTypeEnum.ITEM,
         ...item
@@ -5477,14 +5476,10 @@ class TinyColor {
     }
 }
 
-// 将颜色转换为HSL格式
 function convertToHsl(color) {
-  // 使用TinyColor库将颜色转换为HSL格式
   const { a, h, l, s } = new TinyColor(color).toHsl();
-  // 将HSL格式转换为字符串
   const hsl = `hsl(${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%)`;
-  // 如果颜色的透明度小于1，则返回带有透明度的HSL格式
-  return a < 1 ? `${hsl} ${a}` : hsl
+  return a < 1 ? `${hsl} ${a}` : hsl;
 }
 
 function isPlainObject(value) {
@@ -5543,54 +5538,34 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-/**
- * @description 判断url是否是http或https
- * @author xieshuhong
- * @export
- * @param {string} url
- * @return {*}
- */
-/**
- * @description 根据多层级键路径从对象中获取值
- * @author xieshuhong
- * @param {Object} obj - 要查询的对象
- * @param {string} path - 键路径，如 'a.b' 或 'a.b.c'
- * @param {any} [defaultValue] - 可选，路径不存在时返回的默认值
- * @returns {any} 路径对应的 value 或 defaultValue
- */
 function getNestedValue(obj, path, defaultValue) {
-  // 处理边界情况：如果obj不是对象或path为空，直接返回默认值
-  if (typeof obj !== 'object' || obj === null || !path) {
-    return defaultValue
+  if (typeof obj !== "object" || obj === null || !path) {
+    return defaultValue;
   }
-  // 将路径按 '.' 分割成数组（支持处理空字符串和连续点的情况）
-  const keys = path.split('.').filter((key) => key !== '');
-  // 逐层访问对象属性
+  const keys = path.split(".").filter((key) => key !== "");
   return keys.reduce((current, key) => {
-    // 如果当前值不是对象，直接返回默认值（避免访问非对象的属性）
-    if (typeof current !== 'object' || current === null) {
-      return defaultValue
+    if (typeof current !== "object" || current === null) {
+      return defaultValue;
     }
-    // 访问下一级属性
-    return current[key] !== undefined ? current[key] : defaultValue
-  }, obj)
+    return current[key] !== void 0 ? current[key] : defaultValue;
+  }, obj);
 }
 
 const config = {
   theme: {
-    colorDestructive: 'hsl(348 100% 61%)',
-    colorPrimary: 'hsl(212 100% 45%)',
-    colorSuccess: 'hsl(144 57% 58%)',
-    colorWarning: 'hsl(42 84% 61%)'
+    colorDestructive: "hsl(348 100% 61%)",
+    colorPrimary: "hsl(212 100% 45%)",
+    colorSuccess: "hsl(144 57% 58%)",
+    colorWarning: "hsl(42 84% 61%)"
   },
   sidebar: {
     collapse: false
   },
   app: {
-    locale: 'zh-CN',
-    name: 'Minilo Adminss',
-    logo: '',
-    defaultHomePath: '/'
+    locale: "zh-CN",
+    name: "Minilo Adminss",
+    logo: "",
+    defaultHomePath: "/"
   },
   transition: {
     progress: true
@@ -5598,14 +5573,20 @@ const config = {
 };
 
 class StorageManager {
-  constructor({ prefix = '', storageType = 'localStorage' } = {}) {
+  constructor({ prefix = "", storageType = "localStorage" } = {}) {
     this.prefix = prefix;
-    this.storage = storageType === 'localStorage' ? window.localStorage : window.sessionStorage;
+    if (typeof window !== "undefined") {
+      this.storage = storageType === "localStorage" ? window.localStorage : window.sessionStorage;
+    } else {
+      this.storage = null;
+    }
   }
   /**
    * 清除所有带前缀的存储项
    */
   clear() {
+    if (!this.storage)
+      return;
     const keysToRemove = [];
     for (let i = 0; i < this.storage.length; i++) {
       const key = this.storage.key(i);
@@ -5613,17 +5594,19 @@ class StorageManager {
         keysToRemove.push(key);
       }
     }
-    keysToRemove.forEach((key) => this.storage.removeItem(key));
+    keysToRemove.forEach((key) => this.storage?.removeItem(key));
   }
   /**
    * 清除所有过期的存储项
    */
   clearExpiredItems() {
+    if (!this.storage)
+      return;
     for (let i = 0; i < this.storage.length; i++) {
       const key = this.storage.key(i);
       if (key && key.startsWith(this.prefix)) {
-        const shortKey = key.replace(this.prefix, '');
-        this.getItem(shortKey); // 调用 getItem 方法检查并移除过期项
+        const shortKey = key.replace(this.prefix, "");
+        this.getItem(shortKey);
       }
     }
   }
@@ -5634,22 +5617,24 @@ class StorageManager {
    * @returns 值，如果项已过期或解析错误则返回默认值
    */
   getItem(key, defaultValue = null) {
+    if (!this.storage)
+      return defaultValue;
     const fullKey = this.getFullKey(key);
     const itemStr = this.storage.getItem(fullKey);
     if (!itemStr) {
-      return defaultValue
+      return defaultValue;
     }
     try {
       const item = JSON.parse(itemStr);
       if (item.expiry && Date.now() > item.expiry) {
         this.storage.removeItem(fullKey);
-        return defaultValue
+        return defaultValue;
       }
-      return item.value
+      return item.value;
     } catch (error) {
       console.error(`Error parsing item with key "${fullKey}":`, error);
-      this.storage.removeItem(fullKey); // 如果解析失败，删除该项
-      return defaultValue
+      this.storage.removeItem(fullKey);
+      return defaultValue;
     }
   }
   /**
@@ -5657,6 +5642,8 @@ class StorageManager {
    * @param key 键
    */
   removeItem(key) {
+    if (!this.storage)
+      return;
     const fullKey = this.getFullKey(key);
     this.storage.removeItem(fullKey);
   }
@@ -5667,8 +5654,10 @@ class StorageManager {
    * @param ttl 存活时间（毫秒）
    */
   setItem(key, value, ttl) {
+    if (!this.storage)
+      return;
     const fullKey = this.getFullKey(key);
-    const expiry = ttl ? Date.now() + ttl : undefined;
+    const expiry = ttl ? Date.now() + ttl : void 0;
     const item = { expiry, value };
     try {
       this.storage.setItem(fullKey, JSON.stringify(item));
@@ -5682,7 +5671,7 @@ class StorageManager {
    * @returns 带前缀的完整键
    */
   getFullKey(key) {
-    return `${this.prefix}-${key}`
+    return `${this.prefix}-${key}`;
   }
 }
 
@@ -5737,34 +5726,29 @@ function getColors(color, variants = _variants) {
   return colors;
 }
 
-function executeUpdateCSSVariables(variables, id = '__minilo-styles__') {
-  // 获取或创建内联样式表元素
-  const styleElement = document.querySelector(`#${id}`) || document.createElement('style');
+function executeUpdateCSSVariables(variables, id = "__minilo-styles__") {
+  const styleElement = document.querySelector(`#${id}`) || document.createElement("style");
   styleElement.id = id;
-  // 构建要更新的 CSS 变量的样式文本
-  let cssText = ':root {';
+  let cssText = ":root {";
   for (const key in variables) {
     if (Object.prototype.hasOwnProperty.call(variables, key)) {
       cssText += `${key}: ${variables[key]};`;
     }
   }
-  cssText += '}';
-  // 将样式文本赋值给内联样式表
+  cssText += "}";
   styleElement.textContent = cssText;
-  // 将内联样式表添加到文档头部
   if (!document.querySelector(`#${id}`)) {
     setTimeout(() => {
       document.head.append(styleElement);
     });
   }
 }
-// 根据某个色值生成色值阶梯对象，key=500时为其默认初始值，也就是默认参数
 function generatorColorVariables(colorItems) {
   const colorVariables = {};
   colorItems.forEach(({ alias, color, name }) => {
     if (color) {
       const colorsMap = getColors(new TinyColor(color).toHexString());
-      let mainColor = colorsMap['500'];
+      let mainColor = colorsMap["500"];
       const colorKeys = Object.keys(colorsMap);
       colorKeys.forEach((key) => {
         const colorValue = colorsMap[key];
@@ -5774,7 +5758,7 @@ function generatorColorVariables(colorItems) {
           if (alias) {
             colorVariables[`--${alias}-${key}`] = hslColor;
           }
-          if (key === '500') {
+          if (key === "500") {
             mainColor = hslColor;
           }
         }
@@ -5784,38 +5768,31 @@ function generatorColorVariables(colorItems) {
       }
     }
   });
-  return colorVariables
+  return colorVariables;
 }
 function updateCSSVariables(config) {
   const theme = config?.theme ?? {};
-  if (
-    Reflect.has(theme, 'colorPrimary') ||
-    Reflect.has(theme, 'colorDestructive') ||
-    Reflect.has(theme, 'colorSuccess') ||
-    Reflect.has(theme, 'colorWarning')
-  ) {
+  if (Reflect.has(theme, "colorPrimary") || Reflect.has(theme, "colorDestructive") || Reflect.has(theme, "colorSuccess") || Reflect.has(theme, "colorWarning")) {
     updateMainColorVariables(config);
   }
 }
 function updateMainColorVariables(config) {
   if (!config.theme) {
-    return
+    return;
   }
   const { colorDestructive, colorPrimary, colorSuccess, colorWarning } = config.theme;
   const colorVariables = generatorColorVariables([
-    { color: colorPrimary, name: 'primary' },
-    { alias: 'warning', color: colorWarning, name: 'yellow' },
-    { alias: 'success', color: colorSuccess, name: 'green' },
-    { alias: 'destructive', color: colorDestructive, name: 'red' }
+    { color: colorPrimary, name: "primary" },
+    { alias: "warning", color: colorWarning, name: "yellow" },
+    { alias: "success", color: colorSuccess, name: "green" },
+    { alias: "destructive", color: colorDestructive, name: "red" }
   ]);
-  // 要设置的 CSS 变量映射
   const colorMappings = {
-    '--green-500': '--success',
-    '--primary-500': '--primary',
-    '--red-500': '--destructive',
-    '--yellow-500': '--warning'
+    "--green-500": "--success",
+    "--primary-500": "--primary",
+    "--red-500": "--destructive",
+    "--yellow-500": "--warning"
   };
-  // 统一处理颜色变量的更新
   Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {
     const colorValue = colorVariables[sourceVar];
     if (colorValue) {
@@ -5825,20 +5802,23 @@ function updateMainColorVariables(config) {
   executeUpdateCSSVariables(colorVariables);
 }
 
-const STORAGE_KEY = 'config';
-// 用户配置引导类
+const STORAGE_KEY = "config";
 class Guider {
   constructor() {
     this.isInitialized = false;
     this.state = vue.reactive({
       ...this.loadConfig()
     });
-    this.cache = new StorageManager();
+    if (typeof window !== "undefined") {
+      this.cache = new StorageManager();
+    } else {
+      this.cache = null;
+    }
   }
   // 初始化配置
   initConfig({ config: config$1, namespace }) {
     if (this.isInitialized) {
-      return
+      return;
     }
     this.cache = new StorageManager({ prefix: namespace });
     const mergeDefaultConfig = defu({}, config$1, config);
@@ -5855,148 +5835,116 @@ class Guider {
   }
   // 保存配置
   saveConfig(config) {
-    this.cache?.setItem(STORAGE_KEY, config);
+    if (!this.cache)
+      return;
+    this.cache.setItem(STORAGE_KEY, config);
   }
   // 加载配置
   loadConfig() {
-    return this.cache?.getItem(STORAGE_KEY)
+    if (!this.cache)
+      return void 0;
+    return this.cache.getItem(STORAGE_KEY);
   }
   // 获取配置
   getConfig() {
-    return vue.readonly(this.state)
+    return vue.readonly(this.state);
   }
 }
 const guider = new Guider();
 guider.getConfig();
 
-// 创建请求实例
-const initRequestInstance = (
-  extendConfig = {},
-  interceptorsRequestFn = () => {},
-  interceptorsResponseFn = () => {}
-) => {
+const initRequestInstance = (extendConfig = {}, options = {}) => {
+  const { interceptorsRequestFn = () => {
+  }, interceptorsResponseFn = () => {
+  }, isSuccess = (data) => data?.code === 200, getData = (data) => data?.data, getMessage = (data) => data?.msg || "\u8BF7\u6C42\u5931\u8D25" } = options;
   const axiosConfig = defu({}, extendConfig, {
-    baseURL: '/', // 从环境变量获取基础URL
-    timeout: 10000, // 超时时间
+    baseURL: "/",
+    // 从环境变量获取基础URL
+    timeout: 1e4,
+    // 超时时间
     headers: {
-      'Content-Type': 'application/json;charset=utf-8'
+      "Content-Type": "application/json;charset=utf-8"
     }
   });
   const instance = axios.create(axiosConfig);
-  // 请求拦截器
-  instance.interceptors.request.use(
-    (config) => {
-      interceptorsRequestFn(config);
-      // 添加请求到pending列表，处理重复请求
-      addPendingRequest(config);
-      // 可以在这里添加其他请求处理逻辑，如请求加载动画等
-      return config
-    },
-    (error) => {
-      // 请求错误处理
-      return Promise.reject(error)
-    }
-  );
-  // 响应拦截器
-  instance.interceptors.response.use(
-    (response) => {
-      interceptorsResponseFn(response);
-      // 从pending列表移除请求
-      removePendingRequest(response.config);
-      const data = response.data;
-      console.log(data);
-      // 根据实际后端接口规范处理响应
-      if (data.code === 200) {
-        return Promise.resolve({
-          ...response,
-          ...data,
-          data: data.data
-        })
-      } else {
-        // 非成功状态，显示错误信息
-        elementPlus.ElMessage.error(data.msg || '请求失败');
-        return Promise.reject(new Error(data.msg || '请求失败'))
-      }
-    },
-    (error) => {
-      console.log('请求发生错误>>>>>>>>>>>>>>>>>>：', error);
-      // 请求完成后从pending列表移除
-      if (error.config) {
-        removePendingRequest(error.config);
-      }
-      // 处理取消请求的错误
-      if (axios.isCancel(error)) {
-        console.warn('请求已被取消:', error.message);
-        return Promise.reject(new Error('请求已被取消'))
-      }
-      // 处理网络错误
-      if (!window.navigator.onLine) {
-        elementPlus.ElMessage.error('网络连接已断开，请检查网络');
-        return Promise.reject(new Error('网络连接已断开'))
-      }
-      // 处理HTTP错误状态码
-      const { response } = error;
-      if (response) {
-        switch (response.status) {
-          case 401:
-            elementPlus.ElMessage.error('身份验证失败，请重新登录');
-            // 可以在这里添加跳转到登录页的逻辑
-            break
-          case 403:
-            elementPlus.ElMessage.error('没有权限执行此操作');
-            break
-          case 404:
-            elementPlus.ElMessage.error('请求的资源不存在');
-            break
-          case 500:
-            elementPlus.ElMessage.error('服务器内部错误');
-            break
-          default:
-            elementPlus.ElMessage.error(`请求错误: ${response.status}`);
-        }
-      } else {
-        elementPlus.ElMessage.error('请求失败，请稍后重试');
+  instance.interceptors.request.use((config) => {
+    interceptorsRequestFn(config);
+    addPendingRequest(config);
+    return config;
+  }, (error) => {
+    return Promise.reject(error);
+  });
+  instance.interceptors.response.use((response) => {
+    interceptorsResponseFn(response);
+    removePendingRequest(response.config);
+    const data = response.data;
+    if (isSuccess(data)) {
+      return Promise.resolve({
+        ...response,
+        ...data,
+        data: getData(data)
+      });
+    } else {
+      const msg = getMessage(data);
+      elementPlus.ElMessage.error(msg);
+      return Promise.reject(new Error(msg));
+    }
+  }, (error) => {
+    console.log("\u8BF7\u6C42\u53D1\u751F\u9519\u8BEF>>>>>>>>>>>>>>>>>>\uFF1A", error);
+    if (error.config) {
+      removePendingRequest(error.config);
+    }
+    if (axios.isCancel(error)) {
+      console.warn("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88:", error.message);
+      return Promise.reject(new Error("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88"));
+    }
+    if (!window.navigator.onLine) {
+      elementPlus.ElMessage.error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC");
+      return Promise.reject(new Error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00"));
+    }
+    const { response } = error;
+    if (response) {
+      switch (response.status) {
+        case 401:
+          elementPlus.ElMessage.error("\u8EAB\u4EFD\u9A8C\u8BC1\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
+          break;
+        case 403:
+          elementPlus.ElMessage.error("\u6CA1\u6709\u6743\u9650\u6267\u884C\u6B64\u64CD\u4F5C");
+          break;
+        case 404:
+          elementPlus.ElMessage.error("\u8BF7\u6C42\u7684\u8D44\u6E90\u4E0D\u5B58\u5728");
+          break;
+        case 500:
+          elementPlus.ElMessage.error("\u670D\u52A1\u5668\u5185\u90E8\u9519\u8BEF");
+          break;
+        default:
+          elementPlus.ElMessage.error(`\u8BF7\u6C42\u9519\u8BEF: ${response.status}`);
       }
-      return Promise.reject(error)
+    } else {
+      elementPlus.ElMessage.error("\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
     }
-  );
-  return instance
+    return Promise.reject(error);
+  });
+  return instance;
 };
-// 存储当前正在进行的请求
-const pendingRequests = new Map();
-/**
- * 生成请求唯一标识
- * @param {Object} config 请求配置
- * @returns {String} 唯一标识
- */
+const pendingRequests = /* @__PURE__ */ new Map();
 const generateRequestKey = (config) => {
   const { method, url, params, data } = config;
-  // 序列化参数，确保相同参数生成相同key
-  const paramsStr = params ? JSON.stringify(params) : '';
-  const dataStr = data ? JSON.stringify(data) : '';
-  return `${method}-${url}-${paramsStr}-${dataStr}`
+  const paramsStr = params ? JSON.stringify(params) : "";
+  const dataStr = data ? JSON.stringify(data) : "";
+  return `${method}-${url}-${paramsStr}-${dataStr}`;
 };
-/**
- * 添加请求到pending列表
- * @param {Object} config 请求配置
- */
 const addPendingRequest = (config) => {
   const requestKey = generateRequestKey(config);
-  // 如果存在相同请求，则取消之前的请求
   if (pendingRequests.has(requestKey)) {
     const cancelToken = pendingRequests.get(requestKey);
-    cancelToken.cancel(`重复请求被取消: ${config.url}`);
+    cancelToken.cancel(`\u91CD\u590D\u8BF7\u6C42\u88AB\u53D6\u6D88: ${config.url}`);
     pendingRequests.delete(requestKey);
   }
-  // 创建新的取消令牌
   const source = axios.CancelToken.source();
   config.cancelToken = source.token;
   pendingRequests.set(requestKey, source);
 };
-/**
- * 从pending列表移除请求
- * @param {Object} config 请求配置
- */
 const removePendingRequest = (config) => {
   const requestKey = generateRequestKey(config);
   if (pendingRequests.has(requestKey)) {
@@ -6091,7 +6039,10 @@ var _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       handleSearch();
     });
     __expose({
-      handleSearch
+      handleSearch,
+      data,
+      loading,
+      pagination
     });
     const tableListeners = Object.keys(attrs).reduce((listeners, key) => {
       if (key.startsWith("on")) {
@@ -6660,9 +6611,11 @@ var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.disconnect();
       }
       resizeObserver = new ResizeObserver((entries) => {
+        console.log("\u5916\u90E8entries:", entries);
         let needUpdate = false;
         const changedIndices = [];
         for (const entry of entries) {
+          console.log("entry:", entry);
           const target = entry.target;
           const index = parseInt(target.dataset.index || "0");
           const pos = positions.value[index];
@@ -6700,7 +6653,7 @@ var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const observeVisibleItems = () => {
       if (!resizeObserver || props.itemEqual) return;
       resizeObserver.disconnect();
-      const nodes = containerRef.value?.querySelectorAll(".virtual-list-item");
+      const nodes = containerRef.value?.querySelectorAll(`.${bem("virtual-list", "item")}`);
       if (!nodes) return;
       nodes.forEach((node) => {
         resizeObserver.observe(node);
@@ -7111,7 +7064,7 @@ var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     name: "MlTreeSelect"
   },
   __name: "index",
-  props: {
+  props: /* @__PURE__ */ vue.mergeModels({
     treeData: { type: Array, required: true },
     treeProps: { type: Object, required: false, default: () => ({ label: "label", children: "children" }) },
     multiple: { type: Boolean, required: false, default: false },
@@ -7121,12 +7074,15 @@ var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     showSearch: { type: Boolean, required: false, default: true },
     expandOnClickNode: { type: Boolean, required: false },
     placeholder: { type: String, required: false, default: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22" }
-  },
-  emits: ["confirm", "cancel", "input"],
+  }, {
+    "searchText": { type: String, ...{ default: "" } },
+    "searchTextModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["confirm", "cancel", "input"], ["update:searchText"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const searchKeyword = vue.ref("");
+    const searchKeyword = vue.useModel(__props, "searchText");
     const treeRef = vue.ref();
     const selectedKeys = vue.ref([]);
     const selectedData = vue.ref(props.multiple ? [] : {});
@@ -7437,9 +7393,13 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       return result;
     });
     const treeSelectRef = vue.ref();
+    const searchText = vue.ref("");
     vue.watch(visible, (val) => {
-      if (!val && treeSelectRef.value) {
-        treeSelectRef.value.reset();
+      if (!val) {
+        searchText.value = "";
+        if (treeSelectRef.value) {
+          treeSelectRef.value.reset();
+        }
       }
     });
     const handleBeforeClose = () => {
@@ -7453,27 +7413,31 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       visible.value = false;
     };
     __expose({
-      input: (value) => emit("input", value)
+      input: (value) => emit("input", value),
+      searchText,
+      treeRef: treeSelectRef
     });
     return (_ctx, _cache) => {
       const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createBlock(_component_el_dialog, vue.mergeProps({
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
       }, dialogAttrs.value, {
         class: vue.unref(bem)("tree-select-dialog"),
         "before-close": handleBeforeClose,
-        onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("close"))
       }), {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(MlTreeSelect), vue.mergeProps({
             ref_key: "treeSelectRef",
             ref: treeSelectRef,
+            "search-text": searchText.value,
+            "onUpdate:searchText": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
             "tree-data": props.treeData
           }, treeSelectAttrs.value, vue.toHandlers(_ctx.$attrs), {
             onConfirm: handleConfirm,
             onCancel: handleCancel
-          }), null, 16, ["tree-data"])
+          }), null, 16, ["search-text", "tree-data"])
         ]),
         _: 1
         /* STABLE */
@@ -7594,9 +7558,13 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       return result;
     });
     const treeSelectRef = vue.ref();
+    const searchText = vue.ref("");
     vue.watch(visible, (val) => {
-      if (!val && treeSelectRef.value) {
-        treeSelectRef.value.reset();
+      if (!val) {
+        searchText.value = "";
+        if (treeSelectRef.value) {
+          treeSelectRef.value.reset();
+        }
       }
     });
     const handleBeforeClose = (done) => {
@@ -7611,27 +7579,31 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       visible.value = false;
     };
     __expose({
-      input: (value) => emit("input", value)
+      input: (value) => emit("input", value),
+      searchText,
+      treeRef: treeSelectRef
     });
     return (_ctx, _cache) => {
       const _component_el_drawer = vue.resolveComponent("el-drawer");
       return vue.openBlock(), vue.createBlock(_component_el_drawer, vue.mergeProps({
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
       }, drawerAttrs.value, {
         class: vue.unref(bem)("tree-select-drawer"),
         "before-close": handleBeforeClose,
-        onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("close"))
       }), {
         default: vue.withCtx(() => [
           vue.createVNode(_sfc_main$3, vue.mergeProps({
             ref_key: "treeSelectRef",
             ref: treeSelectRef,
+            "search-text": searchText.value,
+            "onUpdate:searchText": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
             "tree-data": __props.treeData
           }, treeSelectAttrs.value, vue.toHandlers(_ctx.$attrs), {
             onConfirm: handleConfirm,
             onCancel: handleCancel
-          }), null, 16, ["tree-data"])
+          }), null, 16, ["search-text", "tree-data"])
         ]),
         _: 1
         /* STABLE */