@deot/vc 1.0.25 → 1.0.26

package/dist/index.iife.js

@@ -6367,388 +6367,6 @@ var Vc = (function (exports, vue) {
     }
   }
 
-  class ACache {
-    options;
-    constructor() {
-      this.options = {
-        version: "",
-        get: (v) => flattenJSONParse(v),
-        set: (v) => v
-      };
-    }
-    configure(options) {
-      if (typeof window === "undefined")
-        return;
-      this.options = {
-        ...this.options,
-        ...options
-      };
-    }
-  }
-
-  (() => {
-    try {
-      document.cookie = "test";
-      return true;
-    } catch (_) {
-      return false;
-    }
-  })();
-
-  class MemoryStorage {
-    store = {};
-    getItem(key) {
-      return this.store[key] || null;
-    }
-    setItem(key, val) {
-      this.store[key] = val;
-    }
-    removeItem(key) {
-      delete this.store[key];
-    }
-  }
-
-  const PREFIX_NAME = "@deot/helper/";
-  const formatKey = (key, version) => {
-    return `${version ? `${PREFIX_NAME}${version}:` : ""}${key}`;
-  };
-  const ALLOW$1 = (() => {
-    const test = "test";
-    try {
-      window.localStorage.setItem(test, test);
-      window.localStorage.removeItem(test);
-      return true;
-    } catch (_) {
-      return false;
-    }
-  })();
-  class StorageStore extends ACache {
-    sessionStorage = new MemoryStorage();
-    localStorage = new MemoryStorage();
-    getInvoke(options) {
-      return options?.session ? "sessionStorage" : "localStorage";
-    }
-    configure(options) {
-      super.configure(options);
-      if (!ALLOW$1)
-        return;
-      const { version } = this.options;
-      Object.keys(window.localStorage).forEach((item) => {
-        /* istanbul ignore else -- @preserve */
-        if (item.includes(PREFIX_NAME) && !item.includes(`${PREFIX_NAME}${version}`)) {
-          window.localStorage.removeItem(item);
-        }
-      });
-    }
-    /**
-     * 设置缓存
-     * @param key 保存的键值
-     * @param value 保存的内容
-     * @param options ~
-     */
-    set(key, value, options) {
-      if (!ALLOW$1)
-        return;
-      const invoke = this.getInvoke(options);
-      key = formatKey(key, this.options.version);
-      value = this.options.set(typeof value === "string" ? value : JSON.stringify(value));
-      try {
-        window[invoke].setItem(key, value);
-      } catch (error) {
-        this[invoke].setItem(key, value);
-      }
-    }
-    /**
-     * 获取缓存
-     * @param key 保存的键值
-     * @param options ~
-     * @returns ~
-     */
-    get(key, options) {
-      if (!ALLOW$1)
-        return null;
-      const invoke = this.getInvoke(options);
-      key = formatKey(key, this.options.version);
-      const value = this[invoke].getItem(key) || window[invoke].getItem(key);
-      return this.options.get(value);
-    }
-    /**
-     * 删除缓存
-     * @param key 键值
-     * @param options ~
-     */
-    remove(key, options) {
-      if (!ALLOW$1)
-        return;
-      const invoke = this.getInvoke(options);
-      key = formatKey(key, this.options.version);
-      this[invoke].removeItem(key);
-      window[invoke].removeItem(key);
-    }
-  }
-  const Storage$1 = new StorageStore();
-
-  const ALLOW = (() => {
-    try {
-      window.indexedDB.open;
-      return true;
-    } catch (_) {
-      return false;
-    }
-  })();
-  class IndexedDBStore extends ACache {
-    timestramp = (/* @__PURE__ */ new Date()).getTime();
-    count = 0;
-    db = null;
-    pending = [];
-    constructor(options) {
-      super();
-      this.options = {
-        ...this.options,
-        keyPath: "__id",
-        name: "default-db",
-        storeName: "default-store",
-        version: 1
-      };
-      options && this.configure(options);
-    }
-    getUid() {
-      return `${this.timestramp}${this.count++}`;
-    }
-    configure(options) {
-      super.configure(options);
-      if (typeof this.options.version === "string") {
-        this.options.version = parseInt(this.options.version, 10);
-      }
-    }
-    /**
-     * 每次操作完要关闭
-     * 	1. 浏览器上不关闭的话，删库操作会卡一会
-     * 	2. fake-indexeddb不关闭会卡死
-     * @param fn ~
-     * @returns ~
-     */
-    concurrent(fn) {
-      const target = new Promise((resolve, reject) => {
-        fn().then(resolve).catch(reject);
-      });
-      this.pending.push(target);
-      target.finally(() => this.close(target));
-      return target;
-    }
-    /**
-     * 统一处理
-     * @param request ~
-     * @returns ~
-     */
-    async task(request) {
-      return new Promise((resolve, reject) => {
-        request.onsuccess = resolve;
-        request.onerror = reject;
-      });
-    }
-    /**
-     * @param target ~
-     */
-    async close(target) {
-      if (target) {
-        this.pending = this.pending.filter((i) => i !== target);
-      } else {
-        const done = async (pending) => {
-          if (pending.length) {
-            await Promise.allSettled(pending);
-            await done(this.pending);
-          }
-        };
-        await done(this.pending);
-      }
-      if (!this.pending.length && this.db) {
-        const db = this.db;
-        this.db = null;
-        (await db).close();
-      }
-    }
-    /**
-     * 打开数据库。变更时候更新表
-     * @returns ~
-     */
-    openDatabase() {
-      this.db = this.db || (async () => {
-        const { name, version, keyPath, storeName } = this.options;
-        const poll = () => new Promise((resolve, reject) => {
-          const request = window.indexedDB.open(name, version);
-          request.onsuccess = () => {
-            resolve(request.result);
-          };
-          request.onerror = /* istanbul ignore next */
-          () => {
-            reject(new Error("IndexedDB Open Failed. DeleteDatabase first!"));
-          };
-          request.onupgradeneeded = () => {
-            const db2 = request.result;
-            if (db2.objectStoreNames.contains(storeName)) {
-              db2.deleteObjectStore(storeName);
-            }
-            db2.createObjectStore(storeName, { keyPath });
-          };
-        });
-        const maxTries = 3;
-        let db;
-        for (let tries = 0; tries < maxTries; tries++) {
-          try {
-            db = await poll();
-          } catch (_) {
-          }
-          /* istanbul ignore next -- @preserve */
-          if (db || tries === maxTries - 1) {
-            break;
-          }
-        }
-        /* istanbul ignore next -- @preserve */
-        if (!db) {
-          await this.deleteDatabase();
-          db = await poll();
-        }
-        return db;
-      })();
-      return this.db;
-    }
-    /**
-     * 打开表
-     * tip: db.close() 执行后
-     * 	db打开后的表os对象仍可写入（浏览器支持，fake-indexeddb不支持）
-     * 	不过正常理解也应该操作所有后再关闭，这里不修改`this.db -> this.os`的逻辑
-     * @param mode ~
-     * @returns ~
-     */
-    async openObjectStore(mode) {
-      const { storeName } = this.options;
-      const db = await this.openDatabase();
-      const os = db.transaction([storeName], mode || "readwrite").objectStore(storeName);
-      return os;
-    }
-    /**
-     * 删库
-     */
-    async deleteDatabase() {
-      const { name } = this.options;
-      const request = window.indexedDB.deleteDatabase(name);
-      await new Promise((resolve, reject) => {
-        request.onsuccess = resolve;
-        request.onerror = reject;
-      });
-    }
-    /**
-     * 新增数据，通过事务完成。
-     * @param data ~
-     * @returns ~
-     */
-    write(data) {
-      return this.concurrent(async () => {
-        const { keyPath } = this.options;
-        const os = await this.openObjectStore();
-        const state = {
-          [keyPath]: this.getUid(),
-          ...data
-        };
-        const request = os.add(state);
-        await new Promise((resolve, reject) => {
-          request.onsuccess = resolve;
-          request.onerror = reject;
-        });
-        return state;
-      });
-    }
-    /**
-     * 读取数据，通过事务完成。
-     * @param id ~
-     * @returns ~
-     */
-    read(id) {
-      return this.concurrent(async () => {
-        const os = await this.openObjectStore();
-        const request = os.get(id);
-        await this.task(request);
-        return request.result;
-      });
-    }
-    /**
-     * 更新数据，通过事务完成。
-     * @param id ~
-     * @param data ~
-     * @returns ~
-     */
-    update(id, data) {
-      return this.concurrent(async () => {
-        const { keyPath } = this.options;
-        const os = await this.openObjectStore();
-        const state = {
-          [keyPath]: id,
-          ...data
-        };
-        const request = os.put(state);
-        await this.task(request);
-        return state;
-      });
-    }
-    /**
-     * 删除数据也是通过事务完成。
-     * @param id ~
-     * @returns ~
-     */
-    async delete(id) {
-      return this.concurrent(async () => {
-        const os = await this.openObjectStore();
-        const request = os.delete(id);
-        await this.task(request);
-      });
-    }
-    /**
-     * 搜索数据，通过事务完成。
-     * @returns ~
-     */
-    search() {
-      return this.concurrent(async () => {
-        const os = await this.openObjectStore();
-        const request = os.openCursor();
-        const rowData = [];
-        await new Promise((resolve, reject) => {
-          request.onsuccess = () => {
-            const cursor = request.result;
-            if (cursor) {
-              rowData.push(cursor.value);
-              cursor.continue();
-            } else {
-              resolve(rowData);
-            }
-          };
-          request.onerror = reject;
-        });
-        return rowData;
-      });
-    }
-    // 同Stoage / Cookie使用api
-    async get(key) {
-      if (!ALLOW)
-        return null;
-      const v = await this.read(key);
-      return this.options.get(!v ? null : v.data);
-    }
-    async set(key, value) {
-      if (!ALLOW)
-        return;
-      await this.update(key, {
-        data: this.options.set(typeof value === "string" ? value : JSON.stringify(value))
-      });
-    }
-    async remove(key) {
-      if (!ALLOW)
-        return;
-      await this.delete(key);
-    }
-  }
-  new IndexedDBStore();
-
   /*!
     * PhotoSwipe Lightbox 5.4.4 - https://photoswipe.com
     * (c) 2024 Dmytro Semenov
@@ -8707,6 +8325,388 @@ var Vc = (function (exports, vue) {
 
   }
 
+  class ACache {
+    options;
+    constructor() {
+      this.options = {
+        version: "",
+        get: (v) => flattenJSONParse(v),
+        set: (v) => v
+      };
+    }
+    configure(options) {
+      if (typeof window === "undefined")
+        return;
+      this.options = {
+        ...this.options,
+        ...options
+      };
+    }
+  }
+
+  (() => {
+    try {
+      document.cookie = "test";
+      return true;
+    } catch (_) {
+      return false;
+    }
+  })();
+
+  class MemoryStorage {
+    store = {};
+    getItem(key) {
+      return this.store[key] || null;
+    }
+    setItem(key, val) {
+      this.store[key] = val;
+    }
+    removeItem(key) {
+      delete this.store[key];
+    }
+  }
+
+  const PREFIX_NAME = "@deot/helper/";
+  const formatKey = (key, version) => {
+    return `${version ? `${PREFIX_NAME}${version}:` : ""}${key}`;
+  };
+  const ALLOW$1 = (() => {
+    const test = "test";
+    try {
+      window.localStorage.setItem(test, test);
+      window.localStorage.removeItem(test);
+      return true;
+    } catch (_) {
+      return false;
+    }
+  })();
+  class StorageStore extends ACache {
+    sessionStorage = new MemoryStorage();
+    localStorage = new MemoryStorage();
+    getInvoke(options) {
+      return options?.session ? "sessionStorage" : "localStorage";
+    }
+    configure(options) {
+      super.configure(options);
+      if (!ALLOW$1)
+        return;
+      const { version } = this.options;
+      Object.keys(window.localStorage).forEach((item) => {
+        /* istanbul ignore else -- @preserve */
+        if (item.includes(PREFIX_NAME) && !item.includes(`${PREFIX_NAME}${version}`)) {
+          window.localStorage.removeItem(item);
+        }
+      });
+    }
+    /**
+     * 设置缓存
+     * @param key 保存的键值
+     * @param value 保存的内容
+     * @param options ~
+     */
+    set(key, value, options) {
+      if (!ALLOW$1)
+        return;
+      const invoke = this.getInvoke(options);
+      key = formatKey(key, this.options.version);
+      value = this.options.set(typeof value === "string" ? value : JSON.stringify(value));
+      try {
+        window[invoke].setItem(key, value);
+      } catch (error) {
+        this[invoke].setItem(key, value);
+      }
+    }
+    /**
+     * 获取缓存
+     * @param key 保存的键值
+     * @param options ~
+     * @returns ~
+     */
+    get(key, options) {
+      if (!ALLOW$1)
+        return null;
+      const invoke = this.getInvoke(options);
+      key = formatKey(key, this.options.version);
+      const value = this[invoke].getItem(key) || window[invoke].getItem(key);
+      return this.options.get(value);
+    }
+    /**
+     * 删除缓存
+     * @param key 键值
+     * @param options ~
+     */
+    remove(key, options) {
+      if (!ALLOW$1)
+        return;
+      const invoke = this.getInvoke(options);
+      key = formatKey(key, this.options.version);
+      this[invoke].removeItem(key);
+      window[invoke].removeItem(key);
+    }
+  }
+  const Storage$1 = new StorageStore();
+
+  const ALLOW = (() => {
+    try {
+      window.indexedDB.open;
+      return true;
+    } catch (_) {
+      return false;
+    }
+  })();
+  class IndexedDBStore extends ACache {
+    timestramp = (/* @__PURE__ */ new Date()).getTime();
+    count = 0;
+    db = null;
+    pending = [];
+    constructor(options) {
+      super();
+      this.options = {
+        ...this.options,
+        keyPath: "__id",
+        name: "default-db",
+        storeName: "default-store",
+        version: 1
+      };
+      options && this.configure(options);
+    }
+    getUid() {
+      return `${this.timestramp}${this.count++}`;
+    }
+    configure(options) {
+      super.configure(options);
+      if (typeof this.options.version === "string") {
+        this.options.version = parseInt(this.options.version, 10);
+      }
+    }
+    /**
+     * 每次操作完要关闭
+     * 	1. 浏览器上不关闭的话，删库操作会卡一会
+     * 	2. fake-indexeddb不关闭会卡死
+     * @param fn ~
+     * @returns ~
+     */
+    concurrent(fn) {
+      const target = new Promise((resolve, reject) => {
+        fn().then(resolve).catch(reject);
+      });
+      this.pending.push(target);
+      target.finally(() => this.close(target));
+      return target;
+    }
+    /**
+     * 统一处理
+     * @param request ~
+     * @returns ~
+     */
+    async task(request) {
+      return new Promise((resolve, reject) => {
+        request.onsuccess = resolve;
+        request.onerror = reject;
+      });
+    }
+    /**
+     * @param target ~
+     */
+    async close(target) {
+      if (target) {
+        this.pending = this.pending.filter((i) => i !== target);
+      } else {
+        const done = async (pending) => {
+          if (pending.length) {
+            await Promise.allSettled(pending);
+            await done(this.pending);
+          }
+        };
+        await done(this.pending);
+      }
+      if (!this.pending.length && this.db) {
+        const db = this.db;
+        this.db = null;
+        (await db).close();
+      }
+    }
+    /**
+     * 打开数据库。变更时候更新表
+     * @returns ~
+     */
+    openDatabase() {
+      this.db = this.db || (async () => {
+        const { name, version, keyPath, storeName } = this.options;
+        const poll = () => new Promise((resolve, reject) => {
+          const request = window.indexedDB.open(name, version);
+          request.onsuccess = () => {
+            resolve(request.result);
+          };
+          request.onerror = /* istanbul ignore next */
+          () => {
+            reject(new Error("IndexedDB Open Failed. DeleteDatabase first!"));
+          };
+          request.onupgradeneeded = () => {
+            const db2 = request.result;
+            if (db2.objectStoreNames.contains(storeName)) {
+              db2.deleteObjectStore(storeName);
+            }
+            db2.createObjectStore(storeName, { keyPath });
+          };
+        });
+        const maxTries = 3;
+        let db;
+        for (let tries = 0; tries < maxTries; tries++) {
+          try {
+            db = await poll();
+          } catch (_) {
+          }
+          /* istanbul ignore next -- @preserve */
+          if (db || tries === maxTries - 1) {
+            break;
+          }
+        }
+        /* istanbul ignore next -- @preserve */
+        if (!db) {
+          await this.deleteDatabase();
+          db = await poll();
+        }
+        return db;
+      })();
+      return this.db;
+    }
+    /**
+     * 打开表
+     * tip: db.close() 执行后
+     * 	db打开后的表os对象仍可写入（浏览器支持，fake-indexeddb不支持）
+     * 	不过正常理解也应该操作所有后再关闭，这里不修改`this.db -> this.os`的逻辑
+     * @param mode ~
+     * @returns ~
+     */
+    async openObjectStore(mode) {
+      const { storeName } = this.options;
+      const db = await this.openDatabase();
+      const os = db.transaction([storeName], mode || "readwrite").objectStore(storeName);
+      return os;
+    }
+    /**
+     * 删库
+     */
+    async deleteDatabase() {
+      const { name } = this.options;
+      const request = window.indexedDB.deleteDatabase(name);
+      await new Promise((resolve, reject) => {
+        request.onsuccess = resolve;
+        request.onerror = reject;
+      });
+    }
+    /**
+     * 新增数据，通过事务完成。
+     * @param data ~
+     * @returns ~
+     */
+    write(data) {
+      return this.concurrent(async () => {
+        const { keyPath } = this.options;
+        const os = await this.openObjectStore();
+        const state = {
+          [keyPath]: this.getUid(),
+          ...data
+        };
+        const request = os.add(state);
+        await new Promise((resolve, reject) => {
+          request.onsuccess = resolve;
+          request.onerror = reject;
+        });
+        return state;
+      });
+    }
+    /**
+     * 读取数据，通过事务完成。
+     * @param id ~
+     * @returns ~
+     */
+    read(id) {
+      return this.concurrent(async () => {
+        const os = await this.openObjectStore();
+        const request = os.get(id);
+        await this.task(request);
+        return request.result;
+      });
+    }
+    /**
+     * 更新数据，通过事务完成。
+     * @param id ~
+     * @param data ~
+     * @returns ~
+     */
+    update(id, data) {
+      return this.concurrent(async () => {
+        const { keyPath } = this.options;
+        const os = await this.openObjectStore();
+        const state = {
+          [keyPath]: id,
+          ...data
+        };
+        const request = os.put(state);
+        await this.task(request);
+        return state;
+      });
+    }
+    /**
+     * 删除数据也是通过事务完成。
+     * @param id ~
+     * @returns ~
+     */
+    async delete(id) {
+      return this.concurrent(async () => {
+        const os = await this.openObjectStore();
+        const request = os.delete(id);
+        await this.task(request);
+      });
+    }
+    /**
+     * 搜索数据，通过事务完成。
+     * @returns ~
+     */
+    search() {
+      return this.concurrent(async () => {
+        const os = await this.openObjectStore();
+        const request = os.openCursor();
+        const rowData = [];
+        await new Promise((resolve, reject) => {
+          request.onsuccess = () => {
+            const cursor = request.result;
+            if (cursor) {
+              rowData.push(cursor.value);
+              cursor.continue();
+            } else {
+              resolve(rowData);
+            }
+          };
+          request.onerror = reject;
+        });
+        return rowData;
+      });
+    }
+    // 同Stoage / Cookie使用api
+    async get(key) {
+      if (!ALLOW)
+        return null;
+      const v = await this.read(key);
+      return this.options.get(!v ? null : v.data);
+    }
+    async set(key, value) {
+      if (!ALLOW)
+        return;
+      await this.update(key, {
+        data: this.options.set(typeof value === "string" ? value : JSON.stringify(value))
+      });
+    }
+    async remove(key) {
+      if (!ALLOW)
+        return;
+      await this.delete(key);
+    }
+  }
+  new IndexedDBStore();
+
   const IS_SERVER$1 = typeof window === "undefined";
 
   const style = (value, options) => {
@@ -26127,9 +26127,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1$ = "vc-action-sheet";
+  const COMPONENT_NAME$20 = "vc-action-sheet";
   const ActionSheet = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1$,
+    name: COMPONENT_NAME$20,
     props: props$1q,
     setup(props2, {
       slots
@@ -26309,9 +26309,9 @@ var Vc = (function (exports, vue) {
     }
   }
   const IconManager = new Manager();
-  const COMPONENT_NAME$1_ = "vc-icon";
+  const COMPONENT_NAME$1$ = "vc-icon";
   const Icon = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1_,
+    name: COMPONENT_NAME$1$,
     props: props$1o,
     setup(props2) {
       const viewBox = vue.ref("0 0 1024 1024");
@@ -26507,9 +26507,9 @@ var Vc = (function (exports, vue) {
       }
     };
   };
-  const COMPONENT_NAME$1Z = "vc-transition";
+  const COMPONENT_NAME$1_ = "vc-transition";
   const Transition = vue.defineComponent({
-    name: COMPONENT_NAME$1Z,
+    name: COMPONENT_NAME$1_,
     props: props$1n,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -26529,9 +26529,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1Y = "vc-transition-collapse";
+  const COMPONENT_NAME$1Z = "vc-transition-collapse";
   const TransitionCollapse = vue.defineComponent({
-    name: COMPONENT_NAME$1Y,
+    name: COMPONENT_NAME$1Z,
     props: props$1n,
     // 当不声明emits的情况下，事件存在于attrs中
     inheritAttrs: false,
@@ -26649,9 +26649,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1X = "vc-transition-fade";
+  const COMPONENT_NAME$1Y = "vc-transition-fade";
   const TransitionFade = vue.defineComponent({
-    name: COMPONENT_NAME$1X,
+    name: COMPONENT_NAME$1Y,
     props: {
       ...props$1n,
       // inheritAttrs必须是false
@@ -26685,9 +26685,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1W = "vc-transition-scale";
+  const COMPONENT_NAME$1X = "vc-transition-scale";
   const TransitionScale = vue.defineComponent({
-    name: COMPONENT_NAME$1W,
+    name: COMPONENT_NAME$1X,
     props: {
       ...props$1n,
       mode: {
@@ -26726,9 +26726,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1V = "vc-transition-slide";
+  const COMPONENT_NAME$1W = "vc-transition-slide";
   const TransitionSlide = vue.defineComponent({
-    name: COMPONENT_NAME$1V,
+    name: COMPONENT_NAME$1W,
     props: {
       ...props$1n,
       mode: {
@@ -26767,9 +26767,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1U = "vc-transition-zoom";
+  const COMPONENT_NAME$1V = "vc-transition-zoom";
   const TransitionZoom = vue.defineComponent({
-    name: COMPONENT_NAME$1U,
+    name: COMPONENT_NAME$1V,
     props: {
       ...props$1n,
       mode: {
@@ -26808,7 +26808,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1T = "vc-alert";
+  const COMPONENT_NAME$1U = "vc-alert";
   const THEME_MAP = {
     info: ["#2B72FD", "#91d5ff", "#e6f7ff"],
     success: ["#52c41a", "#b7eb8f", "#f6ffed"],
@@ -26816,7 +26816,7 @@ var Vc = (function (exports, vue) {
     warning: ["#ffbf00", "#ffe58f", "#fffbe6"]
   };
   const Alert = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1T,
+    name: COMPONENT_NAME$1U,
     props: props$1p,
     setup(props2, {
       slots,
@@ -26909,9 +26909,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1S = "vc-artboard";
+  const COMPONENT_NAME$1T = "vc-artboard";
   const Artboard = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1S,
+    name: COMPONENT_NAME$1T,
     props: props$1m,
     setup(props2, {
       slots
@@ -26945,9 +26945,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1R = "vc-spin";
+  const COMPONENT_NAME$1S = "vc-spin";
   const Spin = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1R,
+    name: COMPONENT_NAME$1S,
     props: props$1l,
     setup(props2, {
       slots
@@ -26996,9 +26996,9 @@ var Vc = (function (exports, vue) {
     },
     exclude: RegExp
   };
-  const COMPONENT_NAME$1Q = "vc-debounce";
+  const COMPONENT_NAME$1R = "vc-debounce";
   const Debounce = vue.defineComponent({
-    name: COMPONENT_NAME$1Q,
+    name: COMPONENT_NAME$1R,
     props: props$1k,
     /**
      * 不声明emits使得事件被透传放入attrs中, 这样可以让所有的事件透传
@@ -27066,9 +27066,9 @@ var Vc = (function (exports, vue) {
       default: "button"
     }
   };
-  const COMPONENT_NAME$1P = "vc-button";
+  const COMPONENT_NAME$1Q = "vc-button";
   const Button = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1P,
+    name: COMPONENT_NAME$1Q,
     emits: ["click"],
     props: props$1j,
     setup(props2, {
@@ -27146,9 +27146,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1O = "vc-button-group";
+  const COMPONENT_NAME$1P = "vc-button-group";
   const ButtonGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1O,
+    name: COMPONENT_NAME$1P,
     props: props$1i,
     setup(props2, {
       slots
@@ -27177,9 +27177,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1N = "vc-calendar";
+  const COMPONENT_NAME$1O = "vc-calendar";
   const Calendar$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1N,
+    name: COMPONENT_NAME$1O,
     props: props$1h,
     setup(props2, {
       slots
@@ -27212,9 +27212,9 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  const COMPONENT_NAME$1M = "vc-card";
+  const COMPONENT_NAME$1N = "vc-card";
   const Card = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1M,
+    name: COMPONENT_NAME$1N,
     props: props$1g,
     setup(props2, {
       slots
@@ -27245,9 +27245,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1L = "vc-carousel";
+  const COMPONENT_NAME$1M = "vc-carousel";
   const Carousel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1L,
+    name: COMPONENT_NAME$1M,
     props: props$1f,
     setup(props2, {
       slots
@@ -27266,9 +27266,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1K = "vc-cascader";
+  const COMPONENT_NAME$1L = "vc-cascader";
   const Cascader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1K,
+    name: COMPONENT_NAME$1L,
     props: props$1e,
     setup(props2, {
       slots
@@ -27331,9 +27331,9 @@ var Vc = (function (exports, vue) {
     watchShallow: Boolean,
     manualUpdate: Boolean
   };
-  const COMPONENT_NAME$1J = "vc-chart";
+  const COMPONENT_NAME$1K = "vc-chart";
   const Chart = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1J,
+    name: COMPONENT_NAME$1K,
     props: props$1d,
     emits: [...EVENTS, "ready"],
     setup(props2, {
@@ -27555,9 +27555,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$1I = "vc-checkbox";
+  const COMPONENT_NAME$1J = "vc-checkbox";
   const Checkbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1I,
+    name: COMPONENT_NAME$1J,
     props: props$1c,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -27639,9 +27639,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$1H = "vc-checkbox-group";
+  const COMPONENT_NAME$1I = "vc-checkbox-group";
   const CheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1H,
+    name: COMPONENT_NAME$1I,
     props: props$1b,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -27656,9 +27656,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1G = "vcm-checkbox";
+  const COMPONENT_NAME$1H = "vcm-checkbox";
   const MCheckbox = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1G,
+    name: COMPONENT_NAME$1H,
     props: props$1c,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -27695,9 +27695,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1F = "vcm-checkbox-group";
+  const COMPONENT_NAME$1G = "vcm-checkbox-group";
   const MCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1F,
+    name: COMPONENT_NAME$1G,
     props: props$1b,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -27753,9 +27753,9 @@ var Vc = (function (exports, vue) {
       default: () => null
     }
   };
-  const COMPONENT_NAME$1E = "vc-customer";
+  const COMPONENT_NAME$1F = "vc-customer";
   const Customer = vue.defineComponent({
-    name: COMPONENT_NAME$1E,
+    name: COMPONENT_NAME$1F,
     props: props$19,
     setup(props2, context) {
       return () => vue.h(() => {
@@ -27763,9 +27763,9 @@ var Vc = (function (exports, vue) {
       });
     }
   });
-  const COMPONENT_NAME$1D = "vc-message";
+  const COMPONENT_NAME$1E = "vc-message";
   const MessageView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1D,
+    name: COMPONENT_NAME$1E,
     emits: ["before-close", "close", "portal-fulfilled"],
     props: props$1a,
     setup(props2, {
@@ -27908,7 +27908,7 @@ var Vc = (function (exports, vue) {
       return this.target.finally(callback);
     }
   }
-  const COMPONENT_NAME$1C = "vc-portal";
+  const COMPONENT_NAME$1D = "vc-portal";
   class Portal {
     /**
      * 清理Portals类型组件
@@ -27960,7 +27960,7 @@ var Vc = (function (exports, vue) {
       this.wrapper = wrapper;
       this.globalOptions = {
         ...options,
-        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1C)
+        name: options?.name || wrapper.name || getUid(COMPONENT_NAME$1D)
       };
     }
     popup(propsData, options) {
@@ -28059,7 +28059,7 @@ var Vc = (function (exports, vue) {
         ...rest
       } = options;
       let useAllNodes = fragment;
-      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1C)}` : name$;
+      const name = multiple ? `${name$}__${getUid(COMPONENT_NAME$1D)}` : name$;
       const container = document.createElement(tag);
       const root = typeof el2 === "object" ? el2 : document.querySelector(el2 || "body");
       !alive && Portal.leafs.get(name)?.destroy();
@@ -28093,7 +28093,7 @@ var Vc = (function (exports, vue) {
       } else {
         const wrapper = this.wrapper;
         const app = vue.createApp({
-          name: COMPONENT_NAME$1C,
+          name: COMPONENT_NAME$1D,
           parent,
           setup() {
             if (alive) {
@@ -28203,9 +28203,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1B = "vc-portal-view";
+  const COMPONENT_NAME$1C = "vc-portal-view";
   const PortalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1B,
+    name: COMPONENT_NAME$1C,
     props: props$18,
     setup(props2, {
       slots
@@ -28368,9 +28368,9 @@ var Vc = (function (exports, vue) {
     };
     return () => vue.h(props2.tag, { onClick: handleClick, class: "vc-clipboard" }, slots?.default?.());
   };
-  const COMPONENT_NAME$1A = "vc-clipboard";
+  const COMPONENT_NAME$1B = "vc-clipboard";
   const Clipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1A,
+    name: COMPONENT_NAME$1B,
     props: props$17,
     setup() {
       return useClipboard((content) => Message.success({ content }));
@@ -28402,9 +28402,9 @@ var Vc = (function (exports, vue) {
   const MTransitionScale = TransitionScale;
   const MTransitionSlide = TransitionSlide;
   const MTransitionZoom = TransitionZoom;
-  const COMPONENT_NAME$1z = "vcm-toast";
+  const COMPONENT_NAME$1A = "vcm-toast";
   const MToastView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1z,
+    name: COMPONENT_NAME$1A,
     emits: ["close", "portal-fulfilled"],
     props: props$16,
     setup(props2, {
@@ -28503,9 +28503,9 @@ var Vc = (function (exports, vue) {
   const warning$2 = create$3({ mode: "warning" });
   const error$2 = create$3({ mode: "error" });
   const MToast = Object.assign(MToastView, { destroy: destroy$4, info: info$2, success: success$2, loading, warning: warning$2, error: error$2 });
-  const COMPONENT_NAME$1y = "vcm-clipboard";
+  const COMPONENT_NAME$1z = "vcm-clipboard";
   const MClipboard$1 = vue.defineComponent({
-    name: COMPONENT_NAME$1y,
+    name: COMPONENT_NAME$1z,
     props: props$17,
     setup() {
       return useClipboard((content) => MToast.info({ content }));
@@ -28534,9 +28534,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1x = "vc-collapse";
+  const COMPONENT_NAME$1y = "vc-collapse";
   const Collapse = vue.defineComponent({
-    name: COMPONENT_NAME$1x,
+    name: COMPONENT_NAME$1y,
     props: props$15,
     emits: ["update:moodelValue", "change"],
     setup(props2, { slots, emit }) {
@@ -28648,9 +28648,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1w = "vc-expand";
+  const COMPONENT_NAME$1x = "vc-expand";
   const Expand$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1w,
+    name: COMPONENT_NAME$1x,
     props: props$13,
     setup(props2, {
       slots
@@ -28677,9 +28677,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1v = "vc-collapse-item";
+  const COMPONENT_NAME$1w = "vc-collapse-item";
   const CollapseItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1v,
+    name: COMPONENT_NAME$1w,
     props: props$14,
     setup(props2, {
       slots,
@@ -28749,9 +28749,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1u = "vc-color-picker";
+  const COMPONENT_NAME$1v = "vc-color-picker";
   const ColorPicker = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1u,
+    name: COMPONENT_NAME$1v,
     props: props$12,
     setup(props2, {
       slots
@@ -28770,9 +28770,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$1t = "vc-countdown";
+  const COMPONENT_NAME$1u = "vc-countdown";
   const Countdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1t,
+    name: COMPONENT_NAME$1u,
     props: props$11,
     setup(props2, {
       slots
@@ -29210,9 +29210,9 @@ var Vc = (function (exports, vue) {
     expose?.(exposed);
     return exposed;
   };
-  const COMPONENT_NAME$1s = "vc-input";
+  const COMPONENT_NAME$1t = "vc-input";
   const Input = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1s,
+    name: COMPONENT_NAME$1t,
     inheritAttrs: false,
     props: {
       ...props$$,
@@ -29542,9 +29542,9 @@ var Vc = (function (exports, vue) {
       handleStepper
     };
   };
-  const COMPONENT_NAME$1r = "vc-input-number";
+  const COMPONENT_NAME$1s = "vc-input-number";
   const InputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1r,
+    name: COMPONENT_NAME$1s,
     props: props$X,
     inheritAttrs: false,
     setup(props2, {
@@ -29604,9 +29604,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$1q = "vc-input-search";
+  const COMPONENT_NAME$1r = "vc-input-search";
   const InputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1q,
+    name: COMPONENT_NAME$1r,
     props: props$W,
     inheritAttrs: false,
     setup(props2, {
@@ -29893,9 +29893,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$2(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$1p = "vc-popover-wrapper";
+  const COMPONENT_NAME$1q = "vc-popover-wrapper";
   const PopoverWrapper = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1p,
+    name: COMPONENT_NAME$1q,
     props: props$_,
     emits: ["portal-fulfilled", "close"],
     setup(props2, {
@@ -30113,9 +30113,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const PopoverPortal = new Portal(PopoverWrapper);
-  const COMPONENT_NAME$1o = "vc-popover";
+  const COMPONENT_NAME$1p = "vc-popover";
   const Popover$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1o,
+    name: COMPONENT_NAME$1p,
     props: props$Z,
     emits: ["update:modelValue", "visible-change", "ready", "close"],
     setup(props2, {
@@ -31191,9 +31191,9 @@ var Vc = (function (exports, vue) {
     }
     return view;
   };
-  const COMPONENT_NAME$1n = "vc-date-confirm";
+  const COMPONENT_NAME$1o = "vc-date-confirm";
   const Confirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1n,
+    name: COMPONENT_NAME$1o,
     props: {
       showTime: {
         type: Boolean,
@@ -31254,9 +31254,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1m = "vc-date-header";
+  const COMPONENT_NAME$1n = "vc-date-header";
   const DateHeader = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1m,
+    name: COMPONENT_NAME$1n,
     props: {
       panelDate: Date,
       showNext: {
@@ -31337,9 +31337,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1l = "vc-date-table";
+  const COMPONENT_NAME$1m = "vc-date-table";
   const DateTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1l,
+    name: COMPONENT_NAME$1m,
     props: {
       value: Array,
       firstDayOfWeek: {
@@ -31539,9 +31539,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1k = "vc-month-table";
+  const COMPONENT_NAME$1l = "vc-month-table";
   const MonthTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1k,
+    name: COMPONENT_NAME$1l,
     props: {
       value: Array,
       panelDate: Date,
@@ -31667,7 +31667,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1j = "vc-quarter-table";
+  const COMPONENT_NAME$1k = "vc-quarter-table";
   const getMonthRange = (panelDate, quarter) => {
     const year = panelDate.getFullYear();
     const [startMonth, endMonth] = [quarter * 3, quarter * 3 + 2];
@@ -31694,7 +31694,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const QuarterTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1j,
+    name: COMPONENT_NAME$1k,
     props: {
       value: Array,
       panelDate: Date,
@@ -31812,9 +31812,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1i = "vc-shortcuts-select";
+  const COMPONENT_NAME$1j = "vc-shortcuts-select";
   const ShortcutsSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1i,
+    name: COMPONENT_NAME$1j,
     props: {
       panelDate: Date,
       config: Array,
@@ -31851,9 +31851,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1h = "vc-time-select";
+  const COMPONENT_NAME$1i = "vc-time-select";
   const TimeSelect = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1h,
+    name: COMPONENT_NAME$1i,
     props: {
       hours: {
         type: [Number, String],
@@ -32128,9 +32128,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1g = "vc-year-table";
+  const COMPONENT_NAME$1h = "vc-year-table";
   const YearTable = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1g,
+    name: COMPONENT_NAME$1h,
     props: {
       value: Array,
       panelDate: Date,
@@ -32246,9 +32246,9 @@ var Vc = (function (exports, vue) {
     }
     return true;
   };
-  const COMPONENT_NAME$1f = "vc-date-range-panel";
+  const COMPONENT_NAME$1g = "vc-date-range-panel";
   const DateRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1f,
+    name: COMPONENT_NAME$1g,
     props: {
       ...props$V,
       confirm: {
@@ -32609,9 +32609,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1e = "vc-date-panel";
+  const COMPONENT_NAME$1f = "vc-date-panel";
   const DatePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1e,
+    name: COMPONENT_NAME$1f,
     props: {
       ...props$V,
       type: String,
@@ -32810,9 +32810,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1d = "vc-monthrange-panel";
+  const COMPONENT_NAME$1e = "vc-monthrange-panel";
   const MonthRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1d,
+    name: COMPONENT_NAME$1e,
     props: {
       ...props$V,
       confirm: {
@@ -32982,9 +32982,9 @@ var Vc = (function (exports, vue) {
     const endYear = value[1].getFullYear();
     return startYear === endYear;
   };
-  const COMPONENT_NAME$1c = "vc-quarterrange-panel";
+  const COMPONENT_NAME$1d = "vc-quarterrange-panel";
   const QuarterRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1c,
+    name: COMPONENT_NAME$1d,
     props: {
       ...props$V,
       confirm: {
@@ -33215,9 +33215,9 @@ var Vc = (function (exports, vue) {
       seconds
     };
   };
-  const COMPONENT_NAME$1b = "vc-timerange-panel";
+  const COMPONENT_NAME$1c = "vc-timerange-panel";
   const TimeRangePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1b,
+    name: COMPONENT_NAME$1c,
     props: props$U,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -33313,9 +33313,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$1a = "vc-time-panel";
+  const COMPONENT_NAME$1b = "vc-time-panel";
   const TimePanel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$1a,
+    name: COMPONENT_NAME$1b,
     props: props$U,
     emits: ["pick", "clear", "ok"],
     setup(props2, {
@@ -33366,7 +33366,7 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$19 = "vc-date-picker";
+  const COMPONENT_NAME$1a = "vc-date-picker";
   const getPanel$1 = (type) => {
     if (["daterange", "datetimerange"].includes(type)) {
       return DateRangePanel;
@@ -33377,7 +33377,7 @@ var Vc = (function (exports, vue) {
     }
     return DatePanel;
   };
-  const DatePicker = createPicker(COMPONENT_NAME$19, props$10, () => {
+  const DatePicker = createPicker(COMPONENT_NAME$1a, props$10, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("date");
     const panel = vue.shallowRef({});
@@ -33405,9 +33405,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$18 = "vc-divider";
+  const COMPONENT_NAME$19 = "vc-divider";
   const Divider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$18,
+    name: COMPONENT_NAME$19,
     props: props$T,
     setup(props2, {
       slots
@@ -33554,7 +33554,7 @@ var Vc = (function (exports, vue) {
     barTo: props$R.to,
     ...pick(props$R, barKeys)
   };
-  const COMPONENT_NAME$17 = "vc-scroller-track";
+  const COMPONENT_NAME$18 = "vc-scroller-track";
   const BAR_MAP = {
     vertical: {
       scroll: "scrollTop",
@@ -33574,7 +33574,7 @@ var Vc = (function (exports, vue) {
     }
   };
   const Track$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$17,
+    name: COMPONENT_NAME$18,
     props: props$S,
     emits: ["change"],
     inheritAttrs: false,
@@ -33736,9 +33736,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$16 = "vc-scroller-bar";
+  const COMPONENT_NAME$17 = "vc-scroller-bar";
   const Bar = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$16,
+    name: COMPONENT_NAME$17,
     props: props$R,
     emits: ["change"],
     setup(props2, {
@@ -33949,9 +33949,9 @@ var Vc = (function (exports, vue) {
       refreshPosition
     };
   };
-  const COMPONENT_NAME$15 = "vc-scroller";
+  const COMPONENT_NAME$16 = "vc-scroller";
   const Scroller = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$15,
+    name: COMPONENT_NAME$16,
     props: props$Q,
     emits: ["scroll"],
     setup(props2, {
@@ -34009,9 +34009,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$14 = "vc-scroller-wheel";
+  const COMPONENT_NAME$15 = "vc-scroller-wheel";
   const ScrollerWheel = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$14,
+    name: COMPONENT_NAME$15,
     props: Object.assign(props$Q, {
       stopPropagation: {
         type: Boolean,
@@ -34192,9 +34192,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$13 = "vc-drawer";
+  const COMPONENT_NAME$14 = "vc-drawer";
   const DrawerView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$13,
+    name: COMPONENT_NAME$14,
     props: props$P,
     emits: ["close", "update:modelValue", "visible-change"],
     setup(props2, {
@@ -34353,9 +34353,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$12 = "vc-dropdown";
+  const COMPONENT_NAME$13 = "vc-dropdown";
   const Dropdown = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$12,
+    name: COMPONENT_NAME$13,
     props: props$O,
     setup(props2, {
       slots
@@ -34374,9 +34374,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$11 = "vc-editor";
+  const COMPONENT_NAME$12 = "vc-editor";
   const Editor = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$11,
+    name: COMPONENT_NAME$12,
     props: props$N,
     setup(props2, {
       slots
@@ -34515,9 +34515,9 @@ var Vc = (function (exports, vue) {
       validateField
     });
   };
-  const COMPONENT_NAME$10 = "vc-form";
+  const COMPONENT_NAME$11 = "vc-form";
   const Form = vue.defineComponent({
-    name: COMPONENT_NAME$10,
+    name: COMPONENT_NAME$11,
     props: props$M,
     setup(props2, { slots, expose }) {
       useForm(expose);
@@ -34837,9 +34837,9 @@ var Vc = (function (exports, vue) {
       labelPosition
     };
   };
-  const COMPONENT_NAME$$ = "vc-form-item";
+  const COMPONENT_NAME$10 = "vc-form-item";
   const FormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$$,
+    name: COMPONENT_NAME$10,
     props: props$L,
     setup(props2, {
       slots,
@@ -34902,9 +34902,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$_ = "vcm-form";
+  const COMPONENT_NAME$$ = "vcm-form";
   const MForm = vue.defineComponent({
-    name: COMPONENT_NAME$_,
+    name: COMPONENT_NAME$$,
     props: props$K,
     setup(props2, { slots, expose }) {
       useForm(expose, {
@@ -34931,9 +34931,9 @@ var Vc = (function (exports, vue) {
       default: 12
     }
   };
-  const COMPONENT_NAME$Z = "vcm-form-item";
+  const COMPONENT_NAME$_ = "vcm-form-item";
   const MFormItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Z,
+    name: COMPONENT_NAME$_,
     props: props$J,
     setup(props2, {
       slots,
@@ -34986,9 +34986,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$Y = "vc-fragment";
+  const COMPONENT_NAME$Z = "vc-fragment";
   const Fragment = vue.defineComponent({
-    name: COMPONENT_NAME$Y,
+    name: COMPONENT_NAME$Z,
     setup(_, { slots }) {
       return () => vue.h(vue.Fragment, slots.default?.());
     }
@@ -35000,9 +35000,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$X = "vc-html-to-image";
+  const COMPONENT_NAME$Y = "vc-html-to-image";
   const HTMLToImage = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$X,
+    name: COMPONENT_NAME$Y,
     props: props$I,
     setup(props2, {
       slots
@@ -35017,10 +35017,107 @@ var Vc = (function (exports, vue) {
   const MHTMLToImage = HTMLToImage;
   const MIcon = Icon;
   const props$H = {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  };
+  const COMPONENT_NAME$X = "vc-image-preview";
+  const ImagePreview$1 = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$X,
+    props: props$H,
+    setup(props2, {
+      slots
+    }) {
+      return () => {
+        return vue.createVNode("div", {
+          "class": "vc-image-preview"
+        }, [slots?.default?.()]);
+      };
+    }
+  });
+  const MAX_WIDTH = window.innerWidth;
+  const MAX_HEIGHT = window.innerHeight;
+  const getFitSize = (src) => {
+    return new Promise((resolve) => {
+      const img = new Image();
+      let width;
+      let height;
+      img.onload = () => {
+        const owidth = img.naturalWidth || img.width;
+        const oheight = img.naturalHeight || img.height;
+        if (owidth > oheight) {
+          width = Math.min(MAX_WIDTH, owidth);
+          height = width / owidth * oheight;
+          resolve({
+            width,
+            height
+          });
+        } else {
+          height = Math.min(MAX_HEIGHT, oheight);
+          width = height / oheight * owidth;
+          resolve({
+            width,
+            height
+          });
+        }
+      };
+      img.onerror = () => resolve({});
+      img.src = src;
+    });
+  };
+  const open$1 = async (options) => {
+    const e = VcInstance.globalEvent;
+    const data = options.data.map((i) => {
+      if (typeof i === "string") {
+        return {
+          src: i
+        };
+      }
+      return {
+        ...i,
+        src: i.source || i.src
+      };
+    });
+    for (let i = 0; i < data.length; i++) {
+      if (!data[i].width) {
+        data[i] = {
+          ...data[i],
+          ...await getFitSize(data[i].src)
+        };
+      }
+    }
+    const lightbox = new PhotoSwipeLightbox({
+      pswpModule: () => Promise.resolve().then(() => photoswipe_esm),
+      closeTitle: "关闭(Esc)",
+      zoomTitle: "缩放",
+      arrowPrevTitle: "上一张",
+      arrowNextTitle: "下一张",
+      errorMsg: "网络异常 图片加载失败",
+      indexIndicatorSep: " / ",
+      initialZoomLevel: "fit"
+    });
+    lightbox.init();
+    lightbox.loadAndOpen(
+      options.current || 0,
+      data,
+      // 下面无效，需要给官方支持
+      {
+        x: e?.clientX,
+        y: e?.clientY
+      }
+    );
+  };
+  const ImagePreview = Object.assign(ImagePreview$1, { open: open$1 });
+  const props$G = {
     src: String,
     fit: String,
     lazy: Boolean,
-    wrapper: [Object, String]
+    wrapper: [Object, String],
+    previewable: {
+      type: Boolean,
+      default: true
+    }
   };
   class IMGStore {
     map;
@@ -35086,7 +35183,7 @@ var Vc = (function (exports, vue) {
   const Image$1 = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$W,
     inheritAttrs: false,
-    props: props$H,
+    props: props$G,
     setup(props2, {
       slots,
       emit
@@ -35230,6 +35327,15 @@ var Vc = (function (exports, vue) {
       const alignCenter = vue.computed(() => {
         return !isSupportObjectFit && props2.fit !== ObjectFit.FILL;
       });
+      const handlePreview = () => {
+        if (!props2.previewable) return;
+        ImagePreview.open({
+          current: 0,
+          data: [props2.src],
+          onClose() {
+          }
+        });
+      };
       vue.watch(() => props2.src, (v) => {
         if (!v && !isLoading.value) {
           isLoading.value = true;
@@ -35250,7 +35356,9 @@ var Vc = (function (exports, vue) {
       return () => {
         return vue.createVNode("div", {
           "style": its.value.style,
-          "class": [its.value.class, "vc-image"]
+          "class": [its.value.class, {
+            "is-allow-preview": props2.previewable
+          }, "vc-image"]
         }, [isLoading.value && (slots.placeholder ? slots.placeholder() : vue.createVNode("div", {
           "class": [{
             "is-auto": isAuto.value
@@ -35268,12 +35376,14 @@ var Vc = (function (exports, vue) {
           // 包含所有on*都会被绑定, 且listeners中覆盖将由listener内触发（inheritAttrs: false）
           ...its.value.attrs,
           ...its.value.listeners
+        }, {
+          "onClick": handlePreview
         }), null)]);
       };
     }
   });
   const MImage = Image$1;
-  const props$G = {
+  const props$F = {
     tag: {
       type: String,
       default: "div"
@@ -35282,7 +35392,7 @@ var Vc = (function (exports, vue) {
   const COMPONENT_NAME$V = "vc-image-crop";
   const ImageCrop = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$V,
-    props: props$G,
+    props: props$F,
     setup(props2, {
       slots
     }) {
@@ -35294,99 +35404,6 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageCrop = ImageCrop;
-  const props$F = {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  };
-  const COMPONENT_NAME$U = "vc-image-preview";
-  const ImagePreview$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$U,
-    props: props$F,
-    setup(props2, {
-      slots
-    }) {
-      return () => {
-        return vue.createVNode("div", {
-          "class": "vc-image-preview"
-        }, [slots?.default?.()]);
-      };
-    }
-  });
-  const MAX_WIDTH = window.innerWidth;
-  const MAX_HEIGHT = window.innerHeight;
-  const getFitSize = (src) => {
-    return new Promise((resolve) => {
-      const img = new Image();
-      let width;
-      let height;
-      img.onload = () => {
-        const owidth = img.naturalWidth || img.width;
-        const oheight = img.naturalHeight || img.height;
-        if (owidth > oheight) {
-          width = Math.min(MAX_WIDTH, owidth);
-          height = width / owidth * oheight;
-          resolve({
-            width,
-            height
-          });
-        } else {
-          height = Math.min(MAX_HEIGHT, oheight);
-          width = height / oheight * owidth;
-          resolve({
-            width,
-            height
-          });
-        }
-      };
-      img.onerror = () => resolve({});
-      img.src = src;
-    });
-  };
-  const open$1 = async (options) => {
-    const e = VcInstance.globalEvent;
-    const data = options.data.map((i) => {
-      if (typeof i === "string") {
-        return {
-          src: i
-        };
-      }
-      return {
-        ...i,
-        src: i.source || i.src
-      };
-    });
-    for (let i = 0; i < data.length; i++) {
-      if (!data[i].width) {
-        data[i] = {
-          ...data[i],
-          ...await getFitSize(data[i].src)
-        };
-      }
-    }
-    const lightbox = new PhotoSwipeLightbox({
-      pswpModule: () => Promise.resolve().then(() => photoswipe_esm),
-      closeTitle: "关闭(Esc)",
-      zoomTitle: "缩放",
-      arrowPrevTitle: "上一张",
-      arrowNextTitle: "下一张",
-      errorMsg: "网络异常 图片加载失败",
-      indexIndicatorSep: " / ",
-      initialZoomLevel: "fit"
-    });
-    lightbox.init();
-    lightbox.loadAndOpen(
-      options.current || 0,
-      data,
-      // 下面无效，需要给官方支持
-      {
-        x: e?.clientX,
-        y: e?.clientY
-      }
-    );
-  };
-  const ImagePreview = Object.assign(ImagePreview$1, { open: open$1 });
   const MImagePreview = ImagePreview;
   const props$E = {
     tag: {
@@ -35394,9 +35411,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$T = "vc-image-processing";
+  const COMPONENT_NAME$U = "vc-image-processing";
   const ImageProcessing = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$T,
+    name: COMPONENT_NAME$U,
     props: props$E,
     setup(props2, {
       slots
@@ -35409,9 +35426,9 @@ var Vc = (function (exports, vue) {
     }
   });
   const MImageProcessing = ImageProcessing;
-  const COMPONENT_NAME$S = "vcm-input";
+  const COMPONENT_NAME$T = "vcm-input";
   const MInput = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$S,
+    name: COMPONENT_NAME$T,
     inheritAttrs: false,
     props: {
       ...props$$,
@@ -35498,9 +35515,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$R = "vcm-input-number";
+  const COMPONENT_NAME$S = "vcm-input-number";
   const MInputNumber = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$R,
+    name: COMPONENT_NAME$S,
     props: props$X,
     inheritAttrs: false,
     setup(props2, {
@@ -35546,9 +35563,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$Q = "vcm-input-search";
+  const COMPONENT_NAME$R = "vcm-input-search";
   const MInputSearch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$Q,
+    name: COMPONENT_NAME$R,
     props: {
       ...props$W,
       cancelText: {
@@ -35622,9 +35639,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$P = "vcm-list";
+  const COMPONENT_NAME$Q = "vcm-list";
   const MList = vue.defineComponent({
-    name: COMPONENT_NAME$P,
+    name: COMPONENT_NAME$Q,
     props: props$D,
     setup(props2, { slots }) {
       vue.provide("vc-list", { props: props2 });
@@ -35675,10 +35692,10 @@ var Vc = (function (exports, vue) {
     // MListItem是否独立存在
     alone: Boolean
   };
-  const COMPONENT_NAME$O = "vcm-list-item";
+  const COMPONENT_NAME$P = "vcm-list-item";
   const HTTP_REGEX = /[a-zA-z]+:\/\/[^\s]*/;
   const MListItem = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$O,
+    name: COMPONENT_NAME$P,
     props: props$C,
     emits: ["click"],
     setup(props2, {
@@ -35762,11 +35779,11 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$N = "vc-marquee";
+  const COMPONENT_NAME$O = "vc-marquee";
   const ANIMATION = prefixStyle("animation").camel;
   const TRANSFORM_KEBAB = prefixStyle("transform").kebab;
   const Marquee = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$N,
+    name: COMPONENT_NAME$O,
     props: props$B,
     setup(props2, {
       slots
@@ -35827,9 +35844,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$M = "vc-resizer";
+  const COMPONENT_NAME$N = "vc-resizer";
   const Resizer = vue.defineComponent({
-    name: COMPONENT_NAME$M,
+    name: COMPONENT_NAME$N,
     props: props$A,
     emit: ["resize", "change"],
     setup(props2, { emit, slots, expose }) {
@@ -35983,10 +36000,10 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$L = "vc-modal";
+  const COMPONENT_NAME$M = "vc-modal";
   let zIndexNumber = 1002;
   const ModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$L,
+    name: COMPONENT_NAME$M,
     emits: ["update:modelValue", "close", "portal-fulfilled", "visible-change", "ok", "cancel"],
     props: props$z,
     setup(props2, {
@@ -36376,9 +36393,9 @@ var Vc = (function (exports, vue) {
       type: Function
     }
   };
-  const COMPONENT_NAME$K = "vc-modal";
+  const COMPONENT_NAME$L = "vc-modal";
   const MModalView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$K,
+    name: COMPONENT_NAME$L,
     emits: ["update:modelValue", "portal-fulfilled", "close", "ok", "cancel"],
     props: props$y,
     setup(props2, {
@@ -36573,9 +36590,9 @@ var Vc = (function (exports, vue) {
     // 这个相当于Modal中的onCancel，支持Promise
     onBeforeClose: Function
   };
-  const COMPONENT_NAME$J = "vc-notice";
+  const COMPONENT_NAME$K = "vc-notice";
   const NoticeView = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$J,
+    name: COMPONENT_NAME$K,
     props: props$x,
     emits: ["portal-fulfilled", "close", "before-close"],
     setup(props2, {
@@ -36741,9 +36758,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$I = "vc-option";
+  const COMPONENT_NAME$J = "vc-option";
   const Option$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$I,
+    name: COMPONENT_NAME$J,
     props: props$w,
     setup(props2, {
       slots
@@ -36849,9 +36866,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$H = "vc-tag";
+  const COMPONENT_NAME$I = "vc-tag";
   const Tag = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$H,
+    name: COMPONENT_NAME$I,
     props: props$u,
     emits: ["close", "change"],
     setup(props2, {
@@ -36916,9 +36933,9 @@ var Vc = (function (exports, vue) {
       default: true
     }
   };
-  const COMPONENT_NAME$G = "vc-select-option";
+  const COMPONENT_NAME$H = "vc-select-option";
   const Option = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$G,
+    name: COMPONENT_NAME$H,
     props: props$t,
     setup(props2, {
       slots
@@ -36985,9 +37002,9 @@ var Vc = (function (exports, vue) {
       type: [String, Number]
     }
   };
-  const COMPONENT_NAME$F = "vc-select-option-group";
+  const COMPONENT_NAME$G = "vc-select-option-group";
   const OptionGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$F,
+    name: COMPONENT_NAME$G,
     props: props$s,
     setup(props2, {
       slots
@@ -37081,9 +37098,9 @@ var Vc = (function (exports, vue) {
   function _isSlot$1(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$E = "vc-select";
+  const COMPONENT_NAME$F = "vc-select";
   const Select = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$E,
+    name: COMPONENT_NAME$F,
     props: props$r,
     emits: ["ready", "close", "visible-change", "clear", "change", "update:modelValue"],
     setup(props2, {
@@ -37316,9 +37333,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$D = "vc-pagination";
+  const COMPONENT_NAME$E = "vc-pagination";
   const Pagination = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$D,
+    name: COMPONENT_NAME$E,
     props: props$v,
     emits: ["update:current", "change", "page-size-change"],
     setup(props2, {
@@ -37509,9 +37526,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$C = "vc-picker";
+  const COMPONENT_NAME$D = "vc-picker";
   const Picker = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$C,
+    name: COMPONENT_NAME$D,
     props: props$q,
     setup(props2, {
       slots
@@ -37530,9 +37547,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$B = "vc-popconfirm";
+  const COMPONENT_NAME$C = "vc-popconfirm";
   const Popconfirm = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$B,
+    name: COMPONENT_NAME$C,
     props: props$p,
     setup(props2, {
       slots
@@ -37552,9 +37569,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$A = "vc-popup";
+  const COMPONENT_NAME$B = "vc-popup";
   const Popup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$A,
+    name: COMPONENT_NAME$B,
     props: props$o,
     setup(props2, {
       slots
@@ -37575,9 +37592,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$z = "vc-print";
+  const COMPONENT_NAME$A = "vc-print";
   const Print = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$z,
+    name: COMPONENT_NAME$A,
     props: props$n,
     setup(props2, {
       expose,
@@ -37667,9 +37684,9 @@ var Vc = (function (exports, vue) {
       })
     }
   };
-  const COMPONENT_NAME$y = "vc-progress-circle";
+  const COMPONENT_NAME$z = "vc-progress-circle";
   const Circle$1 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$y,
+    name: COMPONENT_NAME$z,
     props: props$m,
     setup(props2, {
       slots
@@ -37726,9 +37743,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$x = "vc-progress-line";
+  const COMPONENT_NAME$y = "vc-progress-line";
   const Line$2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$x,
+    name: COMPONENT_NAME$y,
     props: props$m,
     setup(props2) {
       const colorStyle = vue.computed(() => {
@@ -37772,9 +37789,9 @@ var Vc = (function (exports, vue) {
   function _isSlot(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const COMPONENT_NAME$w = "vc-progress";
+  const COMPONENT_NAME$x = "vc-progress";
   const Progress = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$w,
+    name: COMPONENT_NAME$x,
     props: props$m,
     setup(props2, {
       slots
@@ -37926,9 +37943,9 @@ var Vc = (function (exports, vue) {
       computedLabel
     };
   };
-  const COMPONENT_NAME$v = "vc-radio";
+  const COMPONENT_NAME$w = "vc-radio";
   const Radio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$v,
+    name: COMPONENT_NAME$w,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -38034,9 +38051,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$u = "vc-radio-group";
+  const COMPONENT_NAME$v = "vc-radio-group";
   const RadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$u,
+    name: COMPONENT_NAME$v,
     props: props$k,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -38054,9 +38071,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$t = "vcm-radio";
+  const COMPONENT_NAME$u = "vcm-radio";
   const MRadio = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$t,
+    name: COMPONENT_NAME$u,
     props: props$l,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -38094,9 +38111,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$s = "vcm-radio-group";
+  const COMPONENT_NAME$t = "vcm-radio-group";
   const MRadioGroup = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$s,
+    name: COMPONENT_NAME$t,
     props: props$k,
     emits: ["update:modelValue", "change"],
     setup(props2, {
@@ -38121,9 +38138,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$r = "vc-rate";
+  const COMPONENT_NAME$s = "vc-rate";
   const Rate = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$r,
+    name: COMPONENT_NAME$s,
     props: props$j,
     setup(props2, {
       slots
@@ -38186,9 +38203,9 @@ var Vc = (function (exports, vue) {
     renderPlaceholder: Function,
     renderRefresh: Function
   };
-  const COMPONENT_NAME$q = "vc-recycle-list-scroll-state";
+  const COMPONENT_NAME$r = "vc-recycle-list-scroll-state";
   const ScrollState = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$q,
+    name: COMPONENT_NAME$r,
     setup(_, {
       slots
     }) {
@@ -38312,10 +38329,10 @@ var Vc = (function (exports, vue) {
     );
     return keys;
   };
-  const COMPONENT_NAME$p = "vc-recycle-list-container";
+  const COMPONENT_NAME$q = "vc-recycle-list-container";
   const transformKey = prefixStyle("transform").camel;
   const Container = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$p,
+    name: COMPONENT_NAME$q,
     props: props$h,
     emits: ["refresh"],
     setup(props2, {
@@ -38408,9 +38425,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$o = "vc-recycle-list";
+  const COMPONENT_NAME$p = "vc-recycle-list";
   const RecycleList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$o,
+    name: COMPONENT_NAME$p,
     props: props$i,
     emits: ["scroll", "row-resize"],
     setup(props2, {
@@ -38931,9 +38948,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$n = "vc-slider";
+  const COMPONENT_NAME$o = "vc-slider";
   const Slider = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$n,
+    name: COMPONENT_NAME$o,
     props: props$g,
     setup(props2, {
       slots
@@ -38952,9 +38969,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$m = "vc-sort-list";
+  const COMPONENT_NAME$n = "vc-sort-list";
   const SortList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$m,
+    name: COMPONENT_NAME$n,
     props: props$f,
     setup(props2, {
       slots
@@ -38973,9 +38990,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$l = "vc-steps";
+  const COMPONENT_NAME$m = "vc-steps";
   const Steps = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$l,
+    name: COMPONENT_NAME$m,
     props: props$e,
     setup(props2, {
       slots
@@ -39082,9 +39099,9 @@ var Vc = (function (exports, vue) {
       reset
     };
   };
-  const COMPONENT_NAME$k = "vc-switch";
+  const COMPONENT_NAME$l = "vc-switch";
   const Switch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$k,
+    name: COMPONENT_NAME$l,
     props: props$d,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -39118,9 +39135,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$j = "vcm-switch";
+  const COMPONENT_NAME$k = "vcm-switch";
   const MSwitch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$j,
+    name: COMPONENT_NAME$k,
     props: props$d,
     // click -> onClick要被拦截，此处不能放置
     emits: ["update:modelValue", "change", "click"],
@@ -40221,9 +40238,9 @@ var Vc = (function (exports, vue) {
     });
     return states;
   };
-  const COMPONENT_NAME$i = "vc-table-normal-list";
+  const COMPONENT_NAME$j = "vc-table-normal-list";
   const NormalList = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$i,
+    name: COMPONENT_NAME$j,
     props: {
       data: {
         type: Array,
@@ -41059,9 +41076,9 @@ var Vc = (function (exports, vue) {
     // 用于延迟渲染，用于计算高度
     delay: Number
   };
-  const COMPONENT_NAME$h = "vc-table";
+  const COMPONENT_NAME$i = "vc-table";
   const Table = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$h,
+    name: COMPONENT_NAME$i,
     props: props$c,
     emits: ["select", "select-all", "selection-change", "cell-mouse-enter", "cell-mouse-leave", "cell-click", "cell-dblclick", "row-click", "row-contextmenu", "row-dblclick", "header-click", "header-contextmenu", "current-change", "header-dragend ", "expand-change", "sort-change"],
     setup(props2, {
@@ -41668,9 +41685,9 @@ var Vc = (function (exports, vue) {
     });
     return endIndex;
   };
-  const COMPONENT_NAME$g = "vc-text";
+  const COMPONENT_NAME$h = "vc-text";
   const Text = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$g,
+    name: COMPONENT_NAME$h,
     props: props$b,
     setup(props2, {
       emit
@@ -42299,9 +42316,9 @@ var Vc = (function (exports, vue) {
       handleChange
     };
   };
-  const COMPONENT_NAME$f = "vc-tabs";
+  const COMPONENT_NAME$g = "vc-tabs";
   const Tabs = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$f,
+    name: COMPONENT_NAME$g,
     props: props$a,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
@@ -42525,9 +42542,9 @@ var Vc = (function (exports, vue) {
       currentValue
     };
   };
-  const COMPONENT_NAME$e = "vc-tabs-pane";
+  const COMPONENT_NAME$f = "vc-tabs-pane";
   const TabsPane = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$e,
+    name: COMPONENT_NAME$f,
     props: props$9,
     setup(_, {
       slots
@@ -42578,9 +42595,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$d = "vcm-tabs";
+  const COMPONENT_NAME$e = "vcm-tabs";
   const MTabs = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$d,
+    name: COMPONENT_NAME$e,
     props: props$8,
     emits: ["update:modelValue", "change", "click"],
     setup(props2, {
@@ -42808,9 +42825,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$c = "vcm-tabs-pane";
+  const COMPONENT_NAME$d = "vcm-tabs-pane";
   const MTabsPane = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$c,
+    name: COMPONENT_NAME$d,
     props: props$9,
     setup(_, {
       slots
@@ -43103,9 +43120,9 @@ var Vc = (function (exports, vue) {
       type: [Object, Array]
     }
   };
-  const COMPONENT_NAME$b = "vc-textarea";
+  const COMPONENT_NAME$c = "vc-textarea";
   const Textarea = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$b,
+    name: COMPONENT_NAME$c,
     props: Object.assign(props$7, {
       indicator: {
         type: [Boolean, Object],
@@ -43158,9 +43175,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$a = "vcm-textarea";
+  const COMPONENT_NAME$b = "vcm-textarea";
   const MTextarea = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$a,
+    name: COMPONENT_NAME$b,
     props: Object.assign(props$7, {
       align: {
         type: String,
@@ -43241,9 +43258,9 @@ var Vc = (function (exports, vue) {
       type: [String, Object]
     }
   };
-  const COMPONENT_NAME$9 = "vc-theme";
+  const COMPONENT_NAME$a = "vc-theme";
   const Theme = vue.defineComponent({
-    name: COMPONENT_NAME$9,
+    name: COMPONENT_NAME$a,
     props: props$6,
     setup(props2, { slots }) {
       const themeId = getUid("vc-theme");
@@ -43328,9 +43345,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$8 = "vc-theme-view";
+  const COMPONENT_NAME$9 = "vc-theme-view";
   const ThemeView = vue.defineComponent({
-    name: COMPONENT_NAME$8,
+    name: COMPONENT_NAME$9,
     props: props$6,
     setup(props2, { slots }) {
       return () => {
@@ -43345,9 +43362,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$7 = "vc-theme-text";
+  const COMPONENT_NAME$8 = "vc-theme-text";
   const ThemeText = vue.defineComponent({
-    name: COMPONENT_NAME$7,
+    name: COMPONENT_NAME$8,
     props: props$6,
     setup(props2, { slots }) {
       return () => {
@@ -43362,9 +43379,9 @@ var Vc = (function (exports, vue) {
       };
     }
   });
-  const COMPONENT_NAME$6 = "vc-theme-image";
+  const COMPONENT_NAME$7 = "vc-theme-image";
   const ThemeImage = vue.defineComponent({
-    name: COMPONENT_NAME$6,
+    name: COMPONENT_NAME$7,
     props: props$6,
     setup(props2, { slots }) {
       return () => {
@@ -43408,12 +43425,12 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$5 = "vc-time-picker";
+  const COMPONENT_NAME$6 = "vc-time-picker";
   const getPanel = (type) => {
     const isRange = type === "timerange";
     return isRange ? TimeRangePanel : TimePanel;
   };
-  const TimePicker = createPicker(COMPONENT_NAME$5, props$5, () => {
+  const TimePicker = createPicker(COMPONENT_NAME$6, props$5, () => {
     const props2 = vue.getCurrentInstance().props;
     const icon = vue.ref("icon");
     const panel = vue.shallowRef({});
@@ -43443,9 +43460,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$4 = "vc-timeline";
+  const COMPONENT_NAME$5 = "vc-timeline";
   const Timeline = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$4,
+    name: COMPONENT_NAME$5,
     props: props$4,
     setup(props2, {
       slots
@@ -43466,9 +43483,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$3 = "vc-touch";
+  const COMPONENT_NAME$4 = "vc-touch";
   const Touch = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$3,
+    name: COMPONENT_NAME$4,
     props: props$3,
     setup(props2, {
       slots
@@ -43487,9 +43504,9 @@ var Vc = (function (exports, vue) {
       default: "div"
     }
   };
-  const COMPONENT_NAME$2 = "vc-tree";
+  const COMPONENT_NAME$3 = "vc-tree";
   const Tree2 = /* @__PURE__ */ vue.defineComponent({
-    name: COMPONENT_NAME$2,
+    name: COMPONENT_NAME$3,
     props: props$2,
     setup(props2, {
       slots
@@ -43595,9 +43612,9 @@ var Vc = (function (exports, vue) {
       default: false
     }
   };
-  const COMPONENT_NAME$1 = "vc-upload";
+  const COMPONENT_NAME$2 = "vc-upload";
   const Upload = vue.defineComponent({
-    name: COMPONENT_NAME$1,
+    name: COMPONENT_NAME$2,
     props: props$1,
     emits: [
       "message",
@@ -43980,6 +43997,97 @@ var Vc = (function (exports, vue) {
     showMessage: Boolean,
     gallery: Boolean
   };
+  const COMPONENT_NAME$1 = "vc-steps";
+  const ImageItem = /* @__PURE__ */ vue.defineComponent({
+    name: COMPONENT_NAME$1,
+    props: {
+      imageClass: [String, Object, Array],
+      disabled: Boolean,
+      row: Object,
+      imagePreviewOptions: {
+        type: Object,
+        default: () => ({})
+      },
+      index: [String, Number],
+      data: {
+        type: Array,
+        default: () => []
+      },
+      keyValue: Object
+    },
+    emits: ["open", "close", "delete"],
+    setup(props2, {
+      slots,
+      emit
+    }) {
+      const instance = vue.getCurrentInstance();
+      const current = vue.computed(() => {
+        if (props2.row?.status === 0) return -1;
+        const v = props2.data.filter((i) => i.status !== 0);
+        return v.findIndex((i) => {
+          const a = i[props2.keyValue.value] || i;
+          const b = props2.row?.[props2.keyValue.value] || props2.row;
+          return a === b;
+        });
+      });
+      const getPreviewData = () => {
+        return props2.data.map((i) => i?.[props2.keyValue.value]);
+      };
+      const previewByPS = (e, index) => {
+        emit("open");
+        ImagePreview.open({
+          current: index,
+          data: getPreviewData(),
+          onClose: () => emit("close")
+        });
+      };
+      const handlePreview = (e) => {
+        let {
+          enhancer
+        } = VcInstance.options.ImagePreview || {};
+        enhancer = props2.imagePreviewOptions.enhancer || enhancer || (() => false);
+        const images = getPreviewData().map((item) => ({
+          src: item
+        }));
+        enhancer(current.value, images, instance) || previewByPS(e, current.value);
+      };
+      const handleDel = () => {
+        emit("delete");
+      };
+      return () => {
+        const row = props2.row;
+        return vue.createVNode("div", {
+          "class": [{
+            "is-error": row.status == 0
+          }, "vc-upload-image-item"]
+        }, [slots.default ? slots.default({
+          it: row,
+          current: current.value
+        }) : vue.createVNode(vue.Fragment, null, [!row.errorFlag && typeof row[props2.keyValue.value] === "string" ? vue.createVNode(Image$1, {
+          "src": row[props2.keyValue.value],
+          "class": [props2.imageClass, "vc-upload-image-item__content"],
+          "fit": "cover",
+          "previewable": false,
+          "onClick": handlePreview
+        }, null) : vue.createVNode("div", {
+          "class": [props2.imageClass, "vc-upload-image-item__content"]
+        }, [row.percent && row.percent != 100 ? vue.createVNode(Progress, {
+          "percent": row.percent,
+          "show-text": false,
+          "status": "normal",
+          "style": "width: 100%;padding: 0 5px"
+        }, null) : !row[props2.keyValue.value] && row.percent === 100 && !row.errorFlag ? vue.createVNode("p", {
+          "style": "line-height: 1; padding: 5px"
+        }, [vue.createTextVNode("服务器正在接收...")]) : row.status == 0 ? vue.createVNode("div", {
+          "style": "padding: 5px"
+        }, [vue.createTextVNode("上传失败")]) : null]), (!props2.disabled || row.errorFlag) && vue.createVNode(Icon, {
+          "type": "close-small",
+          "class": "vc-upload-picker__delete",
+          "onClick": handleDel
+        }, null)])]);
+      };
+    }
+  });
   const recognizer = (url) => {
     const reg = /\.(jpe?g|png|gif|bmp|webp|image|heic|mp4|mov|avi|mpg|mpeg|rmvb)/ig;
     const result = url.match(reg);
@@ -44227,7 +44335,7 @@ var Vc = (function (exports, vue) {
   const UploadPicker = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME,
     props,
-    emits: ["update:modelValue", "file-success", "file-start", "success", "error", "complete", "change", "remove-before"],
+    emits: ["update:modelValue", "file-success", "file-start", "file-before", "file-error", "success", "error", "complete", "change", "remove-before"],
     setup(props2, {
       slots,
       expose
@@ -44239,8 +44347,7 @@ var Vc = (function (exports, vue) {
             case "image":
               pre.push({
                 type: cur,
-                item: "div"
-                // item: ImageItem
+                item: ImageItem
               });
               return pre;
             case "video":
@@ -44287,7 +44394,7 @@ var Vc = (function (exports, vue) {
             const Item = picker.item;
             return vue.createVNode(Item, {
               "key": typeof item === "object" ? item.uid : item,
-              "it": item,
+              "row": item,
               "disabled": props2.disabled,
               "image-preview-options": props2.imagePreviewOptions,
               "imageClass": props2.imageClass,
@@ -44295,18 +44402,19 @@ var Vc = (function (exports, vue) {
               "audioClass": props2.audioClass,
               "fileClass": props2.fileClass,
               "index": index,
-              "data": item,
+              "keyValue": props2.keyValue,
+              "data": base.currentValue.value[picker.type],
               "class": "vc-upload-picker__item",
               "onDelete": () => base.handleDelete(index, picker.type)
             }, {
-              default: (scopeData) => {
-                return slots.default ? slots.default({
+              default: slots.default ? (scopeData) => {
+                return slots?.default?.({
                   it: scopeData?.it,
                   current: scopeData?.current,
                   index,
                   name: picker.type
-                }) : scopeData;
-              }
+                });
+              } : null
             });
           }), vue.withDirectives(vue.createVNode(Upload, vue.mergeProps(base.currentUploadOptions.value[picker.type], {
             "max": base.dynamicMax[picker.type],