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

package/lib/hooks/use-model-toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, watch, onMounted } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isBool } from '@element-plus/utils/util'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport isServer from '@element-plus/utils/isServer'\n\nimport type { Ref, ComponentPublicInstance } from 'vue'\n\nexport const useModelToggleProps = {\n  modelValue: {\n    type: Boolean,\n    default: null,\n  },\n\n  'onUpdate:modelValue': Function,\n}\n\nexport const useModelToggleEmits = [UPDATE_MODEL_EVENT]\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: () => void\n  onHide?: () => void\n}\n\nexport const useModelToggle = ({\n  indicator,\n  shouldHideWhenRouteChanges,\n  shouldProceed,\n  onShow,\n  onHide,\n}: ModelToggleParams) => {\n  const { appContext, props, proxy, emit } = getCurrentInstance()!\n\n  const hasUpdateHandler = computed(() =>\n    isFunction(props['onUpdate:modelValue'])\n  )\n  // when it matches the default value we say this is absent\n  // though this could be mistakenly passed from the user but we need to rule out that\n  // condition\n  const isModelBindingAbsent = computed(() => props.modelValue === null)\n\n  const doShow = () => {\n    if (indicator.value === true) {\n      return\n    }\n\n    indicator.value = true\n    if (isFunction(onShow)) {\n      onShow()\n    }\n  }\n\n  const doHide = () => {\n    if (indicator.value === false) {\n      return\n    }\n\n    indicator.value = false\n\n    if (isFunction(onHide)) {\n      onHide()\n    }\n  }\n\n  const show = () => {\n    if (\n      props.disabled === true ||\n      (isFunction(shouldProceed) && !shouldProceed())\n    )\n      return\n\n    const shouldEmit = hasUpdateHandler.value && !isServer\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, true)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doShow()\n    }\n  }\n\n  const hide = () => {\n    if (props.disabled === true || isServer) return\n\n    const shouldEmit = hasUpdateHandler.value && !isServer\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, false)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doHide()\n    }\n  }\n\n  const onChange = (val: boolean) => {\n    if (!isBool(val)) return\n    if (props.disabled && val) {\n      if (hasUpdateHandler.value) {\n        emit(UPDATE_MODEL_EVENT, false)\n      }\n    } else if (indicator.value !== val) {\n      if (val) {\n        doShow()\n      } else {\n        doHide()\n      }\n    }\n  }\n\n  const toggle = () => {\n    if (indicator.value) {\n      hide()\n    } else {\n      show()\n    }\n  }\n\n  watch(() => props.modelValue, onChange as any)\n\n  if (\n    shouldHideWhenRouteChanges &&\n    appContext.config.globalProperties.$route !== undefined\n  ) {\n    watch(\n      () => ({\n        ...(\n          proxy as ComponentPublicInstance<{\n            $route: any\n          }>\n        ).$route,\n      }),\n      () => {\n        if (shouldHideWhenRouteChanges.value && indicator.value) {\n          hide()\n        }\n      }\n    )\n  }\n\n  onMounted(() => {\n    onChange(props.modelValue as boolean)\n  })\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n"],"names":["UPDATE_MODEL_EVENT","getCurrentInstance","computed","isFunction","isServer","isBool"],"mappings":";;;;;;;;;;MAQa,sBAAsB;AAAA,EACjC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAGX,uBAAuB;AAAA;MAGZ,sBAAsB,CAACA;MAUvB,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACuB;AACvB,QAAM,EAAE,YAAY,OAAO,OAAO,SAASC;AAE3C,QAAM,mBAAmBC,aAAS,MAChCC,kBAAW,MAAM;AAKnB,QAAM,uBAAuBD,aAAS,MAAM,MAAM,eAAe;AAEjE,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,UAAU,MAAM;AAC5B;AAAA;AAGF,cAAU,QAAQ;AAClB,QAAIC,kBAAW,SAAS;AACtB;AAAA;AAAA;AAIJ,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,UAAU,OAAO;AAC7B;AAAA;AAGF,cAAU,QAAQ;AAElB,QAAIA,kBAAW,SAAS;AACtB;AAAA;AAAA;AAIJ,QAAM,OAAO,MAAM;AACjB,QACE,MAAM,aAAa,QAClBA,kBAAW,kBAAkB,CAAC;AAE/B;AAEF,UAAM,aAAa,iBAAiB,SAAS,CAACC;AAE9C,QAAI,YAAY;AACd,WAAKJ,8BAAoB;AAAA;AAG3B,QAAI,qBAAqB,SAAS,CAAC,YAAY;AAC7C;AAAA;AAAA;AAIJ,QAAM,OAAO,MAAM;AACjB,QAAI,MAAM,aAAa,QAAQI;AAAU;AAEzC,UAAM,aAAa,iBAAiB,SAAS,CAACA;AAE9C,QAAI,YAAY;AACd,WAAKJ,8BAAoB;AAAA;AAG3B,QAAI,qBAAqB,SAAS,CAAC,YAAY;AAC7C;AAAA;AAAA;AAIJ,QAAM,WAAW,CAAC,QAAiB;AACjC,QAAI,CAACK,YAAO;AAAM;AAClB,QAAI,MAAM,YAAY,KAAK;AACzB,UAAI,iBAAiB,OAAO;AAC1B,aAAKL,8BAAoB;AAAA;AAAA,eAElB,UAAU,UAAU,KAAK;AAClC,UAAI,KAAK;AACP;AAAA,aACK;AACL;AAAA;AAAA;AAAA;AAKN,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,OAAO;AACnB;AAAA,WACK;AACL;AAAA;AAAA;AAIJ,YAAM,MAAM,MAAM,YAAY;AAE9B,MACE,8BACA,WAAW,OAAO,iBAAiB,WAAW,QAC9C;AACA,cACE;AAAO,SAEH,MAGA;AAAA,QAEJ,MAAM;AACJ,UAAI,2BAA2B,SAAS,UAAU,OAAO;AACvD;AAAA;AAAA;AAAA;AAMR,gBAAU,MAAM;AACd,aAAS,MAAM;AAAA;AAGjB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, watch, onMounted } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isBool } from '@element-plus/utils/util'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport isServer from '@element-plus/utils/isServer'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\nimport type { Ref, ComponentPublicInstance, ExtractPropTypes } from 'vue'\n\nexport const useModelToggleProps = buildProps({\n  modelValue: {\n    type: definePropType<boolean | null>(Boolean),\n    default: null,\n  },\n  'onUpdate:modelValue': Function,\n})\nexport type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>\n\nexport const useModelToggleEmits = [UPDATE_MODEL_EVENT]\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: () => void\n  onHide?: () => void\n}\n\nexport const useModelToggle = ({\n  indicator,\n  shouldHideWhenRouteChanges,\n  shouldProceed,\n  onShow,\n  onHide,\n}: ModelToggleParams) => {\n  const instance = getCurrentInstance()!\n  const props = instance.props as UseModelToggleProps & { disabled: boolean }\n  const { emit } = instance\n\n  const hasUpdateHandler = computed(() =>\n    isFunction(props['onUpdate:modelValue'])\n  )\n  // when it matches the default value we say this is absent\n  // though this could be mistakenly passed from the user but we need to rule out that\n  // condition\n  const isModelBindingAbsent = computed(() => props.modelValue === null)\n\n  const doShow = () => {\n    if (indicator.value === true) {\n      return\n    }\n\n    indicator.value = true\n    if (isFunction(onShow)) {\n      onShow()\n    }\n  }\n\n  const doHide = () => {\n    if (indicator.value === false) {\n      return\n    }\n\n    indicator.value = false\n\n    if (isFunction(onHide)) {\n      onHide()\n    }\n  }\n\n  const show = () => {\n    if (\n      props.disabled === true ||\n      (isFunction(shouldProceed) && !shouldProceed())\n    )\n      return\n\n    const shouldEmit = hasUpdateHandler.value && !isServer\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, true)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doShow()\n    }\n  }\n\n  const hide = () => {\n    if (props.disabled === true || isServer) return\n\n    const shouldEmit = hasUpdateHandler.value && !isServer\n\n    if (shouldEmit) {\n      emit(UPDATE_MODEL_EVENT, false)\n    }\n\n    if (isModelBindingAbsent.value || !shouldEmit) {\n      doHide()\n    }\n  }\n\n  const onChange = (val: boolean) => {\n    if (!isBool(val)) return\n    if (props.disabled && val) {\n      if (hasUpdateHandler.value) {\n        emit(UPDATE_MODEL_EVENT, false)\n      }\n    } else if (indicator.value !== val) {\n      if (val) {\n        doShow()\n      } else {\n        doHide()\n      }\n    }\n  }\n\n  const toggle = () => {\n    if (indicator.value) {\n      hide()\n    } else {\n      show()\n    }\n  }\n\n  watch(() => props.modelValue, onChange as any)\n\n  if (\n    shouldHideWhenRouteChanges &&\n    instance.appContext.config.globalProperties.$route !== undefined\n  ) {\n    watch(\n      () => ({\n        ...(\n          instance.proxy as ComponentPublicInstance<{\n            $route: RouteLocationNormalizedLoaded\n          }>\n        ).$route,\n      }),\n      () => {\n        if (shouldHideWhenRouteChanges.value && indicator.value) {\n          hide()\n        }\n      }\n    )\n  }\n\n  onMounted(() => {\n    onChange(props.modelValue as boolean)\n  })\n\n  return {\n    hide,\n    show,\n    toggle,\n  }\n}\n"],"names":["buildProps","definePropType","UPDATE_MODEL_EVENT","getCurrentInstance","computed","isFunction","isServer","isBool"],"mappings":";;;;;;;;;;;MAUa,sBAAsBA,iBAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAMC,qBAA+B;AAAA,IACrC,SAAS;AAAA;AAAA,EAEX,uBAAuB;AAAA;MAIZ,sBAAsB,CAACC;MAUvB,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACuB;AACvB,QAAM,WAAWC;AACjB,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,SAAS;AAEjB,QAAM,mBAAmBC,aAAS,MAChCC,kBAAW,MAAM;AAKnB,QAAM,uBAAuBD,aAAS,MAAM,MAAM,eAAe;AAEjE,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,UAAU,MAAM;AAC5B;AAAA;AAGF,cAAU,QAAQ;AAClB,QAAIC,kBAAW,SAAS;AACtB;AAAA;AAAA;AAIJ,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,UAAU,OAAO;AAC7B;AAAA;AAGF,cAAU,QAAQ;AAElB,QAAIA,kBAAW,SAAS;AACtB;AAAA;AAAA;AAIJ,QAAM,OAAO,MAAM;AACjB,QACE,MAAM,aAAa,QAClBA,kBAAW,kBAAkB,CAAC;AAE/B;AAEF,UAAM,aAAa,iBAAiB,SAAS,CAACC;AAE9C,QAAI,YAAY;AACd,WAAKJ,8BAAoB;AAAA;AAG3B,QAAI,qBAAqB,SAAS,CAAC,YAAY;AAC7C;AAAA;AAAA;AAIJ,QAAM,OAAO,MAAM;AACjB,QAAI,MAAM,aAAa,QAAQI;AAAU;AAEzC,UAAM,aAAa,iBAAiB,SAAS,CAACA;AAE9C,QAAI,YAAY;AACd,WAAKJ,8BAAoB;AAAA;AAG3B,QAAI,qBAAqB,SAAS,CAAC,YAAY;AAC7C;AAAA;AAAA;AAIJ,QAAM,WAAW,CAAC,QAAiB;AACjC,QAAI,CAACK,YAAO;AAAM;AAClB,QAAI,MAAM,YAAY,KAAK;AACzB,UAAI,iBAAiB,OAAO;AAC1B,aAAKL,8BAAoB;AAAA;AAAA,eAElB,UAAU,UAAU,KAAK;AAClC,UAAI,KAAK;AACP;AAAA,aACK;AACL;AAAA;AAAA;AAAA;AAKN,QAAM,SAAS,MAAM;AACnB,QAAI,UAAU,OAAO;AACnB;AAAA,WACK;AACL;AAAA;AAAA;AAIJ,YAAM,MAAM,MAAM,YAAY;AAE9B,MACE,8BACA,SAAS,WAAW,OAAO,iBAAiB,WAAW,QACvD;AACA,cACE;AAAO,SAEH,SAAS,MAGT;AAAA,QAEJ,MAAM;AACJ,UAAI,2BAA2B,SAAS,UAAU,OAAO;AACvD;AAAA;AAAA;AAAA;AAMR,gBAAU,MAAM;AACd,aAAS,MAAM;AAAA;AAGjB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;;;"}

package/lib/hooks/use-popper/index.js

@@ -109,13 +109,13 @@ const usePopperHook = () => {
   const isManual = vue.computed(() => props.manualMode || props.trigger === "manual");
   const popperId = `el-popper-${util.generateId()}`;
   let popperInstance = null;
-  const { renderTeleport, showTeleport, hideTeleport } = index["default"](popupRenderer, vue.toRef(props, "appendToBody"));
+  const { renderTeleport, showTeleport, hideTeleport } = index.useTeleport(popupRenderer, vue.toRef(props, "appendToBody"));
   const { show, hide } = index$1.useModelToggle({
     indicator: visible,
     onShow,
     onHide
   });
-  const { registerTimeout, cancelTimeout } = index$2["default"]();
+  const { registerTimeout, cancelTimeout } = index$2.useTimeout();
   function onShow() {
     popperStyle.value.zIndex = popupManager["default"].nextZIndex();
     vue.nextTick(initializePopper);

package/lib/hooks/use-popper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import {\n  cloneVNode,\n  computed,\n  Fragment,\n  getCurrentInstance,\n  h,\n  nextTick,\n  toDisplayString,\n  toRef,\n  Transition,\n  ref,\n  renderSlot,\n  withDirectives,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { createPopper } from '@popperjs/core'\nimport { ClickOutside } from '@element-plus/directives'\nimport {\n  generateId,\n  isHTMLElement,\n  isString,\n  refAttacher,\n} from '@element-plus/utils/util'\nimport { getFirstValidNode } from '@element-plus/utils/vnode'\nimport { stop } from '@element-plus/utils/dom'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport { throwError } from '@element-plus/utils/error'\n\nimport useTeleport from '../use-teleport'\nimport useTimeout from '../use-timeout'\nimport { useModelToggle } from '../use-model-toggle'\nimport { useTransitionFallthrough } from '../use-transition-fallthrough'\nimport { defaultPopperOptions, defaultModifiers } from './use-popper-options'\nimport { useTargetEvents, DEFAULT_TRIGGER } from './use-target-events'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  PropType,\n} from 'vue'\nimport type {\n  Instance as PopperInstance,\n  StrictModifiers,\n} from '@popperjs/core'\nimport type { RefElement, Nullable } from '@element-plus/utils/types'\nimport type { Trigger } from './use-target-events'\n\nexport type PopperEffect = 'light' | 'dark'\nexport type Offset = [number, number] | number\n\ntype ElementType = ComponentPublicInstance | HTMLElement\n\nexport const DARK_EFFECT = 'dark'\nexport const LIGHT_EFFECT = 'light'\n\nexport const usePopperControlProps = {\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  arrowOffset: {\n    type: Number,\n  },\n  popperOptions: defaultPopperOptions,\n  popperClass: {\n    type: String,\n    default: '',\n  },\n}\n\nexport const usePopperProps = {\n  ...usePopperControlProps,\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: String,\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<PopperEffect>,\n    default: DARK_EFFECT,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: DEFAULT_TRIGGER,\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport const usePopperHook = () => {\n  const vm = getCurrentInstance()!\n  const props: ExtractPropTypes<typeof usePopperProps> = vm.proxy?.$props as any\n  const { slots } = vm\n\n  const arrowRef = ref<RefElement>(null)\n  const triggerRef = ref<ElementType>(null)\n  const popperRef = ref<RefElement>(null)\n\n  const popperStyle = ref<CSSProperties>({ zIndex: PopupManager.nextZIndex() })\n  const visible = ref(false)\n  const isManual = computed(\n    () => props.manualMode || props.trigger === 'manual'\n  )\n\n  const popperId = `el-popper-${generateId()}`\n  let popperInstance: Nullable<PopperInstance> = null\n\n  const { renderTeleport, showTeleport, hideTeleport } = useTeleport(\n    popupRenderer,\n    toRef(props, 'appendToBody')\n  )\n\n  const { show, hide } = useModelToggle({\n    indicator: visible,\n    onShow,\n    onHide,\n  })\n\n  const { registerTimeout, cancelTimeout } = useTimeout()\n\n  // event handlers\n\n  function onShow() {\n    popperStyle.value.zIndex = PopupManager.nextZIndex()\n    nextTick(initializePopper)\n  }\n\n  function onHide() {\n    hideTeleport()\n    nextTick(detachPopper)\n  }\n\n  /**\n   * The calling mechanism here is:\n   * when the visibility gets changed, let's say we change it to true\n   * the delayShow gets called which initializes a global root node for the popper content\n   * to insert in, then it register a timer for calling the show method, which changes the flag to\n   * true, then calls onShow method.\n   * So the order of invocation is: delayedShow -> timer(show) -> set the indicator to true -> onShow\n   */\n\n  function delayShow() {\n    if (isManual.value || props.disabled) return\n    // renders out the teleport element root.\n    showTeleport()\n    registerTimeout(show, props.showAfter)\n  }\n\n  function delayHide() {\n    if (isManual.value) return\n    registerTimeout(hide, props.hideAfter)\n  }\n\n  function onToggle() {\n    if (visible.value) {\n      delayShow()\n    } else {\n      delayHide()\n    }\n  }\n\n  function detachPopper() {\n    popperInstance?.destroy?.()\n    popperInstance = null\n  }\n\n  function onPopperMouseEnter() {\n    // if trigger is click, user won't be able to close popper when\n    // user tries to move the mouse over popper contents\n    if (props.enterable && props.trigger !== 'click') {\n      cancelTimeout()\n    }\n  }\n\n  function onPopperMouseLeave() {\n    const { trigger } = props\n    const shouldPrevent =\n      (isString(trigger) && (trigger === 'click' || trigger === 'focus')) ||\n      // we'd like to test array type trigger here, but the only case we need to cover is trigger === 'click' or\n      // trigger === 'focus', because that when trigger is string\n      // trigger.length === 1 and trigger[0] === 5 chars string is mutually exclusive.\n      // so there will be no need to test if trigger is array type.\n      (trigger.length === 1 &&\n        (trigger[0] === 'click' || trigger[0] === 'focus'))\n    if (shouldPrevent) return\n    delayHide()\n  }\n\n  function initializePopper() {\n    if (!visible.value || popperInstance !== null) {\n      return\n    }\n    const unwrappedTrigger = triggerRef.value\n    const $el = isHTMLElement(unwrappedTrigger)\n      ? unwrappedTrigger\n      : (unwrappedTrigger as ComponentPublicInstance).$el\n\n    popperInstance = createPopper($el, popperRef.value, buildPopperOptions())\n    popperInstance.update()\n  }\n\n  function buildPopperOptions() {\n    const modifiers = [...defaultModifiers, ...props.popperOptions.modifiers]\n\n    if (props.showArrow) {\n      modifiers.push({\n        name: 'arrow',\n        options: {\n          padding: props.arrowOffset || 5,\n          element: arrowRef.value,\n        },\n      } as StrictModifiers)\n    }\n\n    return {\n      ...props.popperOptions,\n      modifiers,\n    }\n  }\n\n  const { onAfterEnter, onAfterLeave, onBeforeEnter, onBeforeLeave } =\n    useTransitionFallthrough()\n\n  const events = useTargetEvents(delayShow, delayHide, onToggle)\n\n  const arrowRefAttacher = refAttacher(arrowRef)\n  const popperRefAttacher = refAttacher(popperRef)\n  const triggerRefAttacher = refAttacher(triggerRef)\n\n  // renderers\n  function popupRenderer() {\n    const mouseUpAndDown = props.stopPopperMouseEvent ? stop : NOOP\n    return h(\n      Transition as any,\n      {\n        name: props.transition,\n        onAfterEnter,\n        onAfterLeave,\n        onBeforeEnter,\n        onBeforeLeave,\n      },\n      {\n        default: () => () =>\n          visible.value\n            ? h(\n                'div',\n                {\n                  'aria-hidden': false,\n                  class: [\n                    props.popperClass,\n                    'el-popper',\n                    `is-${props.effect}`,\n                    props.pure ? 'is-pure' : '',\n                  ],\n                  style: popperStyle.value,\n                  id: popperId,\n                  ref: popperRefAttacher,\n                  role: 'tooltip',\n                  onMouseenter: onPopperMouseEnter,\n                  onMouseleave: onPopperMouseLeave,\n                  onClick: stop,\n                  onMousedown: mouseUpAndDown,\n                  onMouseup: mouseUpAndDown,\n                },\n                [\n                  renderSlot(slots, 'default', {}, () => [\n                    toDisplayString(props.content),\n                  ]),\n                  arrowRenderer(),\n                ]\n              )\n            : null,\n      }\n    )\n  }\n\n  function arrowRenderer() {\n    return props.showArrow\n      ? h(\n          'div',\n          {\n            ref: arrowRefAttacher,\n            class: 'el-popper__arrow',\n            'data-popper-arrow': '',\n          },\n          null\n        )\n      : null\n  }\n\n  function triggerRenderer(triggerProps) {\n    const trigger = slots.trigger?.()\n    const firstElement = getFirstValidNode(trigger, 1)\n    if (!firstElement)\n      throwError('renderTrigger', 'trigger expects single rooted node')\n    return cloneVNode(firstElement, triggerProps, true)\n  }\n\n  function render() {\n    const trigger = triggerRenderer({\n      'aria-describedby': popperId,\n      class: props.class,\n      style: props.style,\n      ref: triggerRefAttacher,\n      ...events,\n    })\n    return h(Fragment, null, [\n      isManual.value\n        ? trigger\n        : withDirectives(trigger, [[ClickOutside, delayHide]]),\n      renderTeleport(),\n    ])\n  }\n\n  return {\n    render,\n  }\n}\n"],"names":["defaultPopperOptions","DEFAULT_TRIGGER","getCurrentInstance","ref","PopupManager","computed","generateId","useTeleport","toRef","useModelToggle","useTimeout","isString","isHTMLElement","createPopper","defaultModifiers","useTransitionFallthrough","useTargetEvents","refAttacher","stop","NOOP","h","Transition","renderSlot","toDisplayString","getFirstValidNode","cloneVNode","Fragment","withDirectives","ClickOutside"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-popper/index.ts"],"sourcesContent":["import {\n  cloneVNode,\n  computed,\n  Fragment,\n  getCurrentInstance,\n  h,\n  nextTick,\n  toDisplayString,\n  toRef,\n  Transition,\n  ref,\n  renderSlot,\n  withDirectives,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { createPopper } from '@popperjs/core'\nimport { ClickOutside } from '@element-plus/directives'\nimport {\n  generateId,\n  isHTMLElement,\n  isString,\n  refAttacher,\n} from '@element-plus/utils/util'\nimport { getFirstValidNode } from '@element-plus/utils/vnode'\nimport { stop } from '@element-plus/utils/dom'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport { throwError } from '@element-plus/utils/error'\n\nimport { useTeleport } from '../use-teleport'\nimport { useTimeout } from '../use-timeout'\nimport { useModelToggle } from '../use-model-toggle'\nimport { useTransitionFallthrough } from '../use-transition-fallthrough'\nimport { defaultPopperOptions, defaultModifiers } from './use-popper-options'\nimport { useTargetEvents, DEFAULT_TRIGGER } from './use-target-events'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  PropType,\n} from 'vue'\nimport type {\n  Instance as PopperInstance,\n  StrictModifiers,\n} from '@popperjs/core'\nimport type { RefElement, Nullable } from '@element-plus/utils/types'\nimport type { Trigger } from './use-target-events'\n\nexport type PopperEffect = 'light' | 'dark'\nexport type Offset = [number, number] | number\n\ntype ElementType = ComponentPublicInstance | HTMLElement\n\nexport const DARK_EFFECT = 'dark'\nexport const LIGHT_EFFECT = 'light'\n\nexport const usePopperControlProps = {\n  appendToBody: {\n    type: Boolean,\n    default: true,\n  },\n  arrowOffset: {\n    type: Number,\n  },\n  popperOptions: defaultPopperOptions,\n  popperClass: {\n    type: String,\n    default: '',\n  },\n}\n\nexport const usePopperProps = {\n  ...usePopperControlProps,\n  // the arrow size is an equailateral triangle with 10px side length, the 3rd side length ~ 14.1px\n  // adding a offset to the ceil of 4.1 should be 5 this resolves the problem of arrow overflowing out of popper.\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  content: {\n    type: String,\n    default: '',\n  },\n  class: String,\n  style: Object,\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  effect: {\n    type: String as PropType<PopperEffect>,\n    default: DARK_EFFECT,\n  },\n  enterable: {\n    type: Boolean,\n    default: true,\n  },\n  manualMode: {\n    type: Boolean,\n    default: false,\n  },\n  showAfter: {\n    type: Number,\n    default: 0,\n  },\n  pure: {\n    type: Boolean,\n    default: false,\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  transition: {\n    type: String,\n    default: 'el-fade-in-linear',\n  },\n  trigger: {\n    type: [String, Array] as PropType<Trigger>,\n    default: DEFAULT_TRIGGER,\n  },\n  visible: {\n    type: Boolean,\n    default: undefined,\n  },\n  stopPopperMouseEvent: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport const usePopperHook = () => {\n  const vm = getCurrentInstance()!\n  const props: ExtractPropTypes<typeof usePopperProps> = vm.proxy?.$props as any\n  const { slots } = vm\n\n  const arrowRef = ref<RefElement>(null)\n  const triggerRef = ref<ElementType>(null)\n  const popperRef = ref<RefElement>(null)\n\n  const popperStyle = ref<CSSProperties>({ zIndex: PopupManager.nextZIndex() })\n  const visible = ref(false)\n  const isManual = computed(\n    () => props.manualMode || props.trigger === 'manual'\n  )\n\n  const popperId = `el-popper-${generateId()}`\n  let popperInstance: Nullable<PopperInstance> = null\n\n  const { renderTeleport, showTeleport, hideTeleport } = useTeleport(\n    popupRenderer,\n    toRef(props, 'appendToBody')\n  )\n\n  const { show, hide } = useModelToggle({\n    indicator: visible,\n    onShow,\n    onHide,\n  })\n\n  const { registerTimeout, cancelTimeout } = useTimeout()\n\n  // event handlers\n\n  function onShow() {\n    popperStyle.value.zIndex = PopupManager.nextZIndex()\n    nextTick(initializePopper)\n  }\n\n  function onHide() {\n    hideTeleport()\n    nextTick(detachPopper)\n  }\n\n  /**\n   * The calling mechanism here is:\n   * when the visibility gets changed, let's say we change it to true\n   * the delayShow gets called which initializes a global root node for the popper content\n   * to insert in, then it register a timer for calling the show method, which changes the flag to\n   * true, then calls onShow method.\n   * So the order of invocation is: delayedShow -> timer(show) -> set the indicator to true -> onShow\n   */\n\n  function delayShow() {\n    if (isManual.value || props.disabled) return\n    // renders out the teleport element root.\n    showTeleport()\n    registerTimeout(show, props.showAfter)\n  }\n\n  function delayHide() {\n    if (isManual.value) return\n    registerTimeout(hide, props.hideAfter)\n  }\n\n  function onToggle() {\n    if (visible.value) {\n      delayShow()\n    } else {\n      delayHide()\n    }\n  }\n\n  function detachPopper() {\n    popperInstance?.destroy?.()\n    popperInstance = null\n  }\n\n  function onPopperMouseEnter() {\n    // if trigger is click, user won't be able to close popper when\n    // user tries to move the mouse over popper contents\n    if (props.enterable && props.trigger !== 'click') {\n      cancelTimeout()\n    }\n  }\n\n  function onPopperMouseLeave() {\n    const { trigger } = props\n    const shouldPrevent =\n      (isString(trigger) && (trigger === 'click' || trigger === 'focus')) ||\n      // we'd like to test array type trigger here, but the only case we need to cover is trigger === 'click' or\n      // trigger === 'focus', because that when trigger is string\n      // trigger.length === 1 and trigger[0] === 5 chars string is mutually exclusive.\n      // so there will be no need to test if trigger is array type.\n      (trigger.length === 1 &&\n        (trigger[0] === 'click' || trigger[0] === 'focus'))\n    if (shouldPrevent) return\n    delayHide()\n  }\n\n  function initializePopper() {\n    if (!visible.value || popperInstance !== null) {\n      return\n    }\n    const unwrappedTrigger = triggerRef.value\n    const $el = isHTMLElement(unwrappedTrigger)\n      ? unwrappedTrigger\n      : (unwrappedTrigger as ComponentPublicInstance).$el\n\n    popperInstance = createPopper($el, popperRef.value, buildPopperOptions())\n    popperInstance.update()\n  }\n\n  function buildPopperOptions() {\n    const modifiers = [...defaultModifiers, ...props.popperOptions.modifiers]\n\n    if (props.showArrow) {\n      modifiers.push({\n        name: 'arrow',\n        options: {\n          padding: props.arrowOffset || 5,\n          element: arrowRef.value,\n        },\n      } as StrictModifiers)\n    }\n\n    return {\n      ...props.popperOptions,\n      modifiers,\n    }\n  }\n\n  const { onAfterEnter, onAfterLeave, onBeforeEnter, onBeforeLeave } =\n    useTransitionFallthrough()\n\n  const events = useTargetEvents(delayShow, delayHide, onToggle)\n\n  const arrowRefAttacher = refAttacher(arrowRef)\n  const popperRefAttacher = refAttacher(popperRef)\n  const triggerRefAttacher = refAttacher(triggerRef)\n\n  // renderers\n  function popupRenderer() {\n    const mouseUpAndDown = props.stopPopperMouseEvent ? stop : NOOP\n    return h(\n      Transition as any,\n      {\n        name: props.transition,\n        onAfterEnter,\n        onAfterLeave,\n        onBeforeEnter,\n        onBeforeLeave,\n      },\n      {\n        default: () => () =>\n          visible.value\n            ? h(\n                'div',\n                {\n                  'aria-hidden': false,\n                  class: [\n                    props.popperClass,\n                    'el-popper',\n                    `is-${props.effect}`,\n                    props.pure ? 'is-pure' : '',\n                  ],\n                  style: popperStyle.value,\n                  id: popperId,\n                  ref: popperRefAttacher,\n                  role: 'tooltip',\n                  onMouseenter: onPopperMouseEnter,\n                  onMouseleave: onPopperMouseLeave,\n                  onClick: stop,\n                  onMousedown: mouseUpAndDown,\n                  onMouseup: mouseUpAndDown,\n                },\n                [\n                  renderSlot(slots, 'default', {}, () => [\n                    toDisplayString(props.content),\n                  ]),\n                  arrowRenderer(),\n                ]\n              )\n            : null,\n      }\n    )\n  }\n\n  function arrowRenderer() {\n    return props.showArrow\n      ? h(\n          'div',\n          {\n            ref: arrowRefAttacher,\n            class: 'el-popper__arrow',\n            'data-popper-arrow': '',\n          },\n          null\n        )\n      : null\n  }\n\n  function triggerRenderer(triggerProps) {\n    const trigger = slots.trigger?.()\n    const firstElement = getFirstValidNode(trigger, 1)\n    if (!firstElement)\n      throwError('renderTrigger', 'trigger expects single rooted node')\n    return cloneVNode(firstElement, triggerProps, true)\n  }\n\n  function render() {\n    const trigger = triggerRenderer({\n      'aria-describedby': popperId,\n      class: props.class,\n      style: props.style,\n      ref: triggerRefAttacher,\n      ...events,\n    })\n    return h(Fragment, null, [\n      isManual.value\n        ? trigger\n        : withDirectives(trigger, [[ClickOutside, delayHide]]),\n      renderTeleport(),\n    ])\n  }\n\n  return {\n    render,\n  }\n}\n"],"names":["defaultPopperOptions","DEFAULT_TRIGGER","getCurrentInstance","ref","PopupManager","computed","generateId","useTeleport","toRef","useModelToggle","useTimeout","isString","isHTMLElement","createPopper","defaultModifiers","useTransitionFallthrough","useTargetEvents","refAttacher","stop","NOOP","h","Transition","renderSlot","toDisplayString","getFirstValidNode","cloneVNode","Fragment","withDirectives","ClickOutside"],"mappings":"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"}

package/lib/hooks/use-prevent-global/index.d.ts

@@ -1,3 +1,2 @@
 import type { Ref } from 'vue';
-declare const _default: (indicator: Ref<boolean>, evt: string, cb: (e: Event) => boolean) => void;
-export default _default;
+export declare const usePreventGlobal: <E extends keyof DocumentEventMap>(indicator: Ref<boolean>, evt: E, cb: (e: DocumentEventMap[E]) => boolean) => void;

package/lib/hooks/use-prevent-global/index.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var dom = require('../../utils/dom.js');
+var core = require('@vueuse/core');
 
-var usePreventGlobal = (indicator, evt, cb) => {
+const usePreventGlobal = (indicator, evt, cb) => {
   const prevent = (e) => {
-    if (cb(e)) {
+    if (cb(e))
       e.stopImmediatePropagation();
-    }
   };
+  let stop = void 0;
   vue.watch(() => indicator.value, (val) => {
     if (val) {
-      dom.on(document, evt, prevent, true);
+      stop = core.useEventListener(document, evt, prevent, true);
     } else {
-      dom.off(document, evt, prevent, true);
+      stop == null ? void 0 : stop();
     }
   }, { immediate: true });
 };
 
-exports["default"] = usePreventGlobal;
+exports.usePreventGlobal = usePreventGlobal;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-prevent-global/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-prevent-global/index.ts"],"sourcesContent":["import { watch } from 'vue'\nimport { on, off } from '@element-plus/utils/dom'\n\nimport type { Ref } from 'vue'\n\nexport default (\n  indicator: Ref<boolean>,\n  evt: string,\n  cb: (e: Event) => boolean\n) => {\n  const prevent = (e: Event) => {\n    if (cb(e)) {\n      e.stopImmediatePropagation()\n    }\n  }\n  watch(\n    () => indicator.value,\n    (val) => {\n      if (val) {\n        on(document, evt, prevent, true)\n      } else {\n        off(document, evt, prevent, true)\n      }\n    },\n    { immediate: true }\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAKA,uBAAe,CACb,WACA,KACA,OACG;AACH,QAAM,UAAU,CAAC,MAAa;AAC5B,QAAI,GAAG,IAAI;AACT,QAAE;AAAA;AAAA;AAGN,YACE,MAAM,UAAU,OAChB,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAG,UAAU,KAAK,SAAS;AAAA,WACtB;AACL,cAAI,UAAU,KAAK,SAAS;AAAA;AAAA,KAGhC,EAAE,WAAW;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-prevent-global/index.ts"],"sourcesContent":["import { watch } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport type { Ref } from 'vue'\n\nexport const usePreventGlobal = <E extends keyof DocumentEventMap>(\n  indicator: Ref<boolean>,\n  evt: E,\n  cb: (e: DocumentEventMap[E]) => boolean\n) => {\n  const prevent = (e: DocumentEventMap[E]) => {\n    if (cb(e)) e.stopImmediatePropagation()\n  }\n  let stop: (() => void) | undefined = undefined\n  watch(\n    () => indicator.value,\n    (val) => {\n      if (val) {\n        stop = useEventListener(document, evt, prevent, true)\n      } else {\n        stop?.()\n      }\n    },\n    { immediate: true }\n  )\n}\n"],"names":["useEventListener"],"mappings":";;;;;;;MAIa,mBAAmB,CAC9B,WACA,KACA,OACG;AACH,QAAM,UAAU,CAAC,MAA2B;AAC1C,QAAI,GAAG;AAAI,QAAE;AAAA;AAEf,MAAI,OAAiC;AACrC,YACE,MAAM,UAAU,OAChB,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAOA,sBAAiB,UAAU,KAAK,SAAS;AAAA,WAC3C;AACL;AAAA;AAAA,KAGJ,EAAE,WAAW;AAAA;;;;"}

package/lib/hooks/use-restore-active/index.d.ts

@@ -1,7 +1,6 @@
 import type { Ref } from 'vue';
-declare const _default: (toggle: Ref<boolean>, initialFocus?: Ref<HTMLElement> | undefined) => void;
 /**
  * This method provides dialogable components the ability to restore previously activated element before
  * the dialog gets opened
  */
-export default _default;
+export declare const useRestoreActive: (toggle: Ref<boolean>, initialFocus?: Ref<HTMLElement> | undefined) => void;

package/lib/hooks/use-restore-active/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-var useRestoreActive = (toggle, initialFocus) => {
+const useRestoreActive = (toggle, initialFocus) => {
   let previousActive;
   vue.watch(() => toggle.value, (val) => {
     var _a, _b;
@@ -23,5 +23,5 @@ var useRestoreActive = (toggle, initialFocus) => {
   });
 };
 
-exports["default"] = useRestoreActive;
+exports.useRestoreActive = useRestoreActive;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-restore-active/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["isRef"],"mappings":";;;;;;AAOA,uBAAe,CAAC,QAAsB,iBAAoC;AACxE,MAAI;AACJ,YACE,MAAM,OAAO,OACb,CAAC,QAAQ;AAXb;AAYM,QAAI,KAAK;AACP,uBAAiB,SAAS;AAC1B,UAAIA,UAAM,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;;;;"}
+{"version":3,"file":"index.js","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 const useRestoreActive = (\n  toggle: Ref<boolean>,\n  initialFocus?: Ref<HTMLElement>\n) => {\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":["isRef"],"mappings":";;;;;;MAOa,mBAAmB,CAC9B,QACA,iBACG;AACH,MAAI;AACJ,YACE,MAAM,OAAO,OACb,CAAC,QAAQ;AAdb;AAeM,QAAI,KAAK;AACP,uBAAiB,SAAS;AAC1B,UAAIA,UAAM,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;;;;"}

package/lib/hooks/use-teleport/index.d.ts

@@ -1,8 +1,7 @@
 import type { VNode, Ref } from 'vue';
-declare const _default: (contentRenderer: () => VNode, appendToBody: Ref<boolean>) => {
+export declare const useTeleport: (contentRenderer: () => VNode, appendToBody: Ref<boolean>) => {
     isTeleportVisible: Ref<boolean>;
     showTeleport: () => void;
     hideTeleport: () => void;
     renderTeleport: () => void;
 };
-export default _default;

package/lib/hooks/use-teleport/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var shared = require('@vue/shared');
-var isServer = require('../../utils/isServer.js');
+var core = require('@vueuse/core');
 var globalNodes = require('../../utils/global-nodes.js');
 
-var useTeleport = (contentRenderer, appendToBody) => {
+const useTeleport = (contentRenderer, appendToBody) => {
   const isTeleportVisible = vue.ref(false);
-  if (isServer["default"]) {
+  if (!core.isClient) {
     return {
       isTeleportVisible,
       showTeleport: shared.NOOP,
@@ -43,5 +43,5 @@ var useTeleport = (contentRenderer, appendToBody) => {
   };
 };
 
-exports["default"] = useTeleport;
+exports.useTeleport = useTeleport;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-teleport/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-teleport/index.ts"],"sourcesContent":["import { h, ref, Teleport, onUnmounted } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport isServer from '@element-plus/utils/isServer'\nimport {\n  createGlobalNode,\n  removeGlobalNode,\n} from '@element-plus/utils/global-nodes'\n\nimport type { VNode, Ref } from 'vue'\n\nexport default (contentRenderer: () => VNode, appendToBody: Ref<boolean>) => {\n  const isTeleportVisible = ref(false)\n\n  if (isServer) {\n    return {\n      isTeleportVisible,\n      showTeleport: NOOP,\n      hideTeleport: NOOP,\n      renderTeleport: NOOP,\n    }\n  }\n\n  let $el: HTMLElement | null = null\n\n  const showTeleport = () => {\n    isTeleportVisible.value = true\n    // this allows the delayed showing strategy since the the content itself could be enterable\n    // e.g. el-popper\n    if ($el !== null) return\n\n    $el = createGlobalNode()\n  }\n\n  const hideTeleport = () => {\n    isTeleportVisible.value = false\n    if ($el !== null) {\n      removeGlobalNode($el)\n      $el = null\n    }\n  }\n\n  const renderTeleport = () => {\n    return appendToBody.value !== true\n      ? contentRenderer()\n      : isTeleportVisible.value\n      ? [h(Teleport, { to: $el }, contentRenderer())]\n      : undefined\n  }\n\n  onUnmounted(hideTeleport)\n\n  return {\n    isTeleportVisible,\n    showTeleport,\n    hideTeleport,\n    renderTeleport,\n  }\n}\n"],"names":["ref","isServer","NOOP","createGlobalNode","h","Teleport"],"mappings":";;;;;;;;;AAUA,kBAAe,CAAC,iBAA8B,iBAA+B;AAC3E,QAAM,oBAAoBA,QAAI;AAE9B,MAAIC,qBAAU;AACZ,WAAO;AAAA,MACL;AAAA,MACA,cAAcC;AAAA,MACd,cAAcA;AAAA,MACd,gBAAgBA;AAAA;AAAA;AAIpB,MAAI,MAA0B;AAE9B,QAAM,eAAe,MAAM;AACzB,sBAAkB,QAAQ;AAG1B,QAAI,QAAQ;AAAM;AAElB,UAAMC;AAAA;AAGR,QAAM,eAAe,MAAM;AACzB,sBAAkB,QAAQ;AAC1B,QAAI,QAAQ,MAAM;AAChB,mCAAiB;AACjB,YAAM;AAAA;AAAA;AAIV,QAAM,iBAAiB,MAAM;AAC3B,WAAO,aAAa,UAAU,OAC1B,oBACA,kBAAkB,QAClB,CAACC,MAAEC,cAAU,EAAE,IAAI,OAAO,sBAC1B;AAAA;AAGN,kBAAY;AAEZ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-teleport/index.ts"],"sourcesContent":["import { h, ref, Teleport, onUnmounted } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport {\n  createGlobalNode,\n  removeGlobalNode,\n} from '@element-plus/utils/global-nodes'\n\nimport type { VNode, Ref } from 'vue'\n\nexport const useTeleport = (\n  contentRenderer: () => VNode,\n  appendToBody: Ref<boolean>\n) => {\n  const isTeleportVisible = ref(false)\n\n  if (!isClient) {\n    return {\n      isTeleportVisible,\n      showTeleport: NOOP,\n      hideTeleport: NOOP,\n      renderTeleport: NOOP,\n    }\n  }\n\n  let $el: HTMLElement | null = null\n\n  const showTeleport = () => {\n    isTeleportVisible.value = true\n    // this allows the delayed showing strategy since the the content itself could be enterable\n    // e.g. el-popper\n    if ($el !== null) return\n\n    $el = createGlobalNode()\n  }\n\n  const hideTeleport = () => {\n    isTeleportVisible.value = false\n    if ($el !== null) {\n      removeGlobalNode($el)\n      $el = null\n    }\n  }\n\n  const renderTeleport = () => {\n    return appendToBody.value !== true\n      ? contentRenderer()\n      : isTeleportVisible.value\n      ? [h(Teleport, { to: $el }, contentRenderer())]\n      : undefined\n  }\n\n  onUnmounted(hideTeleport)\n\n  return {\n    isTeleportVisible,\n    showTeleport,\n    hideTeleport,\n    renderTeleport,\n  }\n}\n"],"names":["ref","isClient","NOOP","createGlobalNode","h","Teleport"],"mappings":";;;;;;;;;MAUa,cAAc,CACzB,iBACA,iBACG;AACH,QAAM,oBAAoBA,QAAI;AAE9B,MAAI,CAACC,eAAU;AACb,WAAO;AAAA,MACL;AAAA,MACA,cAAcC;AAAA,MACd,cAAcA;AAAA,MACd,gBAAgBA;AAAA;AAAA;AAIpB,MAAI,MAA0B;AAE9B,QAAM,eAAe,MAAM;AACzB,sBAAkB,QAAQ;AAG1B,QAAI,QAAQ;AAAM;AAElB,UAAMC;AAAA;AAGR,QAAM,eAAe,MAAM;AACzB,sBAAkB,QAAQ;AAC1B,QAAI,QAAQ,MAAM;AAChB,mCAAiB;AACjB,YAAM;AAAA;AAAA;AAIV,QAAM,iBAAiB,MAAM;AAC3B,WAAO,aAAa,UAAU,OAC1B,oBACA,kBAAkB,QAClB,CAACC,MAAEC,cAAU,EAAE,IAAI,OAAO,sBAC1B;AAAA;AAGN,kBAAY;AAEZ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/hooks/use-throttle-render/index.d.ts

@@ -1,2 +1,2 @@
 import type { Ref } from 'vue';
-export default function (loading: Ref<boolean>, throttle?: number): Ref<boolean>;
+export declare const useThrottleRender: (loading: Ref<boolean>, throttle?: number) => Ref<boolean>;

package/lib/hooks/use-throttle-render/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-function useThrottleRender(loading, throttle = 0) {
+const useThrottleRender = (loading, throttle = 0) => {
   if (throttle === 0)
     return loading;
   const throttled = vue.ref(false);
@@ -26,7 +26,7 @@ function useThrottleRender(loading, throttle = 0) {
     }
   });
   return throttled;
-}
+};
 
-exports["default"] = useThrottleRender;
+exports.useThrottleRender = useThrottleRender;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-throttle-render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-throttle-render/index.ts"],"sourcesContent":["import { onMounted, ref, watch } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { TimeoutHandle } from '@element-plus/utils/types'\n\nexport default function (loading: Ref<boolean>, throttle = 0) {\n  if (throttle === 0) return loading\n  const throttled = ref(false)\n  let timeoutHandle: TimeoutHandle = 0\n\n  const dispatchThrottling = () => {\n    if (timeoutHandle) {\n      clearTimeout(timeoutHandle)\n    }\n    timeoutHandle = window.setTimeout(() => {\n      throttled.value = loading.value\n    }, throttle)\n  }\n  onMounted(dispatchThrottling)\n\n  watch(\n    () => loading.value,\n    (val) => {\n      if (val) {\n        dispatchThrottling()\n      } else {\n        throttled.value = val\n      }\n    }\n  )\n  return throttled\n}\n"],"names":["ref"],"mappings":";;;;;;2BAKyB,SAAuB,WAAW,GAAG;AAC5D,MAAI,aAAa;AAAG,WAAO;AAC3B,QAAM,YAAYA,QAAI;AACtB,MAAI,gBAA+B;AAEnC,QAAM,qBAAqB,MAAM;AAC/B,QAAI,eAAe;AACjB,mBAAa;AAAA;AAEf,oBAAgB,OAAO,WAAW,MAAM;AACtC,gBAAU,QAAQ,QAAQ;AAAA,OACzB;AAAA;AAEL,gBAAU;AAEV,YACE,MAAM,QAAQ,OACd,CAAC,QAAQ;AACP,QAAI,KAAK;AACP;AAAA,WACK;AACL,gBAAU,QAAQ;AAAA;AAAA;AAIxB,SAAO;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-throttle-render/index.ts"],"sourcesContent":["import { onMounted, ref, watch } from 'vue'\n\nimport type { Ref } from 'vue'\n\nexport const useThrottleRender = (loading: Ref<boolean>, throttle = 0) => {\n  if (throttle === 0) return loading\n  const throttled = ref(false)\n  let timeoutHandle = 0\n\n  const dispatchThrottling = () => {\n    if (timeoutHandle) {\n      clearTimeout(timeoutHandle)\n    }\n    timeoutHandle = window.setTimeout(() => {\n      throttled.value = loading.value\n    }, throttle)\n  }\n  onMounted(dispatchThrottling)\n\n  watch(\n    () => loading.value,\n    (val) => {\n      if (val) {\n        dispatchThrottling()\n      } else {\n        throttled.value = val\n      }\n    }\n  )\n  return throttled\n}\n"],"names":["ref"],"mappings":";;;;;;MAIa,oBAAoB,CAAC,SAAuB,WAAW,MAAM;AACxE,MAAI,aAAa;AAAG,WAAO;AAC3B,QAAM,YAAYA,QAAI;AACtB,MAAI,gBAAgB;AAEpB,QAAM,qBAAqB,MAAM;AAC/B,QAAI,eAAe;AACjB,mBAAa;AAAA;AAEf,oBAAgB,OAAO,WAAW,MAAM;AACtC,gBAAU,QAAQ,QAAQ;AAAA,OACzB;AAAA;AAEL,gBAAU;AAEV,YACE,MAAM,QAAQ,OACd,CAAC,QAAQ;AACP,QAAI,KAAK;AACP;AAAA,WACK;AACL,gBAAU,QAAQ;AAAA;AAAA;AAIxB,SAAO;AAAA;;;;"}

package/lib/hooks/use-timeout/index.d.ts

@@ -1,4 +1,4 @@
-export default function (): {
-    registerTimeout: (fn: (...args: any[]) => unknown, delay: number) => void;
+export declare function useTimeout(): {
+    registerTimeout: (fn: (...args: any[]) => any, delay: number) => void;
     cancelTimeout: () => void;
 };

package/lib/hooks/use-timeout/index.js

@@ -2,23 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
+var core = require('@vueuse/core');
 
 function useTimeout() {
   let timeoutHandle;
-  vue.onBeforeUnmount(() => {
-    clearTimeout(timeoutHandle);
-  });
+  const registerTimeout = (fn, delay) => {
+    cancelTimeout();
+    timeoutHandle = window.setTimeout(fn, delay);
+  };
+  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
+  core.tryOnScopeDispose(() => cancelTimeout());
   return {
-    registerTimeout: (fn, delay) => {
-      clearTimeout(timeoutHandle);
-      timeoutHandle = setTimeout(fn, delay);
-    },
-    cancelTimeout: () => {
-      clearTimeout(timeoutHandle);
-    }
+    registerTimeout,
+    cancelTimeout
   };
 }
 
-exports["default"] = useTimeout;
+exports.useTimeout = useTimeout;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-timeout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { onBeforeUnmount } from 'vue'\n\nimport type { TimeoutHandle } from '@element-plus/utils/types'\n\nexport default function () {\n  let timeoutHandle: TimeoutHandle\n\n  onBeforeUnmount(() => {\n    clearTimeout(timeoutHandle)\n  })\n\n  return {\n    registerTimeout: (fn: (...args: any[]) => unknown, delay: number) => {\n      clearTimeout(timeoutHandle)\n      timeoutHandle = setTimeout(fn, delay) as any as TimeoutHandle\n    },\n\n    cancelTimeout: () => {\n      clearTimeout(timeoutHandle)\n    },\n  }\n}\n"],"names":[],"mappings":";;;;;;sBAI2B;AACzB,MAAI;AAEJ,sBAAgB,MAAM;AACpB,iBAAa;AAAA;AAGf,SAAO;AAAA,IACL,iBAAiB,CAAC,IAAiC,UAAkB;AACnE,mBAAa;AACb,sBAAgB,WAAW,IAAI;AAAA;AAAA,IAGjC,eAAe,MAAM;AACnB,mBAAa;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-timeout/index.ts"],"sourcesContent":["import { tryOnScopeDispose } from '@vueuse/core'\n\nexport function useTimeout() {\n  let timeoutHandle: number\n\n  const registerTimeout = (fn: (...args: any[]) => any, delay: number) => {\n    cancelTimeout()\n    timeoutHandle = window.setTimeout(fn, delay)\n  }\n  const cancelTimeout = () => window.clearTimeout(timeoutHandle)\n\n  tryOnScopeDispose(() => cancelTimeout())\n\n  return {\n    registerTimeout,\n    cancelTimeout,\n  }\n}\n"],"names":[],"mappings":";;;;;;sBAE6B;AAC3B,MAAI;AAEJ,QAAM,kBAAkB,CAAC,IAA6B,UAAkB;AACtE;AACA,oBAAgB,OAAO,WAAW,IAAI;AAAA;AAExC,QAAM,gBAAgB,MAAM,OAAO,aAAa;AAEhD,yBAAkB,MAAM;AAExB,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/hooks/use-transition-fallthrough/index.d.ts

@@ -1,4 +1,4 @@
-export declare const useTransitionFallthroughEmits: string[];
+export declare const useTransitionFallthroughEmits: readonly ["after-appear", "after-enter", "after-leave", "appear", "appear-cancelled", "before-enter", "before-leave", "enter", "enter-cancelled", "leave", "leave-cancelled"];
 /**
  * NOTE:
  * This is only a delegator for delegating transition callbacks.

package/lib/hooks/use-transition-fallthrough/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-transition-fallthrough/index.ts"],"sourcesContent":["/* istanbul ignore file */\nimport { getCurrentInstance } from 'vue'\n\nconst AFTER_APPEAR = 'after-appear'\nconst AFTER_ENTER = 'after-enter'\nconst AFTER_LEAVE = 'after-leave'\nconst APPEAR = 'appear'\nconst APPEAR_CANCELLED = 'appear-cancelled'\nconst BEFORE_ENTER = 'before-enter'\nconst BEFORE_LEAVE = 'before-leave'\nconst ENTER = 'enter'\nconst ENTER_CANCELLED = 'enter-cancelled'\nconst LEAVE = 'leave'\nconst LEAVE_CANCELLED = 'leave-cancelled'\n\nexport const useTransitionFallthroughEmits = [\n  AFTER_APPEAR,\n  AFTER_ENTER,\n  AFTER_LEAVE,\n  APPEAR,\n  APPEAR_CANCELLED,\n  BEFORE_ENTER,\n  BEFORE_LEAVE,\n  ENTER,\n  ENTER_CANCELLED,\n  LEAVE,\n  LEAVE_CANCELLED,\n]\n\n// Sometimes we want to delegate the transition emitted event\n// we have to right the function locally, which is not a good\n// approach to this, so we created this hook for the event\n// fallthrough\n\n/**\n * NOTE:\n * This is only a delegator for delegating transition callbacks.\n * Use this at your need.\n */\n\n/**\n * Simple usage\n *\n * In your setups:\n *\n * setup() {\n *   const fallthroughMethods = useTransitionFallthrough()\n *   return fallthrough\n * }\n *\n * In your template:\n *\n * <template>\n *  <transition name=\"whatever\" v-bind=\"fallthrough\">\n *    <slot />\n *  </transition>\n * </template>\n *\n */\n\nexport const useTransitionFallthrough = () => {\n  const { emit } = getCurrentInstance()\n\n  return {\n    onAfterAppear: () => {\n      emit(AFTER_APPEAR)\n    },\n    onAfterEnter: () => {\n      emit(AFTER_ENTER)\n    },\n    onAfterLeave: () => {\n      emit(AFTER_LEAVE)\n    },\n    onAppearCancelled: () => {\n      emit(APPEAR_CANCELLED)\n    },\n    onBeforeEnter: () => {\n      emit(BEFORE_ENTER)\n    },\n    onBeforeLeave: () => {\n      emit(BEFORE_LEAVE)\n    },\n    onEnter: () => {\n      emit(ENTER)\n    },\n    onEnterCancelled: () => {\n      emit(ENTER_CANCELLED)\n    },\n    onLeave: () => {\n      emit(LEAVE)\n    },\n    onLeaveCancelled: () => {\n      emit(LEAVE_CANCELLED)\n    },\n  }\n}\n"],"names":["getCurrentInstance"],"mappings":";;;;;;AAGA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,mBAAmB;AACzB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,QAAQ;AACd,MAAM,kBAAkB;AACxB,MAAM,QAAQ;AACd,MAAM,kBAAkB;MAEX,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAkCW,2BAA2B,MAAM;AAC5C,QAAM,EAAE,SAASA;AAEjB,SAAO;AAAA,IACL,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,cAAc,MAAM;AAClB,WAAK;AAAA;AAAA,IAEP,cAAc,MAAM;AAClB,WAAK;AAAA;AAAA,IAEP,mBAAmB,MAAM;AACvB,WAAK;AAAA;AAAA,IAEP,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,SAAS,MAAM;AACb,WAAK;AAAA;AAAA,IAEP,kBAAkB,MAAM;AACtB,WAAK;AAAA;AAAA,IAEP,SAAS,MAAM;AACb,WAAK;AAAA;AAAA,IAEP,kBAAkB,MAAM;AACtB,WAAK;AAAA;AAAA;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-transition-fallthrough/index.ts"],"sourcesContent":["/* istanbul ignore file */\nimport { getCurrentInstance } from 'vue'\n\nconst AFTER_APPEAR = 'after-appear'\nconst AFTER_ENTER = 'after-enter'\nconst AFTER_LEAVE = 'after-leave'\nconst APPEAR = 'appear'\nconst APPEAR_CANCELLED = 'appear-cancelled'\nconst BEFORE_ENTER = 'before-enter'\nconst BEFORE_LEAVE = 'before-leave'\nconst ENTER = 'enter'\nconst ENTER_CANCELLED = 'enter-cancelled'\nconst LEAVE = 'leave'\nconst LEAVE_CANCELLED = 'leave-cancelled'\n\nexport const useTransitionFallthroughEmits = [\n  AFTER_APPEAR,\n  AFTER_ENTER,\n  AFTER_LEAVE,\n  APPEAR,\n  APPEAR_CANCELLED,\n  BEFORE_ENTER,\n  BEFORE_LEAVE,\n  ENTER,\n  ENTER_CANCELLED,\n  LEAVE,\n  LEAVE_CANCELLED,\n] as const\n\n// Sometimes we want to delegate the transition emitted event\n// we have to right the function locally, which is not a good\n// approach to this, so we created this hook for the event\n// fallthrough\n\n/**\n * NOTE:\n * This is only a delegator for delegating transition callbacks.\n * Use this at your need.\n */\n\n/**\n * Simple usage\n *\n * In your setups:\n *\n * setup() {\n *   const fallthroughMethods = useTransitionFallthrough()\n *   return fallthrough\n * }\n *\n * In your template:\n *\n * <template>\n *  <transition name=\"whatever\" v-bind=\"fallthrough\">\n *    <slot />\n *  </transition>\n * </template>\n *\n */\n\nexport const useTransitionFallthrough = () => {\n  const { emit } = getCurrentInstance()!\n\n  return {\n    onAfterAppear: () => {\n      emit(AFTER_APPEAR)\n    },\n    onAfterEnter: () => {\n      emit(AFTER_ENTER)\n    },\n    onAfterLeave: () => {\n      emit(AFTER_LEAVE)\n    },\n    onAppearCancelled: () => {\n      emit(APPEAR_CANCELLED)\n    },\n    onBeforeEnter: () => {\n      emit(BEFORE_ENTER)\n    },\n    onBeforeLeave: () => {\n      emit(BEFORE_LEAVE)\n    },\n    onEnter: () => {\n      emit(ENTER)\n    },\n    onEnterCancelled: () => {\n      emit(ENTER_CANCELLED)\n    },\n    onLeave: () => {\n      emit(LEAVE)\n    },\n    onLeaveCancelled: () => {\n      emit(LEAVE_CANCELLED)\n    },\n  }\n}\n"],"names":["getCurrentInstance"],"mappings":";;;;;;AAGA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,mBAAmB;AACzB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,QAAQ;AACd,MAAM,kBAAkB;AACxB,MAAM,QAAQ;AACd,MAAM,kBAAkB;MAEX,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAkCW,2BAA2B,MAAM;AAC5C,QAAM,EAAE,SAASA;AAEjB,SAAO;AAAA,IACL,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,cAAc,MAAM;AAClB,WAAK;AAAA;AAAA,IAEP,cAAc,MAAM;AAClB,WAAK;AAAA;AAAA,IAEP,mBAAmB,MAAM;AACvB,WAAK;AAAA;AAAA,IAEP,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,eAAe,MAAM;AACnB,WAAK;AAAA;AAAA,IAEP,SAAS,MAAM;AACb,WAAK;AAAA;AAAA,IAEP,kBAAkB,MAAM;AACtB,WAAK;AAAA;AAAA,IAEP,SAAS,MAAM;AACb,WAAK;AAAA;AAAA,IAEP,kBAAkB,MAAM;AACtB,WAAK;AAAA;AAAA;AAAA;;;;;"}

package/lib/index.js

@@ -39,6 +39,7 @@ var index$f = require('./components/col/index.js');
 var index$g = require('./components/collapse/index.js');
 var index$h = require('./components/collapse-transition/index.js');
 var index$i = require('./components/color-picker/index.js');
+var configProvider = require('./components/config-provider/src/config-provider.js');
 var index$j = require('./components/config-provider/index.js');
 var index$k = require('./components/container/index.js');
 var index$l = require('./components/date-picker/index.js');
@@ -153,28 +154,25 @@ var index$1a = require('./directives/trap-focus/index.js');
 var index$1b = require('./directives/mousewheel/index.js');
 var index$1c = require('./directives/resize/index.js');
 var index$1d = require('./hooks/use-attrs/index.js');
-var index$1e = require('./hooks/use-events/index.js');
-var index$1f = require('./hooks/use-lockscreen/index.js');
-var index$1g = require('./hooks/use-restore-active/index.js');
-var index$1h = require('./hooks/use-modal/index.js');
-var index$1i = require('./hooks/use-migrating/index.js');
-var index$1j = require('./hooks/use-focus/index.js');
-var index$1k = require('./hooks/use-throttle-render/index.js');
-var index$1l = require('./hooks/use-prevent-global/index.js');
-var index$1m = require('./hooks/use-teleport/index.js');
-var index$1n = require('./hooks/use-timeout/index.js');
-var index$1o = require('./hooks/use-model-toggle/index.js');
-var index$1p = require('./hooks/use-popper/index.js');
-var index$1q = require('./hooks/use-css-var/index.js');
-var index$1r = require('./hooks/use-locale/index.js');
-var index$1s = require('./hooks/use-form-item/index.js');
-var index$1t = require('./hooks/use-same-target/index.js');
-var index$1u = require('./hooks/use-global-config/index.js');
+var index$1e = require('./hooks/use-focus/index.js');
+var index$1f = require('./hooks/use-form-item/index.js');
+var index$1g = require('./hooks/use-global-config/index.js');
+var index$1h = require('./hooks/use-locale/index.js');
+var index$1i = require('./hooks/use-lockscreen/index.js');
+var index$1j = require('./hooks/use-modal/index.js');
+var index$1k = require('./hooks/use-model-toggle/index.js');
+var index$1l = require('./hooks/use-popper/index.js');
+var index$1m = require('./hooks/use-prevent-global/index.js');
+var index$1n = require('./hooks/use-restore-active/index.js');
+var index$1o = require('./hooks/use-same-target/index.js');
+var index$1p = require('./hooks/use-teleport/index.js');
+var index$1q = require('./hooks/use-throttle-render/index.js');
+var index$1r = require('./hooks/use-timeout/index.js');
 var form = require('./tokens/form.js');
 var button$1 = require('./tokens/button.js');
 var breadcrumb$1 = require('./tokens/breadcrumb.js');
 var pagination$1 = require('./tokens/pagination.js');
-var configProvider = require('./tokens/config-provider.js');
+var configProvider$1 = require('./tokens/config-provider.js');
 var radio$1 = require('./tokens/radio.js');
 var tabs$1 = require('./tokens/tabs.js');
 var scrollbar$1 = require('./tokens/scrollbar.js');
@@ -232,6 +230,7 @@ exports.ElCollapse = index$g.ElCollapse;
 exports.ElCollapseItem = index$g.ElCollapseItem;
 exports.ElCollapseTransition = index$h.ElCollapseTransition;
 exports.ElColorPicker = index$i.ElColorPicker;
+exports.configProviderProps = configProvider.configProviderProps;
 exports.ElConfigProvider = index$j.ElConfigProvider;
 exports.ElAside = index$k.ElAside;
 exports.ElContainer = index$k.ElContainer;
@@ -404,43 +403,40 @@ exports.RepeatClick = index$19["default"];
 exports.TrapFocus = index$1a["default"];
 exports.Mousewheel = index$1b["default"];
 exports.Resize = index$1c["default"];
-exports.useAttrs = index$1d["default"];
-exports.useEvents = index$1e["default"];
-exports.useLockScreen = index$1f["default"];
-exports.useRestoreActive = index$1g["default"];
-exports.useModal = index$1h["default"];
-exports.useMigrating = index$1i["default"];
-exports.useFocus = index$1j["default"];
-exports.useThrottleRender = index$1k["default"];
-exports.usePreventGlobal = index$1l["default"];
-exports.useTeleport = index$1m["default"];
-exports.useTimeout = index$1n["default"];
-exports.useModelToggle = index$1o.useModelToggle;
-exports.useModelToggleEmits = index$1o.useModelToggleEmits;
-exports.useModelToggleProps = index$1o.useModelToggleProps;
-exports.DARK_EFFECT = index$1p.DARK_EFFECT;
-exports.LIGHT_EFFECT = index$1p.LIGHT_EFFECT;
-exports.usePopperControlProps = index$1p.usePopperControlProps;
-exports.usePopperHook = index$1p.usePopperHook;
-exports.usePopperProps = index$1p.usePopperProps;
-exports.themeVarsKey = index$1q.themeVarsKey;
-exports.useCssVar = index$1q.useCssVar;
-exports.useThemeVars = index$1q.useThemeVars;
-exports.LocaleInjectionKey = index$1r.LocaleInjectionKey;
-exports.localeProviderMaker = index$1r.localeProviderMaker;
-exports.useLocale = index$1r.useLocale;
-exports.useLocaleInject = index$1r.useLocaleInject;
-exports.useLocaleProps = index$1r.useLocaleProps;
-exports.useFormItem = index$1s.useFormItem;
-exports.useFormItemProps = index$1s.useFormItemProps;
-exports.useSameTarget = index$1t.useSameTarget;
-exports.useGlobalConfig = index$1u.useGlobalConfig;
+exports.useAttrs = index$1d.useAttrs;
+exports.useFocus = index$1e.useFocus;
+exports.useFormItem = index$1f.useFormItem;
+exports.useFormItemProps = index$1f.useFormItemProps;
+exports.useGlobalConfig = index$1g.useGlobalConfig;
+exports.buildTranslator = index$1h.buildTranslator;
+exports.localeContextKey = index$1h.localeContextKey;
+exports.localeProviderMaker = index$1h.localeProviderMaker;
+exports.provideLocale = index$1h.provideLocale;
+exports.translate = index$1h.translate;
+exports.useLocale = index$1h.useLocale;
+exports.useLocaleProps = index$1h.useLocaleProps;
+exports.useLockscreen = index$1i.useLockscreen;
+exports.useModal = index$1j.useModal;
+exports.useModelToggle = index$1k.useModelToggle;
+exports.useModelToggleEmits = index$1k.useModelToggleEmits;
+exports.useModelToggleProps = index$1k.useModelToggleProps;
+exports.DARK_EFFECT = index$1l.DARK_EFFECT;
+exports.LIGHT_EFFECT = index$1l.LIGHT_EFFECT;
+exports.usePopperControlProps = index$1l.usePopperControlProps;
+exports.usePopperHook = index$1l.usePopperHook;
+exports.usePopperProps = index$1l.usePopperProps;
+exports.usePreventGlobal = index$1m.usePreventGlobal;
+exports.useRestoreActive = index$1n.useRestoreActive;
+exports.useSameTarget = index$1o.useSameTarget;
+exports.useTeleport = index$1p.useTeleport;
+exports.useThrottleRender = index$1q.useThrottleRender;
+exports.useTimeout = index$1r.useTimeout;
 exports.elFormItemKey = form.elFormItemKey;
 exports.elFormKey = form.elFormKey;
 exports.buttonGroupContextKey = button$1.buttonGroupContextKey;
 exports.elBreadcrumbKey = breadcrumb$1.elBreadcrumbKey;
 exports.elPaginationKey = pagination$1.elPaginationKey;
-exports.configProviderContextKey = configProvider.configProviderContextKey;
+exports.configProviderContextKey = configProvider$1.configProviderContextKey;
 exports.radioGroupKey = radio$1.radioGroupKey;
 exports.tabsRootContextKey = tabs$1.tabsRootContextKey;
 exports.scrollbarContextKey = scrollbar$1.scrollbarContextKey;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASa,UAAUA,oBAAU;MACpB,UAAUA,oBAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\n\nexport { default as makeInstaller } from './make-installer'\nexport { default } from './defaults'\n\nexport const install = installer.install\nexport const version = installer.version\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASa,UAAUA,oBAAU;MACpB,UAAUA,oBAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/make-installer.js

@@ -23,7 +23,7 @@ const makeInstaller = (components = []) => {
     });
     if (option.locale) {
       const localeProvides = index.localeProviderMaker(opts.locale);
-      app.provide(index.LocaleInjectionKey, localeProvides);
+      app.provide(index.localeContextKey, localeProvides);
     }
     app.config.globalProperties.$ELEMENT = option;
     config.setConfig(option);

package/lib/make-installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"make-installer.js","sources":["../../../packages/element-plus/make-installer.ts"],"sourcesContent":["import { setConfig } from '@element-plus/utils/config'\nimport { LocaleInjectionKey, localeProviderMaker } from '@element-plus/hooks'\nimport { version } from './version'\n\nimport type { App, Plugin } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { InstallOptions } from '@element-plus/utils/config'\n\nconst makeInstaller = (components: Plugin[] = []) => {\n  const apps: App[] = []\n\n  const install = (app: App, opts: InstallOptions) => {\n    const defaultInstallOpt: InstallOptions = {\n      size: '' as ComponentSize,\n      zIndex: 2000,\n    }\n\n    const option = Object.assign(defaultInstallOpt, opts)\n    if (apps.includes(app)) return\n    apps.push(app)\n\n    components.forEach((c) => {\n      app.use(c)\n    })\n\n    if (option.locale) {\n      const localeProvides = localeProviderMaker(opts.locale)\n      app.provide(LocaleInjectionKey, localeProvides)\n    }\n\n    app.config.globalProperties.$ELEMENT = option\n    // app.provide() ? is this better? I think its not that flexible but worth implement\n    setConfig(option)\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n\nexport default makeInstaller\n"],"names":["localeProviderMaker","LocaleInjectionKey","version"],"mappings":";;;;;;;;;MAQM,gBAAgB,CAAC,aAAuB,OAAO;AACnD,QAAM,OAAc;AAEpB,QAAM,UAAU,CAAC,KAAU,SAAyB;AAClD,UAAM,oBAAoC;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA;AAGV,UAAM,SAAS,OAAO,OAAO,mBAAmB;AAChD,QAAI,KAAK,SAAS;AAAM;AACxB,SAAK,KAAK;AAEV,eAAW,QAAQ,CAAC,MAAM;AACxB,UAAI,IAAI;AAAA;AAGV,QAAI,OAAO,QAAQ;AACjB,YAAM,iBAAiBA,0BAAoB,KAAK;AAChD,UAAI,QAAQC,0BAAoB;AAAA;AAGlC,QAAI,OAAO,iBAAiB,WAAW;AAEvC,qBAAU;AAAA;AAGZ,SAAO;AAAA,aACLC;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"make-installer.js","sources":["../../../packages/element-plus/make-installer.ts"],"sourcesContent":["import { setConfig } from '@element-plus/utils/config'\nimport { localeContextKey, localeProviderMaker } from '@element-plus/hooks'\nimport { version } from './version'\n\nimport type { App, Plugin } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { InstallOptions } from '@element-plus/utils/config'\n\nconst makeInstaller = (components: Plugin[] = []) => {\n  const apps: App[] = []\n\n  const install = (app: App, opts: InstallOptions) => {\n    const defaultInstallOpt: InstallOptions = {\n      size: '' as ComponentSize,\n      zIndex: 2000,\n    }\n\n    const option = Object.assign(defaultInstallOpt, opts)\n    if (apps.includes(app)) return\n    apps.push(app)\n\n    components.forEach((c) => {\n      app.use(c)\n    })\n\n    if (option.locale) {\n      const localeProvides = localeProviderMaker(opts.locale)\n      app.provide(localeContextKey, localeProvides)\n    }\n\n    app.config.globalProperties.$ELEMENT = option\n    // app.provide() ? is this better? I think its not that flexible but worth implement\n    setConfig(option)\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n\nexport default makeInstaller\n"],"names":["localeProviderMaker","localeContextKey","version"],"mappings":";;;;;;;;;MAQM,gBAAgB,CAAC,aAAuB,OAAO;AACnD,QAAM,OAAc;AAEpB,QAAM,UAAU,CAAC,KAAU,SAAyB;AAClD,UAAM,oBAAoC;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA;AAGV,UAAM,SAAS,OAAO,OAAO,mBAAmB;AAChD,QAAI,KAAK,SAAS;AAAM;AACxB,SAAK,KAAK;AAEV,eAAW,QAAQ,CAAC,MAAM;AACxB,UAAI,IAAI;AAAA;AAGV,QAAI,OAAO,QAAQ;AACjB,YAAM,iBAAiBA,0BAAoB,KAAK;AAChD,UAAI,QAAQC,wBAAkB;AAAA;AAGhC,QAAI,OAAO,iBAAiB,WAAW;AAEvC,qBAAU;AAAA;AAGZ,SAAO;AAAA,aACLC;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/tokens/config-provider.d.ts

@@ -1,4 +1,4 @@
-import type { configProviderProps } from 'element-plus/es/components/config-provider/config-provider';
+import type { configProviderProps } from 'element-plus/es/components/config-provider';
 import type { InjectionKey, ExtractPropTypes } from 'vue';
-export declare type ConfigProvdierContext = ExtractPropTypes<typeof configProviderProps>;
-export declare const configProviderContextKey: InjectionKey<ConfigProvdierContext>;
+export declare type ConfigProviderContext = ExtractPropTypes<typeof configProviderProps>;
+export declare const configProviderContextKey: InjectionKey<ConfigProviderContext>;

package/lib/tokens/config-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.js","sources":["../../../../packages/tokens/config-provider.ts"],"sourcesContent":["import type { configProviderProps } from '@element-plus/components/config-provider/config-provider'\nimport type { InjectionKey, ExtractPropTypes } from 'vue'\n\nexport type ConfigProvdierContext = ExtractPropTypes<typeof configProviderProps>\n\nexport const configProviderContextKey: InjectionKey<ConfigProvdierContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;MAKa,2BACX;;;;"}
+{"version":3,"file":"config-provider.js","sources":["../../../../packages/tokens/config-provider.ts"],"sourcesContent":["import type { configProviderProps } from '@element-plus/components/config-provider'\nimport type { InjectionKey, ExtractPropTypes } from 'vue'\n\nexport type ConfigProviderContext = ExtractPropTypes<typeof configProviderProps>\n\nexport const configProviderContextKey: InjectionKey<ConfigProviderContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;MAKa,2BACX;;;;"}

package/lib/utils/types.d.ts

@@ -0,0 +1,25 @@
+import type { CSSProperties, Plugin } from 'vue';
+declare type OptionalKeys<T extends Record<string, unknown>> = {
+    [K in keyof T]: T extends Record<K, T[K]> ? never : K;
+}[keyof T];
+declare type RequiredKeys<T extends Record<string, unknown>> = Exclude<keyof T, OptionalKeys<T>>;
+declare type MonoArgEmitter<T, Keys extends keyof T> = <K extends Keys>(evt: K, arg?: T[K]) => void;
+declare type BiArgEmitter<T, Keys extends keyof T> = <K extends Keys>(evt: K, arg: T[K]) => void;
+export declare type EventEmitter<T extends Record<string, unknown>> = MonoArgEmitter<T, OptionalKeys<T>> & BiArgEmitter<T, RequiredKeys<T>>;
+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 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 = number;
+export declare type ComponentSize = 'large' | 'medium' | 'small' | 'mini';
+export declare type StyleValue = string | CSSProperties | Array<StyleValue>;
+export declare type Mutable<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+export {};

package/lib/version.d.ts

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

package/lib/version.js

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

package/lib/version.js.map

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