element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/virtual-list/src/hooks/use-cache.mjs

@@ -0,0 +1,15 @@
+import { getCurrentInstance, computed } from 'vue';
+import memo from 'lodash/memoize';
+import memoOne from 'memoize-one';
+
+const useCache = () => {
+  const vm = getCurrentInstance();
+  const props = vm.proxy.$props;
+  return computed(() => {
+    const _getItemStyleCache = (_, __, ___) => ({});
+    return props.perfMode ? memo(_getItemStyleCache) : memoOne(_getItemStyleCache);
+  });
+};
+
+export { useCache };
+//# sourceMappingURL=use-cache.mjs.map

package/es/packages/components/virtual-list/src/hooks/use-cache.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cache.mjs","sources":["../../../../../../../../packages/components/virtual-list/src/hooks/use-cache.ts"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\nimport memo from 'lodash/memoize'\nimport memoOne from 'memoize-one'\n\nimport type { VirtualizedProps } from '../props'\n\nexport const useCache = () => {\n  const vm = getCurrentInstance()!\n\n  const props = vm.proxy!.$props as VirtualizedProps\n\n  return computed(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const _getItemStyleCache = (_: any, __: any, ___: any) => ({})\n    return props.perfMode\n      ? memo(_getItemStyleCache)\n      : memoOne(_getItemStyleCache)\n  })\n}\n"],"names":[],"mappings":";;;;MAMa,WAAW,MAAM;AAC5B,QAAM,KAAK;AAEX,QAAM,QAAQ,GAAG,MAAO;AAExB,SAAO,SAAS,MAAM;AAEpB,UAAM,qBAAqB,CAAC,GAAQ,IAAS;AAC7C,WAAO,MAAM,WACT,KAAK,sBACL,QAAQ;AAAA;AAAA;;;;"}

package/es/packages/components/virtual-list/src/hooks/use-grid-wheel.mjs

@@ -0,0 +1,37 @@
+import { cAF, rAF } from '../../../../utils/raf.mjs';
+import { isFF } from '../utils.mjs';
+
+const useGridWheel = ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }, onWheelDelta) => {
+  let frameHandle = null;
+  let xOffset = 0;
+  let yOffset = 0;
+  const hasReachedEdge = (x, y) => {
+    const xEdgeReached = x < 0 && atXStartEdge.value || x > 0 && atXEndEdge.value;
+    const yEdgeReached = y < 0 && atYStartEdge.value || y > 0 && atYEndEdge.value;
+    return xEdgeReached && yEdgeReached;
+  };
+  const onWheel = (e) => {
+    cAF(frameHandle);
+    const x = e.deltaX;
+    const y = e.deltaY;
+    if (hasReachedEdge(xOffset, yOffset) && hasReachedEdge(xOffset + x, yOffset + y))
+      return;
+    xOffset += x;
+    yOffset += y;
+    if (!isFF) {
+      e.preventDefault();
+    }
+    frameHandle = rAF(() => {
+      onWheelDelta(xOffset, yOffset);
+      xOffset = 0;
+      yOffset = 0;
+    });
+  };
+  return {
+    hasReachedEdge,
+    onWheel
+  };
+};
+
+export { useGridWheel };
+//# sourceMappingURL=use-grid-wheel.mjs.map

package/es/packages/components/virtual-list/src/hooks/use-grid-wheel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-wheel.mjs","sources":["../../../../../../../../packages/components/virtual-list/src/hooks/use-grid-wheel.ts"],"sourcesContent":["import { rAF, cAF } from '@element-ps/utils/raf'\nimport { isFF } from '../utils'\n\nimport type { ComputedRef } from 'vue'\n\ninterface GridWheelState {\n  atXStartEdge: ComputedRef<boolean>\n  atXEndEdge: ComputedRef<boolean>\n  atYStartEdge: ComputedRef<boolean>\n  atYEndEdge: ComputedRef<boolean>\n}\n\ntype GridWheelHandler = (x: number, y: number) => void\n\nexport const useGridWheel = (\n  { atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }: GridWheelState,\n  onWheelDelta: GridWheelHandler\n) => {\n  let frameHandle: number | null = null\n  let xOffset = 0\n  let yOffset = 0\n\n  const hasReachedEdge = (x: number, y: number) => {\n    const xEdgeReached =\n      (x < 0 && atXStartEdge.value) || (x > 0 && atXEndEdge.value)\n    const yEdgeReached =\n      (y < 0 && atYStartEdge.value) || (y > 0 && atYEndEdge.value)\n    return xEdgeReached && yEdgeReached\n  }\n\n  const onWheel = (e: WheelEvent) => {\n    cAF(frameHandle!)\n\n    const x = e.deltaX\n    const y = e.deltaY\n\n    if (\n      hasReachedEdge(xOffset, yOffset) &&\n      hasReachedEdge(xOffset + x, yOffset + y)\n    )\n      return\n\n    xOffset += x\n    yOffset += y\n\n    if (!isFF) {\n      e.preventDefault()\n    }\n\n    frameHandle = rAF(() => {\n      onWheelDelta(xOffset, yOffset)\n      xOffset = 0\n      yOffset = 0\n    })\n  }\n\n  return {\n    hasReachedEdge,\n    onWheel,\n  }\n}\n"],"names":[],"mappings":";;;MAca,eAAe,CAC1B,EAAE,YAAY,cAAc,YAAY,gBACxC,iBACG;AACH,MAAI,cAA6B;AACjC,MAAI,UAAU;AACd,MAAI,UAAU;AAEd,QAAM,iBAAiB,CAAC,GAAW,MAAc;AAC/C,UAAM,eACH,IAAI,KAAK,aAAa,SAAW,IAAI,KAAK,WAAW;AACxD,UAAM,eACH,IAAI,KAAK,aAAa,SAAW,IAAI,KAAK,WAAW;AACxD,WAAO,gBAAgB;AAAA;AAGzB,QAAM,UAAU,CAAC,MAAkB;AACjC,QAAI;AAEJ,UAAM,IAAI,EAAE;AACZ,UAAM,IAAI,EAAE;AAEZ,QACE,eAAe,SAAS,YACxB,eAAe,UAAU,GAAG,UAAU;AAEtC;AAEF,eAAW;AACX,eAAW;AAEX,QAAI,CAAC,MAAM;AACT,QAAE;AAAA;AAGJ,kBAAc,IAAI,MAAM;AACtB,mBAAa,SAAS;AACtB,gBAAU;AACV,gBAAU;AAAA;AAAA;AAId,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;;;;"}

package/es/packages/components/virtual-list/src/hooks/use-wheel.mjs

@@ -0,0 +1,37 @@
+import { cAF, rAF } from '../../../../utils/raf.mjs';
+import { isFF } from '../utils.mjs';
+import { HORIZONTAL, VERTICAL } from '../defaults.mjs';
+
+const LayoutKeys = {
+  [HORIZONTAL]: "deltaX",
+  [VERTICAL]: "deltaY"
+};
+const useWheel = ({ atEndEdge, atStartEdge, layout }, onWheelDelta) => {
+  let frameHandle;
+  let offset = 0;
+  const hasReachedEdge = (offset2) => {
+    const edgeReached = offset2 < 0 && atStartEdge.value || offset2 > 0 && atEndEdge.value;
+    return edgeReached;
+  };
+  const onWheel = (e) => {
+    cAF(frameHandle);
+    const newOffset = e[LayoutKeys[layout.value]];
+    if (hasReachedEdge(offset) && hasReachedEdge(offset + newOffset))
+      return;
+    offset += newOffset;
+    if (!isFF) {
+      e.preventDefault();
+    }
+    frameHandle = rAF(() => {
+      onWheelDelta(offset);
+      offset = 0;
+    });
+  };
+  return {
+    hasReachedEdge,
+    onWheel
+  };
+};
+
+export { useWheel as default };
+//# sourceMappingURL=use-wheel.mjs.map

package/es/packages/components/virtual-list/src/hooks/use-wheel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-wheel.mjs","sources":["../../../../../../../../packages/components/virtual-list/src/hooks/use-wheel.ts"],"sourcesContent":["import { rAF, cAF } from '@element-ps/utils/raf'\nimport { isFF } from '../utils'\nimport { HORIZONTAL, VERTICAL } from '../defaults'\n\nimport type { ComputedRef } from 'vue'\nimport type { LayoutDirection } from '../types'\n\nconst LayoutKeys = {\n  [HORIZONTAL]: 'deltaX',\n  [VERTICAL]: 'deltaY',\n}\n\ninterface ListWheelState {\n  atStartEdge: ComputedRef<boolean> // exclusive to reachEnd\n  atEndEdge: ComputedRef<boolean>\n  layout: ComputedRef<LayoutDirection>\n}\n\ntype ListWheelHandler = (offset: number) => void\n\nconst useWheel = (\n  { atEndEdge, atStartEdge, layout }: ListWheelState,\n  onWheelDelta: ListWheelHandler\n) => {\n  let frameHandle: number\n  let offset = 0\n\n  // let scrollLock = false\n  // let lockHandle = null\n\n  // const lockScroll = () => {\n  //   clearTimeout(lockHandle)\n  //   scrollLock = true\n  //   lockHandle = setTimeout(() => scrollLock = false, 50)\n  // }\n\n  const hasReachedEdge = (offset: number) => {\n    const edgeReached =\n      (offset < 0 && atStartEdge.value) || (offset > 0 && atEndEdge.value)\n\n    return edgeReached\n  }\n\n  const onWheel = (e: WheelEvent) => {\n    cAF(frameHandle)\n\n    const newOffset = e[LayoutKeys[layout.value]]\n\n    if (hasReachedEdge(offset) && hasReachedEdge(offset + newOffset)) return\n\n    offset += newOffset\n\n    if (!isFF) {\n      e.preventDefault()\n    }\n\n    frameHandle = rAF(() => {\n      onWheelDelta(offset)\n      offset = 0\n    })\n  }\n\n  return {\n    hasReachedEdge,\n    onWheel,\n  }\n}\n\nexport default useWheel\n"],"names":[],"mappings":";;;;AAOA,MAAM,aAAa;AAAA,GAChB,aAAa;AAAA,GACb,WAAW;AAAA;MAWR,WAAW,CACf,EAAE,WAAW,aAAa,UAC1B,iBACG;AACH,MAAI;AACJ,MAAI,SAAS;AAWb,QAAM,iBAAiB,CAAC,YAAmB;AACzC,UAAM,cACH,UAAS,KAAK,YAAY,SAAW,UAAS,KAAK,UAAU;AAEhE,WAAO;AAAA;AAGT,QAAM,UAAU,CAAC,MAAkB;AACjC,QAAI;AAEJ,UAAM,YAAY,EAAE,WAAW,OAAO;AAEtC,QAAI,eAAe,WAAW,eAAe,SAAS;AAAY;AAElE,cAAU;AAEV,QAAI,CAAC,MAAM;AACT,QAAE;AAAA;AAGJ,kBAAc,IAAI,MAAM;AACtB,mBAAa;AACb,eAAS;AAAA;AAAA;AAIb,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;;;;"}

package/es/packages/components/virtual-list/src/props.mjs

@@ -0,0 +1,116 @@
+import { buildProp, definePropType, buildProps, mutable } from '../../../utils/props.mjs';
+import { VERTICAL } from './defaults.mjs';
+
+const itemSize = buildProp({
+  type: definePropType([Number, Function]),
+  required: true
+});
+const estimatedItemSize = buildProp({
+  type: Number
+});
+const cache = buildProp({
+  type: Number,
+  default: 2
+});
+const direction = buildProp({
+  type: String,
+  values: ["ltr", "rtl"],
+  default: "ltr"
+});
+const initScrollOffset = buildProp({
+  type: Number,
+  default: 0
+});
+const total = buildProp({
+  type: Number,
+  required: true
+});
+const layout = buildProp({
+  type: String,
+  values: ["horizontal", "vertical"],
+  default: VERTICAL
+});
+const virtualizedProps = buildProps({
+  className: {
+    type: String,
+    default: ""
+  },
+  containerElement: {
+    type: definePropType([String, Object]),
+    default: "div"
+  },
+  data: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  direction,
+  height: {
+    type: [String, Number],
+    required: true
+  },
+  innerElement: {
+    type: [String, Object],
+    default: "div"
+  },
+  style: {
+    type: definePropType([Object, String, Array])
+  },
+  useIsScrolling: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: [Number, String],
+    required: false
+  },
+  perfMode: {
+    type: Boolean,
+    default: true
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
+  }
+});
+const virtualizedListProps = buildProps({
+  cache,
+  estimatedItemSize,
+  layout,
+  initScrollOffset,
+  total,
+  itemSize,
+  ...virtualizedProps
+});
+const virtualizedGridProps = buildProps({
+  columnCache: cache,
+  columnWidth: itemSize,
+  estimatedColumnWidth: estimatedItemSize,
+  estimatedRowHeight: estimatedItemSize,
+  initScrollLeft: initScrollOffset,
+  initScrollTop: initScrollOffset,
+  rowCache: cache,
+  rowHeight: itemSize,
+  totalColumn: total,
+  totalRow: total,
+  ...virtualizedProps
+});
+const virtualizedScrollbarProps = buildProps({
+  layout,
+  total,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  clientSize: {
+    type: Number,
+    required: true
+  },
+  scrollFrom: {
+    type: Number,
+    required: true
+  },
+  visible: Boolean
+});
+
+export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+//# sourceMappingURL=props.mjs.map

package/es/packages/components/virtual-list/src/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../../../../../packages/components/virtual-list/src/props.ts"],"sourcesContent":["import {\n  buildProp,\n  buildProps,\n  definePropType,\n  mutable,\n} from '@element-ps/utils/props'\nimport { VERTICAL } from './defaults'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\nimport type { ItemSize } from './types'\n\nconst itemSize = buildProp({\n  type: definePropType<number | ItemSize>([Number, Function]),\n  required: true,\n} as const)\n\nconst estimatedItemSize = buildProp({\n  type: Number,\n} as const)\n\nconst cache = buildProp({\n  type: Number,\n  default: 2,\n} as const)\n\nconst direction = buildProp({\n  type: String,\n  values: ['ltr', 'rtl'],\n  default: 'ltr',\n} as const)\n\nconst initScrollOffset = buildProp({\n  type: Number,\n  default: 0,\n} as const)\n\nconst total = buildProp({\n  type: Number,\n  required: true,\n} as const)\n\nconst layout = buildProp({\n  type: String,\n  values: ['horizontal', 'vertical'],\n  default: VERTICAL,\n} as const)\n\nexport const virtualizedProps = buildProps({\n  className: {\n    type: String,\n    default: '',\n  },\n\n  containerElement: {\n    type: definePropType<string | Element>([String, Object]),\n    default: 'div',\n  },\n\n  data: {\n    type: definePropType<any[]>(Array),\n    default: () => mutable([] as const),\n  },\n\n  /**\n   * @description controls the horizontal direction.\n   */\n  direction,\n\n  height: {\n    type: [String, Number],\n    required: true,\n  },\n\n  innerElement: {\n    type: [String, Object],\n    default: 'div',\n  },\n\n  style: {\n    type: definePropType<StyleValue>([Object, String, Array]),\n  },\n\n  useIsScrolling: {\n    type: Boolean,\n    default: false,\n  },\n\n  width: {\n    type: [Number, String],\n    required: false,\n  },\n\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const virtualizedListProps = buildProps({\n  /**\n   * @description describes how many items should be pre rendered to the head\n   * and the tail of the window\n   */\n  cache,\n\n  estimatedItemSize,\n\n  /**\n   * @description controls the list's orientation\n   */\n  layout,\n\n  initScrollOffset,\n\n  /**\n   * @description describes the total number of the list.\n   */\n  total,\n\n  itemSize,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedGridProps = buildProps({\n  columnCache: cache,\n  columnWidth: itemSize,\n  estimatedColumnWidth: estimatedItemSize,\n  estimatedRowHeight: estimatedItemSize,\n  initScrollLeft: initScrollOffset,\n  initScrollTop: initScrollOffset,\n  rowCache: cache,\n  rowHeight: itemSize,\n  totalColumn: total,\n  totalRow: total,\n  ...virtualizedProps,\n} as const)\n\nexport const virtualizedScrollbarProps = buildProps({\n  layout,\n  total,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  clientSize: {\n    type: Number,\n    required: true,\n  },\n  scrollFrom: {\n    type: Number,\n    required: true,\n  },\n  visible: Boolean,\n} as const)\n\nexport type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>\nexport type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>\nexport type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>\n\nexport type VirtualizedScrollbarProps = ExtractPropTypes<\n  typeof virtualizedScrollbarProps\n>\n"],"names":[],"mappings":";;;AAYA,MAAM,WAAW,UAAU;AAAA,EACzB,MAAM,eAAkC,CAAC,QAAQ;AAAA,EACjD,UAAU;AAAA;AAGZ,MAAM,oBAAoB,UAAU;AAAA,EAClC,MAAM;AAAA;AAGR,MAAM,QAAQ,UAAU;AAAA,EACtB,MAAM;AAAA,EACN,SAAS;AAAA;AAGX,MAAM,YAAY,UAAU;AAAA,EAC1B,MAAM;AAAA,EACN,QAAQ,CAAC,OAAO;AAAA,EAChB,SAAS;AAAA;AAGX,MAAM,mBAAmB,UAAU;AAAA,EACjC,MAAM;AAAA,EACN,SAAS;AAAA;AAGX,MAAM,QAAQ,UAAU;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA;AAGZ,MAAM,SAAS,UAAU;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ,CAAC,cAAc;AAAA,EACvB,SAAS;AAAA;MAGE,mBAAmB,WAAW;AAAA,EACzC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,kBAAkB;AAAA,IAChB,MAAM,eAAiC,CAAC,QAAQ;AAAA,IAChD,SAAS;AAAA;AAAA,EAGX,MAAM;AAAA,IACJ,MAAM,eAAsB;AAAA,IAC5B,SAAS,MAAM,QAAQ;AAAA;AAAA,EAMzB;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,IACf,UAAU;AAAA;AAAA,EAGZ,cAAc;AAAA,IACZ,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAGX,OAAO;AAAA,IACL,MAAM,eAA2B,CAAC,QAAQ,QAAQ;AAAA;AAAA,EAGpD,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ;AAAA,IACf,UAAU;AAAA;AAAA,EAGZ,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,mBAAmB;AAAA,IACjB,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAIA,uBAAuB,WAAW;AAAA,EAK7C;AAAA,EAEA;AAAA,EAKA;AAAA,EAEA;AAAA,EAKA;AAAA,EAEA;AAAA,KACG;AAAA;MAGQ,uBAAuB,WAAW;AAAA,EAC7C,aAAa;AAAA,EACb,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AAAA,KACP;AAAA;MAGQ,4BAA4B,WAAW;AAAA,EAClD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,SAAS;AAAA;;;;"}

package/es/packages/components/virtual-list/src/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/es/packages/components/virtual-list/src/types.mjs.map

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

package/es/packages/components/virtual-list/src/utils.mjs

@@ -0,0 +1,57 @@
+import { isObject } from '@vue/shared';
+import { FORWARD, BACKWARD, LTR, RTL, HORIZONTAL, RTL_OFFSET_POS_DESC, RTL_OFFSET_NAG, RTL_OFFSET_POS_ASC, PageKey } from './defaults.mjs';
+
+const getScrollDir = (prev, cur) => prev < cur ? FORWARD : BACKWARD;
+const isHorizontal = (dir) => dir === LTR || dir === RTL || dir === HORIZONTAL;
+const isRTL = (dir) => dir === RTL;
+let cachedRTLResult = null;
+function getRTLOffsetType(recalculate = false) {
+  if (cachedRTLResult === null || recalculate) {
+    const outerDiv = document.createElement("div");
+    const outerStyle = outerDiv.style;
+    outerStyle.width = "50px";
+    outerStyle.height = "50px";
+    outerStyle.overflow = "scroll";
+    outerStyle.direction = "rtl";
+    const innerDiv = document.createElement("div");
+    const innerStyle = innerDiv.style;
+    innerStyle.width = "100px";
+    innerStyle.height = "100px";
+    outerDiv.appendChild(innerDiv);
+    document.body.appendChild(outerDiv);
+    if (outerDiv.scrollLeft > 0) {
+      cachedRTLResult = RTL_OFFSET_POS_DESC;
+    } else {
+      outerDiv.scrollLeft = 1;
+      if (outerDiv.scrollLeft === 0) {
+        cachedRTLResult = RTL_OFFSET_NAG;
+      } else {
+        cachedRTLResult = RTL_OFFSET_POS_ASC;
+      }
+    }
+    document.body.removeChild(outerDiv);
+    return cachedRTLResult;
+  }
+  return cachedRTLResult;
+}
+const getRelativePos = (e, layout) => {
+  return "touches" in e ? e.touches[0][PageKey[layout]] : e[PageKey[layout]];
+};
+function renderThumbStyle({ move, size, bar }, layout) {
+  const style = {};
+  const translate = `translate${bar.axis}(${move}px)`;
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+  if (layout === "horizontal") {
+    style.height = "100%";
+  } else {
+    style.width = "100%";
+  }
+  return style;
+}
+const isFF = typeof navigator !== "undefined" && isObject(navigator) && /Firefox/i.test(navigator.userAgent);
+
+export { getRTLOffsetType, getRelativePos, getScrollDir, isFF, isHorizontal, isRTL, renderThumbStyle };
+//# sourceMappingURL=utils.mjs.map

package/es/packages/components/virtual-list/src/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../../packages/components/virtual-list/src/utils.ts"],"sourcesContent":["import { isObject } from '@vue/shared'\nimport {\n  FORWARD,\n  BACKWARD,\n  LTR,\n  RTL,\n  HORIZONTAL,\n  RTL_OFFSET_NAG,\n  RTL_OFFSET_POS_DESC,\n  RTL_OFFSET_POS_ASC,\n  PageKey,\n} from './defaults'\n\nimport type { CSSProperties } from 'vue'\nimport type { RTLOffsetType, Direction, LayoutDirection } from './types'\n\nexport const getScrollDir = (prev: number, cur: number) =>\n  prev < cur ? FORWARD : BACKWARD\n\nexport const isHorizontal = (dir: string) =>\n  dir === LTR || dir === RTL || dir === HORIZONTAL\n\nexport const isRTL = (dir: Direction) => dir === RTL\n\nlet cachedRTLResult: RTLOffsetType | null = null\n\nexport function getRTLOffsetType(recalculate = false): RTLOffsetType {\n  if (cachedRTLResult === null || recalculate) {\n    const outerDiv = document.createElement('div')\n    const outerStyle = outerDiv.style\n    outerStyle.width = '50px'\n    outerStyle.height = '50px'\n    outerStyle.overflow = 'scroll'\n    outerStyle.direction = 'rtl'\n\n    const innerDiv = document.createElement('div')\n    const innerStyle = innerDiv.style\n    innerStyle.width = '100px'\n    innerStyle.height = '100px'\n\n    outerDiv.appendChild(innerDiv)\n\n    document.body.appendChild(outerDiv)\n\n    if (outerDiv.scrollLeft > 0) {\n      cachedRTLResult = RTL_OFFSET_POS_DESC\n    } else {\n      outerDiv.scrollLeft = 1\n      if (outerDiv.scrollLeft === 0) {\n        cachedRTLResult = RTL_OFFSET_NAG\n      } else {\n        cachedRTLResult = RTL_OFFSET_POS_ASC\n      }\n    }\n\n    document.body.removeChild(outerDiv)\n\n    return cachedRTLResult\n  }\n\n  return cachedRTLResult\n}\n\nexport const getRelativePos = (\n  e: TouchEvent | MouseEvent,\n  layout: LayoutDirection\n) => {\n  return 'touches' in e ? e.touches[0][PageKey[layout]] : e[PageKey[layout]]\n}\n\nexport function renderThumbStyle({ move, size, bar }, layout: string) {\n  const style: CSSProperties = {}\n  const translate = `translate${bar.axis}(${move}px)`\n\n  style[bar.size] = size\n  style.transform = translate\n  style.msTransform = translate\n  // polyfill\n  ;(style as any).webkitTransform = translate\n\n  if (layout === 'horizontal') {\n    style.height = '100%'\n  } else {\n    style.width = '100%'\n  }\n\n  return style\n}\n\nexport const isFF =\n  typeof navigator !== 'undefined' &&\n  isObject(navigator) &&\n  /Firefox/i.test(navigator.userAgent)\n"],"names":[],"mappings":";;;MAgBa,eAAe,CAAC,MAAc,QACzC,OAAO,MAAM,UAAU;MAEZ,eAAe,CAAC,QAC3B,QAAQ,OAAO,QAAQ,OAAO,QAAQ;MAE3B,QAAQ,CAAC,QAAmB,QAAQ;AAEjD,IAAI,kBAAwC;0BAEX,cAAc,OAAsB;AACnE,MAAI,oBAAoB,QAAQ,aAAa;AAC3C,UAAM,WAAW,SAAS,cAAc;AACxC,UAAM,aAAa,SAAS;AAC5B,eAAW,QAAQ;AACnB,eAAW,SAAS;AACpB,eAAW,WAAW;AACtB,eAAW,YAAY;AAEvB,UAAM,WAAW,SAAS,cAAc;AACxC,UAAM,aAAa,SAAS;AAC5B,eAAW,QAAQ;AACnB,eAAW,SAAS;AAEpB,aAAS,YAAY;AAErB,aAAS,KAAK,YAAY;AAE1B,QAAI,SAAS,aAAa,GAAG;AAC3B,wBAAkB;AAAA,WACb;AACL,eAAS,aAAa;AACtB,UAAI,SAAS,eAAe,GAAG;AAC7B,0BAAkB;AAAA,aACb;AACL,0BAAkB;AAAA;AAAA;AAItB,aAAS,KAAK,YAAY;AAE1B,WAAO;AAAA;AAGT,SAAO;AAAA;MAGI,iBAAiB,CAC5B,GACA,WACG;AACH,SAAO,aAAa,IAAI,EAAE,QAAQ,GAAG,QAAQ,WAAW,EAAE,QAAQ;AAAA;0BAGnC,EAAE,MAAM,MAAM,OAAO,QAAgB;AACpE,QAAM,QAAuB;AAC7B,QAAM,YAAY,YAAY,IAAI,QAAQ;AAE1C,QAAM,IAAI,QAAQ;AAClB,QAAM,YAAY;AAClB,QAAM,cAAc;AAEnB,EAAC,MAAc,kBAAkB;AAElC,MAAI,WAAW,cAAc;AAC3B,UAAM,SAAS;AAAA,SACV;AACL,UAAM,QAAQ;AAAA;AAGhB,SAAO;AAAA;MAGI,OACX,OAAO,cAAc,eACrB,SAAS,cACT,WAAW,KAAK,UAAU;;;;"}

package/es/packages/hooks/index.mjs

@@ -0,0 +1,9 @@
+export { default as useAttrs } from './use-attrs/index.mjs';
+export { default as useLockScreen } from './use-lockscreen/index.mjs';
+export { default as useRestoreActive } from './use-restore-active/index.mjs';
+export { default as useModal } from './use-modal/index.mjs';
+export { LocaleInjectionKey, localeProviderMaker, useLocale, useLocaleInject, useLocaleProps } from './use-locale/index.mjs';
+export { useFormItem, useFormItemProps } from './use-form-item/index.mjs';
+export { useSameTarget } from './use-same-target/index.mjs';
+export { useGlobalConfig } from './use-global-config/index.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/index.mjs.map

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

package/es/packages/hooks/use-attrs/index.mjs

@@ -0,0 +1,22 @@
+import { getCurrentInstance, computed } from 'vue';
+import fromPairs from 'lodash/fromPairs';
+import { debugWarn } from '../../utils/error.mjs';
+
+const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
+const LISTENER_PREFIX = /^on[A-Z]/;
+var useAttrs = (params = {}) => {
+  const { excludeListeners = false, excludeKeys = [] } = params;
+  const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS);
+  const instance = getCurrentInstance();
+  if (!instance) {
+    debugWarn("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function");
+    return computed(() => ({}));
+  }
+  return computed(() => {
+    var _a;
+    return fromPairs(Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
+  });
+};
+
+export { useAttrs as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-attrs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-attrs/index.ts"],"sourcesContent":["import { getCurrentInstance, computed } from 'vue'\nimport fromPairs from 'lodash/fromPairs'\nimport { debugWarn } from '@element-ps/utils/error'\n\nimport type { ComputedRef } from 'vue'\n\ninterface Params {\n  excludeListeners?: boolean\n  excludeKeys?: string[]\n}\n\nconst DEFAULT_EXCLUDE_KEYS = ['class', 'style']\nconst LISTENER_PREFIX = /^on[A-Z]/\n\nexport default (params: Params = {}): ComputedRef<Record<string, unknown>> => {\n  const { excludeListeners = false, excludeKeys = [] } = params\n  const allExcludeKeys = excludeKeys.concat(DEFAULT_EXCLUDE_KEYS)\n\n  const instance = getCurrentInstance()\n  if (!instance) {\n    debugWarn(\n      'use-attrs',\n      'getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function'\n    )\n    return computed(() => ({}))\n  }\n\n  return computed(() =>\n    fromPairs(\n      Object.entries(instance.proxy?.$attrs!).filter(\n        ([key]) =>\n          !allExcludeKeys.includes(key) &&\n          !(excludeListeners && LISTENER_PREFIX.test(key))\n      )\n    )\n  )\n}\n"],"names":[],"mappings":";;;;AAWA,MAAM,uBAAuB,CAAC,SAAS;AACvC,MAAM,kBAAkB;AAExB,eAAe,CAAC,SAAiB,OAA6C;AAC5E,QAAM,EAAE,mBAAmB,OAAO,cAAc,OAAO;AACvD,QAAM,iBAAiB,YAAY,OAAO;AAE1C,QAAM,WAAW;AACjB,MAAI,CAAC,UAAU;AACb,cACE,aACA;AAEF,WAAO,SAAS;AAAO;AAGzB,SAAO,SAAS,MAAG;AA3BrB;AA4BI,qBACE,OAAO,QAAQ,eAAS,UAAT,mBAAgB,QAAS,OACtC,CAAC,CAAC,SACA,CAAC,eAAe,SAAS,QACzB,sBAAsB,gBAAgB,KAAK;AAAA;AAAA;;;;"}

package/es/packages/hooks/use-form-item/index.mjs

@@ -0,0 +1,33 @@
+import { getCurrentInstance, inject, computed, unref } from 'vue';
+import '../../tokens/index.mjs';
+import { buildProps } from '../../utils/props.mjs';
+import { useGlobalConfig } from '../../utils/util.mjs';
+import { elFormKey, elFormItemKey } from '../../tokens/form.mjs';
+
+const sizes = ["", "large", "medium", "small", "mini"];
+const useFormItemProps = buildProps({
+  size: {
+    type: String,
+    values: sizes,
+    default: ""
+  },
+  disabled: Boolean
+});
+const useFormItem = ({ size, disabled }) => {
+  const vm = getCurrentInstance();
+  const $ELEMENT = useGlobalConfig();
+  const props = vm.proxy.$props;
+  const form = inject(elFormKey, void 0);
+  const formItem = inject(elFormItemKey, void 0);
+  return {
+    size: computed(() => {
+      return props.size || unref(size) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || $ELEMENT.size || "";
+    }),
+    disabled: computed(() => {
+      return props.disabled === true || unref(disabled) || (form == null ? void 0 : form.disabled) || false;
+    })
+  };
+};
+
+export { useFormItem, useFormItemProps };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-form-item/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-form-item/index.ts"],"sourcesContent":["import { inject, computed, getCurrentInstance, unref } from 'vue'\nimport { elFormKey, elFormItemKey } from '@element-ps/tokens'\nimport { buildProps } from '@element-ps/utils/props'\nimport { useGlobalConfig } from '@element-ps/utils/util'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { MaybeRef } from '@vueuse/shared'\n\nconst sizes = ['', 'large', 'medium', 'small', 'mini'] as const\n\nexport const useFormItemProps = buildProps({\n  size: {\n    type: String,\n    values: sizes,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport type UseFormItemProps = ExtractPropTypes<typeof useFormItemProps>\n\nexport type LocalFallbacks = {\n  size?: MaybeRef<UseFormItemProps['size'] | undefined>\n  disabled?: MaybeRef<UseFormItemProps['disabled'] | undefined>\n}\n\nexport const useFormItem = ({ size, disabled }: LocalFallbacks) => {\n  const vm = getCurrentInstance()\n  const $ELEMENT = useGlobalConfig()\n\n  // vm.props is not reactive so we use the reactive one here.\n  const props = vm!.proxy!.$props as UseFormItemProps\n  const form = inject(elFormKey, undefined)\n  const formItem = inject(elFormItemKey, undefined)\n\n  return {\n    size: computed(() => {\n      // TODO, fallback to default size like 'medium/large' instead of empty string\n      return (\n        props.size ||\n        unref(size) ||\n        formItem?.size ||\n        form?.size ||\n        $ELEMENT.size ||\n        ''\n      )\n    }),\n    disabled: computed(() => {\n      return (\n        props.disabled === true || unref(disabled) || form?.disabled || false\n      )\n    }),\n  }\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,QAAQ,CAAC,IAAI,SAAS,UAAU,SAAS;MAElC,mBAAmB,WAAW;AAAA,EACzC,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;MAUC,cAAc,CAAC,EAAE,MAAM,eAA+B;AACjE,QAAM,KAAK;AACX,QAAM,WAAW;AAGjB,QAAM,QAAQ,GAAI,MAAO;AACzB,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,WAAW,OAAO,eAAe;AAEvC,SAAO;AAAA,IACL,MAAM,SAAS,MAAM;AAEnB,aACE,MAAM,QACN,MAAM,+CACI,uCACJ,SACN,SAAS,QACT;AAAA;AAAA,IAGJ,UAAU,SAAS,MAAM;AACvB,aACE,MAAM,aAAa,QAAQ,MAAM,2CAAmB,aAAY;AAAA;AAAA;AAAA;;;;"}

package/es/packages/hooks/use-global-config/index.mjs

@@ -0,0 +1,15 @@
+import { inject } from 'vue';
+import '../../tokens/index.mjs';
+import { configProviderContextKey } from '../../tokens/config-provider.mjs';
+
+const defaultConfig = {
+  button: {
+    autoInsertSpace: true
+  }
+};
+const useGlobalConfig = () => {
+  return inject(configProviderContextKey, defaultConfig);
+};
+
+export { useGlobalConfig };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-global-config/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { configProviderContextKey } from '@element-ps/tokens'\nimport type { ConfigProvdierContext } from '@element-ps/tokens'\n\nconst defaultConfig: ConfigProvdierContext = {\n  button: {\n    autoInsertSpace: true,\n  },\n}\n\nexport const useGlobalConfig = () => {\n  return inject(configProviderContextKey, defaultConfig)\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,gBAAuC;AAAA,EAC3C,QAAQ;AAAA,IACN,iBAAiB;AAAA;AAAA;MAIR,kBAAkB,MAAM;AACnC,SAAO,OAAO,0BAA0B;AAAA;;;;"}

package/es/packages/hooks/use-locale/index.mjs

@@ -0,0 +1,75 @@
+import { getCurrentInstance, computed, provide, ref, inject } from 'vue';
+import defaultLang from '../../locale/lang/en.mjs';
+
+const useLocaleProps = {
+  locale: {
+    type: Object
+  }
+};
+const LocaleInjectionKey = "ElLocaleInjection";
+let localeObjCache;
+function translate(path, option, current) {
+  const paths = path.split(".");
+  let value;
+  for (let i = 0, j = paths.length; i < j; i++) {
+    const property = paths[i];
+    value = current[property];
+    if (i === j - 1)
+      return template(value, option);
+    if (!value)
+      return "";
+    current = value;
+  }
+}
+const useLocale = () => {
+  const vm = getCurrentInstance();
+  const props = vm == null ? void 0 : vm.props;
+  const locale = computed(() => props.locale || defaultLang);
+  const lang = computed(() => locale.value.name);
+  const _translator = (...args) => {
+    const [path, option] = args;
+    return translate(path, option, locale.value);
+  };
+  const t = (...args) => {
+    return _translator(...args);
+  };
+  const provides = {
+    locale,
+    lang,
+    t
+  };
+  localeObjCache = provides;
+  provide(LocaleInjectionKey, provides);
+};
+function template(str, option) {
+  if (!str || !option)
+    return str;
+  return str.replace(/\{(\w+)\}/g, (_, key) => {
+    return option[key];
+  });
+}
+const localeProviderMaker = (locale = defaultLang) => {
+  const lang = ref(locale.name);
+  const localeRef = ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: (...args) => {
+      const [path, option] = args;
+      return translate(path, option, localeRef.value);
+    }
+  };
+};
+const useLocaleInject = () => {
+  return inject(LocaleInjectionKey, localeObjCache || {
+    lang: ref(defaultLang.name),
+    locale: ref(defaultLang),
+    t: (...args) => {
+      const [path, option] = args;
+      return translate(path, option, defaultLang);
+    }
+  });
+};
+
+export { LocaleInjectionKey, localeProviderMaker, useLocale, useLocaleInject, useLocaleProps };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-locale/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref } from 'vue'\nimport English from '@element-ps/locale/lang/en'\n\nimport type { InjectionKey, PropType, Ref } from 'vue'\nimport type { Language } from '@element-ps/locale'\n\nexport const useLocaleProps = {\n  locale: {\n    type: Object as PropType<Language>,\n  },\n}\n\ntype Translator = (...args: any[]) => string\n\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const LocaleInjectionKey =\n  'ElLocaleInjection' as unknown as InjectionKey<LocaleContext>\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nlet localeObjCache: LocaleContext\n\nfunction translate(path, option, current) {\n  const paths = path.split('.')\n  let value\n  for (let i = 0, j = paths.length; i < j; i++) {\n    const property = paths[i]\n    value = current[property]\n    if (i === j - 1) return template(value, option)\n    if (!value) return ''\n    current = value\n  }\n}\n\nexport const useLocale = () => {\n  const vm = getCurrentInstance()\n  const props = vm?.props as {\n    locale: Language\n  }\n\n  const locale = computed(() => props.locale || English)\n  const lang = computed(() => locale.value.name)\n\n  const _translator = (...args: any[]) => {\n    const [path, option] = args\n    return translate(path, option, locale.value)\n  }\n\n  const t = (...args: any[]) => {\n    return _translator(...args)\n  }\n\n  const provides = {\n    locale,\n    lang,\n    t,\n  }\n\n  // this could be broken if someone tries to do following:\n\n  /**\n   * <config-provider :locale=\"lang1\">\n   *   <config-provider :locale=\"lang2\">\n   *     Something calls modal component.\n   *   </config-provider>\n   * </config-provider>\n   */\n  localeObjCache = provides as LocaleContext\n  provide(LocaleInjectionKey, provides as LocaleContext)\n}\n\nfunction template(str: string, option) {\n  if (!str || !option) return str\n  return str.replace(/\\{(\\w+)\\}/g, (_, key) => {\n    return option[key]\n  })\n}\n\nexport const localeProviderMaker = (locale = English) => {\n  const lang = ref(locale.name)\n  const localeRef = ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: (...args: any[]) => {\n      const [path, option] = args\n      return translate(path, option, localeRef.value)\n    },\n  }\n}\n\nexport const useLocaleInject = () => {\n  return inject(\n    LocaleInjectionKey,\n    localeObjCache || {\n      lang: ref(English.name),\n      locale: ref(English),\n      t: (...args) => {\n        const [path, option] = args\n        return translate(path, option, English)\n      },\n    }\n  )\n}\n"],"names":["English"],"mappings":";;;MAMa,iBAAiB;AAAA,EAC5B,QAAQ;AAAA,IACN,MAAM;AAAA;AAAA;MAYG,qBACX;AAKF,IAAI;AAEJ,mBAAmB,MAAM,QAAQ,SAAS;AACxC,QAAM,QAAQ,KAAK,MAAM;AACzB,MAAI;AACJ,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,IAAI,GAAG,KAAK;AAC5C,UAAM,WAAW,MAAM;AACvB,YAAQ,QAAQ;AAChB,QAAI,MAAM,IAAI;AAAG,aAAO,SAAS,OAAO;AACxC,QAAI,CAAC;AAAO,aAAO;AACnB,cAAU;AAAA;AAAA;MAID,YAAY,MAAM;AAC7B,QAAM,KAAK;AACX,QAAM,QAAQ,yBAAI;AAIlB,QAAM,SAAS,SAAS,MAAM,MAAM,UAAUA;AAC9C,QAAM,OAAO,SAAS,MAAM,OAAO,MAAM;AAEzC,QAAM,cAAc,IAAI,SAAgB;AACtC,UAAM,CAAC,MAAM,UAAU;AACvB,WAAO,UAAU,MAAM,QAAQ,OAAO;AAAA;AAGxC,QAAM,IAAI,IAAI,SAAgB;AAC5B,WAAO,YAAY,GAAG;AAAA;AAGxB,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA;AAYF,mBAAiB;AACjB,UAAQ,oBAAoB;AAAA;AAG9B,kBAAkB,KAAa,QAAQ;AACrC,MAAI,CAAC,OAAO,CAAC;AAAQ,WAAO;AAC5B,SAAO,IAAI,QAAQ,cAAc,CAAC,GAAG,QAAQ;AAC3C,WAAO,OAAO;AAAA;AAAA;MAIL,sBAAsB,CAAC,SAASA,gBAAY;AACvD,QAAM,OAAO,IAAI,OAAO;AACxB,QAAM,YAAY,IAAI;AACtB,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,GAAG,IAAI,SAAgB;AACrB,YAAM,CAAC,MAAM,UAAU;AACvB,aAAO,UAAU,MAAM,QAAQ,UAAU;AAAA;AAAA;AAAA;MAKlC,kBAAkB,MAAM;AACnC,SAAO,OACL,oBACA,kBAAkB;AAAA,IAChB,MAAM,IAAIA,YAAQ;AAAA,IAClB,QAAQ,IAAIA;AAAA,IACZ,GAAG,IAAI,SAAS;AACd,YAAM,CAAC,MAAM,UAAU;AACvB,aAAO,UAAU,MAAM,QAAQA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/hooks/use-lockscreen/index.mjs

@@ -0,0 +1,44 @@
+import { isRef, onUnmounted, watch } from 'vue';
+import getScrollBarWidth from '../../utils/scrollbar-width.mjs';
+import { throwError } from '../../utils/error.mjs';
+import { removeClass, hasClass, getStyle, addClass } from '../../utils/dom.mjs';
+
+var useLockScreen = (trigger) => {
+  if (!isRef(trigger)) {
+    throwError("[useLockScreen]", "You need to pass a ref param to this function");
+  }
+  let scrollBarWidth = 0;
+  let withoutHiddenClass = false;
+  let bodyPaddingRight = "0";
+  let computedBodyPaddingRight = 0;
+  onUnmounted(() => {
+    cleanup();
+  });
+  const cleanup = () => {
+    removeClass(document.body, "el-popup-parent--hidden");
+    if (withoutHiddenClass) {
+      document.body.style.paddingRight = bodyPaddingRight;
+    }
+  };
+  watch(trigger, (val) => {
+    if (val) {
+      withoutHiddenClass = !hasClass(document.body, "el-popup-parent--hidden");
+      if (withoutHiddenClass) {
+        bodyPaddingRight = document.body.style.paddingRight;
+        computedBodyPaddingRight = parseInt(getStyle(document.body, "paddingRight"), 10);
+      }
+      scrollBarWidth = getScrollBarWidth();
+      const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
+      const bodyOverflowY = getStyle(document.body, "overflowY");
+      if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
+        document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarWidth}px`;
+      }
+      addClass(document.body, "el-popup-parent--hidden");
+    } else {
+      cleanup();
+    }
+  });
+};
+
+export { useLockScreen as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-lockscreen/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-lockscreen/index.ts"],"sourcesContent":["import { watch, isRef, onUnmounted } from 'vue'\n\nimport getScrollBarWidth from '@element-ps/utils/scrollbar-width'\nimport { throwError } from '@element-ps/utils/error'\nimport {\n  addClass,\n  removeClass,\n  hasClass,\n  getStyle,\n} from '@element-ps/utils/dom'\n\nimport type { Ref } from 'vue'\n\n/**\n * Hook that monitoring the ref value to lock or unlock the screen.\n * When the trigger became true, it assumes modal is now opened and vice versa.\n * @param trigger {Ref<boolean>}\n */\nexport default (trigger: Ref<boolean>) => {\n  if (!isRef(trigger)) {\n    throwError(\n      '[useLockScreen]',\n      'You need to pass a ref param to this function'\n    )\n  }\n  let scrollBarWidth = 0\n  let withoutHiddenClass = false\n  let bodyPaddingRight = '0'\n  let computedBodyPaddingRight = 0\n\n  onUnmounted(() => {\n    cleanup()\n  })\n\n  const cleanup = () => {\n    removeClass(document.body, 'el-popup-parent--hidden')\n    if (withoutHiddenClass) {\n      document.body.style.paddingRight = bodyPaddingRight\n    }\n  }\n  watch(trigger, (val) => {\n    if (val) {\n      withoutHiddenClass = !hasClass(document.body, 'el-popup-parent--hidden')\n      if (withoutHiddenClass) {\n        bodyPaddingRight = document.body.style.paddingRight\n        computedBodyPaddingRight = parseInt(\n          getStyle(document.body, 'paddingRight'),\n          10\n        )\n      }\n      scrollBarWidth = getScrollBarWidth()\n      const bodyHasOverflow =\n        document.documentElement.clientHeight < document.body.scrollHeight\n      const bodyOverflowY = getStyle(document.body, 'overflowY')\n      if (\n        scrollBarWidth > 0 &&\n        (bodyHasOverflow || bodyOverflowY === 'scroll') &&\n        withoutHiddenClass\n      ) {\n        document.body.style.paddingRight = `${\n          computedBodyPaddingRight + scrollBarWidth\n        }px`\n      }\n      addClass(document.body, 'el-popup-parent--hidden')\n    } else {\n      cleanup()\n    }\n  })\n}\n"],"names":[],"mappings":";;;;;AAkBA,oBAAe,CAAC,YAA0B;AACxC,MAAI,CAAC,MAAM,UAAU;AACnB,eACE,mBACA;AAAA;AAGJ,MAAI,iBAAiB;AACrB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AACvB,MAAI,2BAA2B;AAE/B,cAAY,MAAM;AAChB;AAAA;AAGF,QAAM,UAAU,MAAM;AACpB,gBAAY,SAAS,MAAM;AAC3B,QAAI,oBAAoB;AACtB,eAAS,KAAK,MAAM,eAAe;AAAA;AAAA;AAGvC,QAAM,SAAS,CAAC,QAAQ;AACtB,QAAI,KAAK;AACP,2BAAqB,CAAC,SAAS,SAAS,MAAM;AAC9C,UAAI,oBAAoB;AACtB,2BAAmB,SAAS,KAAK,MAAM;AACvC,mCAA2B,SACzB,SAAS,SAAS,MAAM,iBACxB;AAAA;AAGJ,uBAAiB;AACjB,YAAM,kBACJ,SAAS,gBAAgB,eAAe,SAAS,KAAK;AACxD,YAAM,gBAAgB,SAAS,SAAS,MAAM;AAC9C,UACE,iBAAiB,yBACG,kBAAkB,aACtC,oBACA;AACA,iBAAS,KAAK,MAAM,eAAe,GACjC,2BAA2B;AAAA;AAG/B,eAAS,SAAS,MAAM;AAAA,WACnB;AACL;AAAA;AAAA;AAAA;;;;"}

package/es/packages/hooks/use-modal/index.mjs

@@ -0,0 +1,30 @@
+import { watch } from 'vue';
+import { on } from '../../utils/dom.mjs';
+import { EVENT_CODE } from '../../utils/aria.mjs';
+import isServer from '../../utils/isServer.mjs';
+
+const modalStack = [];
+const closeModal = (e) => {
+  if (modalStack.length === 0)
+    return;
+  if (e.code === EVENT_CODE.esc) {
+    e.stopPropagation();
+    const topModal = modalStack[modalStack.length - 1];
+    topModal.handleClose();
+  }
+};
+var useModal = (instance, visibleRef) => {
+  watch(() => visibleRef.value, (val) => {
+    if (val) {
+      modalStack.push(instance);
+    } else {
+      modalStack.splice(modalStack.findIndex((modal) => modal === instance), 1);
+    }
+  });
+};
+if (!isServer) {
+  on(document, "keydown", closeModal);
+}
+
+export { useModal as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-modal/index.ts"],"sourcesContent":["import { watch } from 'vue'\nimport { on } from '@element-ps/utils/dom'\nimport { EVENT_CODE } from '@element-ps/utils/aria'\nimport isServer from '@element-ps/utils/isServer'\n\nimport type { Ref, ComputedRef } from 'vue'\n\ntype ModalInstance = {\n  handleClose: () => void\n}\n\nconst modalStack: ModalInstance[] = []\n\nconst closeModal = (e: KeyboardEvent) => {\n  if (modalStack.length === 0) return\n  if (e.code === EVENT_CODE.esc) {\n    e.stopPropagation()\n    const topModal = modalStack[modalStack.length - 1]\n    topModal.handleClose()\n  }\n}\n\nexport default (\n  instance: ModalInstance,\n  visibleRef: Ref<boolean> | ComputedRef\n) => {\n  watch(\n    () => visibleRef.value,\n    (val) => {\n      if (val) {\n        modalStack.push(instance)\n      } else {\n        modalStack.splice(\n          modalStack.findIndex((modal) => modal === instance),\n          1\n        )\n      }\n    }\n  )\n}\n\nif (!isServer) {\n  on(document, 'keydown', closeModal as EventListenerOrEventListenerObject)\n}\n"],"names":[],"mappings":";;;;;AAWA,MAAM,aAA8B;AAEpC,MAAM,aAAa,CAAC,MAAqB;AACvC,MAAI,WAAW,WAAW;AAAG;AAC7B,MAAI,EAAE,SAAS,WAAW,KAAK;AAC7B,MAAE;AACF,UAAM,WAAW,WAAW,WAAW,SAAS;AAChD,aAAS;AAAA;AAAA;AAIb,eAAe,CACb,UACA,eACG;AACH,QACE,MAAM,WAAW,OACjB,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,iBAAW,KAAK;AAAA,WACX;AACL,iBAAW,OACT,WAAW,UAAU,CAAC,UAAU,UAAU,WAC1C;AAAA;AAAA;AAAA;AAOV,IAAI,CAAC,UAAU;AACb,KAAG,UAAU,WAAW;AAAA;;;;"}

package/es/packages/hooks/use-restore-active/index.mjs

@@ -0,0 +1,23 @@
+import { watch, isRef } from 'vue';
+
+var useRestoreActive = (toggle, initialFocus) => {
+  let previousActive;
+  watch(() => toggle.value, (val) => {
+    var _a, _b;
+    if (val) {
+      previousActive = document.activeElement;
+      if (isRef(initialFocus)) {
+        (_b = (_a = initialFocus.value).focus) == null ? void 0 : _b.call(_a);
+      }
+    } else {
+      if (process.env.NODE_ENV === "testing") {
+        previousActive.focus.call(previousActive);
+      } else {
+        previousActive.focus();
+      }
+    }
+  });
+};
+
+export { useRestoreActive as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/hooks/use-restore-active/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/use-restore-active/index.ts"],"sourcesContent":["import { isRef, watch } from 'vue'\nimport type { Ref } from 'vue'\n\n/**\n * This method provides dialogable components the ability to restore previously activated element before\n * the dialog gets opened\n */\nexport default (toggle: Ref<boolean>, initialFocus?: Ref<HTMLElement>) => {\n  let previousActive: HTMLElement\n  watch(\n    () => toggle.value,\n    (val) => {\n      if (val) {\n        previousActive = document.activeElement as HTMLElement\n        if (isRef(initialFocus)) {\n          initialFocus.value.focus?.()\n        }\n      } else {\n        if (process.env.NODE_ENV === 'testing') {\n          previousActive.focus.call(previousActive)\n        } else {\n          previousActive.focus()\n        }\n      }\n    }\n  )\n}\n"],"names":[],"mappings":";;AAOA,uBAAe,CAAC,QAAsB,iBAAoC;AACxE,MAAI;AACJ,QACE,MAAM,OAAO,OACb,CAAC,QAAQ;AAXb;AAYM,QAAI,KAAK;AACP,uBAAiB,SAAS;AAC1B,UAAI,MAAM,eAAe;AACvB,iCAAa,OAAM,UAAnB;AAAA;AAAA,WAEG;AACL,UAAI,QAAQ,IAAI,aAAa,WAAW;AACtC,uBAAe,MAAM,KAAK;AAAA,aACrB;AACL,uBAAe;AAAA;AAAA;AAAA;AAAA;;;;"}