element-ps 1.0.0-alpha.6 → 1.0.1

package/lib/packages/utils/popup-manager.js

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isServer = require('./isServer.js');
+var config = require('./config.js');
+var dom = require('./dom.js');
+var aria = require('./aria.js');
+
+const onTouchMove = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+};
+const onModalClick = () => {
+  PopupManager == null ? void 0 : PopupManager.doOnModalClick();
+};
+let hasModal = false;
+let zIndex;
+const getModal = function() {
+  if (isServer["default"])
+    return null;
+  let modalDom = PopupManager.modalDom;
+  if (modalDom) {
+    hasModal = true;
+  } else {
+    hasModal = false;
+    modalDom = document.createElement("div");
+    PopupManager.modalDom = modalDom;
+    dom.on(modalDom, "touchmove", onTouchMove);
+    dom.on(modalDom, "click", onModalClick);
+  }
+  return modalDom;
+};
+const instances = {};
+const PopupManager = {
+  modalFade: true,
+  modalDom: void 0,
+  zIndex: void 0,
+  getInstance(id) {
+    return instances[id];
+  },
+  register(id, instance) {
+    if (id && instance) {
+      instances[id] = instance;
+    }
+  },
+  deregister(id) {
+    if (id) {
+      instances[id] = null;
+      delete instances[id];
+    }
+  },
+  nextZIndex() {
+    return ++PopupManager.zIndex;
+  },
+  modalStack: [],
+  doOnModalClick() {
+    const topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topItem)
+      return;
+    const instance = PopupManager.getInstance(topItem.id);
+    if (instance && instance.closeOnClickModal.value) {
+      instance.close();
+    }
+  },
+  openModal(id, zIndex2, dom$1, modalClass, modalFade) {
+    if (isServer["default"])
+      return;
+    if (!id || zIndex2 === void 0)
+      return;
+    this.modalFade = modalFade;
+    const modalStack = this.modalStack;
+    for (let i = 0, j = modalStack.length; i < j; i++) {
+      const item = modalStack[i];
+      if (item.id === id) {
+        return;
+      }
+    }
+    const modalDom = getModal();
+    dom.addClass(modalDom, "v-modal");
+    if (this.modalFade && !hasModal) {
+      dom.addClass(modalDom, "v-modal-enter");
+    }
+    if (modalClass) {
+      const classArr = modalClass.trim().split(/\s+/);
+      classArr.forEach((item) => dom.addClass(modalDom, item));
+    }
+    setTimeout(() => {
+      dom.removeClass(modalDom, "v-modal-enter");
+    }, 200);
+    if (dom$1 && dom$1.parentNode && dom$1.parentNode.nodeType !== 11) {
+      dom$1.parentNode.appendChild(modalDom);
+    } else {
+      document.body.appendChild(modalDom);
+    }
+    if (zIndex2) {
+      modalDom.style.zIndex = String(zIndex2);
+    }
+    modalDom.tabIndex = 0;
+    modalDom.style.display = "";
+    this.modalStack.push({ id, zIndex: zIndex2, modalClass });
+  },
+  closeModal(id) {
+    const modalStack = this.modalStack;
+    const modalDom = getModal();
+    if (modalStack.length > 0) {
+      const topItem = modalStack[modalStack.length - 1];
+      if (topItem.id === id) {
+        if (topItem.modalClass) {
+          const classArr = topItem.modalClass.trim().split(/\s+/);
+          classArr.forEach((item) => dom.removeClass(modalDom, item));
+        }
+        modalStack.pop();
+        if (modalStack.length > 0) {
+          modalDom.style.zIndex = String(modalStack[modalStack.length - 1].zIndex);
+        }
+      } else {
+        for (let i = modalStack.length - 1; i >= 0; i--) {
+          if (modalStack[i].id === id) {
+            modalStack.splice(i, 1);
+            break;
+          }
+        }
+      }
+    }
+    if (modalStack.length === 0) {
+      if (this.modalFade) {
+        dom.addClass(modalDom, "v-modal-leave");
+      }
+      setTimeout(() => {
+        if (modalStack.length === 0) {
+          if (modalDom.parentNode)
+            modalDom.parentNode.removeChild(modalDom);
+          modalDom.style.display = "none";
+          PopupManager.modalDom = void 0;
+        }
+        dom.removeClass(modalDom, "v-modal-leave");
+      }, 200);
+    }
+  }
+};
+Object.defineProperty(PopupManager, "zIndex", {
+  configurable: true,
+  get() {
+    if (zIndex === void 0) {
+      zIndex = config.getConfig("zIndex") || 2e3;
+    }
+    return zIndex;
+  },
+  set(value) {
+    zIndex = value;
+  }
+});
+const getTopPopup = function() {
+  if (isServer["default"])
+    return;
+  if (PopupManager.modalStack.length > 0) {
+    const topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topPopup)
+      return;
+    const instance = PopupManager.getInstance(topPopup.id);
+    return instance;
+  }
+};
+if (!isServer["default"]) {
+  dom.on(window, "keydown", function(event) {
+    if (event.code === aria.EVENT_CODE.esc) {
+      const topPopup = getTopPopup();
+      if (topPopup && topPopup.closeOnPressEscape.value) {
+        topPopup.handleClose ? topPopup.handleClose() : topPopup.handleAction ? topPopup.handleAction("cancel") : topPopup.close();
+      }
+    }
+  });
+}
+
+exports["default"] = PopupManager;
+//# sourceMappingURL=popup-manager.js.map

package/lib/packages/utils/popup-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-manager.js","sources":["../../../../../packages/utils/popup-manager.ts"],"sourcesContent":["import isServer from './isServer'\nimport * as configs from './config'\nimport { addClass, removeClass, on } from './dom'\nimport { EVENT_CODE } from './aria'\n\nimport type { Ref } from 'vue'\ninterface Instance {\n  closeOnClickModal: Ref<boolean>\n  closeOnPressEscape: Ref<boolean>\n  close: () => void\n  handleClose?: () => void\n  handleAction?: (action: string) => void\n}\n\ntype StackFrame = { id: string; zIndex: number; modalClass: string }\n\ninterface IPopupManager {\n  getInstance: (id: string) => Instance\n  zIndex: number\n  modalDom?: HTMLElement\n  modalFade: boolean\n  modalStack: StackFrame[]\n  nextZIndex: () => number\n  register: (id: string, instance: Instance) => void\n  deregister: (id: string) => void\n  doOnModalClick: () => void\n  openModal: (\n    id: string,\n    zIndex: number,\n    dom: HTMLElement,\n    modalClass: string,\n    modalFade: boolean\n  ) => void\n  closeModal: (id: string) => void\n}\n\nconst onTouchMove = (e: Event) => {\n  e.preventDefault()\n  e.stopPropagation()\n}\n\nconst onModalClick = () => {\n  PopupManager?.doOnModalClick()\n}\n\nlet hasModal = false\nlet zIndex: number\n\nconst getModal = function (): HTMLElement {\n  if (isServer) return null as any as HTMLElement\n  let modalDom = PopupManager.modalDom\n  if (modalDom) {\n    hasModal = true\n  } else {\n    hasModal = false\n    modalDom = document.createElement('div')\n    PopupManager.modalDom = modalDom\n\n    on(modalDom, 'touchmove', onTouchMove)\n    on(modalDom, 'click', onModalClick)\n  }\n\n  return modalDom\n}\n\nconst instances = {}\n\nconst PopupManager: IPopupManager = {\n  modalFade: true,\n  modalDom: undefined,\n  zIndex: undefined as any as number,\n\n  getInstance(id) {\n    return instances[id]\n  },\n\n  register(id, instance) {\n    if (id && instance) {\n      instances[id] = instance\n    }\n  },\n\n  deregister(id) {\n    if (id) {\n      instances[id] = null\n      delete instances[id]\n    }\n  },\n\n  nextZIndex() {\n    return ++PopupManager.zIndex\n  },\n\n  modalStack: [],\n\n  doOnModalClick() {\n    const topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1]\n    if (!topItem) return\n\n    const instance = PopupManager.getInstance(topItem.id)\n    if (instance && instance.closeOnClickModal.value) {\n      instance.close()\n    }\n  },\n\n  openModal(id, zIndex, dom, modalClass, modalFade) {\n    if (isServer) return\n    if (!id || zIndex === undefined) return\n    this.modalFade = modalFade\n\n    const modalStack = this.modalStack\n\n    for (let i = 0, j = modalStack.length; i < j; i++) {\n      const item = modalStack[i]\n      if (item.id === id) {\n        return\n      }\n    }\n\n    const modalDom = getModal()\n\n    addClass(modalDom, 'v-modal')\n    if (this.modalFade && !hasModal) {\n      addClass(modalDom, 'v-modal-enter')\n    }\n    if (modalClass) {\n      const classArr = modalClass.trim().split(/\\s+/)\n      classArr.forEach((item) => addClass(modalDom, item))\n    }\n    setTimeout(() => {\n      removeClass(modalDom, 'v-modal-enter')\n    }, 200)\n\n    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {\n      dom.parentNode.appendChild(modalDom)\n    } else {\n      document.body.appendChild(modalDom)\n    }\n\n    if (zIndex) {\n      modalDom.style.zIndex = String(zIndex)\n    }\n    modalDom.tabIndex = 0\n    modalDom.style.display = ''\n\n    this.modalStack.push({ id, zIndex, modalClass })\n  },\n\n  closeModal(id) {\n    const modalStack = this.modalStack\n    const modalDom = getModal()\n\n    if (modalStack.length > 0) {\n      const topItem = modalStack[modalStack.length - 1]\n      if (topItem.id === id) {\n        if (topItem.modalClass) {\n          const classArr = topItem.modalClass.trim().split(/\\s+/)\n          classArr.forEach((item) => removeClass(modalDom, item))\n        }\n\n        modalStack.pop()\n        if (modalStack.length > 0) {\n          modalDom.style.zIndex = String(modalStack[modalStack.length - 1].zIndex)\n        }\n      } else {\n        for (let i = modalStack.length - 1; i >= 0; i--) {\n          if (modalStack[i].id === id) {\n            modalStack.splice(i, 1)\n            break\n          }\n        }\n      }\n    }\n\n    if (modalStack.length === 0) {\n      if (this.modalFade) {\n        addClass(modalDom, 'v-modal-leave')\n      }\n      setTimeout(() => {\n        if (modalStack.length === 0) {\n          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom)\n          modalDom.style.display = 'none'\n          // off(modalDom, 'touchmove', onTouchMove)\n          // off(modalDom, 'click', onModalClick)\n          PopupManager.modalDom = undefined\n        }\n        removeClass(modalDom, 'v-modal-leave')\n      }, 200)\n    }\n  },\n}\n\nObject.defineProperty(PopupManager, 'zIndex', {\n  configurable: true,\n  get() {\n    if (zIndex === undefined) {\n      zIndex = (configs.getConfig('zIndex') as number) || 2000\n    }\n    return zIndex\n  },\n  set(value) {\n    zIndex = value\n  },\n})\n\nconst getTopPopup = function () {\n  if (isServer) return\n  if (PopupManager.modalStack.length > 0) {\n    const topPopup = PopupManager.modalStack[PopupManager.modalStack.length - 1]\n    if (!topPopup) return\n    const instance = PopupManager.getInstance(topPopup.id)\n\n    return instance\n  }\n}\n\nif (!isServer) {\n  // handle `esc` key when the popup is shown\n  on(window, 'keydown', function (event: KeyboardEvent) {\n    if (event.code === EVENT_CODE.esc) {\n      const topPopup = getTopPopup()\n\n      if (topPopup && topPopup.closeOnPressEscape.value) {\n        topPopup.handleClose\n          ? topPopup.handleClose()\n          : topPopup.handleAction\n          ? topPopup.handleAction('cancel')\n          : topPopup.close()\n      }\n    }\n  } as EventListenerOrEventListenerObject)\n}\n\nexport default PopupManager\n"],"names":["isServer","dom","addClass","removeClass","configs.getConfig","EVENT_CODE"],"mappings":"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"}

package/lib/packages/utils/props.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var fromPairs = require('lodash/fromPairs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var fromPairs__default = /*#__PURE__*/_interopDefaultLegacy(fromPairs);
+
+const wrapperKey = Symbol();
+const propKey = Symbol();
+function buildProp(option, key) {
+  if (!shared.isObject(option) || !!option[propKey])
+    return option;
+  const { values, required, default: defaultValue, type, validator } = option;
+  const _validator = values || validator ? (val) => {
+    let valid = false;
+    let allowedValues = [];
+    if (values) {
+      allowedValues = [...values, defaultValue];
+      valid || (valid = allowedValues.includes(val));
+    }
+    if (validator)
+      valid || (valid = validator(val));
+    if (!valid && allowedValues.length > 0) {
+      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+      vue.warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+    }
+    return valid;
+  } : void 0;
+  return {
+    type: typeof type === "object" && Object.getOwnPropertySymbols(type).includes(wrapperKey) ? type[wrapperKey] : type,
+    required: !!required,
+    default: defaultValue,
+    validator: _validator,
+    [propKey]: true
+  };
+}
+const buildProps = (props) => fromPairs__default["default"](Object.entries(props).map(([key, option]) => [
+  key,
+  buildProp(option, key)
+]));
+const definePropType = (val) => ({ [wrapperKey]: val });
+const keyOf = (arr) => Object.keys(arr);
+const mutable = (val) => val;
+const componentSize = ["large", "medium", "small", "mini"];
+
+exports.buildProp = buildProp;
+exports.buildProps = buildProps;
+exports.componentSize = componentSize;
+exports.definePropType = definePropType;
+exports.keyOf = keyOf;
+exports.mutable = mutable;
+exports.propKey = propKey;
+//# sourceMappingURL=props.js.map

package/lib/packages/utils/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../packages/utils/props.ts"],"sourcesContent":["import { warn } from 'vue'\nimport { isObject } from '@vue/shared'\nimport fromPairs from 'lodash/fromPairs'\nimport type { ExtractPropTypes, PropType } from '@vue/runtime-core'\nimport type { Mutable } from './types'\n\nconst wrapperKey = Symbol()\nexport type PropWrapper<T> = { [wrapperKey]: T }\n\nexport const propKey = Symbol()\n\ntype ResolveProp<T> = ExtractPropTypes<{\n  key: { type: T; required: true }\n}>['key']\ntype ResolvePropType<T> = ResolveProp<T> extends { type: infer V }\n  ? V\n  : ResolveProp<T>\ntype ResolvePropTypeWithReadonly<T> = Readonly<T> extends Readonly<\n  Array<infer A>\n>\n  ? ResolvePropType<A[]>\n  : ResolvePropType<T>\n\ntype IfUnknown<T, V> = [unknown] extends [T] ? V : T\n\nexport type BuildPropOption<T, D extends BuildPropType<T, V, C>, R, V, C> = {\n  type?: T\n  values?: readonly V[]\n  required?: R\n  default?: R extends true\n    ? never\n    : D extends Record<string, unknown> | Array<any>\n    ? () => D\n    : (() => D) | D\n  validator?: ((val: any) => val is C) | ((val: any) => boolean)\n}\n\ntype _BuildPropType<T, V, C> =\n  | (T extends PropWrapper<unknown>\n      ? T[typeof wrapperKey]\n      : [V] extends [never]\n      ? ResolvePropTypeWithReadonly<T>\n      : never)\n  | V\n  | C\nexport type BuildPropType<T, V, C> = _BuildPropType<\n  IfUnknown<T, never>,\n  IfUnknown<V, never>,\n  IfUnknown<C, never>\n>\n\ntype _BuildPropDefault<T, D> = [T] extends [\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  Record<string, unknown> | Array<any> | Function\n]\n  ? D\n  : D extends () => T\n  ? ReturnType<D>\n  : D\n\nexport type BuildPropDefault<T, D, R> = R extends true\n  ? { readonly default?: undefined }\n  : {\n      readonly default: Exclude<D, undefined> extends never\n        ? undefined\n        : Exclude<_BuildPropDefault<T, D>, undefined>\n    }\nexport type BuildPropReturn<T, D, R, V, C> = {\n  readonly type: PropType<BuildPropType<T, V, C>>\n  readonly required: IfUnknown<R, false>\n  readonly validator: ((val: unknown) => boolean) | undefined\n  [propKey]: true\n} & BuildPropDefault<\n  BuildPropType<T, V, C>,\n  IfUnknown<D, never>,\n  IfUnknown<R, false>\n>\n\n/**\n * @description Build prop. It can better optimize prop types\n * @description 生成 prop，能更好地优化类型\n * @example\n  // limited options\n  // the type will be PropType<'light' | 'dark'>\n  buildProp({\n    type: String,\n    values: ['light', 'dark'],\n  } as const)\n  * @example\n  // limited options and other types\n  // the type will be PropType<'small' | 'medium' | number>\n  buildProp({\n    type: [String, Number],\n    values: ['small', 'medium'],\n    validator: (val: unknown): val is number => typeof val === 'number',\n  } as const)\n  @link see more: https://github.com/element-plus/element-plus/pull/3341\n */\nexport function buildProp<\n  T = never,\n  D extends BuildPropType<T, V, C> = never,\n  R extends boolean = false,\n  V = never,\n  C = never\n>(\n  option: BuildPropOption<T, D, R, V, C>,\n  key?: string\n): BuildPropReturn<T, D, R, V, C> {\n  // filter native prop type and nested prop, e.g `null`, `undefined` (from `buildProps`)\n  if (!isObject(option) || !!option[propKey]) return option as any\n\n  const { values, required, default: defaultValue, type, validator } = option\n\n  const _validator =\n    values || validator\n      ? (val: unknown) => {\n          let valid = false\n          let allowedValues: unknown[] = []\n\n          if (values) {\n            allowedValues = [...values, defaultValue]\n            valid ||= allowedValues.includes(val)\n          }\n          if (validator) valid ||= validator(val)\n\n          if (!valid && allowedValues.length > 0) {\n            const allowValuesText = [...new Set(allowedValues)]\n              .map((value) => JSON.stringify(value))\n              .join(', ')\n            warn(\n              `Invalid prop: validation failed${\n                key ? ` for prop \"${key}\"` : ''\n              }. Expected one of [${allowValuesText}], got value ${JSON.stringify(\n                val\n              )}.`\n            )\n          }\n          return valid\n        }\n      : undefined\n\n  return {\n    type:\n      typeof type === 'object' &&\n      Object.getOwnPropertySymbols(type).includes(wrapperKey)\n        ? type[wrapperKey]\n        : type,\n    required: !!required,\n    default: defaultValue,\n    validator: _validator,\n    [propKey]: true,\n  } as unknown as BuildPropReturn<T, D, R, V, C>\n}\n\ntype NativePropType = [\n  ((...args: any) => any) | { new (...args: any): any } | undefined | null\n]\n\nexport const buildProps = <\n  O extends {\n    [K in keyof O]: O[K] extends BuildPropReturn<any, any, any, any, any>\n      ? O[K]\n      : [O[K]] extends NativePropType\n      ? O[K]\n      : O[K] extends BuildPropOption<\n          infer T,\n          infer D,\n          infer R,\n          infer V,\n          infer C\n        >\n      ? D extends BuildPropType<T, V, C>\n        ? BuildPropOption<T, D, R, V, C>\n        : never\n      : never\n  }\n>(\n  props: O\n) =>\n  fromPairs(\n    Object.entries(props).map(([key, option]) => [\n      key,\n      buildProp(option as any, key),\n    ])\n  ) as unknown as {\n    [K in keyof O]: O[K] extends { [propKey]: boolean }\n      ? O[K]\n      : [O[K]] extends NativePropType\n      ? O[K]\n      : O[K] extends BuildPropOption<\n          infer T,\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          infer _D,\n          infer R,\n          infer V,\n          infer C\n        >\n      ? BuildPropReturn<T, O[K]['default'], R, V, C>\n      : never\n  }\n\nexport const definePropType = <T>(val: any) =>\n  ({ [wrapperKey]: val } as PropWrapper<T>)\n\nexport const keyOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>\nexport const mutable = <T extends readonly any[] | Record<string, unknown>>(\n  val: T\n) => val as Mutable<typeof val>\n\nexport const componentSize = ['large', 'medium', 'small', 'mini'] as const\n"],"names":["isObject","fromPairs"],"mappings":";;;;;;;;;;;;AAMA,MAAM,aAAa;MAGN,UAAU;mBAgGrB,QACA,KACgC;AAEhC,MAAI,CAACA,gBAAS,WAAW,CAAC,CAAC,OAAO;AAAU,WAAO;AAEnD,QAAM,EAAE,QAAQ,UAAU,SAAS,cAAc,MAAM,cAAc;AAErE,QAAM,aACJ,UAAU,YACN,CAAC,QAAiB;AAChB,QAAI,QAAQ;AACZ,QAAI,gBAA2B;AAE/B,QAAI,QAAQ;AACV,sBAAgB,CAAC,GAAG,QAAQ;AAC5B,wBAAU,cAAc,SAAS;AAAA;AAEnC,QAAI;AAAW,wBAAU,UAAU;AAEnC,QAAI,CAAC,SAAS,cAAc,SAAS,GAAG;AACtC,YAAM,kBAAkB,CAAC,GAAG,IAAI,IAAI,gBACjC,IAAI,CAAC,UAAU,KAAK,UAAU,QAC9B,KAAK;AACR,eACE,kCACE,MAAM,cAAc,SAAS,wBACT,+BAA+B,KAAK,UACxD;AAAA;AAIN,WAAO;AAAA,MAET;AAEN,SAAO;AAAA,IACL,MACE,OAAO,SAAS,YAChB,OAAO,sBAAsB,MAAM,SAAS,cACxC,KAAK,cACL;AAAA,IACN,UAAU,CAAC,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,KACV,UAAU;AAAA;AAAA;MAQF,aAAa,CAmBxB,UAEAC,8BACE,OAAO,QAAQ,OAAO,IAAI,CAAC,CAAC,KAAK,YAAY;AAAA,EAC3C;AAAA,EACA,UAAU,QAAe;AAAA;MAmBlB,iBAAiB,CAAI,YAC5B,aAAa;MAEN,QAAQ,CAAI,QAAW,OAAO,KAAK;MACnC,UAAU,CACrB,QACG;MAEQ,gBAAgB,CAAC,SAAS,UAAU,SAAS;;;;;;;;;;"}

package/lib/packages/utils/raf.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isServer = require('./isServer.js');
+
+exports.rAF = (fn) => setTimeout(fn, 16);
+exports.cAF = (handle) => clearTimeout(handle);
+if (!isServer["default"]) {
+  exports.rAF = (fn) => window.requestAnimationFrame(fn);
+  exports.cAF = (handle) => window.cancelAnimationFrame(handle);
+}
+//# sourceMappingURL=raf.js.map

package/lib/packages/utils/raf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"raf.js","sources":["../../../../../packages/utils/raf.ts"],"sourcesContent":["import isServer from './isServer'\n\nlet rAF = (fn: () => void) => setTimeout(fn, 16) as unknown as number\nlet cAF = (handle: number) => clearTimeout(handle)\n\nif (!isServer) {\n  rAF = (fn: () => void) => window.requestAnimationFrame(fn)\n  cAF = (handle: number) => window.cancelAnimationFrame(handle)\n}\n\nexport { rAF, cAF }\n"],"names":["rAF","cAF","isServer"],"mappings":";;;;;;AAEIA,cAAM,CAAC,OAAmB,WAAW,IAAI;AACzCC,cAAM,CAAC,WAAmB,aAAa;AAE3C,IAAI,CAACC,qBAAU;AACb,gBAAM,CAAC,OAAmB,OAAO,sBAAsB;AACvD,gBAAM,CAAC,WAAmB,OAAO,qBAAqB;AAAA;;"}

package/lib/packages/utils/resize-event.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ResizeObserver_es = require('../../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js');
+var isServer = require('./isServer.js');
+
+const resizeHandler = function(entries) {
+  for (const entry of entries) {
+    const listeners = entry.target.__resizeListeners__ || [];
+    if (listeners.length) {
+      listeners.forEach((fn) => {
+        fn();
+      });
+    }
+  }
+};
+const addResizeListener = function(element, fn) {
+  if (isServer["default"] || !element)
+    return;
+  if (!element.__resizeListeners__) {
+    element.__resizeListeners__ = [];
+    element.__ro__ = new ResizeObserver_es["default"](resizeHandler);
+    element.__ro__.observe(element);
+  }
+  element.__resizeListeners__.push(fn);
+};
+const removeResizeListener = function(element, fn) {
+  var _a;
+  if (!element || !element.__resizeListeners__)
+    return;
+  element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+  if (!element.__resizeListeners__.length) {
+    (_a = element.__ro__) == null ? void 0 : _a.disconnect();
+  }
+};
+
+exports.addResizeListener = addResizeListener;
+exports.removeResizeListener = removeResizeListener;
+//# sourceMappingURL=resize-event.js.map

package/lib/packages/utils/resize-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-event.js","sources":["../../../../../packages/utils/resize-event.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\nimport isServer from './isServer'\nimport type { CustomizedHTMLElement } from './types'\n\nexport type ResizableElement = CustomizedHTMLElement<{\n  __resizeListeners__?: Array<(...args: unknown[]) => unknown>\n  __ro__?: ResizeObserver\n}>\n\n/* istanbul ignore next */\nconst resizeHandler = function (entries: ResizeObserverEntry[]) {\n  for (const entry of entries) {\n    const listeners =\n      (entry.target as ResizableElement).__resizeListeners__ || []\n    if (listeners.length) {\n      listeners.forEach((fn) => {\n        fn()\n      })\n    }\n  }\n}\n\n/* istanbul ignore next */\nexport const addResizeListener = function (\n  element: ResizableElement,\n  fn: (...args: unknown[]) => unknown\n): void {\n  if (isServer || !element) return\n  if (!element.__resizeListeners__) {\n    element.__resizeListeners__ = []\n    element.__ro__ = new ResizeObserver(resizeHandler)\n    element.__ro__.observe(element)\n  }\n  element.__resizeListeners__.push(fn)\n}\n\n/* istanbul ignore next */\nexport const removeResizeListener = function (\n  element: ResizableElement,\n  fn: (...args: unknown[]) => unknown\n): void {\n  if (!element || !element.__resizeListeners__) return\n  element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1)\n  if (!element.__resizeListeners__.length) {\n    element.__ro__?.disconnect()\n  }\n}\n"],"names":["isServer","ResizeObserver"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,SAAU,SAAgC;AAC9D,aAAW,SAAS,SAAS;AAC3B,UAAM,YACH,MAAM,OAA4B,uBAAuB;AAC5D,QAAI,UAAU,QAAQ;AACpB,gBAAU,QAAQ,CAAC,OAAO;AACxB;AAAA;AAAA;AAAA;AAAA;MAOK,oBAAoB,SAC/B,SACA,IACM;AACN,MAAIA,uBAAY,CAAC;AAAS;AAC1B,MAAI,CAAC,QAAQ,qBAAqB;AAChC,YAAQ,sBAAsB;AAC9B,YAAQ,SAAS,IAAIC,6BAAe;AACpC,YAAQ,OAAO,QAAQ;AAAA;AAEzB,UAAQ,oBAAoB,KAAK;AAAA;MAItB,uBAAuB,SAClC,SACA,IACM;AAxCR;AAyCE,MAAI,CAAC,WAAW,CAAC,QAAQ;AAAqB;AAC9C,UAAQ,oBAAoB,OAAO,QAAQ,oBAAoB,QAAQ,KAAK;AAC5E,MAAI,CAAC,QAAQ,oBAAoB,QAAQ;AACvC,kBAAQ,WAAR,mBAAgB;AAAA;AAAA;;;;;"}

package/lib/packages/utils/scrollbar-width.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isServer = require('./isServer.js');
+
+let scrollBarWidth;
+function getScrollBarWidth() {
+  var _a;
+  if (isServer["default"])
+    return 0;
+  if (scrollBarWidth !== void 0)
+    return scrollBarWidth;
+  const outer = document.createElement("div");
+  outer.className = "el-scrollbar__wrap";
+  outer.style.visibility = "hidden";
+  outer.style.width = "100px";
+  outer.style.position = "absolute";
+  outer.style.top = "-9999px";
+  document.body.appendChild(outer);
+  const widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = "scroll";
+  const inner = document.createElement("div");
+  inner.style.width = "100%";
+  outer.appendChild(inner);
+  const widthWithScroll = inner.offsetWidth;
+  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+}
+
+exports["default"] = getScrollBarWidth;
+//# sourceMappingURL=scrollbar-width.js.map

package/lib/packages/utils/scrollbar-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar-width.js","sources":["../../../../../packages/utils/scrollbar-width.ts"],"sourcesContent":["import isServer from './isServer'\n\nlet scrollBarWidth: number\n\nexport default function (): number {\n  if (isServer) return 0\n  if (scrollBarWidth !== undefined) return scrollBarWidth\n\n  const outer = document.createElement('div')\n  outer.className = 'el-scrollbar__wrap'\n  outer.style.visibility = 'hidden'\n  outer.style.width = '100px'\n  outer.style.position = 'absolute'\n  outer.style.top = '-9999px'\n  document.body.appendChild(outer)\n\n  const widthNoScroll = outer.offsetWidth\n  outer.style.overflow = 'scroll'\n\n  const inner = document.createElement('div')\n  inner.style.width = '100%'\n  outer.appendChild(inner)\n\n  const widthWithScroll = inner.offsetWidth\n  outer.parentNode?.removeChild(outer)\n  scrollBarWidth = widthNoScroll - widthWithScroll\n\n  return scrollBarWidth\n}\n"],"names":["isServer"],"mappings":";;;;;;AAEA,IAAI;6BAE+B;AAJnC;AAKE,MAAIA;AAAU,WAAO;AACrB,MAAI,mBAAmB;AAAW,WAAO;AAEzC,QAAM,QAAQ,SAAS,cAAc;AACrC,QAAM,YAAY;AAClB,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,MAAM;AAClB,WAAS,KAAK,YAAY;AAE1B,QAAM,gBAAgB,MAAM;AAC5B,QAAM,MAAM,WAAW;AAEvB,QAAM,QAAQ,SAAS,cAAc;AACrC,QAAM,MAAM,QAAQ;AACpB,QAAM,YAAY;AAElB,QAAM,kBAAkB,MAAM;AAC9B,cAAM,eAAN,mBAAkB,YAAY;AAC9B,mBAAiB,gBAAgB;AAEjC,SAAO;AAAA;;;;"}

package/lib/packages/utils/types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map

package/lib/packages/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/utils/util.js

@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var isEqualWith = require('lodash/isEqualWith');
+var isServer = require('./isServer.js');
+var error = require('./error.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isEqualWith__default = /*#__PURE__*/_interopDefaultLegacy(isEqualWith);
+
+const SCOPE = "Util";
+function toObject(arr) {
+  const res = {};
+  for (let i = 0; i < arr.length; i++) {
+    if (arr[i]) {
+      shared.extend(res, arr[i]);
+    }
+  }
+  return res;
+}
+const getValueByPath = (obj, paths = "") => {
+  let ret = obj;
+  paths.split(".").map((path) => {
+    ret = ret == null ? void 0 : ret[path];
+  });
+  return ret;
+};
+function getPropByPath(obj, path, strict) {
+  let tempObj = obj;
+  let key, value;
+  if (obj && shared.hasOwn(obj, path)) {
+    key = path;
+    value = tempObj == null ? void 0 : tempObj[path];
+  } else {
+    path = path.replace(/\[(\w+)\]/g, ".$1");
+    path = path.replace(/^\./, "");
+    const keyArr = path.split(".");
+    let i = 0;
+    for (i; i < keyArr.length - 1; i++) {
+      if (!tempObj && !strict)
+        break;
+      const key2 = keyArr[i];
+      if (key2 in tempObj) {
+        tempObj = tempObj[key2];
+      } else {
+        if (strict) {
+          error.throwError(SCOPE, "Please transfer a valid prop path to form item!");
+        }
+        break;
+      }
+    }
+    key = keyArr[i];
+    value = tempObj == null ? void 0 : tempObj[keyArr[i]];
+  }
+  return {
+    o: tempObj,
+    k: key,
+    v: value
+  };
+}
+const generateId = () => Math.floor(Math.random() * 1e4);
+const escapeRegexpString = (value = "") => String(value).replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
+const coerceTruthyValueToArray = (arr) => {
+  if (!arr && arr !== 0) {
+    return [];
+  }
+  return Array.isArray(arr) ? arr : [arr];
+};
+const isFirefox = function() {
+  return !isServer["default"] && !!window.navigator.userAgent.match(/firefox/i);
+};
+const autoprefixer = function(style) {
+  const rules = ["transform", "transition", "animation"];
+  const prefixes = ["ms-", "webkit-"];
+  rules.forEach((rule) => {
+    const value = style[rule];
+    if (rule && value) {
+      prefixes.forEach((prefix) => {
+        style[prefix + rule] = value;
+      });
+    }
+  });
+  return style;
+};
+const kebabCase = shared.hyphenate;
+const isBool = (val) => typeof val === "boolean";
+const isNumber = (val) => typeof val === "number";
+const isHTMLElement = (val) => shared.toRawType(val).startsWith("HTML");
+function rafThrottle(fn) {
+  let locked = false;
+  return function(...args) {
+    if (locked)
+      return;
+    locked = true;
+    window.requestAnimationFrame(() => {
+      Reflect.apply(fn, this, args);
+      locked = false;
+    });
+  };
+}
+const clearTimer = (timer) => {
+  clearTimeout(timer.value);
+  timer.value = null;
+};
+function getRandomInt(max) {
+  return Math.floor(Math.random() * Math.floor(max));
+}
+function isUndefined(val) {
+  return val === void 0;
+}
+function useGlobalConfig() {
+  const vm = vue.getCurrentInstance();
+  if ("$ELEMENT" in vm.proxy) {
+    return vm.proxy.$ELEMENT;
+  }
+  return {};
+}
+function isEmpty(val) {
+  if (!val && val !== 0 || shared.isArray(val) && !val.length || shared.isObject(val) && !Object.keys(val).length)
+    return true;
+  return false;
+}
+function arrayFlat(arr) {
+  return arr.reduce((acm, item) => {
+    const val = Array.isArray(item) ? arrayFlat(item) : item;
+    return acm.concat(val);
+  }, []);
+}
+function deduplicate(arr) {
+  return Array.from(new Set(arr));
+}
+function $(ref) {
+  return ref.value;
+}
+function addUnit(value) {
+  if (shared.isString(value)) {
+    return value;
+  } else if (isNumber(value)) {
+    return `${value}px`;
+  }
+  error.debugWarn(SCOPE, "binding value must be a string or number");
+  return "";
+}
+function isEqualWithFunction(obj, other) {
+  return isEqualWith__default["default"](obj, other, (objVal, otherVal) => {
+    return shared.isFunction(objVal) && shared.isFunction(otherVal) ? `${objVal}` === `${otherVal}` : void 0;
+  });
+}
+const refAttacher = (ref) => {
+  return (val) => {
+    ref.value = val;
+  };
+};
+
+Object.defineProperty(exports, 'isVNode', {
+  enumerable: true,
+  get: function () { return vue.isVNode; }
+});
+Object.defineProperty(exports, 'camelize', {
+  enumerable: true,
+  get: function () { return shared.camelize; }
+});
+Object.defineProperty(exports, 'capitalize', {
+  enumerable: true,
+  get: function () { return shared.capitalize; }
+});
+Object.defineProperty(exports, 'extend', {
+  enumerable: true,
+  get: function () { return shared.extend; }
+});
+Object.defineProperty(exports, 'hasOwn', {
+  enumerable: true,
+  get: function () { return shared.hasOwn; }
+});
+Object.defineProperty(exports, 'isArray', {
+  enumerable: true,
+  get: function () { return shared.isArray; }
+});
+Object.defineProperty(exports, 'isObject', {
+  enumerable: true,
+  get: function () { return shared.isObject; }
+});
+Object.defineProperty(exports, 'isString', {
+  enumerable: true,
+  get: function () { return shared.isString; }
+});
+Object.defineProperty(exports, 'looseEqual', {
+  enumerable: true,
+  get: function () { return shared.looseEqual; }
+});
+exports.$ = $;
+exports.SCOPE = SCOPE;
+exports.addUnit = addUnit;
+exports.arrayFlat = arrayFlat;
+exports.autoprefixer = autoprefixer;
+exports.clearTimer = clearTimer;
+exports.coerceTruthyValueToArray = coerceTruthyValueToArray;
+exports.deduplicate = deduplicate;
+exports.escapeRegexpString = escapeRegexpString;
+exports.generateId = generateId;
+exports.getPropByPath = getPropByPath;
+exports.getRandomInt = getRandomInt;
+exports.getValueByPath = getValueByPath;
+exports.isBool = isBool;
+exports.isEmpty = isEmpty;
+exports.isEqualWithFunction = isEqualWithFunction;
+exports.isFirefox = isFirefox;
+exports.isHTMLElement = isHTMLElement;
+exports.isNumber = isNumber;
+exports.isUndefined = isUndefined;
+exports.kebabCase = kebabCase;
+exports.rafThrottle = rafThrottle;
+exports.refAttacher = refAttacher;
+exports.toObject = toObject;
+exports.useGlobalConfig = useGlobalConfig;
+//# sourceMappingURL=util.js.map

package/lib/packages/utils/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../packages/utils/util.ts"],"sourcesContent":["import { getCurrentInstance } from 'vue'\nimport {\n  camelize,\n  capitalize,\n  extend,\n  hasOwn,\n  hyphenate,\n  isArray,\n  isObject,\n  isString,\n  isFunction,\n  looseEqual,\n  toRawType,\n} from '@vue/shared'\nimport isEqualWith from 'lodash/isEqualWith'\nimport isServer from './isServer'\nimport { debugWarn, throwError } from './error'\n\nimport type { ComponentPublicInstance, CSSProperties, Ref } from 'vue'\nimport type { TimeoutHandle, Nullable } from './types'\n\nexport const SCOPE = 'Util'\n\nexport function toObject<T>(arr: Array<T>): Record<string, T> {\n  const res = {}\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i]) {\n      extend(res, arr[i])\n    }\n  }\n  return res\n}\n\nexport const getValueByPath = (obj, paths = ''): unknown => {\n  let ret: unknown = obj\n  paths.split('.').map((path) => {\n    ret = (ret as any)?.[path]\n  })\n  return ret\n}\n\nexport function getPropByPath(\n  obj: any,\n  path: string,\n  strict: boolean\n): {\n  o: unknown\n  k: string\n  v: Nullable<unknown>\n} {\n  let tempObj = obj\n  let key, value\n\n  if (obj && hasOwn(obj, path)) {\n    key = path\n    value = tempObj?.[path]\n  } else {\n    path = path.replace(/\\[(\\w+)\\]/g, '.$1')\n    path = path.replace(/^\\./, '')\n\n    const keyArr = path.split('.')\n    let i = 0\n    for (i; i < keyArr.length - 1; i++) {\n      if (!tempObj && !strict) break\n      const key = keyArr[i]\n\n      if (key in tempObj) {\n        tempObj = tempObj[key]\n      } else {\n        if (strict) {\n          throwError(SCOPE, 'Please transfer a valid prop path to form item!')\n        }\n        break\n      }\n    }\n    key = keyArr[i]\n    value = tempObj?.[keyArr[i]]\n  }\n  return {\n    o: tempObj,\n    k: key,\n    v: value,\n  }\n}\n\n/**\n * Generate random number in range [0, 1000]\n * Maybe replace with [uuid](https://www.npmjs.com/package/uuid)\n */\nexport const generateId = (): number => Math.floor(Math.random() * 10000)\n\n// use isEqual instead\n// export const valueEquals\n\nexport const escapeRegexpString = (value = ''): string =>\n  String(value).replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&')\n\n// Use native Array.find, Array.findIndex instead\n\n// coerce truthy value to array\nexport const coerceTruthyValueToArray = (arr) => {\n  if (!arr && arr !== 0) {\n    return []\n  }\n  return Array.isArray(arr) ? arr : [arr]\n}\n\n// drop IE and (Edge < 79) support\n// export const isIE\n// export const isEdge\n\nexport const isFirefox = function (): boolean {\n  return !isServer && !!window.navigator.userAgent.match(/firefox/i)\n}\n\nexport const autoprefixer = function (style: CSSProperties): CSSProperties {\n  const rules = ['transform', 'transition', 'animation']\n  const prefixes = ['ms-', 'webkit-']\n  rules.forEach((rule) => {\n    const value = style[rule]\n    if (rule && value) {\n      prefixes.forEach((prefix) => {\n        style[prefix + rule] = value\n      })\n    }\n  })\n  return style\n}\n\nexport const kebabCase = hyphenate\n\n// reexport from lodash & vue shared\nexport { isVNode } from 'vue'\nexport {\n  hasOwn,\n  // isEmpty,\n  // isEqual,\n  isObject,\n  isArray,\n  isString,\n  capitalize,\n  camelize,\n  looseEqual,\n  extend,\n}\n\nexport const isBool = (val: unknown): val is boolean => typeof val === 'boolean'\nexport const isNumber = (val: unknown): val is number => typeof val === 'number'\nexport const isHTMLElement = (val: unknown) => toRawType(val).startsWith('HTML')\n\nexport function rafThrottle<T extends (...args: any) => any>(fn: T): T {\n  let locked = false\n  return function (this: ThisParameterType<T>, ...args: any[]) {\n    if (locked) return\n    locked = true\n\n    window.requestAnimationFrame(() => {\n      Reflect.apply(fn, this, args)\n      locked = false\n    })\n  } as T\n}\n\nexport const clearTimer = (timer: Ref<TimeoutHandle>) => {\n  clearTimeout(timer.value)\n  timer.value = null as any\n}\n\n/**\n * Generating a random int in range (0, max - 1)\n * @param max {number}\n */\nexport function getRandomInt(max: number) {\n  return Math.floor(Math.random() * Math.floor(max))\n}\n\nexport function isUndefined(val: any): val is undefined {\n  return val === undefined\n}\n\nexport function useGlobalConfig() {\n  const vm: any = getCurrentInstance()\n  if ('$ELEMENT' in vm.proxy) {\n    return vm.proxy.$ELEMENT\n  }\n  return {}\n}\n\nexport function isEmpty(val: unknown) {\n  if (\n    (!val && val !== 0) ||\n    (isArray(val) && !val.length) ||\n    (isObject(val) && !Object.keys(val).length)\n  )\n    return true\n\n  return false\n}\n\nexport function arrayFlat(arr: unknown[]) {\n  return arr.reduce((acm: unknown[], item) => {\n    const val = Array.isArray(item) ? arrayFlat(item) : item\n    return acm.concat(val)\n  }, [])\n}\n\nexport function deduplicate<T>(arr: T[]) {\n  return Array.from(new Set(arr))\n}\n\n/**\n * Unwraps refed value\n * @param ref Refed value\n */\nexport function $<T>(ref: Ref<T>) {\n  return ref.value\n}\n\nexport function addUnit(value: string | number) {\n  if (isString(value)) {\n    return value\n  } else if (isNumber(value)) {\n    return `${value}px`\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n  return ''\n}\n\n/**\n * Enhance `lodash.isEqual` for it always return false even two functions have completely same statements.\n * @param obj The value to compare\n * @param other The other value to compare\n * @returns Returns `true` if the values are equivalent, else `false`.\n * @example\n *  lodash.isEqual(() => 1, () => 1)      // false\n *  isEqualWith(() => 1, () => 1)         // true\n */\nexport function isEqualWithFunction(obj: any, other: any) {\n  return isEqualWith(obj, other, (objVal, otherVal) => {\n    return isFunction(objVal) && isFunction(otherVal)\n      ? `${objVal}` === `${otherVal}`\n      : undefined\n  })\n}\n\n/**\n * Generate function for attach ref for the h renderer\n * @param ref Ref<HTMLElement | ComponentPublicInstance>\n * @returns (val: T) => void\n */\n\nexport const refAttacher = <T extends HTMLElement | ComponentPublicInstance>(\n  ref: Ref<T>\n) => {\n  return (val: T) => {\n    ref.value = val\n  }\n}\n"],"names":["hasOwn","isServer","hyphenate","toRawType","getCurrentInstance","isArray","isObject","isString","isEqualWith","isFunction"],"mappings":"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"}

package/lib/packages/utils/validators.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var util = require('./util.js');
+
+const isValidWidthUnit = (val) => {
+  if (util.isNumber(val)) {
+    return true;
+  } else {
+    return ["px", "rem", "em", "vw", "%", "vmin", "vmax"].some((unit) => val.endsWith(unit)) || val.startsWith("calc");
+  }
+};
+const isValidComponentSize = (val) => ["", "large", "medium", "small", "mini"].includes(val);
+const isValidDatePickType = (val) => [
+  "year",
+  "month",
+  "date",
+  "dates",
+  "week",
+  "datetime",
+  "datetimerange",
+  "daterange",
+  "monthrange"
+].includes(val);
+
+exports.isValidComponentSize = isValidComponentSize;
+exports.isValidDatePickType = isValidDatePickType;
+exports.isValidWidthUnit = isValidWidthUnit;
+//# sourceMappingURL=validators.js.map

package/lib/packages/utils/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sources":["../../../../../packages/utils/validators.ts"],"sourcesContent":["import { isNumber } from './util'\n\nexport const isValidWidthUnit = (val: string | number): boolean => {\n  if (isNumber(val)) {\n    return true\n  } else {\n    return (\n      ['px', 'rem', 'em', 'vw', '%', 'vmin', 'vmax'].some((unit) =>\n        (val as string).endsWith(unit)\n      ) || (val as string).startsWith('calc')\n    )\n  }\n}\n\nexport const isValidComponentSize = (val: string) =>\n  ['', 'large', 'medium', 'small', 'mini'].includes(val)\n\nexport const isValidDatePickType = (val: string) =>\n  [\n    'year',\n    'month',\n    'date',\n    'dates',\n    'week',\n    'datetime',\n    'datetimerange',\n    'daterange',\n    'monthrange',\n  ].includes(val)\n"],"names":["isNumber"],"mappings":";;;;;;MAEa,mBAAmB,CAAC,QAAkC;AACjE,MAAIA,cAAS,MAAM;AACjB,WAAO;AAAA,SACF;AACL,WACE,CAAC,MAAM,OAAO,MAAM,MAAM,KAAK,QAAQ,QAAQ,KAAK,CAAC,SAClD,IAAe,SAAS,UACrB,IAAe,WAAW;AAAA;AAAA;MAKzB,uBAAuB,CAAC,QACnC,CAAC,IAAI,SAAS,UAAU,SAAS,QAAQ,SAAS;MAEvC,sBAAsB,CAAC,QAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;;;;;;"}