@koi-design/uxd-ui 12.1.36-beta.0

package/es/utils/isValid.mjs

@@ -0,0 +1,24 @@
+const { toString } = Object.prototype;
+const isNumeric = (value) => {
+  return !Number.isNaN(parseFloat(value.toString())) && isFinite(value);
+};
+const isInteger = Number.isInteger || function(val) {
+  return typeof val === "number" && isFinite(val) && Math.floor(val) === val;
+};
+const isFunction = (val) => toString.call(val) === "[object Function]";
+const isArray = Array.isArray || function(val) {
+  return toString.call(val) === "[object Array]";
+};
+const isPlainObject = (val) => {
+  if (toString.call(val) !== "[object Object]") {
+    return false;
+  }
+  const proto = Object.getPrototypeOf(val);
+  return proto === null || proto == Object.getPrototypeOf({});
+};
+const isValid = (val) => {
+  return val !== null && val !== void 0 && val !== "";
+};
+
+export { isArray, isFunction, isInteger, isNumeric, isPlainObject, isValid };
+//# sourceMappingURL=isValid.mjs.map

package/es/utils/isValid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValid.mjs","sources":["../../../src/utils/isValid.ts"],"sourcesContent":["/* eslint-disable func-names */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-restricted-globals */\n\nconst { toString } = Object.prototype;\n\nexport const isNumeric = (value: number | string) => {\n  return !Number.isNaN(parseFloat(value.toString())) && isFinite(value as number);\n};\n\nexport const isInteger =\n  Number.isInteger ||\n  function (val) {\n    return typeof val === 'number' && isFinite(val) && Math.floor(val) === val;\n  };\n\nexport const isFunction = (val: any) => toString.call(val) === '[object Function]';\n\nexport const isArray =\n  Array.isArray ||\n  function (val) {\n    return toString.call(val) === '[object Array]';\n  };\n\nexport const isPlainObject = (val: any) => {\n  if (toString.call(val) !== '[object Object]') {\n    return false;\n  }\n  const proto = Object.getPrototypeOf(val);\n  return proto === null || proto == Object.getPrototypeOf({});\n};\n\nexport const isValid = (val: any) => {\n  return val !== null && val !== undefined && val !== '';\n};\n"],"names":[],"mappings":"AAIA,MAAM,EAAE,aAAa,OAAO;MAEf,YAAY,CAAC,UAA2B;AACnD,SAAO,CAAC,OAAO,MAAM,WAAW,MAAM,UAAU,CAAC,KAAK,SAAS,KAAe;AAChF;MAEa,YACX,OAAO,aACP,SAAU,KAAK;AACb,SAAO,OAAO,QAAQ,YAAY,SAAS,GAAG,KAAK,KAAK,MAAM,GAAG,MAAM;AACzE;MAEW,aAAa,CAAC,QAAa,SAAS,KAAK,GAAG,MAAM;MAElD,UACX,MAAM,WACN,SAAU,KAAK;AACb,SAAO,SAAS,KAAK,GAAG,MAAM;AAChC;MAEW,gBAAgB,CAAC,QAAa;AACzC,MAAI,SAAS,KAAK,GAAG,MAAM,mBAAmB;AAC5C,WAAO;AAAA;AAET,QAAM,QAAQ,OAAO,eAAe,GAAG;AACvC,SAAO,UAAU,QAAQ,SAAS,OAAO,eAAe,EAAE;AAC5D;MAEa,UAAU,CAAC,QAAa;AACnC,SAAO,QAAQ,QAAQ,QAAQ,UAAa,QAAQ;AACtD;;;;"}

package/es/utils/placements.d.ts

@@ -0,0 +1,3 @@
+declare const placements: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
+export declare type Placements = (typeof placements)[number];
+export default placements;

package/es/utils/placements.mjs

@@ -0,0 +1,20 @@
+const placements = [
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top",
+  "top-start",
+  "top-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+];
+
+export { placements as default };
+//# sourceMappingURL=placements.mjs.map

package/es/utils/placements.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"placements.mjs","sources":["../../../src/utils/placements.ts"],"sourcesContent":["const placements = [\n  'auto',\n  'auto-start',\n  'auto-end',\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'right',\n  'right-start',\n  'right-end',\n  'left',\n  'left-start',\n  'left-end'\n] as const;\n\nexport type Placements = (typeof placements)[number];\n\nexport default placements;\n"],"names":[],"mappings":"MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;"}

package/es/utils/propsValidators.d.ts

@@ -0,0 +1,2 @@
+export declare const oneOf: <T>(args: readonly T[]) => (val: T) => boolean;
+export declare const isArrayOf: (arg: any) => (val: any[]) => boolean;

package/es/utils/propsValidators.mjs

@@ -0,0 +1,48 @@
+import { toArray } from './tools.mjs';
+import { isArray, isPlainObject } from './isValid.mjs';
+import warning from './warn.mjs';
+
+const warnType = "propType error";
+const validateType = (type, value, silent = false) => {
+  let valid = true;
+  let expectedType;
+  if (type !== null) {
+    expectedType = type.name;
+    if (expectedType === "Array") {
+      valid = isArray(value);
+    } else if (expectedType === "Object") {
+      valid = isPlainObject(value);
+    } else if (expectedType === "String" || expectedType === "Number" || expectedType === "Boolean" || expectedType === "Function") {
+      valid = typeof value === expectedType.toLowerCase();
+    } else {
+      valid = value instanceof type;
+    }
+  }
+  if (!valid) {
+    if (!silent) {
+      warning(`${type} value "${value}" should be of type "${expectedType}"`, warnType);
+    }
+    return false;
+  }
+  return valid;
+};
+const oneOf = (args) => {
+  return (val) => {
+    return args.includes(val);
+  };
+};
+const isArrayOf = (arg) => {
+  const types = toArray(arg);
+  return (val) => {
+    if (val.length > 0) {
+      const rst = val.every((v) => {
+        return types.some((type) => validateType(type, v, true));
+      });
+      return rst;
+    }
+    return true;
+  };
+};
+
+export { isArrayOf, oneOf };
+//# sourceMappingURL=propsValidators.mjs.map

package/es/utils/propsValidators.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"propsValidators.mjs","sources":["../../../src/utils/propsValidators.ts"],"sourcesContent":["import { toArray } from './tools';\nimport { isArray, isPlainObject } from './isValid';\nimport warn from './warn';\n\nconst warnType = 'propType error';\n\nconst validateType = (type: any, value: any, silent = false) => {\n  let valid = true;\n  let expectedType;\n  if (type !== null) {\n    expectedType = type.name;\n    if (expectedType === 'Array') {\n      valid = isArray(value);\n    } else if (expectedType === 'Object') {\n      valid = isPlainObject(value);\n    } else if (expectedType === 'String' || expectedType === 'Number' || expectedType === 'Boolean' || expectedType === 'Function') {\n      valid = typeof value === expectedType.toLowerCase();\n    } else {\n      valid = value instanceof type;\n    }\n  }\n\n  if (!valid) {\n    if (!silent) {\n      warn(`${type} value \"${value}\" should be of type \"${expectedType}\"`, warnType);\n    }\n    return false;\n  }\n\n  return valid;\n};\n\nexport const oneOf = <T>(args: readonly T[]) => {\n  return (val: T) => {\n    return args.includes(val);\n  };\n};\n\nexport const isArrayOf = (arg: any) => {\n  const types = toArray(arg);\n  return (val: any[]) => {\n    if (val.length > 0) {\n      const rst = val.every((v) => {\n        return types.some((type) => validateType(type, v, true));\n      });\n      return rst;\n    }\n    return true;\n  };\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAW;AAEjB,MAAM,eAAe,CAAC,MAAW,OAAY,SAAS,UAAU;AAC9D,MAAI,QAAQ;AACZ,MAAI;AACJ,MAAI,SAAS,MAAM;AACjB,mBAAe,KAAK;AACpB,QAAI,iBAAiB,SAAS;AAC5B,cAAQ,QAAQ,KAAK;AAAA,eACZ,iBAAiB,UAAU;AACpC,cAAQ,cAAc,KAAK;AAAA,eAClB,iBAAiB,YAAY,iBAAiB,YAAY,iBAAiB,aAAa,iBAAiB,YAAY;AAC9H,cAAQ,OAAO,UAAU,aAAa;AAAY,WAC7C;AACL,cAAQ,iBAAiB;AAAA;AAC3B;AAGF,MAAI,CAAC,OAAO;AACV,QAAI,CAAC,QAAQ;AACX,cAAK,GAAG,eAAe,6BAA6B,iBAAiB,QAAQ;AAAA;AAE/E,WAAO;AAAA;AAGT,SAAO;AACT;MAEa,QAAQ,CAAI,SAAuB;AAC9C,SAAO,CAAC,QAAW;AACjB,WAAO,KAAK,SAAS,GAAG;AAAA;AAE5B;MAEa,YAAY,CAAC,QAAa;AACrC,QAAM,QAAQ,QAAQ,GAAG;AACzB,SAAO,CAAC,QAAe;AACrB,QAAI,IAAI,SAAS,GAAG;AAClB,YAAM,MAAM,IAAI,MAAM,CAAC,MAAM;AAC3B,eAAO,MAAM,KAAK,CAAC,SAAS,aAAa,MAAM,GAAG,IAAI,CAAC;AAAA,OACxD;AACD,aAAO;AAAA;AAET,WAAO;AAAA;AAEX;;;;"}

package/es/utils/requestAnimationTimeout.d.ts

@@ -0,0 +1,8 @@
+export declare const getRequestAnimationFrame: () => (((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame) | (() => void);
+export declare const cancelRequestAnimationFrame: (id: number) => void | (() => void);
+export declare const cancelAnimationTimeout: (frame: {
+    id: number;
+}) => void | (() => void);
+export declare const requestAnimationTimeout: (callback: () => void, delay: number) => {
+    id: number | void;
+};

package/es/utils/requestAnimationTimeout.mjs

@@ -0,0 +1,52 @@
+function requestAnimationFramePolyfill() {
+  let lastTime = 0;
+  return (callback) => {
+    const currTime = new Date().getTime();
+    const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+    const id = window.setTimeout(() => {
+      callback(currTime + timeToCall);
+    }, timeToCall);
+    lastTime = currTime + timeToCall;
+    return id;
+  };
+}
+const getRequestAnimationFrame = () => {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  if (window.requestAnimationFrame) {
+    return window.requestAnimationFrame;
+  }
+  return requestAnimationFramePolyfill();
+};
+const cancelRequestAnimationFrame = (id) => {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  if (window.cancelAnimationFrame) {
+    return window.cancelAnimationFrame(id);
+  }
+  return clearTimeout(id);
+};
+const raf = getRequestAnimationFrame();
+const cancelAnimationTimeout = (frame) => cancelRequestAnimationFrame(frame.id);
+const requestAnimationTimeout = (callback, delay) => {
+  const start = Date.now();
+  const frame = {
+    id: null
+  };
+  function timeout() {
+    if (Date.now() - start >= delay) {
+      callback();
+    } else {
+      frame.id = raf(timeout);
+    }
+  }
+  frame.id = raf(timeout);
+  return frame;
+};
+
+export { cancelAnimationTimeout, cancelRequestAnimationFrame, getRequestAnimationFrame, requestAnimationTimeout };
+//# sourceMappingURL=requestAnimationTimeout.mjs.map

package/es/utils/requestAnimationTimeout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestAnimationTimeout.mjs","sources":["../../../src/utils/requestAnimationTimeout.ts"],"sourcesContent":["function requestAnimationFramePolyfill() {\n  let lastTime = 0;\n  return (callback: (time: number) => void) => {\n    const currTime = new Date().getTime();\n    const timeToCall = Math.max(0, 16 - (currTime - lastTime));\n    const id = window.setTimeout(() => {\n      callback(currTime + timeToCall);\n    }, timeToCall);\n    lastTime = currTime + timeToCall;\n    return id;\n  };\n}\n\nexport const getRequestAnimationFrame = () => {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  if (window.requestAnimationFrame) {\n    return window.requestAnimationFrame;\n  }\n  return requestAnimationFramePolyfill();\n};\n\nexport const cancelRequestAnimationFrame = (id: number) => {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  if (window.cancelAnimationFrame) {\n    return window.cancelAnimationFrame(id);\n  }\n  return clearTimeout(id);\n};\n\nconst raf = getRequestAnimationFrame();\n\nexport const cancelAnimationTimeout = (frame: { id: number }) => cancelRequestAnimationFrame(frame.id);\n\nexport const requestAnimationTimeout = (callback: () => void, delay: number) => {\n  const start = Date.now();\n  const frame = {\n    id: null as number | void\n  };\n\n  function timeout() {\n    if (Date.now() - start >= delay) {\n      callback();\n    } else {\n      frame.id = raf(timeout);\n    }\n  }\n  // const frame = {\n  //   id: raf(timeout)\n  // };\n  frame.id = raf(timeout);\n  return frame;\n};\n"],"names":[],"mappings":"AAAA,SAAS,gCAAgC;AACvC,MAAI,WAAW;AACf,SAAO,CAAC,aAAqC;AAC3C,UAAM,WAAW,IAAI,OAAO;AAC5B,UAAM,aAAa,KAAK,IAAI,GAAG,MAAM,WAAW,SAAS;AACzD,UAAM,KAAK,OAAO,WAAW,MAAM;AACjC,eAAS,WAAW,UAAU;AAAA,OAC7B,UAAU;AACb,eAAW,WAAW;AACtB,WAAO;AAAA;AAEX;MAEa,2BAA2B,MAAM;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA;AAAC;AAEhB,MAAI,OAAO,uBAAuB;AAChC,WAAO,OAAO;AAAA;AAEhB,SAAO;AACT;MAEa,8BAA8B,CAAC,OAAe;AACzD,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA;AAAC;AAEhB,MAAI,OAAO,sBAAsB;AAC/B,WAAO,OAAO,qBAAqB,EAAE;AAAA;AAEvC,SAAO,aAAa,EAAE;AACxB;AAEA,MAAM,MAAM;MAEC,yBAAyB,CAAC,UAA0B,4BAA4B,MAAM,EAAE;MAExF,0BAA0B,CAAC,UAAsB,UAAkB;AAC9E,QAAM,QAAQ,KAAK;AACnB,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA;AAGN,WAAS,UAAU;AACjB,QAAI,KAAK,QAAQ,SAAS,OAAO;AAC/B;AAAS,WACJ;AACL,YAAM,KAAK,IAAI,OAAO;AAAA;AACxB;AAKF,QAAM,KAAK,IAAI,OAAO;AACtB,SAAO;AACT;;;;"}

package/es/utils/responsiveObserve.d.ts

@@ -0,0 +1,20 @@
+export declare const responsiveArray: readonly ["xxl", "xl", "lg", "md", "sm", "xs"];
+export declare type ResponsiveKeys = (typeof responsiveArray)[number];
+export declare type ScreensMatch = Record<ResponsiveKeys, boolean>;
+export declare const responsiveMap: Record<ResponsiveKeys, string>;
+export declare const breakpointMap: Record<ResponsiveKeys, string>;
+declare interface MatchHandler {
+    mql: MediaQueryList;
+    listener: ({ matches }: {
+        matches: boolean;
+    }) => any;
+}
+declare const responsiveObserve: {
+    matchHandlers: Record<string, MatchHandler>;
+    dispatch(pointMap: ScreensMatch): boolean;
+    subscribe(func: (screensMatch: ScreensMatch) => void): number;
+    unsubscribe(token: number): void;
+    unregister(): void;
+    register(): void;
+};
+export default responsiveObserve;

package/es/utils/responsiveObserve.mjs

@@ -0,0 +1,72 @@
+const responsiveArray = ["xxl", "xl", "lg", "md", "sm", "xs"];
+const responsiveMap = {
+  xs: "(max-width: 575px)",
+  sm: "(min-width: 576px)",
+  md: "(min-width: 768px)",
+  lg: "(min-width: 992px)",
+  xl: "(min-width: 1200px)",
+  xxl: "(min-width: 1600px)"
+};
+const breakpointMap = {
+  xs: "(max-width: 480px)",
+  sm: "(max-width: 576px)",
+  md: "(max-width: 768px)",
+  lg: "(max-width: 992px)",
+  xl: "(max-width: 1200px)",
+  xxl: "(max-width: 1600px)"
+};
+const subscribers = /* @__PURE__ */ new Map();
+let subUid = -1;
+let screens = {};
+const responsiveObserve = {
+  matchHandlers: {},
+  dispatch(pointMap) {
+    screens = pointMap;
+    subscribers.forEach((func) => func(screens));
+    return subscribers.size >= 1;
+  },
+  subscribe(func) {
+    if (!subscribers.size)
+      this.register();
+    subUid += 1;
+    subscribers.set(subUid, func);
+    func(screens);
+    return subUid;
+  },
+  unsubscribe(token) {
+    subscribers.delete(token);
+    if (!subscribers.size)
+      this.unregister();
+  },
+  unregister() {
+    Object.keys(responsiveMap).forEach((screen) => {
+      const matchMediaQuery = responsiveMap[screen];
+      const handler = this.matchHandlers[matchMediaQuery];
+      if (handler) {
+        handler.mql.removeListener(handler.listener);
+      }
+    });
+    subscribers.clear();
+  },
+  register() {
+    Object.keys(responsiveMap).forEach((screen) => {
+      const matchMediaQuery = responsiveMap[screen];
+      const listener = ({ matches }) => {
+        this.dispatch({
+          ...screens,
+          [screen]: matches
+        });
+      };
+      const mql = window.matchMedia(matchMediaQuery);
+      mql.addListener(listener);
+      this.matchHandlers[matchMediaQuery] = {
+        mql,
+        listener
+      };
+      listener({ matches: mql.matches });
+    });
+  }
+};
+
+export { breakpointMap, responsiveObserve as default, responsiveArray, responsiveMap };
+//# sourceMappingURL=responsiveObserve.mjs.map

package/es/utils/responsiveObserve.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveObserve.mjs","sources":["../../../src/utils/responsiveObserve.ts"],"sourcesContent":["export const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nexport type ResponsiveKeys = (typeof responsiveArray)[number];\n\nexport type ScreensMatch = Record<ResponsiveKeys, boolean>;\n\nexport const responsiveMap: Record<ResponsiveKeys, string> = {\n  xs: '(max-width: 575px)',\n  sm: '(min-width: 576px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 992px)',\n  xl: '(min-width: 1200px)',\n  xxl: '(min-width: 1600px)'\n};\n\nexport const breakpointMap: Record<ResponsiveKeys, string> = {\n  xs: '(max-width: 480px)',\n  sm: '(max-width: 576px)',\n  md: '(max-width: 768px)',\n  lg: '(max-width: 992px)',\n  xl: '(max-width: 1200px)',\n  xxl: '(max-width: 1600px)'\n};\n\ndeclare interface MatchHandler {\n  mql: MediaQueryList;\n  listener: ({ matches }: { matches: boolean }) => any;\n}\n\nconst subscribers = new Map();\nlet subUid = -1;\nlet screens: ScreensMatch = {} as ScreensMatch;\n\nconst responsiveObserve = {\n  matchHandlers: {} as Record<string, MatchHandler>,\n  dispatch(pointMap: ScreensMatch): boolean {\n    screens = pointMap;\n    subscribers.forEach((func) => func(screens));\n    return subscribers.size >= 1;\n  },\n  subscribe(func: (screensMatch: ScreensMatch) => void): number {\n    if (!subscribers.size) this.register();\n    subUid += 1;\n    subscribers.set(subUid, func);\n    func(screens);\n    return subUid;\n  },\n  unsubscribe(token: number): void {\n    subscribers.delete(token);\n    if (!subscribers.size) this.unregister();\n  },\n  unregister() {\n    Object.keys(responsiveMap).forEach((screen) => {\n      const matchMediaQuery = responsiveMap[screen as ResponsiveKeys];\n      const handler = this.matchHandlers[matchMediaQuery];\n      if (handler) {\n        handler.mql.removeListener(handler.listener);\n      }\n    });\n    subscribers.clear();\n  },\n  register() {\n    Object.keys(responsiveMap).forEach((screen) => {\n      const matchMediaQuery = responsiveMap[screen as ResponsiveKeys];\n      const listener = ({ matches }: { matches: boolean }) => {\n        this.dispatch({\n          ...screens,\n          [screen]: matches\n        });\n      };\n      const mql = window.matchMedia(matchMediaQuery);\n      mql.addListener(listener);\n      this.matchHandlers[matchMediaQuery] = {\n        mql,\n        listener\n      } as MatchHandler;\n\n      listener({ matches: mql.matches });\n    });\n  }\n};\n\nexport default responsiveObserve;\n"],"names":[],"mappings":"MAAa,kBAAkB,CAAC,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI;MAMtD,gBAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;MAEa,gBAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;AAOA,MAAM,kCAAkB;AACxB,IAAI,SAAS;AACb,IAAI,UAAwB;MAEtB,oBAAoB;AAAA,EACxB,eAAe;AAAC,EAChB,SAAS,UAAiC;AACxC,cAAU;AACV,gBAAY,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;AAC3C,WAAO,YAAY,QAAQ;AAAA;AAC7B,EACA,UAAU,MAAoD;AAC5D,QAAI,CAAC,YAAY;AAAM,WAAK;AAC5B,cAAU;AACV,gBAAY,IAAI,QAAQ,IAAI;AAC5B,SAAK,OAAO;AACZ,WAAO;AAAA;AACT,EACA,YAAY,OAAqB;AAC/B,gBAAY,OAAO,KAAK;AACxB,QAAI,CAAC,YAAY;AAAM,WAAK;AAAW;AACzC,EACA,aAAa;AACX,WAAO,KAAK,aAAa,EAAE,QAAQ,CAAC,WAAW;AAC7C,YAAM,kBAAkB,cAAc;AACtC,YAAM,UAAU,KAAK,cAAc;AACnC,UAAI,SAAS;AACX,gBAAQ,IAAI,eAAe,QAAQ,QAAQ;AAAA;AAC7C,KACD;AACD,gBAAY;AAAM;AACpB,EACA,WAAW;AACT,WAAO,KAAK,aAAa,EAAE,QAAQ,CAAC,WAAW;AAC7C,YAAM,kBAAkB,cAAc;AACtC,YAAM,WAAW,CAAC,EAAE,cAAoC;AACtD,aAAK,SAAS;AAAA,UACZ,GAAG;AAAA,UACH,CAAC,SAAS;AAAA,SACX;AAAA;AAEH,YAAM,MAAM,OAAO,WAAW,eAAe;AAC7C,UAAI,YAAY,QAAQ;AACxB,WAAK,cAAc,mBAAmB;AAAA,QACpC;AAAA,QACA;AAAA;AAGF,eAAS,EAAE,SAAS,IAAI,SAAS;AAAA,KAClC;AAAA;AAEL;;;;"}

package/es/utils/slots.d.ts

@@ -0,0 +1,17 @@
+import { cloneVNode } from 'vue';
+import type { VNodeArrayChildren, VNode, VNodeChild } from 'vue';
+export declare const flattenChildren: (children?: VNodeArrayChildren, _filterEmpty?: boolean) => VNodeArrayChildren;
+declare function isEmptyElement(c: VNode): boolean;
+export declare function filterEmpty(children?: VNodeArrayChildren): ((string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>) | VNodeArrayChildren)[];
+declare const getSlot: (slots: any, name?: string, options?: {}) => VNodeArrayChildren;
+declare const getRender: (children: VNode | VNodeChild | string | number) => () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+declare const findDOMNode: (instance: any) => any;
+declare const isValidElement: (vnode: any) => boolean;
+declare const getPropsData: (vnode: VNode) => {
+    [x: string]: any;
+};
+export { isEmptyElement, isValidElement, getSlot, getRender, findDOMNode, cloneVNode, getPropsData };

package/es/utils/slots.mjs

@@ -0,0 +1,107 @@
+import { isVNode, Fragment, Comment, Text, h } from 'vue';
+export { cloneVNode } from 'vue';
+import { isValid, isFunction } from './isValid.mjs';
+
+const flattenChildren = (children = [], _filterEmpty = true) => {
+  const temp = Array.isArray(children) ? children : [children];
+  const rst = [];
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      rst.push(...flattenChildren(child, _filterEmpty));
+    } else if (child && isVNode(child) && child.type === Fragment) {
+      rst.push(...flattenChildren(child.children, _filterEmpty));
+    } else if (child && isVNode(child)) {
+      if (_filterEmpty && !isEmptyElement(child)) {
+        rst.push(child);
+      } else if (!_filterEmpty) {
+        rst.push(child);
+      }
+    } else if (isValid(child)) {
+      rst.push(child);
+    }
+  });
+  return rst;
+};
+function isEmptyElement(c) {
+  var _a;
+  return c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === "";
+}
+function filterEmpty(children = []) {
+  const res = [];
+  children.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...child);
+    } else if (isVNode(child) && child.type === Fragment) {
+      res.push(...child.children);
+    } else {
+      res.push(child);
+    }
+  });
+  return res.filter((c) => isVNode(c) && !isEmptyElement(c));
+}
+const getSlot = (slots, name = "default", options = {}) => {
+  var _a;
+  if (!slots || !slots[name]) {
+    return [];
+  }
+  const children = (_a = slots[name]) == null ? void 0 : _a.call(slots, options);
+  return flattenChildren(children);
+};
+const getRender = (children) => {
+  if (isVNode(children)) {
+    return () => {
+      return h(children);
+    };
+  }
+  if (Array.isArray(children)) {
+    return () => {
+      return h(Fragment, {}, [...children]);
+    };
+  }
+  if (typeof children === "string" || typeof children === "number") {
+    return () => {
+      return h(Fragment, {}, [String(children)]);
+    };
+  }
+};
+const findDOMNode = (instance) => {
+  let node = instance && (instance.$el || instance);
+  while (node && !node.tagName) {
+    node = node.nextSibling;
+  }
+  return node;
+};
+const isValidElement = (vnode) => {
+  return vnode && vnode.__v_isVNode && typeof vnode.type !== "symbol";
+};
+const camelizeRE = /-(\w)/g;
+const camelize = (str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+};
+const getPropDefaultValue = (opt) => {
+  let value;
+  if (opt !== null && opt.default) {
+    const defaultValue = opt.default;
+    value = opt.type !== Function && isFunction(defaultValue) ? defaultValue() : defaultValue;
+  }
+  return value;
+};
+const getPropsData = (vnode) => {
+  const opts = {};
+  const originProps = vnode.props || {};
+  const props = {};
+  Object.keys(originProps).forEach((key) => {
+    props[camelize(key)] = originProps[key];
+  });
+  const options = isVNode(vnode) ? vnode.type.props : {};
+  if (options) {
+    Object.keys(options).forEach((key) => {
+      const v = props[key] !== void 0 && props[key] !== null ? props[key] : getPropDefaultValue(options[key]);
+      opts[key] = v;
+    });
+  }
+  return { ...props, ...opts };
+};
+
+export { filterEmpty, findDOMNode, flattenChildren, getPropsData, getRender, getSlot, isEmptyElement, isValidElement };
+//# sourceMappingURL=slots.mjs.map

package/es/utils/slots.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.mjs","sources":["../../../src/utils/slots.ts"],"sourcesContent":["import { isVNode, Fragment, Comment, Text, h, cloneVNode } from 'vue';\nimport type { VNodeArrayChildren, VNode, VNodeChild } from 'vue';\nimport { isValid, isFunction } from './isValid';\n\nexport const flattenChildren = (children: VNodeArrayChildren = [], _filterEmpty = true): VNodeArrayChildren => {\n  const temp = Array.isArray(children) ? children : [children];\n  const rst: VNodeArrayChildren = [];\n  temp.forEach((child) => {\n    if (Array.isArray(child)) {\n      rst.push(...flattenChildren(child, _filterEmpty));\n    } else if (child && isVNode(child) && child.type === Fragment) {\n      rst.push(...flattenChildren(child.children as VNodeArrayChildren, _filterEmpty));\n    } else if (child && isVNode(child)) {\n      if (_filterEmpty && !isEmptyElement(child)) {\n        rst.push(child);\n      } else if (!_filterEmpty) {\n        rst.push(child);\n      }\n    } else if (isValid(child)) {\n      rst.push(child);\n    }\n  });\n  return rst;\n};\n\nfunction isEmptyElement(c: VNode) {\n  return c.type === Comment || (c.type === Fragment && c.children?.length === 0) || (c.type === Text && (c.children as string).trim() === '');\n}\n\nexport function filterEmpty(children: VNodeArrayChildren = []) {\n  const res: VNodeArrayChildren = [];\n  children.forEach((child) => {\n    if (Array.isArray(child)) {\n      res.push(...child);\n    } else if (isVNode(child) && child.type === Fragment) {\n      res.push(...(child.children as VNodeArrayChildren));\n    } else {\n      res.push(child);\n    }\n  });\n  return res.filter((c) => isVNode(c) && !isEmptyElement(c));\n}\n\nconst getSlot = (slots: any, name = 'default', options = {}) => {\n  if (!slots || !slots[name]) {\n    return [];\n  }\n  const children = slots[name]?.(options);\n  return flattenChildren(children);\n};\n\nconst getRender = (children: VNode | VNodeChild | string | number) => {\n  if (isVNode(children)) {\n    return () => {\n      return h(children);\n    };\n  }\n  if (Array.isArray(children)) {\n    return () => {\n      return h(Fragment, {}, [...children]);\n    };\n  }\n  if (typeof children === 'string' || typeof children === 'number') {\n    return () => {\n      return h(Fragment, {}, [String(children)]);\n    };\n  }\n};\n\nconst findDOMNode = (instance: any): any => {\n  let node = instance && (instance.$el || instance);\n\n  while (node && !node.tagName) {\n    node = node.nextSibling;\n  }\n  return node;\n};\n\nconst isValidElement = (vnode: any): boolean => {\n  return vnode && vnode.__v_isVNode && typeof vnode.type !== 'symbol';\n};\n\nconst camelizeRE = /-(\\w)/g;\nconst camelize = (str: string): string => {\n  return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));\n};\n\nconst getPropDefaultValue = (opt: Record<string, any>) => {\n  let value;\n  if (opt !== null && opt.default) {\n    const defaultValue = opt.default;\n    value = opt.type !== Function && isFunction(defaultValue) ? defaultValue() : defaultValue;\n  }\n  return value;\n};\n\nconst getPropsData = (vnode: VNode) => {\n  const opts: Record<string, any> = {};\n  const originProps = vnode.props || {};\n  const props: Record<string, any> = {};\n  Object.keys(originProps).forEach((key) => {\n    props[camelize(key)] = originProps[key];\n  });\n  const options = isVNode(vnode) ? (vnode.type as any).props : {};\n  if (options) {\n    Object.keys(options).forEach((key) => {\n      const v = props[key] !== undefined && props[key] !== null ? props[key] : getPropDefaultValue(options[key]);\n      opts[key] = v;\n    });\n  }\n  return { ...props, ...opts };\n};\n\nexport { isEmptyElement, isValidElement, getSlot, getRender, findDOMNode, cloneVNode, getPropsData };\n"],"names":[],"mappings":";;;;MAIa,kBAAkB,CAAC,WAA+B,IAAI,eAAe,SAA6B;AAC7G,QAAM,OAAO,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;AAC3D,QAAM,MAA0B;AAChC,OAAK,QAAQ,CAAC,UAAU;AACtB,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,gBAAgB,OAAO,YAAY,CAAC;AAAA,eACvC,SAAS,QAAQ,KAAK,KAAK,MAAM,SAAS,UAAU;AAC7D,UAAI,KAAK,GAAG,gBAAgB,MAAM,UAAgC,YAAY,CAAC;AAAA,eACtE,SAAS,QAAQ,KAAK,GAAG;AAClC,UAAI,gBAAgB,CAAC,eAAe,KAAK,GAAG;AAC1C,YAAI,KAAK,KAAK;AAAA,iBACL,CAAC,cAAc;AACxB,YAAI,KAAK,KAAK;AAAA;AAChB,eACS,QAAQ,KAAK,GAAG;AACzB,UAAI,KAAK,KAAK;AAAA;AAChB,GACD;AACD,SAAO;AACT;AAEA,SAAS,eAAe,GAAU;AAzBlC;AA0BE,SAAO,EAAE,SAAS,WAAY,EAAE,SAAS,cAAY,OAAE,aAAF,mBAAY,YAAW,KAAO,EAAE,SAAS,QAAS,EAAE,SAAoB,WAAW;AAC1I;SAEgB,YAAY,WAA+B,IAAI;AAC7D,QAAM,MAA0B;AAChC,WAAS,QAAQ,CAAC,UAAU;AAC1B,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,KAAK;AAAA,eACR,QAAQ,KAAK,KAAK,MAAM,SAAS,UAAU;AACpD,UAAI,KAAK,GAAI,MAAM,QAA+B;AAAA,WAC7C;AACL,UAAI,KAAK,KAAK;AAAA;AAChB,GACD;AACD,SAAO,IAAI,OAAO,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AAC3D;MAEM,UAAU,CAAC,OAAY,OAAO,WAAW,UAAU,OAAO;AA3ChE;AA4CE,MAAI,CAAC,SAAS,CAAC,MAAM,OAAO;AAC1B,WAAO;AAAC;AAEV,QAAM,YAAW,WAAM,UAAN,+BAAc;AAC/B,SAAO,gBAAgB,QAAQ;AACjC;MAEM,YAAY,CAAC,aAAmD;AACpE,MAAI,QAAQ,QAAQ,GAAG;AACrB,WAAO,MAAM;AACX,aAAO,EAAE,QAAQ;AAAA;AACnB;AAEF,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,WAAO,MAAM;AACX,aAAO,EAAE,UAAU,IAAI,CAAC,GAAG,QAAQ,CAAC;AAAA;AACtC;AAEF,MAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE,WAAO,MAAM;AACX,aAAO,EAAE,UAAU,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC;AAAA;AAC3C;AAEJ;MAEM,cAAc,CAAC,aAAuB;AAC1C,MAAI,OAAO,aAAa,SAAS,OAAO;AAExC,SAAO,QAAQ,CAAC,KAAK,SAAS;AAC5B,WAAO,KAAK;AAAA;AAEd,SAAO;AACT;MAEM,iBAAiB,CAAC,UAAwB;AAC9C,SAAO,SAAS,MAAM,eAAe,OAAO,MAAM,SAAS;AAC7D;AAEA,MAAM,aAAa;AACnB,MAAM,WAAW,CAAC,QAAwB;AACxC,SAAO,IAAI,QAAQ,YAAY,CAAC,GAAG,MAAO,IAAI,EAAE,gBAAgB,EAAG;AACrE;AAEA,MAAM,sBAAsB,CAAC,QAA6B;AACxD,MAAI;AACJ,MAAI,QAAQ,QAAQ,IAAI,SAAS;AAC/B,UAAM,eAAe,IAAI;AACzB,YAAQ,IAAI,SAAS,YAAY,WAAW,YAAY,IAAI,iBAAiB;AAAA;AAE/E,SAAO;AACT;MAEM,eAAe,CAAC,UAAiB;AACrC,QAAM,OAA4B;AAClC,QAAM,cAAc,MAAM,SAAS;AACnC,QAAM,QAA6B;AACnC,SAAO,KAAK,WAAW,EAAE,QAAQ,CAAC,QAAQ;AACxC,UAAM,SAAS,GAAG,KAAK,YAAY;AAAA,GACpC;AACD,QAAM,UAAU,QAAQ,KAAK,IAAK,MAAM,KAAa,QAAQ;AAC7D,MAAI,SAAS;AACX,WAAO,KAAK,OAAO,EAAE,QAAQ,CAAC,QAAQ;AACpC,YAAM,IAAI,MAAM,SAAS,UAAa,MAAM,SAAS,OAAO,MAAM,OAAO,oBAAoB,QAAQ,IAAI;AACzG,WAAK,OAAO;AAAA,KACb;AAAA;AAEH,SAAO,EAAE,GAAG,OAAO,GAAG;AACxB;;;;"}

package/es/utils/tools.d.ts

@@ -0,0 +1,18 @@
+import _shallowequal from 'shallowequal';
+export declare const generateUUID: () => string;
+export declare const toArray: (value: Array<any> | any) => Array<any>;
+export declare const shallowequal: (objA: any, objB: any, compare?: _shallowequal.Customizer<any>, compareContext?: any) => boolean;
+export interface DebounceReturn {
+    (...args: any[]): void;
+    cancel: () => void;
+}
+export declare const debounce: (func: (...args: any[]) => void, wait?: number, immediate?: boolean) => DebounceReturn;
+export declare function treeMap<T, R>(tree: Array<T>, mapper: (x: T, i?: number) => R, childrenName?: string): Array<R>;
+export declare const treeSort: (tree: Array<any>, sorter: (a: any, b: any) => number, childrenName?: string) => any[];
+export declare function flatArray<T extends Record<string, any>>(data?: Array<T>, childrenName?: string): Array<T>;
+export declare function flatFilter<T extends Record<string, any>>(tree: Array<T>, filterFn: (x: T, lv?: number) => boolean, childrenName?: string, level?: number): Array<T>;
+export interface SetStyleOptions {
+    element?: HTMLElement;
+}
+export declare const setBodyStyle: (bool: boolean) => void;
+export declare const hexToRgba: (hex: string, alpha?: number) => string;

package/es/utils/tools.mjs

@@ -0,0 +1,180 @@
+import _shallowequal from 'shallowequal';
+import { toRaw } from 'vue';
+import { measureScrollbar } from './dom.mjs';
+
+const generateUUID = () => {
+  let d = new Date().getTime();
+  const uuid = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (d + Math.random() * 16) % 16 | 0;
+    d = Math.floor(d / 16);
+    return (c === "x" ? r : r & 7 | 8).toString(16);
+  });
+  return uuid;
+};
+const toArray = (value) => {
+  let ret = value;
+  if (value === void 0) {
+    ret = [];
+  } else if (!Array.isArray(value)) {
+    ret = [value];
+  }
+  return ret;
+};
+const shallowequal = (objA, objB, compare, compareContext) => {
+  return _shallowequal(toRaw(objA), toRaw(objB), compare, compareContext);
+};
+const debounce = (func, wait, immediate) => {
+  let timeout;
+  const debounceFunc = (...args) => {
+    if (args[0] && args[0].persist) {
+      args[0].persist();
+    }
+    const later = () => {
+      timeout = null;
+      func(...args);
+    };
+    if (!timeout && immediate) {
+      func(...args);
+      timeout = setTimeout(() => {
+        timeout = null;
+      }, wait);
+    } else {
+      if (timeout) {
+        clearTimeout(timeout);
+      }
+      timeout = setTimeout(later, wait);
+    }
+  };
+  debounceFunc.cancel = () => {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+  return debounceFunc;
+};
+function treeMap(tree, mapper, childrenName = "children") {
+  return tree.map((node, index) => {
+    const extra = {};
+    if (node[childrenName] && node[childrenName].map) {
+      extra[childrenName] = treeMap(node[childrenName], mapper, childrenName);
+    }
+    return {
+      ...mapper(node, index),
+      ...extra
+    };
+  });
+}
+const treeSort = (tree, sorter, childrenName = "children") => {
+  return tree.sort(sorter).map((node) => {
+    const extra = {};
+    if (node[childrenName]) {
+      extra[childrenName] = treeSort(node[childrenName], sorter, childrenName);
+    }
+    return {
+      ...node,
+      ...extra
+    };
+  });
+};
+function flatArray(data = [], childrenName = "children") {
+  const result = [];
+  const dig = (array) => {
+    array.forEach((item) => {
+      if (item[childrenName]) {
+        const newItem = { ...item };
+        delete newItem[childrenName];
+        result.push(newItem);
+        if (item[childrenName].length > 0) {
+          dig(item[childrenName]);
+        }
+      } else {
+        result.push(item);
+      }
+    });
+  };
+  dig(data);
+  return result;
+}
+function flatFilter(tree, filterFn, childrenName = "children", level = 0) {
+  return tree.reduce((result, node) => {
+    if (filterFn(node, level)) {
+      result.push(node);
+    }
+    if (node[childrenName]) {
+      const children = flatFilter(node[childrenName], filterFn, childrenName, level + 1);
+      result.push(...children);
+    }
+    return result;
+  }, []);
+}
+const getBodyOverflowStatus = () => document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+const setStyle = (style, options = {}) => {
+  const { element = document.body } = options;
+  const oldStyle = {};
+  const styleKeys = Object.keys(style);
+  styleKeys.forEach((key) => {
+    oldStyle[key] = element.style[key];
+  });
+  styleKeys.forEach((key) => {
+    element.style[key] = style[key];
+  });
+  return oldStyle;
+};
+let cacheStyle = {};
+let cacheOverflowStyle = {};
+const setBodyStyle = (bool) => {
+  if (!getBodyOverflowStatus() && bool)
+    return;
+  const bodyScrollingClassName = "uui-body-scroll";
+  const bodyScrollingClassNameReg = new RegExp(bodyScrollingClassName, "g");
+  const bodyClassName = document.body.className;
+  if (bool) {
+    const scrollbarWidth = measureScrollbar({ direction: "", className: "" });
+    if (scrollbarWidth > 0 && !Object.keys(cacheStyle).length) {
+      cacheStyle = setStyle({
+        width: `calc(100% - ${scrollbarWidth}px)`
+      });
+    }
+    if (!Object.keys(cacheOverflowStyle).length) {
+      cacheOverflowStyle = setStyle({
+        overflow: "hidden",
+        overflowX: "hidden",
+        overflowY: "hidden"
+      });
+    }
+    if (!bodyScrollingClassNameReg.test(bodyClassName)) {
+      document.body.className = `${bodyClassName} ${bodyScrollingClassName}`.trim();
+    }
+  } else {
+    if (!bodyScrollingClassNameReg.test(bodyScrollingClassName))
+      return;
+    setStyle(cacheStyle);
+    cacheStyle = {};
+    setStyle(cacheOverflowStyle);
+    cacheOverflowStyle = {};
+    document.body.className = bodyClassName.replace(bodyScrollingClassName, "").trim();
+  }
+};
+const hexToRgba = (hex, alpha = 0.1) => {
+  if (!/^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{6})$/.test(hex)) {
+    return void 0;
+  }
+  const cleanHex = hex.replace("#", "");
+  let r;
+  let g;
+  let b;
+  if (cleanHex.length === 3) {
+    r = parseInt(cleanHex[0] + cleanHex[0], 16);
+    g = parseInt(cleanHex[1] + cleanHex[1], 16);
+    b = parseInt(cleanHex[2] + cleanHex[2], 16);
+  } else {
+    r = parseInt(cleanHex.substring(0, 2), 16);
+    g = parseInt(cleanHex.substring(2, 4), 16);
+    b = parseInt(cleanHex.substring(4, 6), 16);
+  }
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+
+export { debounce, flatArray, flatFilter, generateUUID, hexToRgba, setBodyStyle, shallowequal, toArray, treeMap, treeSort };
+//# sourceMappingURL=tools.mjs.map

package/es/utils/tools.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.mjs","sources":["../../../src/utils/tools.ts"],"sourcesContent":["import _shallowequal from 'shallowequal';\nimport { toRaw } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { measureScrollbar } from './dom';\n\nexport const generateUUID = (): string => {\n  let d = new Date().getTime();\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n    // eslint-disable-next-line no-bitwise\n    const r = (d + Math.random() * 16) % 16 | 0;\n    d = Math.floor(d / 16);\n    // eslint-disable-next-line no-bitwise\n    return (c === 'x' ? r : (r & 0x7) | 0x8).toString(16);\n  });\n  return uuid;\n};\n\nexport const toArray = (value: Array<any> | any): Array<any> => {\n  let ret = value;\n  if (value === undefined) {\n    ret = [];\n  } else if (!Array.isArray(value)) {\n    ret = [value];\n  }\n  return ret;\n};\n\nexport const shallowequal = (objA: any, objB: any, compare?: _shallowequal.Customizer<any>, compareContext?: any) => {\n  return _shallowequal(toRaw(objA), toRaw(objB), compare, compareContext);\n};\n\nexport interface DebounceReturn {\n  (...args: any[]): void;\n  cancel: () => void;\n}\n\nexport const debounce = (func: (...args: any[]) => void, wait?: number, immediate?: boolean): DebounceReturn => {\n  let timeout: any;\n  const debounceFunc = (...args: any[]) => {\n    if (args[0] && args[0].persist) {\n      args[0].persist();\n    }\n    const later = () => {\n      timeout = null;\n      func(...args);\n    };\n    if (!timeout && immediate) {\n      func(...args);\n      timeout = setTimeout(() => {\n        timeout = null;\n      }, wait);\n    } else {\n      if (timeout) {\n        clearTimeout(timeout);\n      }\n      timeout = setTimeout(later, wait);\n    }\n  };\n  debounceFunc.cancel = () => {\n    if (timeout) {\n      clearTimeout(timeout);\n      timeout = null;\n    }\n  };\n  return debounceFunc;\n};\n\n// treeMap\nexport function treeMap<T, R>(tree: Array<T>, mapper: (x: T, i?: number) => R, childrenName = 'children'): Array<R> {\n  return tree.map((node, index) => {\n    const extra: any = {};\n    if ((node as any)[childrenName] && (node as any)[childrenName].map) {\n      extra[childrenName] = treeMap((node as any)[childrenName], mapper, childrenName);\n    }\n    return {\n      ...mapper(node, index),\n      ...extra\n    };\n  });\n}\n\nexport const treeSort = (tree: Array<any>, sorter: (a: any, b: any) => number, childrenName = 'children') => {\n  return tree.sort(sorter).map((node) => {\n    const extra: Record<string, any> = {};\n    if (node[childrenName]) {\n      extra[childrenName] = treeSort(node[childrenName], sorter, childrenName);\n    }\n    return {\n      ...node,\n      ...extra\n    };\n  });\n};\n\nexport function flatArray<T extends Record<string, any>>(data: Array<T> = [], childrenName = 'children'): Array<T> {\n  const result: Array<T> = [];\n  const dig = (array: Array<T>) => {\n    array.forEach((item: T) => {\n      if (item[childrenName]) {\n        const newItem = { ...item };\n        delete newItem[childrenName];\n        result.push(newItem);\n        if ((item[childrenName] as Array<T>).length > 0) {\n          dig(item[childrenName] as Array<T>);\n        }\n      } else {\n        result.push(item);\n      }\n    });\n  };\n  dig(data);\n  return result;\n}\n\nexport function flatFilter<T extends Record<string, any>>(\n  tree: Array<T>,\n  filterFn: (x: T, lv?: number) => boolean,\n  childrenName = 'children',\n  level = 0\n): Array<T> {\n  return tree.reduce((result, node: T) => {\n    if (filterFn(node, level)) {\n      result.push(node);\n    }\n    if (node[childrenName]) {\n      const children = flatFilter<T>(node[childrenName] as Array<T>, filterFn, childrenName, level + 1);\n      result.push(...children);\n    }\n    return result;\n  }, [] as Array<T>);\n}\n\nconst getBodyOverflowStatus = () =>\n  document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;\n\nexport interface SetStyleOptions {\n  element?: HTMLElement;\n}\n\nconst setStyle = (style: CSSProperties, options: SetStyleOptions = {}): CSSProperties => {\n  const { element = document.body } = options;\n  const oldStyle: CSSProperties = {};\n  const styleKeys = Object.keys(style);\n  // IE browser compatible\n  styleKeys.forEach((key) => {\n    oldStyle[key] = element.style[key];\n  });\n  styleKeys.forEach((key) => {\n    element.style[key] = style[key];\n  });\n  return oldStyle;\n};\n\nlet cacheStyle = {};\nlet cacheOverflowStyle = {};\n\nexport const setBodyStyle = (bool: boolean) => {\n  if (!getBodyOverflowStatus() && bool) return;\n\n  const bodyScrollingClassName = 'uui-body-scroll';\n  const bodyScrollingClassNameReg = new RegExp(bodyScrollingClassName, 'g');\n  const bodyClassName = document.body.className;\n\n  if (bool) {\n    const scrollbarWidth = measureScrollbar({ direction: '', className: '' });\n    if (scrollbarWidth > 0 && !Object.keys(cacheStyle).length) {\n      cacheStyle = setStyle({\n        width: `calc(100% - ${scrollbarWidth}px)`\n      });\n    }\n    if (!Object.keys(cacheOverflowStyle).length) {\n      cacheOverflowStyle = setStyle({\n        overflow: 'hidden',\n        overflowX: 'hidden',\n        overflowY: 'hidden'\n      });\n    }\n    if (!bodyScrollingClassNameReg.test(bodyClassName)) {\n      document.body.className = `${bodyClassName} ${bodyScrollingClassName}`.trim();\n    }\n  } else {\n    if (!bodyScrollingClassNameReg.test(bodyScrollingClassName)) return;\n    setStyle(cacheStyle);\n    cacheStyle = {};\n    setStyle(cacheOverflowStyle);\n    cacheOverflowStyle = {};\n    document.body.className = bodyClassName.replace(bodyScrollingClassName, '').trim();\n  }\n};\n\nexport const hexToRgba = (hex: string, alpha = 0.1) => {\n  if (!/^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{6})$/.test(hex)) {\n    return undefined;\n  }\n\n  const cleanHex = hex.replace('#', '');\n\n  let r;\n  let g;\n  let b;\n\n  if (cleanHex.length === 3) {\n    r = parseInt(cleanHex[0] + cleanHex[0], 16);\n    g = parseInt(cleanHex[1] + cleanHex[1], 16);\n    b = parseInt(cleanHex[2] + cleanHex[2], 16);\n  } else {\n    r = parseInt(cleanHex.substring(0, 2), 16);\n    g = parseInt(cleanHex.substring(2, 4), 16);\n    b = parseInt(cleanHex.substring(4, 6), 16);\n  }\n\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n"],"names":[],"mappings":"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"}