element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/utils/aria.d.ts

@@ -11,17 +11,54 @@ export declare const EVENT_CODE: {
     delete: string;
     backspace: string;
 };
+/**
+ * Determine if the testing element is visible on screen no matter if its on the viewport or not
+ */
 export declare const isVisible: (element: HTMLElement) => boolean;
 export declare const obtainAllFocusableElements: (element: HTMLElement) => HTMLElement[];
+/**
+ * @desc Determine if target element is focusable
+ * @param element {HTMLElement}
+ * @returns {Boolean} true if it is focusable
+ */
 export declare const isFocusable: (element: HTMLElement) => boolean;
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
 export declare const attemptFocus: (element: HTMLElement) => boolean;
+/**
+ * Trigger an event
+ * mouseenter, mouseleave, mouseover, keyup, change, click, etc.
+ * @param  {HTMLElement} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
 export declare const triggerEvent: (elm: HTMLElement, name: string, ...opts: Array<boolean>) => HTMLElement;
 export declare const isLeaf: (el: HTMLElement) => boolean;
 export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Nullable<Element>;
 export declare const focusNode: (el: any) => void;
 declare const Utils: {
     IgnoreUtilFocusChanges: boolean;
+    /**
+     * @desc Set focus on descendant nodes until the first focusable element is
+     *       found.
+     * @param {HTMLElement} element
+     *          DOM node for which to find the first focusable descendant.
+     * @returns {Boolean}
+     *  true if a focusable element is found and focus is set.
+     */
     focusFirstDescendant(element: HTMLElement): boolean;
+    /**
+     * @desc Find the last descendant node that is focusable.
+     * @param {HTMLElement} element
+     *          DOM node for which to find the last focusable descendant.
+     * @returns {Boolean}
+     *  true if a focusable element is found and focus is set.
+     */
     focusLastDescendant(element: HTMLElement): boolean;
 };
 export default Utils;

package/lib/utils/color.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function calcColorChannels(c) {
-  let rawColor = c.replace("#", "");
+  let rawColor = c.trim().replace("#", "");
   if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {
     rawColor = rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2);
   }

package/lib/utils/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../../packages/utils/color.ts"],"sourcesContent":["export function calcColorChannels(c: string) {\n  let rawColor = c.replace('#', '')\n  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {\n    rawColor =\n      rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2)\n  }\n  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {\n    return {\n      red: parseInt(rawColor.slice(0, 2), 16),\n      green: parseInt(rawColor.slice(2, 4), 16),\n      blue: parseInt(rawColor.slice(4, 6), 16),\n    }\n  }\n  return {\n    red: 255,\n    green: 255,\n    blue: 255,\n  }\n}\n\nexport function mixColor(color: string, percent = 0.2) {\n  let { red, green, blue } = calcColorChannels(color)\n  if (percent > 0) {\n    // shade given color\n    red *= 1 - percent\n    green *= 1 - percent\n    blue *= 1 - percent\n  } else {\n    // tint given color\n    const value = Math.abs(percent)\n    red += (255 - red) * Math.abs(percent)\n    green += (255 - green) * value\n    blue += (255 - blue) * value\n  }\n  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`\n}\n\nexport function lighten(color: string, percent = 0.2) {\n  return mixColor(color, -percent)\n}\n\nexport function darken(color: string, percent = 0.2) {\n  return mixColor(color, percent)\n}\n"],"names":[],"mappings":";;;;2BAAkC,GAAW;AAC3C,MAAI,WAAW,EAAE,QAAQ,KAAK;AAC9B,MAAI,mBAAmB,KAAK,WAAW;AACrC,eACE,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO;AAAA;AAEvE,MAAI,mBAAmB,KAAK,WAAW;AACrC,WAAO;AAAA,MACL,KAAK,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACpC,OAAO,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACtC,MAAM,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA;AAAA;AAGzC,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;kBAIe,OAAe,UAAU,KAAK;AACrD,MAAI,EAAE,KAAK,OAAO,SAAS,kBAAkB;AAC7C,MAAI,UAAU,GAAG;AAEf,WAAO,IAAI;AACX,aAAS,IAAI;AACb,YAAQ,IAAI;AAAA,SACP;AAEL,UAAM,QAAQ,KAAK,IAAI;AACvB,WAAQ,OAAM,OAAO,KAAK,IAAI;AAC9B,aAAU,OAAM,SAAS;AACzB,YAAS,OAAM,QAAQ;AAAA;AAEzB,SAAO,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM;AAAA;iBAG7C,OAAe,UAAU,KAAK;AACpD,SAAO,SAAS,OAAO,CAAC;AAAA;gBAGH,OAAe,UAAU,KAAK;AACnD,SAAO,SAAS,OAAO;AAAA;;;;;;;"}
+{"version":3,"file":"color.js","sources":["../../../../packages/utils/color.ts"],"sourcesContent":["export function calcColorChannels(c: string) {\n  let rawColor = c.trim().replace('#', '')\n  if (/^[0-9a-fA-F]{3}$/.test(rawColor)) {\n    rawColor =\n      rawColor[0].repeat(2) + rawColor[1].repeat(2) + rawColor[2].repeat(2)\n  }\n  if (/^[0-9a-fA-F]{6}$/.test(rawColor)) {\n    return {\n      red: parseInt(rawColor.slice(0, 2), 16),\n      green: parseInt(rawColor.slice(2, 4), 16),\n      blue: parseInt(rawColor.slice(4, 6), 16),\n    }\n  }\n  return {\n    red: 255,\n    green: 255,\n    blue: 255,\n  }\n}\n\nexport function mixColor(color: string, percent = 0.2) {\n  let { red, green, blue } = calcColorChannels(color)\n  if (percent > 0) {\n    // shade given color\n    red *= 1 - percent\n    green *= 1 - percent\n    blue *= 1 - percent\n  } else {\n    // tint given color\n    const value = Math.abs(percent)\n    red += (255 - red) * Math.abs(percent)\n    green += (255 - green) * value\n    blue += (255 - blue) * value\n  }\n  return `rgb(${Math.round(red)}, ${Math.round(green)}, ${Math.round(blue)})`\n}\n\nexport function lighten(color: string, percent = 0.2) {\n  return mixColor(color, -percent)\n}\n\nexport function darken(color: string, percent = 0.2) {\n  return mixColor(color, percent)\n}\n"],"names":[],"mappings":";;;;2BAAkC,GAAW;AAC3C,MAAI,WAAW,EAAE,OAAO,QAAQ,KAAK;AACrC,MAAI,mBAAmB,KAAK,WAAW;AACrC,eACE,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,OAAO;AAAA;AAEvE,MAAI,mBAAmB,KAAK,WAAW;AACrC,WAAO;AAAA,MACL,KAAK,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACpC,OAAO,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA,MACtC,MAAM,SAAS,SAAS,MAAM,GAAG,IAAI;AAAA;AAAA;AAGzC,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;kBAIe,OAAe,UAAU,KAAK;AACrD,MAAI,EAAE,KAAK,OAAO,SAAS,kBAAkB;AAC7C,MAAI,UAAU,GAAG;AAEf,WAAO,IAAI;AACX,aAAS,IAAI;AACb,YAAQ,IAAI;AAAA,SACP;AAEL,UAAM,QAAQ,KAAK,IAAI;AACvB,WAAQ,OAAM,OAAO,KAAK,IAAI;AAC9B,aAAU,OAAM,SAAS;AACzB,YAAS,OAAM,QAAQ;AAAA;AAEzB,SAAO,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM;AAAA;iBAG7C,OAAe,UAAU,KAAK;AACpD,SAAO,SAAS,OAAO,CAAC;AAAA;gBAGH,OAAe,UAAU,KAAK;AACnD,SAAO,SAAS,OAAO;AAAA;;;;;;;"}

package/lib/utils/dom.d.ts

@@ -15,3 +15,7 @@ export declare const isInContainer: (el: Element | undefined, container: Element
 export declare const getOffsetTop: (el: HTMLElement) => number;
 export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;
 export declare const stop: (e: Event) => void;
+export declare const getClientXY: (event: MouseEvent | TouchEvent) => {
+    clientX: number;
+    clientY: number;
+};

package/lib/utils/dom.js

@@ -163,8 +163,27 @@ const getOffsetTopDistance = (el, containerEl) => {
   return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl));
 };
 const stop = (e) => e.stopPropagation();
+const getClientXY = (event) => {
+  let clientX;
+  let clientY;
+  if (event.type === "touchend") {
+    clientY = event.changedTouches[0].clientY;
+    clientX = event.changedTouches[0].clientX;
+  } else if (event.type.startsWith("touch")) {
+    clientY = event.touches[0].clientY;
+    clientX = event.touches[0].clientX;
+  } else {
+    clientY = event.clientY;
+    clientX = event.clientX;
+  }
+  return {
+    clientX,
+    clientY
+  };
+};
 
 exports.addClass = addClass;
+exports.getClientXY = getClientXY;
 exports.getOffsetTop = getOffsetTop;
 exports.getOffsetTopDistance = getOffsetTopDistance;
 exports.getScrollContainer = getScrollContainer;

package/lib/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../../packages/utils/dom.ts"],"sourcesContent":["import isServer from './isServer'\nimport { camelize, isObject } from './util'\nimport type { CSSProperties } from 'vue'\n\nimport type { Nullable } from './types'\n\n/* istanbul ignore next */\nconst trimArr = function (s: string) {\n  return (s || '').split(' ').filter((item) => !!item.trim())\n}\n\n/* istanbul ignore next */\nexport const on = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.addEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const off = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.removeEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const once = function (\n  el: HTMLElement,\n  event: string,\n  fn: EventListener\n): void {\n  const listener = function (this: any, ...args: any) {\n    if (fn) {\n      fn.apply(this, args)\n    }\n    off(el, event, listener)\n  }\n  on(el, event, listener)\n}\n\n/* istanbul ignore next */\nexport function hasClass(el: HTMLElement | Element, cls: string): boolean {\n  if (!el || !cls) return false\n  if (cls.indexOf(' ') !== -1)\n    throw new Error('className should not contain space.')\n  if (el.classList) {\n    return el.classList.contains(cls)\n  } else {\n    const className = el.getAttribute('class') || ''\n    return className.split(' ').includes(cls)\n  }\n}\n\n/* istanbul ignore next */\nexport function addClass(el: HTMLElement | Element, cls: string): void {\n  if (!el) return\n  let className = el.getAttribute('class') || ''\n  const curClass = trimArr(className)\n  const classes = (cls || '')\n    .split(' ')\n    .filter((item) => !curClass.includes(item) && !!item.trim())\n\n  if (el.classList) {\n    el.classList.add(...classes)\n  } else {\n    className += ` ${classes.join(' ')}`\n    el.setAttribute('class', className)\n  }\n}\n\n/* istanbul ignore next */\nexport function removeClass(el: HTMLElement | Element, cls: string): void {\n  if (!el || !cls) return\n  const classes = trimArr(cls)\n  let curClass = el.getAttribute('class') || ''\n\n  if (el.classList) {\n    el.classList.remove(...classes)\n    return\n  }\n  classes.forEach((item) => {\n    curClass = curClass.replace(` ${item} `, ' ')\n  })\n  const className = trimArr(curClass).join(' ')\n  el.setAttribute('class', className)\n}\n\n/* istanbul ignore next */\n// Here I want to use the type CSSProperties, but the definition for CSSProperties\n// has { [index: number]: string } in its type annotation, which does not satisfy the method\n// camelize(s: string)\n// Same as the return type\nexport const getStyle = function (\n  element: HTMLElement,\n  styleName: string\n): string {\n  if (isServer) return ''\n  if (!element || !styleName) return ''\n  styleName = camelize(styleName)\n  if (styleName === 'float') {\n    styleName = 'cssFloat'\n  }\n  try {\n    const style = element.style[styleName]\n    if (style) return style\n    const computed = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[styleName] : ''\n  } catch (e) {\n    return element.style[styleName]\n  }\n}\n\n/* istanbul ignore next */\nexport function setStyle(\n  element: HTMLElement,\n  styleName: CSSProperties | string,\n  value?: string\n): void {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    Object.keys(styleName).forEach((prop) => {\n      setStyle(element, prop, styleName[prop])\n    })\n  } else {\n    styleName = camelize(styleName)\n    element.style[styleName] = value\n  }\n}\n\nexport function removeStyle(\n  element: HTMLElement,\n  style: CSSProperties | string\n) {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    Object.keys(style).forEach((prop) => {\n      setStyle(element, prop, '')\n    })\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport const isScroll = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): RegExpMatchArray | null => {\n  if (isServer) return null\n  const determinedDirection = isVertical === null || isVertical === undefined\n  const overflow = determinedDirection\n    ? getStyle(el, 'overflow')\n    : isVertical\n    ? getStyle(el, 'overflow-y')\n    : getStyle(el, 'overflow-x')\n\n  return overflow.match(/(scroll|auto|overlay)/)\n}\n\nexport const getScrollContainer = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): Window | HTMLElement | undefined => {\n  if (isServer) return\n\n  let parent: HTMLElement = el\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent\n    }\n    parent = parent.parentNode as HTMLElement\n  }\n  return parent\n}\n\nexport const isInContainer = (\n  el: Element | undefined,\n  container: Element | Window | undefined\n): boolean => {\n  if (isServer || !el || !container) return false\n\n  const elRect = el.getBoundingClientRect()\n\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\n  if (container instanceof Element) {\n    containerRect = container.getBoundingClientRect()\n  } else {\n    containerRect = {\n      top: 0,\n      right: window.innerWidth,\n      bottom: window.innerHeight,\n      left: 0,\n    }\n  }\n  return (\n    elRect.top < containerRect.bottom &&\n    elRect.bottom > containerRect.top &&\n    elRect.right > containerRect.left &&\n    elRect.left < containerRect.right\n  )\n}\n\nexport const getOffsetTop = (el: HTMLElement) => {\n  let offset = 0\n  let parent = el\n\n  while (parent) {\n    offset += parent.offsetTop\n    parent = parent.offsetParent as HTMLElement\n  }\n\n  return offset\n}\n\nexport const getOffsetTopDistance = (\n  el: HTMLElement,\n  containerEl: HTMLElement\n) => {\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\n}\n\nexport const stop = (e: Event) => e.stopPropagation()\n"],"names":["isServer","camelize","isObject"],"mappings":"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"}
+{"version":3,"file":"dom.js","sources":["../../../../packages/utils/dom.ts"],"sourcesContent":["import isServer from './isServer'\nimport { camelize, isObject } from './util'\nimport type { CSSProperties } from 'vue'\n\nimport type { Nullable } from './types'\n\n/* istanbul ignore next */\nconst trimArr = function (s: string) {\n  return (s || '').split(' ').filter((item) => !!item.trim())\n}\n\n/* istanbul ignore next */\nexport const on = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.addEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const off = function (\n  element: HTMLElement | Document | Window,\n  event: string,\n  handler: EventListenerOrEventListenerObject,\n  useCapture = false\n): void {\n  if (element && event && handler) {\n    element?.removeEventListener(event, handler, useCapture)\n  }\n}\n\n/* istanbul ignore next */\nexport const once = function (\n  el: HTMLElement,\n  event: string,\n  fn: EventListener\n): void {\n  const listener = function (this: any, ...args: any) {\n    if (fn) {\n      fn.apply(this, args)\n    }\n    off(el, event, listener)\n  }\n  on(el, event, listener)\n}\n\n/* istanbul ignore next */\nexport function hasClass(el: HTMLElement | Element, cls: string): boolean {\n  if (!el || !cls) return false\n  if (cls.indexOf(' ') !== -1)\n    throw new Error('className should not contain space.')\n  if (el.classList) {\n    return el.classList.contains(cls)\n  } else {\n    const className = el.getAttribute('class') || ''\n    return className.split(' ').includes(cls)\n  }\n}\n\n/* istanbul ignore next */\nexport function addClass(el: HTMLElement | Element, cls: string): void {\n  if (!el) return\n  let className = el.getAttribute('class') || ''\n  const curClass = trimArr(className)\n  const classes = (cls || '')\n    .split(' ')\n    .filter((item) => !curClass.includes(item) && !!item.trim())\n\n  if (el.classList) {\n    el.classList.add(...classes)\n  } else {\n    className += ` ${classes.join(' ')}`\n    el.setAttribute('class', className)\n  }\n}\n\n/* istanbul ignore next */\nexport function removeClass(el: HTMLElement | Element, cls: string): void {\n  if (!el || !cls) return\n  const classes = trimArr(cls)\n  let curClass = el.getAttribute('class') || ''\n\n  if (el.classList) {\n    el.classList.remove(...classes)\n    return\n  }\n  classes.forEach((item) => {\n    curClass = curClass.replace(` ${item} `, ' ')\n  })\n  const className = trimArr(curClass).join(' ')\n  el.setAttribute('class', className)\n}\n\n/* istanbul ignore next */\n// Here I want to use the type CSSProperties, but the definition for CSSProperties\n// has { [index: number]: string } in its type annotation, which does not satisfy the method\n// camelize(s: string)\n// Same as the return type\nexport const getStyle = function (\n  element: HTMLElement,\n  styleName: string\n): string {\n  if (isServer) return ''\n  if (!element || !styleName) return ''\n  styleName = camelize(styleName)\n  if (styleName === 'float') {\n    styleName = 'cssFloat'\n  }\n  try {\n    const style = element.style[styleName]\n    if (style) return style\n    const computed = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[styleName] : ''\n  } catch (e) {\n    return element.style[styleName]\n  }\n}\n\n/* istanbul ignore next */\nexport function setStyle(\n  element: HTMLElement,\n  styleName: CSSProperties | string,\n  value?: string\n): void {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    Object.keys(styleName).forEach((prop) => {\n      setStyle(element, prop, styleName[prop])\n    })\n  } else {\n    styleName = camelize(styleName)\n    element.style[styleName] = value\n  }\n}\n\nexport function removeStyle(\n  element: HTMLElement,\n  style: CSSProperties | string\n) {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    Object.keys(style).forEach((prop) => {\n      setStyle(element, prop, '')\n    })\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport const isScroll = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): RegExpMatchArray | null => {\n  if (isServer) return null\n  const determinedDirection = isVertical === null || isVertical === undefined\n  const overflow = determinedDirection\n    ? getStyle(el, 'overflow')\n    : isVertical\n    ? getStyle(el, 'overflow-y')\n    : getStyle(el, 'overflow-x')\n\n  return overflow.match(/(scroll|auto|overlay)/)\n}\n\nexport const getScrollContainer = (\n  el: HTMLElement,\n  isVertical?: Nullable<boolean>\n): Window | HTMLElement | undefined => {\n  if (isServer) return\n\n  let parent: HTMLElement = el\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent\n    }\n    parent = parent.parentNode as HTMLElement\n  }\n  return parent\n}\n\nexport const isInContainer = (\n  el: Element | undefined,\n  container: Element | Window | undefined\n): boolean => {\n  if (isServer || !el || !container) return false\n\n  const elRect = el.getBoundingClientRect()\n\n  let containerRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'right'>\n  if (container instanceof Element) {\n    containerRect = container.getBoundingClientRect()\n  } else {\n    containerRect = {\n      top: 0,\n      right: window.innerWidth,\n      bottom: window.innerHeight,\n      left: 0,\n    }\n  }\n  return (\n    elRect.top < containerRect.bottom &&\n    elRect.bottom > containerRect.top &&\n    elRect.right > containerRect.left &&\n    elRect.left < containerRect.right\n  )\n}\n\nexport const getOffsetTop = (el: HTMLElement) => {\n  let offset = 0\n  let parent = el\n\n  while (parent) {\n    offset += parent.offsetTop\n    parent = parent.offsetParent as HTMLElement\n  }\n\n  return offset\n}\n\nexport const getOffsetTopDistance = (\n  el: HTMLElement,\n  containerEl: HTMLElement\n) => {\n  return Math.abs(getOffsetTop(el) - getOffsetTop(containerEl))\n}\n\nexport const stop = (e: Event) => e.stopPropagation()\n\nexport const getClientXY = (event: MouseEvent | TouchEvent) => {\n  let clientX: number\n  let clientY: number\n  if (event.type === 'touchend') {\n    clientY = (event as TouchEvent).changedTouches[0].clientY\n    clientX = (event as TouchEvent).changedTouches[0].clientX\n  } else if (event.type.startsWith('touch')) {\n    clientY = (event as TouchEvent).touches[0].clientY\n    clientX = (event as TouchEvent).touches[0].clientX\n  } else {\n    clientY = (event as MouseEvent).clientY\n    clientX = (event as MouseEvent).clientX\n  }\n  return {\n    clientX,\n    clientY,\n  }\n}\n"],"names":["isServer","camelize","isObject"],"mappings":"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"}

package/lib/utils/props.d.ts

@@ -39,6 +39,26 @@ export declare type BuildPropReturn<T, D, R, V, C> = {
     readonly validator: ((val: unknown) => boolean) | undefined;
     [propKey]: true;
 } & BuildPropDefault<BuildPropType<T, V, C>, IfUnknown<D, never>, IfUnknown<R, false>>;
+/**
+ * @description Build prop. It can better optimize prop types
+ * @description 生成 prop，能更好地优化类型
+ * @example
+  // limited options
+  // the type will be PropType<'light' | 'dark'>
+  buildProp({
+    type: String,
+    values: ['light', 'dark'],
+  } as const)
+  * @example
+  // limited options and other types
+  // the type will be PropType<'small' | 'medium' | number>
+  buildProp({
+    type: [String, Number],
+    values: ['small', 'medium'],
+    validator: (val: unknown): val is number => typeof val === 'number',
+  } as const)
+  @link see more: https://github.com/element-plus/element-plus/pull/3341
+ */
 export declare function buildProp<T = never, D extends BuildPropType<T, V, C> = never, R extends boolean = false, V = never, C = never>(option: BuildPropOption<T, D, R, V, C>, key?: string): BuildPropReturn<T, D, R, V, C>;
 declare type NativePropType = [
     ((...args: any) => any) | {

package/lib/utils/util.d.ts

@@ -9,6 +9,10 @@ export declare function getPropByPath(obj: any, path: string, strict: boolean):
     k: string;
     v: Nullable<unknown>;
 };
+/**
+ * Generate random number in range [0, 1000]
+ * Maybe replace with [uuid](https://www.npmjs.com/package/uuid)
+ */
 export declare const generateId: () => number;
 export declare const escapeRegexpString: (value?: string) => string;
 export declare const coerceTruthyValueToArray: (arr: any) => any[];
@@ -22,6 +26,10 @@ export declare const isNumber: (val: unknown) => val is number;
 export declare const isHTMLElement: (val: unknown) => boolean;
 export declare function rafThrottle<T extends (...args: any) => any>(fn: T): T;
 export declare const clearTimer: (timer: Ref<TimeoutHandle>) => void;
+/**
+ * Generating a random int in range (0, max - 1)
+ * @param max {number}
+ */
 export declare function getRandomInt(max: number): number;
 export declare function isUndefined(val: any): val is undefined;
 export declare function useGlobalConfig(): any;
@@ -29,5 +37,19 @@ export declare function isEmpty(val: unknown): boolean;
 export declare function arrayFlat(arr: unknown[]): any;
 export declare function deduplicate<T>(arr: T[]): T[];
 export declare function addUnit(value: string | number): string;
+/**
+ * Enhance `lodash.isEqual` for it always return false even two functions have completely same statements.
+ * @param obj The value to compare
+ * @param other The other value to compare
+ * @returns Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *  lodash.isEqual(() => 1, () => 1)      // false
+ *  isEqualWith(() => 1, () => 1)         // true
+ */
 export declare function isEqualWithFunction(obj: any, other: any): boolean;
+/**
+ * Generate function for attach ref for the h renderer
+ * @param ref Ref<HTMLElement | ComponentPublicInstance>
+ * @returns (val: T) => void
+ */
 export declare const refAttacher: <T extends HTMLElement | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>(ref: Ref<T>) => (val: T) => void;

package/lib/utils/vnode.d.ts

@@ -22,7 +22,16 @@ export declare const isFragment: (node: unknown) => node is VNode<import("vue").
 export declare const isText: (node: VNodeChild) => boolean;
 export declare const isComment: (node: VNodeChild) => boolean;
 export declare const isTemplate: (node: VNodeChild) => boolean;
+/**
+ * get a valid child node (not fragment nor comment)
+ * @param node {VNode} node to be searched
+ * @param depth {number} depth to be searched
+ */
 declare function getChildren(node: VNode, depth: number): undefined | VNode;
+/**
+ * determine if the element is a valid element type rather than fragments and comment e.g. <template> v-if
+ * @param node {VNode} node to be tested
+ */
 export declare const isValidElementNode: (node: unknown) => node is VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
@@ -33,5 +42,10 @@ export declare function renderIf(condition: boolean, node: VNodeTypes, props: an
 export declare function renderBlock(node: VNodeTypes, props: any, children?: Children, patchFlag?: number, patchProps?: string[]): VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
+/**
+ * todo
+ * get normalized props from VNode
+ * @param node
+ */
 export declare const getNormalizedProps: (node: VNode) => any;
 export {};

package/lib/utils/vnode.js

@@ -8,8 +8,7 @@ var error = require('./error.js');
 
 const TEMPLATE = "template";
 const SCOPE = "VNode";
-exports.PatchFlags = void 0;
-(function(PatchFlags2) {
+var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
   PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
   PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
   PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
@@ -23,7 +22,8 @@ exports.PatchFlags = void 0;
   PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
   PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
   PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
-})(exports.PatchFlags || (exports.PatchFlags = {}));
+  return PatchFlags2;
+})(PatchFlags || {});
 const isFragment = (node) => vue.isVNode(node) && node.type === vue.Fragment;
 const isText = (node) => node.type === vue.Text;
 const isComment = (node) => node.type === vue.Comment;
@@ -69,6 +69,7 @@ const getNormalizedProps = (node) => {
   return props;
 };
 
+exports.PatchFlags = PatchFlags;
 exports.SCOPE = SCOPE;
 exports.getFirstValidNode = getFirstValidNode;
 exports.getNormalizedProps = getNormalizedProps;

package/lib/utils/vnode.js.map

@@ -1 +1 @@
-{"version":3,"file":"vnode.js","sources":["../../../../packages/utils/vnode.ts"],"sourcesContent":["import {\n  Fragment,\n  Text,\n  Comment,\n  createBlock,\n  openBlock,\n  createCommentVNode,\n  isVNode,\n  camelize,\n} from 'vue'\n\nimport { hasOwn } from '@vue/shared'\nimport { debugWarn } from './error'\nimport type { VNode, VNodeTypes, VNodeChild } from 'vue'\n\ntype Children = VNodeTypes[] | VNodeTypes\n\nconst TEMPLATE = 'template'\n\nexport const SCOPE = 'VNode'\n\nexport enum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2,\n}\n\nexport const isFragment = (node: unknown): node is VNode =>\n  isVNode(node) && node.type === Fragment\n\nexport const isText = (node: VNodeChild) => (node as VNode).type === Text\n\nexport const isComment = (node: VNodeChild) => (node as VNode).type === Comment\n\nexport const isTemplate = (node: VNodeChild) =>\n  (node as VNode).type === TEMPLATE\n\n/**\n * get a valid child node (not fragment nor comment)\n * @param node {VNode} node to be searched\n * @param depth {number} depth to be searched\n */\nfunction getChildren(node: VNode, depth: number): undefined | VNode {\n  if (isComment(node)) return\n  if (isFragment(node) || isTemplate(node)) {\n    return depth > 0\n      ? getFirstValidNode(node.children as VNodeChild, depth - 1)\n      : undefined\n  }\n  return node\n}\n\n/**\n * determine if the element is a valid element type rather than fragments and comment e.g. <template> v-if\n * @param node {VNode} node to be tested\n */\nexport const isValidElementNode = (node: unknown): node is VNode =>\n  isVNode(node) && !isFragment(node) && !isComment(node)\n\nexport const getFirstValidNode = (\n  nodes: VNodeChild,\n  maxDepth = 3\n): ReturnType<typeof getChildren> => {\n  if (Array.isArray(nodes)) {\n    return getChildren(nodes[0] as VNode, maxDepth)\n  } else {\n    return getChildren(nodes as VNode, maxDepth)\n  }\n}\n\nexport function renderIf(\n  condition: boolean,\n  node: VNodeTypes,\n  props: any,\n  children?: Children,\n  patchFlag?: number,\n  patchProps?: string[]\n) {\n  return condition\n    ? renderBlock(node, props, children, patchFlag, patchProps)\n    : createCommentVNode('v-if', true)\n}\n\nexport function renderBlock(\n  node: VNodeTypes,\n  props: any,\n  children?: Children,\n  patchFlag?: number,\n  patchProps?: string[]\n) {\n  return openBlock(), createBlock(node, props, children, patchFlag, patchProps)\n}\n\n/**\n * todo\n * get normalized props from VNode\n * @param node\n */\nexport const getNormalizedProps = (node: VNode) => {\n  if (!isVNode(node)) {\n    debugWarn(SCOPE, 'value must be a VNode')\n    return\n  }\n\n  const raw = node.props || {}\n  const type = (node.type as any).props || {}\n  const props = {} as any\n\n  Object.keys(type).forEach((key) => {\n    if (hasOwn(type[key], 'default')) {\n      props[key] = type[key].default\n    }\n  })\n\n  Object.keys(raw).forEach((key) => {\n    props[camelize(key)] = raw[key]\n  })\n\n  return props\n}\n"],"names":["PatchFlags","isVNode","Fragment","Text","Comment","createCommentVNode","openBlock","createBlock","hasOwn","camelize"],"mappings":";;;;;;;;AAiBA,MAAM,WAAW;MAEJ,QAAQ;AAETA;AAAL,UAAK,aAAL;AACL,oCAAO,KAAP;AACA,qCAAQ,KAAR;AACA,qCAAQ,KAAR;AACA,qCAAQ,KAAR;AACA,0CAAa,MAAb;AACA,8CAAiB,MAAjB;AACA,+CAAkB,MAAlB;AACA,8CAAiB,OAAjB;AACA,gDAAmB,OAAnB;AACA,0CAAa,OAAb;AACA,6CAAgB,QAAhB;AACA,uCAAU,MAAV;AACA,oCAAO,MAAP;AAAA,GAbUA;MAgBC,aAAa,CAAC,SACzBC,YAAQ,SAAS,KAAK,SAASC;MAEpB,SAAS,CAAC,SAAsB,KAAe,SAASC;MAExD,YAAY,CAAC,SAAsB,KAAe,SAASC;MAE3D,aAAa,CAAC,SACxB,KAAe,SAAS;AAO3B,qBAAqB,MAAa,OAAkC;AAClE,MAAI,UAAU;AAAO;AACrB,MAAI,WAAW,SAAS,WAAW,OAAO;AACxC,WAAO,QAAQ,IACX,kBAAkB,KAAK,UAAwB,QAAQ,KACvD;AAAA;AAEN,SAAO;AAAA;MAOI,qBAAqB,CAAC,SACjCH,YAAQ,SAAS,CAAC,WAAW,SAAS,CAAC,UAAU;MAEtC,oBAAoB,CAC/B,OACA,WAAW,MACwB;AACnC,MAAI,MAAM,QAAQ,QAAQ;AACxB,WAAO,YAAY,MAAM,IAAa;AAAA,SACjC;AACL,WAAO,YAAY,OAAgB;AAAA;AAAA;kBAKrC,WACA,MACA,OACA,UACA,WACA,YACA;AACA,SAAO,YACH,YAAY,MAAM,OAAO,UAAU,WAAW,cAC9CI,uBAAmB,QAAQ;AAAA;qBAI/B,MACA,OACA,UACA,WACA,YACA;AACA,SAAOC,iBAAaC,gBAAY,MAAM,OAAO,UAAU,WAAW;AAAA;MAQvD,qBAAqB,CAAC,SAAgB;AACjD,MAAI,CAACN,YAAQ,OAAO;AAClB,oBAAU,OAAO;AACjB;AAAA;AAGF,QAAM,MAAM,KAAK,SAAS;AAC1B,QAAM,OAAQ,KAAK,KAAa,SAAS;AACzC,QAAM,QAAQ;AAEd,SAAO,KAAK,MAAM,QAAQ,CAAC,QAAQ;AACjC,QAAIO,cAAO,KAAK,MAAM,YAAY;AAChC,YAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAI3B,SAAO,KAAK,KAAK,QAAQ,CAAC,QAAQ;AAChC,UAAMC,aAAS,QAAQ,IAAI;AAAA;AAG7B,SAAO;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"vnode.js","sources":["../../../../packages/utils/vnode.ts"],"sourcesContent":["import {\n  Fragment,\n  Text,\n  Comment,\n  createBlock,\n  openBlock,\n  createCommentVNode,\n  isVNode,\n  camelize,\n} from 'vue'\n\nimport { hasOwn } from '@vue/shared'\nimport { debugWarn } from './error'\nimport type { VNode, VNodeTypes, VNodeChild } from 'vue'\n\ntype Children = VNodeTypes[] | VNodeTypes\n\nconst TEMPLATE = 'template'\n\nexport const SCOPE = 'VNode'\n\nexport enum PatchFlags {\n  TEXT = 1,\n  CLASS = 2,\n  STYLE = 4,\n  PROPS = 8,\n  FULL_PROPS = 16,\n  HYDRATE_EVENTS = 32,\n  STABLE_FRAGMENT = 64,\n  KEYED_FRAGMENT = 128,\n  UNKEYED_FRAGMENT = 256,\n  NEED_PATCH = 512,\n  DYNAMIC_SLOTS = 1024,\n  HOISTED = -1,\n  BAIL = -2,\n}\n\nexport const isFragment = (node: unknown): node is VNode =>\n  isVNode(node) && node.type === Fragment\n\nexport const isText = (node: VNodeChild) => (node as VNode).type === Text\n\nexport const isComment = (node: VNodeChild) => (node as VNode).type === Comment\n\nexport const isTemplate = (node: VNodeChild) =>\n  (node as VNode).type === TEMPLATE\n\n/**\n * get a valid child node (not fragment nor comment)\n * @param node {VNode} node to be searched\n * @param depth {number} depth to be searched\n */\nfunction getChildren(node: VNode, depth: number): undefined | VNode {\n  if (isComment(node)) return\n  if (isFragment(node) || isTemplate(node)) {\n    return depth > 0\n      ? getFirstValidNode(node.children as VNodeChild, depth - 1)\n      : undefined\n  }\n  return node\n}\n\n/**\n * determine if the element is a valid element type rather than fragments and comment e.g. <template> v-if\n * @param node {VNode} node to be tested\n */\nexport const isValidElementNode = (node: unknown): node is VNode =>\n  isVNode(node) && !isFragment(node) && !isComment(node)\n\nexport const getFirstValidNode = (\n  nodes: VNodeChild,\n  maxDepth = 3\n): ReturnType<typeof getChildren> => {\n  if (Array.isArray(nodes)) {\n    return getChildren(nodes[0] as VNode, maxDepth)\n  } else {\n    return getChildren(nodes as VNode, maxDepth)\n  }\n}\n\nexport function renderIf(\n  condition: boolean,\n  node: VNodeTypes,\n  props: any,\n  children?: Children,\n  patchFlag?: number,\n  patchProps?: string[]\n) {\n  return condition\n    ? renderBlock(node, props, children, patchFlag, patchProps)\n    : createCommentVNode('v-if', true)\n}\n\nexport function renderBlock(\n  node: VNodeTypes,\n  props: any,\n  children?: Children,\n  patchFlag?: number,\n  patchProps?: string[]\n) {\n  return openBlock(), createBlock(node, props, children, patchFlag, patchProps)\n}\n\n/**\n * todo\n * get normalized props from VNode\n * @param node\n */\nexport const getNormalizedProps = (node: VNode) => {\n  if (!isVNode(node)) {\n    debugWarn(SCOPE, 'value must be a VNode')\n    return\n  }\n\n  const raw = node.props || {}\n  const type = (node.type as any).props || {}\n  const props = {} as any\n\n  Object.keys(type).forEach((key) => {\n    if (hasOwn(type[key], 'default')) {\n      props[key] = type[key].default\n    }\n  })\n\n  Object.keys(raw).forEach((key) => {\n    props[camelize(key)] = raw[key]\n  })\n\n  return props\n}\n"],"names":["isVNode","Fragment","Text","Comment","createCommentVNode","openBlock","createBlock","hasOwn","camelize"],"mappings":";;;;;;;;AAiBA,MAAM,WAAW;MAEJ,QAAQ;IAET,+BAAA,gBAAL;AACL,oCAAO,KAAP;AACA,qCAAQ,KAAR;AACA,qCAAQ,KAAR;AACA,qCAAQ,KAAR;AACA,0CAAa,MAAb;AACA,8CAAiB,MAAjB;AACA,+CAAkB,MAAlB;AACA,8CAAiB,OAAjB;AACA,gDAAmB,OAAnB;AACA,0CAAa,OAAb;AACA,6CAAgB,QAAhB;AACA,uCAAU,MAAV;AACA,oCAAO,MAAP;AAbU;AAAA;MAgBC,aAAa,CAAC,SACzBA,YAAQ,SAAS,KAAK,SAASC;MAEpB,SAAS,CAAC,SAAsB,KAAe,SAASC;MAExD,YAAY,CAAC,SAAsB,KAAe,SAASC;MAE3D,aAAa,CAAC,SACxB,KAAe,SAAS;AAO3B,qBAAqB,MAAa,OAAkC;AAClE,MAAI,UAAU;AAAO;AACrB,MAAI,WAAW,SAAS,WAAW,OAAO;AACxC,WAAO,QAAQ,IACX,kBAAkB,KAAK,UAAwB,QAAQ,KACvD;AAAA;AAEN,SAAO;AAAA;MAOI,qBAAqB,CAAC,SACjCH,YAAQ,SAAS,CAAC,WAAW,SAAS,CAAC,UAAU;MAEtC,oBAAoB,CAC/B,OACA,WAAW,MACwB;AACnC,MAAI,MAAM,QAAQ,QAAQ;AACxB,WAAO,YAAY,MAAM,IAAa;AAAA,SACjC;AACL,WAAO,YAAY,OAAgB;AAAA;AAAA;kBAKrC,WACA,MACA,OACA,UACA,WACA,YACA;AACA,SAAO,YACH,YAAY,MAAM,OAAO,UAAU,WAAW,cAC9CI,uBAAmB,QAAQ;AAAA;qBAI/B,MACA,OACA,UACA,WACA,YACA;AACA,SAAOC,iBAAaC,gBAAY,MAAM,OAAO,UAAU,WAAW;AAAA;MAQvD,qBAAqB,CAAC,SAAgB;AACjD,MAAI,CAACN,YAAQ,OAAO;AAClB,oBAAU,OAAO;AACjB;AAAA;AAGF,QAAM,MAAM,KAAK,SAAS;AAC1B,QAAM,OAAQ,KAAK,KAAa,SAAS;AACzC,QAAM,QAAQ;AAEd,SAAO,KAAK,MAAM,QAAQ,CAAC,QAAQ;AACjC,QAAIO,cAAO,KAAK,MAAM,YAAY;AAChC,YAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAI3B,SAAO,KAAK,KAAK,QAAQ,CAAC,QAAQ;AAChC,UAAMC,aAAS,QAAQ,IAAI;AAAA;AAG7B,SAAO;AAAA;;;;;;;;;;;;;;"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.2.0-beta.3";
+export declare const version = "1.2.0-beta.4";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "1.2.0-beta.3";
+const version = "1.2.0-beta.4";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '1.2.0-beta.3'\n"],"names":[],"mappings":";;;;MAAa,UAAU;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '1.2.0-beta.4'\n"],"names":[],"mappings":";;;;MAAa,UAAU;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-plus",
-  "version": "1.2.0-beta.3",
+  "version": "1.2.0-beta.4",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -48,12 +48,12 @@
   "dependencies": {
     "@element-plus/icons": "^0.0.11",
     "@popperjs/core": "^2.10.2",
-    "@vueuse/core": "^6.7.3",
+    "@vueuse/core": "^7.0.0",
     "async-validator": "^4.0.7",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
     "memoize-one": "^6.0.0",
-    "normalize-wheel-es": "^1.1.0"
+    "normalize-wheel-es": "^1.1.1"
   },
   "devDependencies": {
     "@types/node": "*",
@@ -70,5 +70,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "e6e933b2a2756f2b67c30e78c529211d22f3ce16"
+  "gitHead": "44149e804f4579216968e50d50f4e3c3c5ee651b"
 }

package/tags.json

@@ -1 +1 @@
-{"el-affix":{"attributes":["offset","position","target","z-index","change","scroll"],"description":"Fix the element to a specific visible area.\n\n[Docs](https://element-plus.org/en-US/component/affix.html#affix)"},"el-alert":{"attributes":["title","type","description","closable","center","close-text","show-icon","effect","close"],"description":"Displays important alert messages.\n\n[Docs](https://element-plus.org/en-US/component/alert.html#alert)"},"el-avatar":{"attributes":["icon","size","shape","src","src-set","alt","fit","error"],"description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.\n\n[Docs](https://element-plus.org/en-US/component/avatar.html#avatar)"},"el-backtop":{"attributes":["target","visibility-height","right","bottom","click"],"description":"A button to back to top\n\n[Docs](https://element-plus.org/en-US/component/backtop.html#backtop)"},"el-badge":{"attributes":["value","max","is-dot","hidden","type"],"description":"A number or status mark on buttons and icons.\n\n[Docs](https://element-plus.org/en-US/component/badge.html#badge)"},"el-breadcrumb":{"attributes":["separator","separator-class"],"subtags":["el-breadcrumb-item"],"description":"Displays the location of the current page, making it easier to browser back.\n\n[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb)"},"el-breadcrumb-item":{"attributes":["to","replace"],"description":"[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item)"},"el-button":{"attributes":["auto-insert-space"],"description":"[Docs](https://element-plus.org/en-US/component/config-provider.html#button)"},"el-button-group":{"attributes":["size"],"subtags":["el-button"],"description":"[Docs](https://element-plus.org/en-US/component/button.html#button-group)"},"el-calendar":{"attributes":["model-value","range"],"description":"Display date.\n\n[Docs](https://element-plus.org/en-US/component/calendar.html#calendar)"},"el-card":{"attributes":["header","body-style","shadow"],"description":"Integrate information in a card container.\n\n[Docs](https://element-plus.org/en-US/component/card.html#card)"},"el-carousel":{"attributes":["height","initial-index","trigger","autoplay","interval","indicator-position","arrow","type","loop","direction","pause-on-hover","change"],"subtags":["el-carousel-item"],"description":"Loop a series of images or texts in a limited space\n\n[Docs](https://element-plus.org/en-US/component/carousel.html#carousel)"},"el-carousel-item":{"attributes":["name","label"],"description":"[Docs](https://element-plus.org/en-US/component/carousel.html#carousel-item)"},"el-cascader":{"attributes":["model-value","options","props","size","placeholder","disabled","clearable","show-all-levels","collapse-tags","separator","filterable","filter-method","debounce","before-filter","popper-class","popper-append-to-body","change","expand-change","blur","focus","visible-change","remove-tag"],"description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.\n\n[Docs](https://element-plus.org/en-US/component/cascader.html#cascader)"},"el-cascader-panel":{"attributes":["model-value","options","props","change","expand-change"],"description":"[Docs](https://element-plus.org/en-US/component/cascader.html#cascaderpanel)"},"el-checkbox":{"attributes":["model-value","label","true-label","false-label","disabled","border","size","name","checked","indeterminate","change"],"description":"A group of options for multiple choices.\n\n[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox)"},"el-checkbox-group":{"attributes":["model-value","size","disabled","min","max","text-color","fill","change"],"subtags":["el-checkbox","el-checkbox-button"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox-group)"},"el-checkbox-button":{"attributes":["label","true-label","false-label","disabled","name","checked"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox-button)"},"el-collapse":{"attributes":["model-value","accordion","change"],"subtags":["el-collapse-item"],"description":"Use Collapse to store contents.\n\n[Docs](https://element-plus.org/en-US/component/collapse.html#collapse)"},"el-collapse-item":{"attributes":["name","title","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/collapse.html#collapse-item)"},"el-color-picker":{"attributes":["model-value","disabled","size","show-alpha","color-format","popper-class","predefine","change","active-change"],"description":"ColorPicker is a color selector supporting multiple color formats.\n\n[Docs](https://element-plus.org/en-US/component/color-picker.html#colorpicker)"},"el-config-provider":{"description":"[Docs](https://element-plus.org/en-US/component/config-provider.html#configprovider)"},"el-container":{"attributes":["direction"],"subtags":["el-container","el-header","el-aside","el-main","el-footer"],"description":"Container components for scaffolding basic structure of the page:\n\n[Docs](https://element-plus.org/en-US/component/container.html#container)"},"el-header":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#header)"},"el-aside":{"attributes":["width"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#aside)"},"el-main":{"description":"[Docs](https://element-plus.org/en-US/component/container.html#main)"},"el-footer":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#footer)"},"el-date-picker":{"attributes":["model-value","readonly","disabled","size","editable","clearable","placeholder","start-placeholder","end-placeholder","type","format","popper-class","range-separator","default-value","default-time","value-format","name","unlink-panels","prefix-icon","clear-icon","validate-event","disabled-date","shortcuts","change","blur","focus","calendar-change"],"description":"Use Date Picker for date input.\n\n[Docs](https://element-plus.org/en-US/component/date-picker.html#datepicker)"},"el-descriptions":{"attributes":["border","column","direction","size","title","extra"],"subtags":["el-descriptions-item"],"description":"Display multiple fields in list form.\n\n[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions)"},"el-descriptions-item":{"attributes":["label","span","width","min-width","align","label-align","class-name","label-class-name"],"description":"[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions-item)"},"el-dialog":{"attributes":["model-value","title","width","fullscreen","top","modal","append-to-body","lock-scroll","custom-class","open-delay","close-delay","close-on-click-modal","close-on-press-escape","show-close","before-close","center","destroy-on-close","open","opened","close","closed"],"description":"Informs users while preserving the current page state.\n\n[Docs](https://element-plus.org/en-US/component/dialog.html#dialog)"},"el-divider":{"attributes":["direction","content-position"],"description":"The dividing line that separates the content.\n\n[Docs](https://element-plus.org/en-US/component/divider.html#divider)"},"el-drawer":{"attributes":["model-value","append-to-body","lock-scroll","before-close","close-on-click-modal","close-on-press-escape","open-delay","close-delay","custom-class","destroy-on-close","modal","direction","show-close","size","title","with-header","modal-class","z-index","open","opened","close","closed"],"description":"Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.\n\n[Docs](https://element-plus.org/en-US/component/drawer.html#drawer)"},"el-dropdown":{"attributes":["type","size","max-height","split-button","disabled","placement","trigger","hide-on-click","show-timeout","hide-timeout","tabindex","click","command","visible-change"],"subtags":["el-dropdown-menu"],"description":"Toggleable menu for displaying lists of links and actions.\n\n[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown)"},"el-dropdown-menu":{"subtags":["el-dropdown-item"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-menu)"},"el-dropdown-item":{"attributes":["command","disabled","divided","icon"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-item)"},"el-empty":{"attributes":["image","image-size","description"],"description":"Placeholder hints for empty states.\n\n[Docs](https://element-plus.org/en-US/component/empty.html#empty)"},"el-form":{"attributes":["model","rules","inline","label-position","label-width","label-suffix","hide-required-asterisk","show-message","inline-message","status-icon","validate-on-rule-change","size","disabled","validate"],"subtags":["el-form-item"],"description":"Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data.\n\n[Docs](https://element-plus.org/en-US/component/form.html#form)"},"el-form-item":{"attributes":["prop","label","label-width","required","rules","error","show-message","inline-message","size"],"description":"[Docs](https://element-plus.org/en-US/component/form.html#form-item)"},"el-icon":{"attributes":["color","size"],"description":"Element Plus provides a set of common icons.\n\n[Docs](https://element-plus.org/en-US/component/icon.html#icon)"},"el-image":{"attributes":["alt","fit","hide-on-click-modal","initial-index","lazy","preview-src-list","referrer-policy","src","scroll-container","z-index","load","error"],"description":"Besides the native features of img, support lazy load, custom placeholder and load failure, etc.\n\n[Docs](https://element-plus.org/en-US/component/image.html#image)"},"el-image-viewer":{"attributes":["url-list","z-index","initial-index","infinite","hide-on-click-modal","append-to-body"],"description":"[Docs](https://element-plus.org/en-US/component/image.html#imageviewer)"},"el-input-number":{"attributes":["model-value","min","max","step","step-strictly","precision","size","disabled","controls","controls-position","name","label","placeholder","change","blur","focus"],"description":"Input numerical values with a customizable range.\n\n[Docs](https://element-plus.org/en-US/component/input-number.html#input-number)"},"el-input":{"attributes":["type","model-value","maxlength","minlength","show-word-limit","placeholder","clearable","show-password","disabled","size","prefix-icon","suffix-icon","rows","autosize","autocomplete","name","readonly","max","min","step","resize","autofocus","form","label","tabindex","validate-event","input-style","blur","focus","change","input","clear"],"description":"Input data using mouse or keyboard.\n\n[Docs](https://element-plus.org/en-US/component/input.html#input)"},"el-autocomplete":{"attributes":["placeholder","clearable","disabled","value-key","icon","model-value","debounce","placement","fetch-suggestions","popper-class","trigger-on-focus","name","select-when-unmatched","label","prefix-icon","suffix-icon","hide-loading","popper-append-to-body","highlight-first-item","select","change"],"description":"You can get some recommended tips based on the current input.\n\n[Docs](https://element-plus.org/en-US/component/input.html#autocomplete)"},"el-row":{"attributes":["gutter","justify","align","tag"],"subtags":["el-col"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#row)"},"el-col":{"attributes":["span","offset","push","pull","xs","sm","md","lg","xl","tag"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#col)"},"el-link":{"attributes":["type","underline","disabled","href","icon"],"description":"Text hyperlink\n\n[Docs](https://element-plus.org/en-US/component/link.html#link)"},"el-menu":{"attributes":["mode","collapse","ellipsis","background-color","text-color","active-text-color","default-active","default-openeds","unique-opened","menu-trigger","router","collapse-transition","select","open","close"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"Menu that provides navigation for your website.\n\n[Docs](https://element-plus.org/en-US/component/menu.html#menu)"},"el-sub-menu":{"attributes":["index","popper-class","show-timeout","hide-timeout","disabled","popper-append-to-body"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#submenu)"},"el-menu-item":{"attributes":["index","route","disabled","click"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item)"},"el-menu-item-group":{"attributes":["title"],"subtags":["el-menu-item"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item-group)"},"el-page-header":{"attributes":["icon","title","content","back"],"description":"If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.\n\n[Docs](https://element-plus.org/en-US/component/page-header.html#page-header)"},"el-pagination":{"attributes":["small","background","page-size","default-page-size","total","page-count","pager-count","current-page","default-current-page","layout","page-sizes","popper-class","prev-text","next-text","disabled","hide-on-single-page","size-change","current-change","prev-click","next-click"],"description":"If you have too much data to display in one page, use pagination.\n\n[Docs](https://element-plus.org/en-US/component/pagination.html#pagination)"},"el-popconfirm":{"attributes":["title","confirm-button-text","cancel-button-text","confirm-button-type","cancel-button-type","icon","icon-color","hide-icon","confirm","cancel"],"description":"A simple confirmation dialog of an element click action.\n\n[Docs](https://element-plus.org/en-US/component/popconfirm.html#popconfirm)"},"el-popover":{"attributes":["trigger","title","content","width","placement","disabled","visible","offset","transition","show-arrow","popper-options","popper-class","show-after","hide-after","auto-close","tabindex","show","after-enter","hide","after-leave"],"description":"[Docs](https://element-plus.org/en-US/component/popover.html#popover)"},"el-progress":{"attributes":["percentage","type","stroke-width","text-inside","status","indeterminate","duration","color","width","show-text","stroke-linecap","format"],"description":"Progress is used to show the progress of current operation, and inform the user the current status.\n\n[Docs](https://element-plus.org/en-US/component/progress.html#progress)"},"el-radio":{"attributes":["model-value","label","disabled","border","size","name","change"],"description":"Single selection among multiple options.\n\n[Docs](https://element-plus.org/en-US/component/radio.html#radio)"},"el-radio-group":{"attributes":["model-value","size","disabled","text-color","fill","change"],"subtags":["el-radio","el-radio-button"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radio-group)"},"el-radio-button":{"attributes":["label","disabled","name"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radio-button)"},"el-rate":{"attributes":["model-value","max","disabled","allow-half","low-threshold","high-threshold","colors","void-color","disabled-void-color","icons","void-icon","disabled-void-icon","show-text","show-score","text-color","texts","score-template","change"],"description":"Used for rating\n\n[Docs](https://element-plus.org/en-US/component/rate.html#rate)"},"el-result":{"attributes":["title","sub-title","icon"],"description":"Used to give feedback on the result of user's operation or access exception.\n\n[Docs](https://element-plus.org/en-US/component/result.html#result)"},"el-scrollbar":{"attributes":["height","max-height","native","wrap-style","wrap-class","view-style","view-class","noresize","tag","always","min-size","scroll"],"description":"Used to replace the browser's native scrollbar.\n\n[Docs](https://element-plus.org/en-US/component/scrollbar.html#scrollbar)"},"el-select-v2":{"attributes":["change","visible-change","remove-tag","clear","blur","focus"],"description":"[Docs](https://element-plus.org/en-US/component/select-v2.html#selectv2)"},"el-select":{"attributes":["model-value","multiple","disabled","value-key","size","clearable","collapse-tags","multiple-limit","name","autocomplete","placeholder","filterable","allow-create","filter-method","remote","remote-method","loading","loading-text","no-match-text","no-data-text","popper-class","reserve-keyword","default-first-option","popper-append-to-body","automatic-dropdown","clear-icon","fit-input-width","change","visible-change","remove-tag","clear","blur","focus"],"subtags":["el-option-group","el-option"],"description":"When there are plenty of options, use a drop-down menu to display and select desired ones.\n\n[Docs](https://element-plus.org/en-US/component/select.html#select)"},"el-option-group":{"attributes":["label","disabled"],"subtags":["el-option"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option-group)"},"el-option":{"attributes":["value","label","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option)"},"el-skeleton":{"attributes":["animated","count","loading","rows","throttle"],"description":"When loading data, and you need a rich experience for visual and interactions for your end users, you can choose `skeleton`.\n\n[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton)"},"el-skeleton-item":{"attributes":["variant"],"description":"[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton-item)"},"el-slider":{"attributes":["model-value","min","max","disabled","step","show-input","show-input-controls","input-size","show-stops","show-tooltip","format-tooltip","range","vertical","height","label","debounce","tooltip-class","marks","change","input"],"description":"Drag the slider within a fixed range.\n\n[Docs](https://element-plus.org/en-US/component/slider.html#slider)"},"el-space":{"attributes":["alignment","class","direction","prefix-cls","style","spacer","size","wrap","fill","fill-ratio"],"description":"Even though we have [Divider]\n\n[Docs](https://element-plus.org/en-US/component/space.html#space)"},"el-steps":{"attributes":["space","direction","active","process-status","finish-status","align-center","simple"],"subtags":["el-step"],"description":"Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2.\n\n[Docs](https://element-plus.org/en-US/component/steps.html#steps)"},"el-step":{"attributes":["title","description","icon","status"],"description":"[Docs](https://element-plus.org/en-US/component/steps.html#step)"},"el-switch":{"attributes":["model-value","disabled","loading","width","inline-prompt","active-icon","inactive-icon","active-text","inactive-text","active-value","inactive-value","active-color","inactive-color","border-color","name","validate-event","before-change","change"],"description":"Switch is used for switching between two opposing states.\n\n[Docs](https://element-plus.org/en-US/component/switch.html#switch)"},"el-table":{"attributes":["data","height","max-height","stripe","border","size","fit","show-header","highlight-current-row","current-row-key","row-class-name","row-style","cell-class-name","cell-style","header-row-class-name","header-row-style","header-cell-class-name","header-cell-style","row-key","empty-text","default-expand-all","expand-row-keys","default-sort","tooltip-effect","show-summary","sum-text","summary-method","span-method","select-on-indeterminate","indent","lazy","load","tree-props","select","select-all","selection-change","cell-mouse-enter","cell-mouse-leave","cell-click","cell-dblclick","cell-contextmenu","row-click","row-contextmenu","row-dblclick","header-click","header-contextmenu","sort-change","filter-change","current-change","header-dragend","expand-change"],"subtags":["el-table-column"],"description":"Display multiple data with similar format. You can sort, filter, compare your data in a table.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table)"},"el-table-column":{"attributes":["type","index","label","column-key","prop","width","min-width","fixed","render-header","sortable","sort-method","sort-by","sort-orders","resizable","formatter","show-overflow-tooltip","align","header-align","class-name","label-class-name","selectable","reserve-selection","filters","filter-placement","filter-multiple","filter-method","filtered-value"],"description":"[Docs](https://element-plus.org/en-US/component/table.html#table-column)"},"el-tabs":{"attributes":["model-value","type","closable","addable","editable","tab-position","stretch","before-leave","tab-click","tab-remove","tab-add","edit"],"subtags":["el-tab-pane"],"description":"Divide data collections which are related yet belong to different types.\n\n[Docs](https://element-plus.org/en-US/component/tabs.html#tabs)"},"el-tab-pane":{"attributes":["label","disabled","name","closable","lazy"],"description":"[Docs](https://element-plus.org/en-US/component/tabs.html#tab-pane)"},"el-check-tag":{"attributes":["checked","change"],"description":"[Docs](https://element-plus.org/en-US/component/tag.html#checktag)"},"el-tag":{"attributes":["type","closable","disable-transitions","hit","color","size","effect","click","close"],"description":"Used for marking and selection.\n\n[Docs](https://element-plus.org/en-US/component/tag.html#tag)"},"el-time-picker":{"attributes":["model-value","readonly","disabled","editable","clearable","size","placeholder","start-placeholder","end-placeholder","is-range","arrow-control","align","popper-class","range-separator","format","default-value","name","prefix-icon","clear-icon","disabled-hours","disabled-minutes","disabled-seconds","change","blur","focus"],"description":"Use Time Picker for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-picker.html#timepicker)"},"el-time-select":{"attributes":["model-value","disabled","editable","clearable","size","placeholder","name","prefix-icon","clear-icon","start","end","step","min-time","max-time","change","blur","focus"],"description":"Use Time Select for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-select.html#timeselect)"},"el-timeline":{"subtags":["el-timeline-item"],"description":"Visually display timeline.\n\n[Docs](https://element-plus.org/en-US/component/timeline.html#timeline)"},"el-timeline-item":{"attributes":["timestamp","hide-timestamp","center","placement","type","color","size","icon","hollow"],"description":"[Docs](https://element-plus.org/en-US/component/timeline.html#timeline-item)"},"el-tooltip":{"attributes":["append-to-body","effect","content","placement","model-value","disabled","offset","transition","visible-arrow","popper-options","show-after","hide-after","auto-close","manual","popper-class","enterable","tabindex"],"description":"Display prompt information for mouse hover.\n\n[Docs](https://element-plus.org/en-US/component/tooltip.html#tooltip)"},"el-transfer":{"attributes":["model-value","data","filterable","filter-placeholder","filter-method","target-order","titles","button-texts","render-content","format","props","left-default-checked","right-default-checked","change","left-check-change","right-check-change"],"description":"[Docs](https://element-plus.org/en-US/component/transfer.html#transfer)"},"el-<el-badge-value=\"beta\">tree-v2-virtualized-tree</el-badge>":{"attributes":["data","empty-text","props","highlight-current","expand-on-click-node","check-on-click-node","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-method","indent","icon","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse"],"description":"Tree view with blazing fast scrolling performance for any amount of data\n\n[Docs](https://element-plus.org/en-US/component/tree-v2.html#<elbadge-value=\"beta\">tree-v2-virtualized-tree</elbadge>)"},"el-tree":{"attributes":["data","empty-text","node-key","props","render-after-expand","load","render-content","highlight-current","default-expand-all","expand-on-click-node","check-on-click-node","auto-expand-parent","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-node-method","accordion","indent","icon","lazy","draggable","allow-drag","allow-drop","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse","node-drag-start","node-drag-enter","node-drag-leave","node-drag-over","node-drag-end","node-drop"],"description":"Display a set of data with hierarchies.\n\n[Docs](https://element-plus.org/en-US/component/tree.html#tree)"},"el-upload":{"attributes":["action","headers","method","multiple","data","name","with-credentials","show-file-list","drag","accept","on-preview","on-remove","on-success","on-error","on-progress","on-change","before-upload","before-remove","thumbnail-mode","file-list","list-type","auto-upload","http-request","disabled","limit","on-exceed"],"description":"Upload files by clicking or drag-and-drop\n\n[Docs](https://element-plus.org/en-US/component/upload.html#upload)"}}
+{"el-affix":{"attributes":["offset","position","target","z-index","change","scroll"],"description":"Fix the element to a specific visible area.\n\n[Docs](https://element-plus.org/en-US/component/affix.html#affix)"},"el-alert":{"attributes":["title","type","description","closable","center","close-text","show-icon","effect","close"],"description":"Displays important alert messages.\n\n[Docs](https://element-plus.org/en-US/component/alert.html#alert)"},"el-avatar":{"attributes":["icon","size","shape","src","src-set","alt","fit","error"],"description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.\n\n[Docs](https://element-plus.org/en-US/component/avatar.html#avatar)"},"el-backtop":{"attributes":["target","visibility-height","right","bottom","click"],"description":"A button to back to top\n\n[Docs](https://element-plus.org/en-US/component/backtop.html#backtop)"},"el-badge":{"attributes":["value","max","is-dot","hidden","type"],"description":"A number or status mark on buttons and icons.\n\n[Docs](https://element-plus.org/en-US/component/badge.html#badge)"},"el-breadcrumb":{"attributes":["separator","separator-class"],"subtags":["el-breadcrumb-item"],"description":"Displays the location of the current page, making it easier to browser back.\n\n[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb)"},"el-breadcrumb-item":{"attributes":["to","replace"],"description":"[Docs](https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item)"},"el-button":{"attributes":["auto-insert-space"],"description":"[Docs](https://element-plus.org/en-US/component/config-provider.html#button)"},"el-button-group":{"attributes":["size","type"],"subtags":["el-button"],"description":"[Docs](https://element-plus.org/en-US/component/button.html#button-group)"},"el-calendar":{"attributes":["model-value","range"],"description":"Display date.\n\n[Docs](https://element-plus.org/en-US/component/calendar.html#calendar)"},"el-card":{"attributes":["header","body-style","shadow"],"description":"Integrate information in a card container.\n\n[Docs](https://element-plus.org/en-US/component/card.html#card)"},"el-carousel":{"attributes":["height","initial-index","trigger","autoplay","interval","indicator-position","arrow","type","loop","direction","pause-on-hover","change"],"subtags":["el-carousel-item"],"description":"Loop a series of images or texts in a limited space\n\n[Docs](https://element-plus.org/en-US/component/carousel.html#carousel)"},"el-carousel-item":{"attributes":["name","label"],"description":"[Docs](https://element-plus.org/en-US/component/carousel.html#carousel-item)"},"el-cascader":{"attributes":["model-value","options","props","size","placeholder","disabled","clearable","show-all-levels","collapse-tags","separator","filterable","filter-method","debounce","before-filter","popper-class","popper-append-to-body","change","expand-change","blur","focus","visible-change","remove-tag"],"description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.\n\n[Docs](https://element-plus.org/en-US/component/cascader.html#cascader)"},"el-cascader-panel":{"attributes":["model-value","options","props","change","expand-change"],"description":"[Docs](https://element-plus.org/en-US/component/cascader.html#cascaderpanel)"},"el-checkbox":{"attributes":["model-value","label","true-label","false-label","disabled","border","size","name","checked","indeterminate","change"],"description":"A group of options for multiple choices.\n\n[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox)"},"el-checkbox-group":{"attributes":["model-value","size","disabled","min","max","text-color","fill","change"],"subtags":["el-checkbox","el-checkbox-button"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox-group)"},"el-checkbox-button":{"attributes":["label","true-label","false-label","disabled","name","checked"],"description":"[Docs](https://element-plus.org/en-US/component/checkbox.html#checkbox-button)"},"el-collapse":{"attributes":["model-value","accordion","change"],"subtags":["el-collapse-item"],"description":"Use Collapse to store contents.\n\n[Docs](https://element-plus.org/en-US/component/collapse.html#collapse)"},"el-collapse-item":{"attributes":["name","title","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/collapse.html#collapse-item)"},"el-color-picker":{"attributes":["model-value","disabled","size","show-alpha","color-format","popper-class","predefine","change","active-change"],"description":"ColorPicker is a color selector supporting multiple color formats.\n\n[Docs](https://element-plus.org/en-US/component/color-picker.html#colorpicker)"},"el-config-provider":{"description":"[Docs](https://element-plus.org/en-US/component/config-provider.html#configprovider)"},"el-container":{"attributes":["direction"],"subtags":["el-container","el-header","el-aside","el-main","el-footer"],"description":"Container components for scaffolding basic structure of the page:\n\n[Docs](https://element-plus.org/en-US/component/container.html#container)"},"el-header":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#header)"},"el-aside":{"attributes":["width"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#aside)"},"el-main":{"description":"[Docs](https://element-plus.org/en-US/component/container.html#main)"},"el-footer":{"attributes":["height"],"description":"[Docs](https://element-plus.org/en-US/component/container.html#footer)"},"el-date-picker":{"attributes":["model-value","readonly","disabled","size","editable","clearable","placeholder","start-placeholder","end-placeholder","type","format","popper-class","range-separator","default-value","default-time","value-format","name","unlink-panels","prefix-icon","clear-icon","validate-event","disabled-date","shortcuts","change","blur","focus","calendar-change"],"description":"Use Date Picker for date input.\n\n[Docs](https://element-plus.org/en-US/component/date-picker.html#datepicker)"},"el-descriptions":{"attributes":["border","column","direction","size","title","extra"],"subtags":["el-descriptions-item"],"description":"Display multiple fields in list form.\n\n[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions)"},"el-descriptions-item":{"attributes":["label","span","width","min-width","align","label-align","class-name","label-class-name"],"description":"[Docs](https://element-plus.org/en-US/component/descriptions.html#descriptions-item)"},"el-dialog":{"attributes":["model-value","title","width","fullscreen","top","modal","append-to-body","lock-scroll","custom-class","open-delay","close-delay","close-on-click-modal","close-on-press-escape","show-close","before-close","center","destroy-on-close","open","opened","close","closed"],"description":"Informs users while preserving the current page state.\n\n[Docs](https://element-plus.org/en-US/component/dialog.html#dialog)"},"el-divider":{"attributes":["direction","content-position"],"description":"The dividing line that separates the content.\n\n[Docs](https://element-plus.org/en-US/component/divider.html#divider)"},"el-drawer":{"attributes":["model-value","append-to-body","lock-scroll","before-close","close-on-click-modal","close-on-press-escape","open-delay","close-delay","custom-class","destroy-on-close","modal","direction","show-close","size","title","with-header","modal-class","z-index","open","opened","close","closed"],"description":"Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.\n\n[Docs](https://element-plus.org/en-US/component/drawer.html#drawer)"},"el-dropdown":{"attributes":["type","size","max-height","split-button","disabled","placement","trigger","hide-on-click","show-timeout","hide-timeout","tabindex","click","command","visible-change"],"subtags":["el-dropdown-menu"],"description":"Toggleable menu for displaying lists of links and actions.\n\n[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown)"},"el-dropdown-menu":{"subtags":["el-dropdown-item"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-menu)"},"el-dropdown-item":{"attributes":["command","disabled","divided","icon"],"description":"[Docs](https://element-plus.org/en-US/component/dropdown.html#dropdown-item)"},"el-empty":{"attributes":["image","image-size","description"],"description":"Placeholder hints for empty states.\n\n[Docs](https://element-plus.org/en-US/component/empty.html#empty)"},"el-form":{"attributes":["model","rules","inline","label-position","label-width","label-suffix","hide-required-asterisk","show-message","inline-message","status-icon","validate-on-rule-change","size","disabled","validate"],"subtags":["el-form-item"],"description":"Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data.\n\n[Docs](https://element-plus.org/en-US/component/form.html#form)"},"el-form-item":{"attributes":["prop","label","label-width","required","rules","error","show-message","inline-message","size"],"description":"[Docs](https://element-plus.org/en-US/component/form.html#form-item)"},"el-icon":{"attributes":["color","size"],"description":"Element Plus provides a set of common icons.\n\n[Docs](https://element-plus.org/en-US/component/icon.html#icon)"},"el-image":{"attributes":["alt","fit","hide-on-click-modal","initial-index","lazy","preview-src-list","referrer-policy","src","scroll-container","z-index","load","error"],"description":"Besides the native features of img, support lazy load, custom placeholder and load failure, etc.\n\n[Docs](https://element-plus.org/en-US/component/image.html#image)"},"el-image-viewer":{"attributes":["url-list","z-index","initial-index","infinite","hide-on-click-modal","append-to-body"],"description":"[Docs](https://element-plus.org/en-US/component/image.html#imageviewer)"},"el-input-number":{"attributes":["model-value","min","max","step","step-strictly","precision","size","disabled","controls","controls-position","name","label","placeholder","change","blur","focus"],"description":"Input numerical values with a customizable range.\n\n[Docs](https://element-plus.org/en-US/component/input-number.html#input-number)"},"el-input":{"attributes":["type","model-value","maxlength","minlength","show-word-limit","placeholder","clearable","show-password","disabled","size","prefix-icon","suffix-icon","rows","autosize","autocomplete","name","readonly","max","min","step","resize","autofocus","form","label","tabindex","validate-event","input-style","blur","focus","change","input","clear"],"description":"Input data using mouse or keyboard.\n\n[Docs](https://element-plus.org/en-US/component/input.html#input)"},"el-autocomplete":{"attributes":["placeholder","clearable","disabled","value-key","icon","model-value","debounce","placement","fetch-suggestions","popper-class","trigger-on-focus","name","select-when-unmatched","label","prefix-icon","suffix-icon","hide-loading","popper-append-to-body","highlight-first-item","select","change"],"description":"You can get some recommended tips based on the current input.\n\n[Docs](https://element-plus.org/en-US/component/input.html#autocomplete)"},"el-row":{"attributes":["gutter","justify","align","tag"],"subtags":["el-col"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#row)"},"el-col":{"attributes":["span","offset","push","pull","xs","sm","md","lg","xl","tag"],"description":"[Docs](https://element-plus.org/en-US/component/layout.html#col)"},"el-link":{"attributes":["type","underline","disabled","href","icon"],"description":"Text hyperlink\n\n[Docs](https://element-plus.org/en-US/component/link.html#link)"},"el-menu":{"attributes":["mode","collapse","ellipsis","background-color","text-color","active-text-color","default-active","default-openeds","unique-opened","menu-trigger","router","collapse-transition","select","open","close"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"Menu that provides navigation for your website.\n\n[Docs](https://element-plus.org/en-US/component/menu.html#menu)"},"el-sub-menu":{"attributes":["index","popper-class","show-timeout","hide-timeout","disabled","popper-append-to-body"],"subtags":["el-sub-menu","el-menu-item","el-menu-item-group"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#submenu)"},"el-menu-item":{"attributes":["index","route","disabled","click"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item)"},"el-menu-item-group":{"attributes":["title"],"subtags":["el-menu-item"],"description":"[Docs](https://element-plus.org/en-US/component/menu.html#menu-item-group)"},"el-page-header":{"attributes":["icon","title","content","back"],"description":"If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.\n\n[Docs](https://element-plus.org/en-US/component/page-header.html#page-header)"},"el-pagination":{"attributes":["small","background","page-size","default-page-size","total","page-count","pager-count","current-page","default-current-page","layout","page-sizes","popper-class","prev-text","next-text","disabled","hide-on-single-page","size-change","current-change","prev-click","next-click"],"description":"If you have too much data to display in one page, use pagination.\n\n[Docs](https://element-plus.org/en-US/component/pagination.html#pagination)"},"el-popconfirm":{"attributes":["title","confirm-button-text","cancel-button-text","confirm-button-type","cancel-button-type","icon","icon-color","hide-icon","confirm","cancel"],"description":"A simple confirmation dialog of an element click action.\n\n[Docs](https://element-plus.org/en-US/component/popconfirm.html#popconfirm)"},"el-popover":{"attributes":["trigger","title","content","width","placement","disabled","visible","offset","transition","show-arrow","popper-options","popper-class","show-after","hide-after","auto-close","tabindex","show","after-enter","hide","after-leave"],"description":"[Docs](https://element-plus.org/en-US/component/popover.html#popover)"},"el-progress":{"attributes":["percentage","type","stroke-width","text-inside","status","indeterminate","duration","color","width","show-text","stroke-linecap","format"],"description":"Progress is used to show the progress of current operation, and inform the user the current status.\n\n[Docs](https://element-plus.org/en-US/component/progress.html#progress)"},"el-radio":{"attributes":["model-value","label","disabled","border","size","name","change"],"description":"Single selection among multiple options.\n\n[Docs](https://element-plus.org/en-US/component/radio.html#radio)"},"el-radio-group":{"attributes":["model-value","size","disabled","text-color","fill","change"],"subtags":["el-radio","el-radio-button"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radio-group)"},"el-radio-button":{"attributes":["label","disabled","name"],"description":"[Docs](https://element-plus.org/en-US/component/radio.html#radio-button)"},"el-rate":{"attributes":["model-value","max","disabled","allow-half","low-threshold","high-threshold","colors","void-color","disabled-void-color","icons","void-icon","disabled-void-icon","show-text","show-score","text-color","texts","score-template","change"],"description":"Used for rating\n\n[Docs](https://element-plus.org/en-US/component/rate.html#rate)"},"el-result":{"attributes":["title","sub-title","icon"],"description":"Used to give feedback on the result of user's operation or access exception.\n\n[Docs](https://element-plus.org/en-US/component/result.html#result)"},"el-scrollbar":{"attributes":["height","max-height","native","wrap-style","wrap-class","view-style","view-class","noresize","tag","always","min-size","scroll"],"description":"Used to replace the browser's native scrollbar.\n\n[Docs](https://element-plus.org/en-US/component/scrollbar.html#scrollbar)"},"el-select-v2":{"attributes":["change","visible-change","remove-tag","clear","blur","focus"],"description":"[Docs](https://element-plus.org/en-US/component/select-v2.html#selectv2)"},"el-select":{"attributes":["model-value","multiple","disabled","value-key","size","clearable","collapse-tags","multiple-limit","name","autocomplete","placeholder","filterable","allow-create","filter-method","remote","remote-method","loading","loading-text","no-match-text","no-data-text","popper-class","reserve-keyword","default-first-option","popper-append-to-body","automatic-dropdown","clear-icon","fit-input-width","suffix-icon","change","visible-change","remove-tag","clear","blur","focus"],"subtags":["el-option-group","el-option"],"description":"When there are plenty of options, use a drop-down menu to display and select desired ones.\n\n[Docs](https://element-plus.org/en-US/component/select.html#select)"},"el-option-group":{"attributes":["label","disabled"],"subtags":["el-option"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option-group)"},"el-option":{"attributes":["value","label","disabled"],"description":"[Docs](https://element-plus.org/en-US/component/select.html#option)"},"el-skeleton":{"attributes":["animated","count","loading","rows","throttle"],"description":"When loading data, and you need a rich experience for visual and interactions for your end users, you can choose `skeleton`.\n\n[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton)"},"el-skeleton-item":{"attributes":["variant"],"description":"[Docs](https://element-plus.org/en-US/component/skeleton.html#skeleton-item)"},"el-slider":{"attributes":["model-value","min","max","disabled","step","show-input","show-input-controls","input-size","show-stops","show-tooltip","format-tooltip","range","vertical","height","label","debounce","tooltip-class","marks","change","input"],"description":"Drag the slider within a fixed range.\n\n[Docs](https://element-plus.org/en-US/component/slider.html#slider)"},"el-space":{"attributes":["alignment","class","direction","prefix-cls","style","spacer","size","wrap","fill","fill-ratio"],"description":"Even though we have [Divider]\n\n[Docs](https://element-plus.org/en-US/component/space.html#space)"},"el-steps":{"attributes":["space","direction","active","process-status","finish-status","align-center","simple"],"subtags":["el-step"],"description":"Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2.\n\n[Docs](https://element-plus.org/en-US/component/steps.html#steps)"},"el-step":{"attributes":["title","description","icon","status"],"description":"[Docs](https://element-plus.org/en-US/component/steps.html#step)"},"el-switch":{"attributes":["model-value","disabled","loading","width","inline-prompt","active-icon","inactive-icon","active-text","inactive-text","active-value","inactive-value","active-color","inactive-color","border-color","name","validate-event","before-change","change"],"description":"Switch is used for switching between two opposing states.\n\n[Docs](https://element-plus.org/en-US/component/switch.html#switch)"},"el-table":{"attributes":["data","height","max-height","stripe","border","size","fit","show-header","highlight-current-row","current-row-key","row-class-name","row-style","cell-class-name","cell-style","header-row-class-name","header-row-style","header-cell-class-name","header-cell-style","row-key","empty-text","default-expand-all","expand-row-keys","default-sort","tooltip-effect","show-summary","sum-text","summary-method","span-method","select-on-indeterminate","indent","lazy","load","tree-props","select","select-all","selection-change","cell-mouse-enter","cell-mouse-leave","cell-click","cell-dblclick","cell-contextmenu","row-click","row-contextmenu","row-dblclick","header-click","header-contextmenu","sort-change","filter-change","current-change","header-dragend","expand-change"],"subtags":["el-table-column"],"description":"Display multiple data with similar format. You can sort, filter, compare your data in a table.\n\n[Docs](https://element-plus.org/en-US/component/table.html#table)"},"el-table-column":{"attributes":["type","index","label","column-key","prop","width","min-width","fixed","render-header","sortable","sort-method","sort-by","sort-orders","resizable","formatter","show-overflow-tooltip","align","header-align","class-name","label-class-name","selectable","reserve-selection","filters","filter-placement","filter-multiple","filter-method","filtered-value"],"description":"[Docs](https://element-plus.org/en-US/component/table.html#table-column)"},"el-tabs":{"attributes":["model-value","type","closable","addable","editable","tab-position","stretch","before-leave","tab-click","tab-remove","tab-add","edit"],"subtags":["el-tab-pane"],"description":"Divide data collections which are related yet belong to different types.\n\n[Docs](https://element-plus.org/en-US/component/tabs.html#tabs)"},"el-tab-pane":{"attributes":["label","disabled","name","closable","lazy"],"description":"[Docs](https://element-plus.org/en-US/component/tabs.html#tab-pane)"},"el-check-tag":{"attributes":["checked","change"],"description":"[Docs](https://element-plus.org/en-US/component/tag.html#checktag)"},"el-tag":{"attributes":["type","closable","disable-transitions","hit","color","size","effect","click","close"],"description":"Used for marking and selection.\n\n[Docs](https://element-plus.org/en-US/component/tag.html#tag)"},"el-time-picker":{"attributes":["model-value","readonly","disabled","editable","clearable","size","placeholder","start-placeholder","end-placeholder","is-range","arrow-control","align","popper-class","range-separator","format","default-value","name","prefix-icon","clear-icon","disabled-hours","disabled-minutes","disabled-seconds","change","blur","focus"],"description":"Use Time Picker for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-picker.html#timepicker)"},"el-time-select":{"attributes":["model-value","disabled","editable","clearable","size","placeholder","name","prefix-icon","clear-icon","start","end","step","min-time","max-time","change","blur","focus"],"description":"Use Time Select for time input.\n\n[Docs](https://element-plus.org/en-US/component/time-select.html#timeselect)"},"el-timeline":{"subtags":["el-timeline-item"],"description":"Visually display timeline.\n\n[Docs](https://element-plus.org/en-US/component/timeline.html#timeline)"},"el-timeline-item":{"attributes":["timestamp","hide-timestamp","center","placement","type","color","size","icon","hollow"],"description":"[Docs](https://element-plus.org/en-US/component/timeline.html#timeline-item)"},"el-tooltip":{"attributes":["append-to-body","effect","content","placement","model-value","disabled","offset","transition","visible-arrow","popper-options","show-after","hide-after","auto-close","manual","popper-class","enterable","tabindex"],"description":"Display prompt information for mouse hover.\n\n[Docs](https://element-plus.org/en-US/component/tooltip.html#tooltip)"},"el-transfer":{"attributes":["model-value","data","filterable","filter-placeholder","filter-method","target-order","titles","button-texts","render-content","format","props","left-default-checked","right-default-checked","change","left-check-change","right-check-change"],"description":"[Docs](https://element-plus.org/en-US/component/transfer.html#transfer)"},"el-<el-badge-value=\"beta\">tree-v2-virtualized-tree</el-badge>":{"attributes":["data","empty-text","props","highlight-current","expand-on-click-node","check-on-click-node","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-method","indent","icon","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse"],"description":"Tree view with blazing fast scrolling performance for any amount of data\n\n[Docs](https://element-plus.org/en-US/component/tree-v2.html#<elbadge-value=\"beta\">tree-v2-virtualized-tree</elbadge>)"},"el-tree":{"attributes":["data","empty-text","node-key","props","render-after-expand","load","render-content","highlight-current","default-expand-all","expand-on-click-node","check-on-click-node","auto-expand-parent","default-expanded-keys","show-checkbox","check-strictly","default-checked-keys","current-node-key","filter-node-method","accordion","indent","icon","lazy","draggable","allow-drag","allow-drop","node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse","node-drag-start","node-drag-enter","node-drag-leave","node-drag-over","node-drag-end","node-drop"],"description":"Display a set of data with hierarchies.\n\n[Docs](https://element-plus.org/en-US/component/tree.html#tree)"},"el-upload":{"attributes":["action","headers","method","multiple","data","name","with-credentials","show-file-list","drag","accept","on-preview","on-remove","on-success","on-error","on-progress","on-change","before-upload","before-remove","thumbnail-mode","file-list","list-type","auto-upload","http-request","disabled","limit","on-exceed"],"description":"Upload files by clicking or drag-and-drop\n\n[Docs](https://element-plus.org/en-US/component/upload.html#upload)"}}

package/theme-chalk/base.css

@@ -1 +1 @@
-:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-1:#53a8ff;--el-color-primary-light-2:#66b1ff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-4:#8cc5ff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-6:#b3d8ff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-error:#f56c6c;--el-color-error-light:#fde2e2;--el-color-error-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#c0c4cc;--el-border-color-base:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-background-color-base:#f5f7fa;--el-border-width-base:1px;--el-border-style-base:solid;--el-border-color-hover:var(--el-text-color-placeholder);--el-border-base:var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-box-shadow-base:0 2px 4px rgba(0, 0, 0, 0.12),0 0 6px rgba(0, 0, 0, 0.04);--el-box-shadow-light:0 2px 12px 0 rgba(0, 0, 0, 0.1);--el-svg-monochrome-grey:#dcdde0;--el-fill-base:var(--el-color-white);--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-font-color-disabled-base:#bbb;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-disabled-fill-base:var(--el-background-color-base);--el-disabled-color-base:var(--el-text-color-placeholder);--el-disabled-border-base:var(--el-border-color-light);--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--el-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;--font-size:14px;height:1em;width:1em;line-height:1em;text-align:center;display:inline-block;position:relative;fill:currentColor;color:var(--color);font-size:var(--font-size)}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}
+:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-1:#53a8ff;--el-color-primary-light-2:#66b1ff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-4:#8cc5ff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-6:#b3d8ff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-error:#f56c6c;--el-color-error-light:#fde2e2;--el-color-error-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-bg-color-base:#f5f7fa;--el-border-width-base:1px;--el-border-style-base:solid;--el-border-color-hover:var(--el-text-color-placeholder);--el-border-base:var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);--el-svg-monochrome-grey:#dcdde0;--el-fill-base:var(--el-color-white);--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-text-color-disabled-base:#bbb;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#c0c4cc;--el-border-color-base:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-box-shadow-base:0 2px 4px rgba(0, 0, 0, 0.12),0 0 6px rgba(0, 0, 0, 0.04);--el-box-shadow-light:0 2px 12px 0 rgba(0, 0, 0, 0.1);--el-disabled-bg-color:var(--el-bg-color-base);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--el-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;--font-size:14px;height:1em;width:1em;line-height:1em;text-align:center;display:inline-block;position:relative;fill:currentColor;color:var(--color);font-size:var(--font-size)}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}

package/theme-chalk/el-alert.css

@@ -1 +1 @@
-.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:13px;--el-alert-description-font-size:12px;--el-alert-close-font-size:12px;--el-alert-close-customed-font-size:13px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);position:relative;background-color:var(--el-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--el-transition-duration-fast)}.el-alert.is-light .el-alert__closebtn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__closebtn{color:var(--el-color-white)}.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-background-color:#f0f9eb}.el-alert--success.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-background-color:#f4f4f5}.el-alert--info.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-background-color:#fdf6ec}.el-alert--warning.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-background-color:#fef0f0}.el-alert--error.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size)}.el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:5px 0 0 0}.el-alert__closebtn{font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);top:9px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}
+.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:13px;--el-alert-description-font-size:12px;--el-alert-close-font-size:12px;--el-alert-close-customed-font-size:13px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);position:relative;background-color:var(--el-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--el-transition-duration-fast)}.el-alert.is-light .el-alert__closebtn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__closebtn{color:var(--el-color-white)}.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:#f0f9eb}.el-alert--success.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:#f4f4f5}.el-alert--info.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:#fdf6ec}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:#fef0f0}.el-alert--error.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size)}.el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:5px 0 0 0}.el-alert__closebtn{font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);top:9px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}