ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/lib/style/themes/rounded.scss

@@ -15,9 +15,6 @@ $ele-rounded: map.deep-merge(
     'sidebar': (
       'tool-height': 38px
     ),
-    'sidebox': (
-      'item-radius': elVar('border-radius', 'base')
-    ),
     'alert': (
       'radius': $radius-large,
       'close-hover-bg': hsla(0, 0%, 60%, 0.15)
@@ -65,6 +62,7 @@ $ele-rounded: map.deep-merge(
       'item-radius': elVar('border-radius', 'base'),
       'item-hover-color': elVar('text-color', 'primary'),
       'item-hover-bg': elVar('fill-color', 'light'),
+      'item-focus-bg': elVar('fill-color', 'light'),
       'item-active-line': 0
     ),
     'menu-popup': (
@@ -78,14 +76,17 @@ $ele-rounded: map.deep-merge(
       'item-margin': 4px,
       'item-radius': elVar('border-radius', 'base'),
       'hover-bg': rgba(0, 0, 0, 0.04),
+      'focus-bg': rgba(0, 0, 0, 0.04),
       'active-bg': elVar('color-primary', 'light-9'),
       'arrow-margin': 0 -4px 0 4px,
       'line-size': 0,
       'dark-hover-bg': rgba(255, 255, 255, 0.1),
+      'dark-focus-bg': rgba(255, 255, 255, 0.1),
       'dark-active-bg': elVar('color-primary')
     ),
     'menu-dark': (
-      'hover-bg': rgba(255, 255, 255, 0.1)
+      'hover-bg': rgba(255, 255, 255, 0.1),
+      'focus-bg': rgba(255, 255, 255, 0.1)
     ),
     'menu-colorful': (
       'icon-radius': elVar('border-radius', 'base'),
@@ -218,21 +219,17 @@ $ele-rounded: map.deep-merge(
       'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
       'success-close-hover-bg': elVar('color-success', 'light-8'),
       'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
-    ),
-    'tag-dark': (
-      'close-hover-bg': rgba(255, 255, 255, 0.2),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'warning-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'danger-close-hover-bg': rgba(255, 255, 255, 0.2)
-    ),
-    'tag-plain': (
-      'close-hover-bg': elVar('color-primary', 'light-8'),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': elVar('color-success', 'light-8'),
-      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
+      'danger-close-hover-bg': elVar('color-error', 'light-8'),
+      'dark-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'dark-success-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-warning-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-danger-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'plain-close-hover-bg': elVar('color-primary', 'light-8'),
+      'plain-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'plain-success-close-hover-bg': elVar('color-success', 'light-8'),
+      'plain-warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'plain-danger-close-hover-bg': elVar('color-error', 'light-8')
     ),
     'tree': (
       'item-margin': 2px,

package/lib/style/themes/theme-util.scss

@@ -1,4 +1,6 @@
+@use '../../ele-admin-layout/style/css-var.scss' as *;
 @use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-backtop/style/css-var.scss' as *;
 @use '../../ele-app/style/css-var.scss' as *;
 @use '../../ele-basic-select/style/css-var.scss' as *;
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
@@ -16,7 +18,6 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
-@use '../../ele-pro-layout/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
 @use '../../ele-steps/style/css-var.scss' as *;
@@ -33,7 +34,9 @@
 /* 生成主题的 css 变量 */
 @mixin set-theme-var($selector, $var) {
   #{$selector} {
+    @include set-layout-var($var);
     @include set-alert-var($var);
+    @include set-backtop-var($var);
     @include set-app-var($var);
     @include set-basic-select-var($var);
     @include set-bottom-bar-var($var);
@@ -51,7 +54,6 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
-    @include set-layout-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);
     @include set-step-var($var);

package/lib/style/util.scss

@@ -1,4 +1,4 @@
-@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as el;
 @use 'sass:map';
 
 /* 生成 css 变量名 */
@@ -38,15 +38,15 @@
 
 /* 获取 element 的 css 变量值 */
 @function elVar($args...) {
-  @return getCssVar($args...);
+  @return el.getCssVar($args...);
 }
 
 /* 获取 element 的 css 变量值带默认值 */
 @function elVarDefault($args, $default) {
-  @return getCssVarWithDefault($args, $default);
+  @return el.getCssVarWithDefault($args, $default);
 }
 
 /* 获取 element 的 css 变量名 */
 @function elVarName($args...) {
-  @return getCssVarName($args...);
+  @return el.getCssVarName($args...);
 }

package/lib/utils/core.cjs

@@ -7,6 +7,7 @@ function toTree(option) {
   const childrenField = option.childrenField || "children";
   const parentIdIsNull = option.parentId == null;
   const parentId = parentIdIsNull ? [] : option.parentId;
+  const parentIdIsArray = Array.isArray(parentId);
   const addParentIds = option.addParentIds;
   const parentIdsField = option.parentIdsField || "parentIds";
   const parentIds = option.parentIds ?? [];
@@ -23,18 +24,15 @@ function toTree(option) {
   const result = [];
   data.forEach((d) => {
     if (d[idField] == d[parentIdField]) {
-      throw new Error(
-        [
-          "data error: {",
-          idField + ": ",
-          JSON.stringify(d[idField]),
-          ", " + parentIdField + ": ",
-          JSON.stringify(d[parentIdField]),
-          "}"
-        ].join("")
-      );
+      const error = {
+        [idField]: d[idField],
+        [parentIdField]: d[parentIdField],
+        data: d
+      };
+      console.error("data error:", error);
+      throw new Error("data error");
     }
-    if (Array.isArray(parentId) ? parentId.includes(d[parentIdField]) : d[parentIdField] == parentId) {
+    if (parentIdIsArray ? parentId.includes(d[parentIdField]) : d[parentIdField] == parentId) {
       const t = { ...d };
       const children = toTree({
         data,
@@ -102,6 +100,9 @@ function findTree(data, predicate, childrenField) {
   );
   return temp;
 }
+function random(m, n) {
+  return Math.floor(Math.random() * (m - n) + n);
+}
 function uuid(length = 32, radix) {
   const str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
   let result = "";
@@ -110,20 +111,71 @@ function uuid(length = 32, radix) {
   }
   return result;
 }
-function random(m, n) {
-  return Math.floor(Math.random() * (m - n) + n);
-}
 function formatNumber(num) {
   return String(num ?? "").replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
 }
 function assignObject(target, source, excludes) {
   Object.keys(target).forEach((key) => {
-    if (!(excludes == null ? void 0 : excludes.includes(key))) {
+    var _a;
+    if (!((_a = excludes == null ? void 0 : excludes.includes) == null ? void 0 : _a.call(excludes, key))) {
       target[key] = source[key];
     }
   });
   return target;
 }
+function isExternalLink(url) {
+  return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
+}
+function queryChild(parentEl, className, attr) {
+  return Array.from((parentEl == null ? void 0 : parentEl.children) ?? []).find((el) => {
+    if (className && !el.classList.contains(className)) {
+      return false;
+    }
+    if (attr != null && attr[0] != null) {
+      if (el.getAttribute(attr[0]) != attr[1]) {
+        return false;
+      }
+    }
+    return true;
+  });
+}
+function getCurrentStyle(el) {
+  return el["currentStyle"] || window.getComputedStyle(el, null) || {};
+}
+function contentIsEllipsis(el, direction) {
+  if (!el || !el.childNodes.length) {
+    return false;
+  }
+  const range = document.createRange();
+  range.setStart(el, 0);
+  range.setEnd(el, el.childNodes.length);
+  const { width, height } = range.getBoundingClientRect();
+  const floorW = Math.floor(width);
+  const rangeWidth = width - floorW < 8e-3 ? floorW : width;
+  const floorH = Math.floor(height);
+  const rangeHeight = height - floorH < 8e-3 ? floorH : height;
+  const style = getCurrentStyle(el);
+  const top = Number.parseInt(style.paddingTop) || 0;
+  const left = Number.parseInt(style.paddingLeft) || 0;
+  const right = Number.parseInt(style.paddingRight) || 0;
+  const bottom = Number.parseInt(style.paddingBottom) || 0;
+  const horizontalPadding = left + right;
+  const verticalPadding = top + bottom;
+  if (direction === "horizontal") {
+    return rangeWidth + horizontalPadding > el.offsetWidth || el.scrollWidth > el.offsetWidth;
+  }
+  if (direction === "vertical") {
+    return rangeHeight + verticalPadding > el.offsetHeight || el.scrollHeight > el.offsetHeight;
+  }
+  return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+}
+function checkFullscreen() {
+  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+}
+function exitFullscreen() {
+  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
+  func && func.call(document);
+}
 function requestFullscreen(el) {
   if (el == null) {
     el = document.documentElement;
@@ -134,13 +186,6 @@ function requestFullscreen(el) {
   }
   func.call(el);
 }
-function exitFullscreen() {
-  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
-  func && func.call(document);
-}
-function checkFullscreen() {
-  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
-}
 function bd09ToGcj02(point) {
   const x_pi = 3.141592653589793 * 3e3 / 180;
   const x = point.lng - 65e-4;
@@ -163,11 +208,42 @@ function gcj02ToBd09(point) {
     lat: z * Math.sin(theta) + 6e-3
   };
 }
-function isExternalLink(url) {
-  return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
+async function copyText(text) {
+  var _a;
+  if (typeof ((_a = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a.writeText) === "function") {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const el = document.createElement("textarea");
+  el.value = text;
+  el.style.position = "fixed";
+  el.style.top = "-200px";
+  el.style.left = "-200px";
+  el.style.width = "100px";
+  el.style.height = "100px";
+  document.body.appendChild(el);
+  el.focus();
+  el.select();
+  if (!document.execCommand("copy")) {
+    el.remove();
+    return Promise.reject(new Error("浏览器不支持复制"));
+  }
+  el.remove();
 }
-function getCurrentStyle(el) {
-  return el["currentStyle"] || window.getComputedStyle(el, null) || {};
+function getValue(data, path, defaultValue) {
+  if (data == null) {
+    return defaultValue;
+  }
+  const pathType = typeof path;
+  if (pathType === "function") {
+    return path(data);
+  }
+  const fields = (pathType === "string" ? path.match(/[^\[\].]+/g) : path) ?? [];
+  let result = data;
+  for (const key of fields) {
+    result = result[key.trim()];
+  }
+  return typeof result === "undefined" ? defaultValue : result;
 }
 function debounce(func, wait) {
   let timer = void 0;
@@ -182,12 +258,17 @@ function debounce(func, wait) {
   };
   return debounced;
 }
-function throttle(func, wait) {
+function throttle(func, wait, trailing) {
   let timer = void 0;
   const debounced = function(...args) {
     if (!timer) {
-      func.apply(this, args);
+      if (!trailing) {
+        func.apply(this, args);
+      }
       timer = setTimeout(() => {
+        if (trailing) {
+          func.apply(this, args);
+        }
         timer = void 0;
       }, wait);
     }
@@ -197,8 +278,7 @@ function throttle(func, wait) {
 function omit(obj, fields) {
   const result = Object.assign({}, obj);
   if (obj) {
-    for (let i = 0; i < fields.length; i++) {
-      const key = fields[i];
+    for (const key of fields) {
       delete result[key];
     }
   }
@@ -207,44 +287,17 @@ function omit(obj, fields) {
 function pick(obj, fields) {
   const result = {};
   if (obj) {
-    for (let i = 0; i < fields.length; i++) {
-      const key = fields[i];
+    for (const key of fields) {
       result[key] = obj[key];
     }
   }
   return result;
 }
-function contentIsEllipsis(el, direction) {
-  if (!el || !el.childNodes.length) {
-    return false;
-  }
-  const range = document.createRange();
-  range.setStart(el, 0);
-  range.setEnd(el, el.childNodes.length);
-  const { width, height } = range.getBoundingClientRect();
-  const floorW = Math.floor(width);
-  const rangeWidth = width - floorW < 1e-3 ? floorW : width;
-  const floorH = Math.floor(height);
-  const rangeHeight = height - floorH < 1e-3 ? floorH : height;
-  const style = getCurrentStyle(el);
-  const top = Number.parseInt(style.paddingTop) || 0;
-  const left = Number.parseInt(style.paddingLeft) || 0;
-  const right = Number.parseInt(style.paddingRight) || 0;
-  const bottom = Number.parseInt(style.paddingBottom) || 0;
-  const horizontalPadding = left + right;
-  const verticalPadding = top + bottom;
-  if (direction === "horizontal") {
-    return rangeWidth + horizontalPadding > el.offsetWidth || el.scrollWidth > el.offsetWidth;
-  }
-  if (direction === "vertical") {
-    return rangeHeight + verticalPadding > el.offsetHeight || el.scrollHeight > el.offsetHeight;
-  }
-  return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
-}
 exports.assignObject = assignObject;
 exports.bd09ToGcj02 = bd09ToGcj02;
 exports.checkFullscreen = checkFullscreen;
 exports.contentIsEllipsis = contentIsEllipsis;
+exports.copyText = copyText;
 exports.debounce = debounce;
 exports.eachTree = eachTree;
 exports.exitFullscreen = exitFullscreen;
@@ -252,10 +305,12 @@ exports.findTree = findTree;
 exports.formatNumber = formatNumber;
 exports.gcj02ToBd09 = gcj02ToBd09;
 exports.getCurrentStyle = getCurrentStyle;
+exports.getValue = getValue;
 exports.isExternalLink = isExternalLink;
 exports.mapTree = mapTree;
 exports.omit = omit;
 exports.pick = pick;
+exports.queryChild = queryChild;
 exports.random = random;
 exports.requestFullscreen = requestFullscreen;
 exports.throttle = throttle;

package/lib/utils/core.d.ts

@@ -1,4 +1,3 @@
-/** 常用工具方法 */
 /**
  * toTree 方法参数
  */
@@ -12,13 +11,13 @@ export interface ToTreeOption<T> {
     /** 生成的 children 字段名称 */
     childrenField?: string | null;
     /** 最顶级的 parentId 值 */
-    parentId?: number | string | Array<number | string> | null;
+    parentId?: number | string | (number | string)[] | null;
     /** 是否添加包含所有父级 id 的字段 */
     addParentIds?: boolean | null;
     /** 包含所有父级 id 字段的名称 */
     parentIdsField?: string | null;
     /** 所有父级的 id */
-    parentIds?: Array<number | string> | null;
+    parentIds?: (number | string)[] | null;
 }
 /**
  * parentId 形式数据转 children 形式
@@ -26,20 +25,20 @@ export interface ToTreeOption<T> {
  */
 export declare function toTree<T>(option: ToTreeOption<T>): T[];
 /**
- * 遍历树形形式数据
- * @param data 需要遍历的数据
+ * 遍历 children 形式数据
+ * @param data 数据
  * @param callback 回调
  * @param childrenField children 字段名
  */
 export declare function eachTree<T>(data?: T[], callback?: (item: T, index: number, parent?: T) => void | boolean, childrenField?: string, parent?: T): void;
 /**
- * 格式化树形数据
- * @param data 需要格式化的数据
+ * 格式化 children 形式数据
+ * @param data 数据
  * @param formatter 格式器
  * @param childrenField children 字段名
- * @param resultChildrenField 格式化后的 children 字段名
+ * @param resultChildrenField 返回后的 children 字段名
  */
-export declare function mapTree<T, U>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: U) => U | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: U): U[];
+export declare function mapTree<T, K>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: K) => K | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: K): K[];
 /**
  * 查找树形数据
  * @param data 数据
@@ -47,18 +46,18 @@ export declare function mapTree<T, U>(data: T[] | undefined | null, formatter: (
  * @param childrenField children 字段名
  */
 export declare function findTree<T>(data: T[] | undefined, predicate: (value: T, index: number) => unknown, childrenField?: string): T | undefined;
+/**
+ * 生成 m 到 n 的随机数
+ * @param m 最小值(包含)
+ * @param n 最大值(不包含)
+ */
+export declare function random(m: number, n: number): number;
 /**
  * 生成随机字符串
  * @param length 长度
  * @param radix 基数
  */
 export declare function uuid(length?: number, radix?: number): string;
-/**
- * 生成 m 到 n 的随机数
- * @param m 最小值, 包含
- * @param n 最大值, 不包含
- */
-export declare function random(m: number, n: number): number;
 /**
  * 数字千分位
  * @param num 数字
@@ -70,20 +69,42 @@ export declare function formatNumber(num?: number | null): string;
  * @param source 源对象
  * @param excludes 排除的字段
  */
-export declare function assignObject<T extends {}>(target: T, source: Record<string, any>, excludes?: string[]): T;
+export declare function assignObject<T extends {}, K extends {}>(target: T, source: K, excludes?: string[]): T;
 /**
- * 全屏
- * @param el HTMLElement
+ * 判断是否是外链
+ * @param url 地址
  */
-export declare function requestFullscreen(el?: HTMLElement): void;
+export declare function isExternalLink(url?: string | null): boolean;
 /**
- * 退出全屏
+ * 查找直接子元素
+ * @param parentEl 父元素
+ * @param className 类名
+ * @param attr 属性
  */
-export declare function exitFullscreen(): void;
+export declare function queryChild(parentEl?: Element, className?: string, attr?: string[]): Element | undefined;
+/**
+ * 获取节点样式
+ * @param el 节点
+ */
+export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
+/**
+ * 判断元素内容是否溢出省略
+ * @param el 元素节点
+ */
+export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;
 /**
  * 检查是否全屏
  */
 export declare function checkFullscreen(): boolean;
+/**
+ * 退出全屏
+ */
+export declare function exitFullscreen(): void;
+/**
+ * 全屏
+ * @param el HTMLElement
+ */
+export declare function requestFullscreen(el?: HTMLElement): void;
 /**
  * 经纬度坐标
  */
@@ -103,16 +124,15 @@ export declare function bd09ToGcj02(point: Point): Point;
  * @param point 坐标
  */
 export declare function gcj02ToBd09(point: Point): Point;
+/** 复制字符串 */
+export declare function copyText(text: string): Promise<undefined>;
 /**
- * 判断是否是外链
- * @param url 地址
- */
-export declare function isExternalLink(url?: string | null): boolean;
-/**
- * 获取节点样式
- * @param el 节点
+ * 根据字段路径获取值
+ * @param data 数据
+ * @param path 字段路径
+ * @param defaultValue 默认值
  */
-export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
+export declare function getValue<T, K>(data?: K | null, path?: string | string[] | ((d: K) => T), defaultValue?: T): T | undefined;
 /**
  * 防抖函数
  * @param func 函数
@@ -123,22 +143,18 @@ export declare function debounce<T extends (...args: any) => any>(func: T, wait:
  * 节流函数
  * @param func 函数
  * @param wait 等待时间
+ * @param trailing 是否在节流结束后调用
  */
-export declare function throttle<T extends (...args: any) => any>(func: T, wait: number): (this: any) => void;
+export declare function throttle<T extends (...args: any) => any>(func: T, wait: number, trailing?: boolean): (this: any) => void;
 /**
  * 忽略对象属性
  * @param obj 来源对象
  * @param fields 忽略的属性
  */
-export declare function omit<T extends object, K extends keyof T>(obj: T | null | undefined, fields: Array<K>): Omit<T, K>;
+export declare function omit<T extends {}, K extends keyof T>(obj: T | null | undefined, fields: K[]): Omit<T, K>;
 /**
  * 摘选对象属性
  * @param obj 来源对象
  * @param fields 摘选的属性
  */
-export declare function pick<T extends object, K extends keyof T>(obj: T, fields: Array<K>): Pick<T, K>;
-/**
- * 判断元素内容是否溢出省略
- * @param el 元素节点
- */
-export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;
+export declare function pick<T extends object, K extends keyof T>(obj: T, fields: K[]): Pick<T, K>;

package/lib/utils/hook.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function useTimer(ms, cb) {
+  let timer = null;
+  const stopTimer = () => {
+    if (timer != null) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const startTimer = (callback, timeout) => {
+    stopTimer();
+    timer = setTimeout(
+      callback ?? cb,
+      timeout ?? (typeof ms === "function" ? ms() : ms)
+    );
+  };
+  vue.onBeforeUnmount(() => {
+    stopTimer();
+  });
+  return [startTimer, stopTimer];
+}
+function useMediaQuery(query, onChange) {
+  const mediaQuery = window.matchMedia(query);
+  const handleChange = () => {
+    onChange && onChange();
+  };
+  const startWatch = () => {
+    stopWatch();
+    mediaQuery.addEventListener("change", handleChange);
+  };
+  const stopWatch = () => {
+    mediaQuery.removeEventListener("change", handleChange);
+    handleChange();
+  };
+  vue.onBeforeUnmount(() => {
+    stopWatch();
+  });
+  return [mediaQuery, startWatch, stopWatch];
+}
+function useWindowListener(event, listener) {
+  const eventName = typeof event === "string" ? event : "resize";
+  const callback = typeof event === "function" ? event : listener;
+  if (callback != null) {
+    window.addEventListener(eventName, callback);
+  }
+  vue.onBeforeUnmount(() => {
+    if (callback != null) {
+      window.removeEventListener(eventName, callback);
+    }
+  });
+}
+function useCollapseAnim() {
+  let enterHeight = 0;
+  const getHeight = (el, isEnter) => {
+    if (!isEnter) {
+      return Math.max(el.offsetHeight, el.scrollHeight);
+    }
+    return Math.max(el.offsetHeight, el.scrollHeight, enterHeight);
+  };
+  const handleEnter = (el) => {
+    el.style.maxHeight = `${getHeight(el, true)}px`;
+  };
+  const handleAfterEnter = (el) => {
+    el.style.maxHeight = "";
+  };
+  const handleBeforeLeave = (el) => {
+    enterHeight = getHeight(el);
+    el.style.maxHeight = `${enterHeight}px`;
+  };
+  const handleAfterLeave = (el) => {
+    el.style.maxHeight = "";
+  };
+  return {
+    handleEnter,
+    handleAfterEnter,
+    handleBeforeLeave,
+    handleAfterLeave
+  };
+}
+exports.useCollapseAnim = useCollapseAnim;
+exports.useMediaQuery = useMediaQuery;
+exports.useTimer = useTimer;
+exports.useWindowListener = useWindowListener;