element-pe 1.0.8 → 1.0.9-alpha.12

package/es/utils/aria.d.ts

@@ -10,18 +10,56 @@ export declare const EVENT_CODE: {
     esc: string;
     delete: string;
     backspace: string;
+    numpadEnter: 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/es/utils/aria.mjs

@@ -8,7 +8,8 @@ const EVENT_CODE = {
   down: "ArrowDown",
   esc: "Escape",
   delete: "Delete",
-  backspace: "Backspace"
+  backspace: "Backspace",
+  numpadEnter: "NumpadEnter"
 };
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {

package/es/utils/aria.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aria.mjs","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":"MACa,aAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA;AAGb,MAAM,8BAA8B;MAKvB,YAAY,CAAC,YAAyB;AACjD,MAAI,QAAQ,IAAI,aAAa;AAAQ,WAAO;AAC5C,QAAM,WAAW,iBAAiB;AAGlC,SAAO,SAAS,aAAa,UAAU,QAAQ,QAAQ,iBAAiB;AAAA;MAG7D,6BAA6B,CACxC,YACkB;AAClB,SAAO,MAAM,KACX,QAAQ,iBAA8B,8BACtC,OAAO,CAAC,SAAsB,YAAY,SAAS,UAAU;AAAA;MAQpD,cAAc,CAAC,YAAkC;AAC5D,MACE,QAAQ,WAAW,KAClB,QAAQ,aAAa,KAAK,QAAQ,aAAa,gBAAgB,MAChE;AACA,WAAO;AAAA;AAGT,MAAK,QAA8B,UAAU;AAC3C,WAAO;AAAA;AAGT,UAAQ,QAAQ;AAAA,SACT,KAAK;AAER,aACE,CAAC,CAAE,QAA8B,QAChC,QAA8B,QAAQ;AAAA;AAAA,SAGtC,SAAS;AACZ,aAAO,UACyB,SAAS,YACtC,QAA6B,SAAS;AAAA;AAAA,SAGtC;AAAA,SACA;AAAA,SACA,YAAY;AACf,aAAO;AAAA;AAAA,aAEA;AACP,aAAO;AAAA;AAAA;AAAA;MAYA,eAAe,CAAC,YAAkC;AApF/D;AAqFE,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA;AAET,QAAM,yBAAyB;AAE/B,gBAAQ,UAAR;AACA,QAAM,yBAAyB;AAC/B,SAAO,SAAS,kBAAkB;AAAA;MAUvB,eAAe,SAC1B,KACA,SACG,MACU;AACb,MAAI;AAEJ,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU;AACpD,gBAAY;AAAA,aACH,KAAK,SAAS,QAAQ;AAC/B,gBAAY;AAAA,SACP;AACL,gBAAY;AAAA;AAEd,QAAM,MAAM,SAAS,YAAY;AAEjC,MAAI,UAAU,MAAM,GAAG;AACvB,MAAI,cAAc;AAClB,SAAO;AAAA;MAGI,SAAS,CAAC,OAAoB,CAAC,GAAG,aAAa;MAE/C,aAAa,CACxB,IACA,UACA,YACsB;AACtB,QAAM,EAAE,eAAe;AACvB,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,WAAW,WAAW,iBAAiB;AAC7C,QAAM,QAAQ,MAAM,UAAU,QAAQ,KAAK,UAAU;AACrD,SAAO,SAAS,QAAQ,aAAa;AAAA;MAG1B,YAAY,CAAC,OAAO;AAC/B,MAAI,CAAC;AAAI;AACT,KAAG;AACH,GAAC,OAAO,OAAO,GAAG;AAAA;MAGd,QAAQ;AAAA,EACZ,wBAAwB;AAAA,EASxB,qBAAqB,SAA+B;AAClD,aAAS,IAAI,GAAG,IAAI,QAAQ,WAAW,QAAQ,KAAK;AAClD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,qBAAqB,QAAQ;AAC3D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA,EAST,oBAAoB,SAA+B;AACjD,aAAS,IAAI,QAAQ,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AACvD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,oBAAoB,QAAQ;AAC1D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA;;;;"}
+{"version":3,"file":"aria.mjs","sources":["../../../../packages/utils/aria.ts"],"sourcesContent":["import type { Nullable } from '@element-plus/utils/types'\nexport const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n}\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  Utils.IgnoreUtilFocusChanges = true\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  Utils.IgnoreUtilFocusChanges = false\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n\nconst Utils = {\n  IgnoreUtilFocusChanges: false,\n  /**\n   * @desc Set focus on descendant nodes until the first focusable element is\n   *       found.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the first focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusFirstDescendant(element: HTMLElement): boolean {\n    for (let i = 0; i < element.childNodes.length; i++) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusFirstDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n  /**\n   * @desc Find the last descendant node that is focusable.\n   * @param {HTMLElement} element\n   *          DOM node for which to find the last focusable descendant.\n   * @returns {Boolean}\n   *  true if a focusable element is found and focus is set.\n   */\n  focusLastDescendant(element: HTMLElement): boolean {\n    for (let i = element.childNodes.length - 1; i >= 0; i--) {\n      const child = element.childNodes[i] as HTMLElement\n      if (attemptFocus(child) || this.focusLastDescendant(child)) {\n        return true\n      }\n    }\n    return false\n  },\n}\n\nexport default Utils\n"],"names":[],"mappings":"MACa,aAAa;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA;AAGf,MAAM,8BAA8B;MAKvB,YAAY,CAAC,YAAyB;AACjD,MAAI,QAAQ,IAAI,aAAa;AAAQ,WAAO;AAC5C,QAAM,WAAW,iBAAiB;AAGlC,SAAO,SAAS,aAAa,UAAU,QAAQ,QAAQ,iBAAiB;AAAA;MAG7D,6BAA6B,CACxC,YACkB;AAClB,SAAO,MAAM,KACX,QAAQ,iBAA8B,8BACtC,OAAO,CAAC,SAAsB,YAAY,SAAS,UAAU;AAAA;MAQpD,cAAc,CAAC,YAAkC;AAC5D,MACE,QAAQ,WAAW,KAClB,QAAQ,aAAa,KAAK,QAAQ,aAAa,gBAAgB,MAChE;AACA,WAAO;AAAA;AAGT,MAAK,QAA8B,UAAU;AAC3C,WAAO;AAAA;AAGT,UAAQ,QAAQ;AAAA,SACT,KAAK;AAER,aACE,CAAC,CAAE,QAA8B,QAChC,QAA8B,QAAQ;AAAA;AAAA,SAGtC,SAAS;AACZ,aAAO,UACyB,SAAS,YACtC,QAA6B,SAAS;AAAA;AAAA,SAGtC;AAAA,SACA;AAAA,SACA,YAAY;AACf,aAAO;AAAA;AAAA,aAEA;AACP,aAAO;AAAA;AAAA;AAAA;MAYA,eAAe,CAAC,YAAkC;AArF/D;AAsFE,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA;AAET,QAAM,yBAAyB;AAE/B,gBAAQ,UAAR;AACA,QAAM,yBAAyB;AAC/B,SAAO,SAAS,kBAAkB;AAAA;MAUvB,eAAe,SAC1B,KACA,SACG,MACU;AACb,MAAI;AAEJ,MAAI,KAAK,SAAS,YAAY,KAAK,SAAS,UAAU;AACpD,gBAAY;AAAA,aACH,KAAK,SAAS,QAAQ;AAC/B,gBAAY;AAAA,SACP;AACL,gBAAY;AAAA;AAEd,QAAM,MAAM,SAAS,YAAY;AAEjC,MAAI,UAAU,MAAM,GAAG;AACvB,MAAI,cAAc;AAClB,SAAO;AAAA;MAGI,SAAS,CAAC,OAAoB,CAAC,GAAG,aAAa;MAE/C,aAAa,CACxB,IACA,UACA,YACsB;AACtB,QAAM,EAAE,eAAe;AACvB,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,WAAW,WAAW,iBAAiB;AAC7C,QAAM,QAAQ,MAAM,UAAU,QAAQ,KAAK,UAAU;AACrD,SAAO,SAAS,QAAQ,aAAa;AAAA;MAG1B,YAAY,CAAC,OAAO;AAC/B,MAAI,CAAC;AAAI;AACT,KAAG;AACH,GAAC,OAAO,OAAO,GAAG;AAAA;MAGd,QAAQ;AAAA,EACZ,wBAAwB;AAAA,EASxB,qBAAqB,SAA+B;AAClD,aAAS,IAAI,GAAG,IAAI,QAAQ,WAAW,QAAQ,KAAK;AAClD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,qBAAqB,QAAQ;AAC3D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA,EAST,oBAAoB,SAA+B;AACjD,aAAS,IAAI,QAAQ,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AACvD,YAAM,QAAQ,QAAQ,WAAW;AACjC,UAAI,aAAa,UAAU,KAAK,oBAAoB,QAAQ;AAC1D,eAAO;AAAA;AAAA;AAGX,WAAO;AAAA;AAAA;;;;"}

package/es/utils/color.mjs

@@ -1,5 +1,5 @@
 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/es/utils/color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color.mjs","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.mjs","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/es/utils/config.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentSize } from './types';
 export interface InstallOptions {
-    size: ComponentSize;
+    size: ComponentSize | '';
     zIndex: number;
     locale?: any;
 }

package/es/utils/config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.mjs","sources":["../../../../packages/utils/config.ts"],"sourcesContent":["import type { ComponentSize } from './types'\n\nexport interface InstallOptions {\n  size: ComponentSize\n  zIndex: number\n  locale?: any\n}\n\nlet $ELEMENT = {} as InstallOptions\n\nconst setConfig = (option: InstallOptions): void => {\n  $ELEMENT = option\n}\n\nconst getConfig = (key: keyof InstallOptions): unknown => {\n  return $ELEMENT[key]\n}\n\nexport { getConfig, setConfig }\n"],"names":[],"mappings":"AAQA,IAAI,WAAW;MAET,YAAY,CAAC,WAAiC;AAClD,aAAW;AAAA;MAGP,YAAY,CAAC,QAAuC;AACxD,SAAO,SAAS;AAAA;;;;"}
+{"version":3,"file":"config.mjs","sources":["../../../../packages/utils/config.ts"],"sourcesContent":["import type { ComponentSize } from './types'\n\nexport interface InstallOptions {\n  size: ComponentSize | ''\n  zIndex: number\n  locale?: any\n}\n\nlet $ELEMENT = {} as InstallOptions\n\nconst setConfig = (option: InstallOptions): void => {\n  $ELEMENT = option\n}\n\nconst getConfig = (key: keyof InstallOptions): unknown => {\n  return $ELEMENT[key]\n}\n\nexport { getConfig, setConfig }\n"],"names":[],"mappings":"AAQA,IAAI,WAAW;MAET,YAAY,CAAC,WAAiC;AAClD,aAAW;AAAA;MAGP,YAAY,CAAC,QAAuC;AACxD,SAAO,SAAS;AAAA;;;;"}

package/es/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/es/utils/dom.mjs

@@ -159,6 +159,24 @@ 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
+  };
+};
 
-export { addClass, getOffsetTop, getOffsetTopDistance, getScrollContainer, getStyle, hasClass, isInContainer, isScroll, off, on, once, removeClass, removeStyle, setStyle, stop };
+export { addClass, getClientXY, getOffsetTop, getOffsetTopDistance, getScrollContainer, getStyle, hasClass, isInContainer, isScroll, off, on, once, removeClass, removeStyle, setStyle, stop };
 //# sourceMappingURL=dom.mjs.map

package/es/utils/dom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"dom.mjs","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":[],"mappings":"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"}

package/es/utils/icon.mjs

@@ -1,4 +1,4 @@
-import { Close, SuccessFilled, InfoFilled, WarningFilled, CircleCloseFilled, Loading, CircleCheck, CircleClose } from '@element-plus/icons';
+import { Close, SuccessFilled, InfoFilled, WarningFilled, CircleCloseFilled, Loading, CircleCheck, CircleClose } from '@element-plus/icons-vue';
 import { definePropType } from './props.mjs';
 
 const iconPropType = definePropType([String, Object]);

package/es/utils/icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../packages/utils/icon.ts"],"sourcesContent":["import {\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n  Close,\n  Loading,\n  CircleCheck,\n  CircleClose,\n} from '@element-plus/icons'\nimport { definePropType } from './props'\nimport type { Component } from 'vue'\n\nexport const iconPropType = definePropType<string | Component>([String, Object])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n"],"names":[],"mappings":";;;MAaa,eAAe,eAAmC,CAAC,QAAQ;MAE3D,kBAAkB;AAAA,EAC7B;AAAA;MAGW,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAGW,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA;MAGK,wBAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA;;;;"}
+{"version":3,"file":"icon.mjs","sources":["../../../../packages/utils/icon.ts"],"sourcesContent":["import {\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n  Close,\n  Loading,\n  CircleCheck,\n  CircleClose,\n} from '@element-plus/icons-vue'\nimport { definePropType } from './props'\nimport type { Component } from 'vue'\n\nexport const iconPropType = definePropType<string | Component>([String, Object])\n\nexport const CloseComponents = {\n  Close,\n}\n\nexport const TypeComponents = {\n  Close,\n  SuccessFilled,\n  InfoFilled,\n  WarningFilled,\n  CircleCloseFilled,\n}\n\nexport const TypeComponentsMap = {\n  success: SuccessFilled,\n  warning: WarningFilled,\n  error: CircleCloseFilled,\n  info: InfoFilled,\n}\n\nexport const ValidateComponentsMap = {\n  validating: Loading,\n  success: CircleCheck,\n  error: CircleClose,\n}\n"],"names":[],"mappings":";;;MAaa,eAAe,eAAmC,CAAC,QAAQ;MAE3D,kBAAkB;AAAA,EAC7B;AAAA;MAGW,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAGW,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA;MAGK,wBAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA;;;;"}

package/es/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/es/utils/types.d.ts

@@ -9,14 +9,14 @@ export declare type EventEmitter<T extends Record<string, unknown>> = MonoArgEmi
 export declare type AnyFunction<T> = (...args: any[]) => T;
 export declare type PartialReturnType<T extends (...args: unknown[]) => unknown> = Partial<ReturnType<T>>;
 export declare type SFCWithInstall<T> = T & Plugin;
-export declare type RefElement = HTMLElement | null;
 export declare type Nullable<T> = T | null;
+export declare type RefElement = Nullable<HTMLElement>;
 export declare type CustomizedHTMLElement<T> = HTMLElement & T;
 export declare type Indexable<T> = {
     [key: string]: T;
 };
 export declare type Hash<T> = Indexable<T>;
-export declare type TimeoutHandle = ReturnType<typeof global.setTimeout>;
+export declare type TimeoutHandle = number;
 export declare type ComponentSize = 'large' | 'medium' | 'small' | 'mini';
 export declare type StyleValue = string | CSSProperties | Array<StyleValue>;
 export declare type Mutable<T> = {

package/es/utils/util.d.ts

@@ -1,6 +1,6 @@
 import { camelize, capitalize, extend, hasOwn, isArray, isObject, isString, looseEqual } from '@vue/shared';
 import type { ComponentPublicInstance, CSSProperties, Ref } from 'vue';
-import type { TimeoutHandle, Nullable } from './types';
+import type { TimeoutHandle, Nullable, ComponentSize } from './types';
 export declare const SCOPE = "Util";
 export declare function toObject<T>(arr: Array<T>): Record<string, T>;
 export declare const getValueByPath: (obj: any, paths?: string) => unknown;
@@ -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,12 +26,36 @@ 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;
+/**
+ * @deprecated please use `useGlobalConfig` in hooks.
+ */
+export declare function useGlobalConfig(): {
+    size?: ComponentSize;
+    zIndex?: number;
+};
 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;
-export declare const refAttacher: <T extends ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | HTMLElement>(ref: Ref<T>) => (val: T) => void;
+/**
+ * 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/es/utils/util.mjs.map

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

package/es/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/es/utils/vnode.mjs

@@ -4,8 +4,7 @@ import { debugWarn } from './error.mjs';
 
 const TEMPLATE = "template";
 const SCOPE = "VNode";
-var PatchFlags;
-(function(PatchFlags2) {
+var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
   PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
   PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
   PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
@@ -19,7 +18,8 @@ var PatchFlags;
   PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
   PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
   PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
-})(PatchFlags || (PatchFlags = {}));
+  return PatchFlags2;
+})(PatchFlags || {});
 const isFragment = (node) => isVNode(node) && node.type === Fragment;
 const isText = (node) => node.type === Text;
 const isComment = (node) => node.type === Comment;

package/es/utils/vnode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vnode.mjs","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":[],"mappings":";;;;AAiBA,MAAM,WAAW;MAEJ,QAAQ;IAET;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,GAbU;MAgBC,aAAa,CAAC,SACzB,QAAQ,SAAS,KAAK,SAAS;MAEpB,SAAS,CAAC,SAAsB,KAAe,SAAS;MAExD,YAAY,CAAC,SAAsB,KAAe,SAAS;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,SACjC,QAAQ,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,cAC9C,mBAAmB,QAAQ;AAAA;qBAI/B,MACA,OACA,UACA,WACA,YACA;AACA,SAAO,aAAa,YAAY,MAAM,OAAO,UAAU,WAAW;AAAA;MAQvD,qBAAqB,CAAC,SAAgB;AACjD,MAAI,CAAC,QAAQ,OAAO;AAClB,cAAU,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,QAAI,OAAO,KAAK,MAAM,YAAY;AAChC,YAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAI3B,SAAO,KAAK,KAAK,QAAQ,CAAC,QAAQ;AAChC,UAAM,SAAS,QAAQ,IAAI;AAAA;AAG7B,SAAO;AAAA;;;;"}
+{"version":3,"file":"vnode.mjs","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":[],"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,SACzB,QAAQ,SAAS,KAAK,SAAS;MAEpB,SAAS,CAAC,SAAsB,KAAe,SAAS;MAExD,YAAY,CAAC,SAAsB,KAAe,SAAS;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,SACjC,QAAQ,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,cAC9C,mBAAmB,QAAQ;AAAA;qBAI/B,MACA,OACA,UACA,WACA,YACA;AACA,SAAO,aAAa,YAAY,MAAM,OAAO,UAAU,WAAW;AAAA;MAQvD,qBAAqB,CAAC,SAAgB;AACjD,MAAI,CAAC,QAAQ,OAAO;AAClB,cAAU,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,QAAI,OAAO,KAAK,MAAM,YAAY;AAChC,YAAM,OAAO,KAAK,KAAK;AAAA;AAAA;AAI3B,SAAO,KAAK,KAAK,QAAQ,CAAC,QAAQ;AAChC,UAAM,SAAS,QAAQ,IAAI;AAAA;AAG7B,SAAO;AAAA;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.0.7";
+export declare const version = "1.0.9-alpha.11";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "1.0.7";
+const version = "1.0.9-alpha.11";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '1.0.7'\n"],"names":[],"mappings":"MAAa,UAAU;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '1.0.9-alpha.11'\n"],"names":[],"mappings":"MAAa,UAAU;;;;"}

package/lib/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElSteps, ElStep } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElTabs, ElTabPane } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTransfer,\n  ElTree,\n  ElTreeV2,\n  ElUpload,\n]\n"],"names":["ElAffix","ElAlert","ElAutocomplete","ElAvatar","ElBacktop","ElBadge","ElBreadcrumb","ElBreadcrumbItem","ElButton","ElButtonGroup","ElCalendar","ElCard","ElCarousel","ElCarouselItem","ElCascader","ElCascaderPanel","ElCheckTag","ElCheckbox","ElCheckboxButton","ElCheckboxGroup","ElCol","ElCollapse","ElCollapseItem","ElCollapseTransition","ElColorPicker","ElConfigProvider","ElContainer","ElAside","ElFooter","ElHeader","ElMain","ElDatePicker","ElDescriptions","ElDescriptionsItem","ElDialog","ElDivider","ElDrawer","ElDropdown","ElDropdownItem","ElDropdownMenu","ElEmpty","ElForm","ElFormItem","ElIcon","ElImage","ElImageViewer","ElInput","ElInputNumber","ElLink","ElMenu","ElMenuItem","ElMenuItemGroup","ElPageHeader","ElPagination","ElPopconfirm","ElPopover","ElPopper","ElProgress","ElRadio","ElRadioButton","ElRadioGroup","ElRate","ElResult","ElRow","ElScrollbar","ElSelect","ElOption","ElOptionGroup","ElSelectV2","ElSkeleton","ElSkeletonItem","ElSlider","ElSpace","ElSteps","ElStep","ElSwitch","ElTable","ElTableColumn","ElTabs","ElTabPane","ElTag","ElTimePicker","ElTimeSelect","ElTimeline","ElTimelineItem","ElTooltip","ElTransfer","ElTree","ElTreeV2","ElUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,iBAAe;AAAA,EACbA;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;;;;"}
+{"version":3,"file":"component.js","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElSteps, ElStep } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElTabs, ElTabPane } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTransfer,\n  ElTree,\n  ElTreeV2,\n  ElUpload,\n] as Plugin[]\n"],"names":["ElAffix","ElAlert","ElAutocomplete","ElAvatar","ElBacktop","ElBadge","ElBreadcrumb","ElBreadcrumbItem","ElButton","ElButtonGroup","ElCalendar","ElCard","ElCarousel","ElCarouselItem","ElCascader","ElCascaderPanel","ElCheckTag","ElCheckbox","ElCheckboxButton","ElCheckboxGroup","ElCol","ElCollapse","ElCollapseItem","ElCollapseTransition","ElColorPicker","ElConfigProvider","ElContainer","ElAside","ElFooter","ElHeader","ElMain","ElDatePicker","ElDescriptions","ElDescriptionsItem","ElDialog","ElDivider","ElDrawer","ElDropdown","ElDropdownItem","ElDropdownMenu","ElEmpty","ElForm","ElFormItem","ElIcon","ElImage","ElImageViewer","ElInput","ElInputNumber","ElLink","ElMenu","ElMenuItem","ElMenuItemGroup","ElPageHeader","ElPagination","ElPopconfirm","ElPopover","ElPopper","ElProgress","ElRadio","ElRadioButton","ElRadioGroup","ElRate","ElResult","ElRow","ElScrollbar","ElSelect","ElOption","ElOptionGroup","ElSelectV2","ElSkeleton","ElSkeletonItem","ElSlider","ElSpace","ElSteps","ElStep","ElSwitch","ElTable","ElTableColumn","ElTabs","ElTabPane","ElTag","ElTimePicker","ElTimeSelect","ElTimeline","ElTimelineItem","ElTooltip","ElTransfer","ElTree","ElTreeV2","ElUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,iBAAe;AAAA,EACbA;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA;;;;"}

package/lib/components/affix/index.d.ts

@@ -0,0 +1,48 @@
+export declare const ElAffix: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly zIndex: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
+    readonly target: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly offset: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly position: import("../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
+}, {
+    root: import("@vue/reactivity").ShallowRef<HTMLDivElement | undefined>;
+    state: {
+        fixed: boolean;
+        height: number;
+        width: number;
+        scrollTop: number;
+        clientHeight: number;
+        transform: number;
+    };
+    rootStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    affixStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+    update: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, fixed }: {
+        scrollTop: number;
+        fixed: boolean;
+    }) => boolean;
+    change: (fixed: boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly zIndex?: unknown;
+    readonly target?: unknown;
+    readonly offset?: unknown;
+    readonly position?: unknown;
+} & {
+    zIndex: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
+    target: string;
+    offset: number;
+    position: import("../../utils/props").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
+} & {}> & {
+    onChange?: ((fixed: boolean) => any) | undefined;
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        fixed: boolean;
+    }) => any) | undefined;
+}, {
+    zIndex: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
+    target: string;
+    offset: number;
+    position: import("../../utils/props").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
+}>> & Record<string, any>;
+export default ElAffix;
+export * from './src/affix';

package/lib/components/affix/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/affix.js');
-var affix = require('./src/affix2.js');
-var affix_vue_vue_type_script_lang = require('./src/affix.vue_vue&type=script&lang.js');
+require('./src/affix2.js');
+var affix = require('./src/affix.js');
+var affix_vue_vue_type_script_lang = require('./src/affix.vue_vue_type_script_lang.js');
 
 const ElAffix = withInstall.withInstall(affix_vue_vue_type_script_lang["default"]);