@element-plus/nightly 0.0.20220208 → 0.0.20220209

package/es/components/dialog/src/dialog2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"dialog-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          class=\"el-overlay-dialog\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <div\n            ref=\"dialogRef\"\n            v-trap-focus\n            :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'is-draggable': draggable,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n            aria-modal=\"true\"\n            role=\"dialog\"\n            :aria-label=\"title || 'dialog'\"\n            :style=\"style\"\n            @click.stop=\"\"\n          >\n            <div ref=\"headerRef\" class=\"el-dialog__header\">\n              <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n              </slot>\n              <button\n                v-if=\"showClose\"\n                aria-label=\"close\"\n                class=\"el-dialog__headerbtn\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon class=\"el-dialog__close\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <template v-if=\"rendered\">\n              <div class=\"el-dialog__body\">\n                <slot></slot>\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" class=\"el-dialog__footer\">\n              <slot name=\"footer\"></slot>\n            </div>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { TrapFocus } from '@element-plus/directives'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils/icon'\nimport { useDraggable, useSameTarget } from '@element-plus/hooks'\nimport { dialogProps, dialogEmits } from './dialog'\nimport { useDialog } from './use-dialog'\n\nexport default defineComponent({\n  name: 'ElDialog',\n  components: {\n    ElOverlay,\n    ElIcon,\n    ...CloseComponents,\n  },\n  directives: {\n    TrapFocus,\n  },\n\n  props: dialogProps,\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    const draggable = computed(() => props.draggable && !props.fullscreen)\n    useDraggable(dialogRef, headerRef, draggable)\n\n    return {\n      dialogRef,\n      headerRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_Transition","_createVNode","_withCtx","_createElementBlock","_normalizeStyle","_createCommentVNode"],"mappings":";;;;;;;;;;;;;AAkFA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAClB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,UAAM,YAAY,SAAS,MAAM,MAAM,aAAa,CAAC,MAAM;AAC3D,iBAAa,WAAW,WAAW;AAEnC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;MAtEW,aAAY;AAAA,EAAC,KAAK;AAAA;;;;EAmBnB,KAAK;AAAA;;;EAIc,KAAK;AAAA;;;;;;SA7D5BA,aAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,gBACOC,YAAa;AAAA,MACjB;AAAA,MACA,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;uBAEf;AAAA,uBAEEC,YAAiB;AAAA,UAChB,qBAAW;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA;;mBAEhBC,cAmDM;AAAA,+BAlDE;AAAA,cACL,OAAK;AAAA,cACL,gBAAS,qCAAE,wBAAa,KAAW,aAAxB,QAAa;AAAA,cACxB,aAAO,uCAAE,kBAAa,eAAb,kBAAa,YAAS;AAAA;;2CAGfC;AAAA,gBAEd,KAAK;AAAA;;;qCAA4H;AAAA,yCAAgD;AAAA;;;;gBAUlL,cAAa;AAAA,gBACZ;AAAA,gBACA,cAAK,cAAE;AAAA,gBACP,OAAKC;AAAA;;iBAEN;AAAA,mCAKS;AAAA,6BAHL,aAEO,SAFP,UAEO;AAAA;;;oBAIP;AAAA,oBACA,cAAM;AAAA,oBACN,OAAK;AAAA,oBACJ;AAAA;qBAED;AAAA,oDAC0C;AAAA,uCAAxC;AAAA;;;;;mBAIU;AAAA,8CAECD;AAAA;sBAGNE,mBAAa;AAAA,mDACKF;AAAA;;;;;;;;cAtDzB,SAAO;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"dialog2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"dialog-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          :class=\"`${ns.namespace.value}-overlay-dialog`\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <div\n            ref=\"dialogRef\"\n            v-trap-focus\n            :class=\"[\n              ns.b(),\n              ns.is('fullscreen', fullscreen),\n              ns.is('draggable', draggable),\n              { [ns.m('center')]: center },\n              customClass,\n            ]\"\n            aria-modal=\"true\"\n            role=\"dialog\"\n            :aria-label=\"title || 'dialog'\"\n            :style=\"style\"\n            @click.stop=\"\"\n          >\n            <div ref=\"headerRef\" :class=\"ns.e('header')\">\n              <slot name=\"title\">\n                <span :class=\"ns.e('title')\">\n                  {{ title }}\n                </span>\n              </slot>\n              <button\n                v-if=\"showClose\"\n                aria-label=\"close\"\n                :class=\"ns.e('headerbtn')\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <template v-if=\"rendered\">\n              <div :class=\"ns.e('body')\">\n                <slot></slot>\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n              <slot name=\"footer\"></slot>\n            </div>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { TrapFocus } from '@element-plus/directives'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils-v2'\nimport { useNamespace, useDraggable, useSameTarget } from '@element-plus/hooks'\nimport { dialogProps, dialogEmits } from './dialog'\nimport { useDialog } from './use-dialog'\n\nexport default defineComponent({\n  name: 'ElDialog',\n  components: {\n    ElOverlay,\n    ElIcon,\n    ...CloseComponents,\n  },\n  directives: {\n    TrapFocus,\n  },\n\n  props: dialogProps,\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const ns = useNamespace('dialog')\n    const dialogRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    const draggable = computed(() => props.draggable && !props.fullscreen)\n    useDraggable(dialogRef, headerRef, draggable)\n\n    return {\n      ns,\n      dialogRef,\n      headerRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createBlock","_Transition","_createVNode","_withCtx","_normalizeClass","_createElementBlock","_normalizeStyle","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;AAgFA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,KAAK,aAAa;AACxB,UAAM,YAAY;AAClB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,UAAM,YAAY,SAAS,MAAM,MAAM,aAAa,CAAC,MAAM;AAC3D,iBAAa,WAAW,WAAW;AAEnC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;;;SA5GMA,aAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,gBACOC,YAAa;AAAA,MACjB;AAAA,MACA,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;uBAEf;AAAA,uBAEEC,YAAiB;AAAA,UAChB,qBAAW;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA;;mBAEhBC,cAiDM;AAAA,+BAhDE;AAAA,cACL,OAAKC;AAAA,cACL,gBAAS,qCAAE,wBAAa,KAAW,aAAxB,QAAa;AAAA,cACxB,aAAO,uCAAE,kBAAa,eAAb,kBAAa,YAAS;AAAA;;2CAGfC;AAAA,gBAEd,KAAK;AAAA,gBAAkB,OAAID;AAAA,kBAAkB,QAAG;AAAA,kBAA4C,QAAG,GAAE,cAAc;AAAA,uBAA6B,MAAG,aAAC,KAAa;AAAA,kBAAwB,yBAAW;AAAA;;gBAQjM,cAAa;AAAA,gBACZ;AAAA,gBACA,cAAK,cAAE;AAAA,gBACP,OAAKE;AAAA;;iBAEN;AAAA,mCAAoB;AAAA,kBAAE,KAAK;AAAA;mBACzB;AAAA,6BACE,aAEO;AAAA,uCAFK,QAAE;AAAA,4CACT,KAAK;AAAA;;;oBAKV;AAAA,oBACC,cAAK;AAAA,oBACN,OAAKF,eAAQ;AAAA,oBACZ;AAAA;qBAED;AAAA,gCAAe,oBAAK;AAAA;;uCAClB;AAAA;;;;;mBAIU;AAAA;kBACR,KAAK;AAAA;mBACT;AAAA;yBAGOG,mBAAa;AAAA;kBAAG,KAAK;AAAA;mBAC9B;AAAA;;;;;;;;cApDE,SAAO;AAAA;;;;;;;;;;;"}

package/es/components/dialog/src/use-dialog.mjs

@@ -1,9 +1,10 @@
 import { ref, computed, watch, nextTick, onMounted } from 'vue';
-import { useTimeoutFn, isClient } from '@vueuse/core';
+import { isNumber, useTimeoutFn, isClient } from '@vueuse/core';
 import '../../../hooks/index.mjs';
-import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
-import { PopupManager } from '../../../utils/popup-manager.mjs';
-import { isNumber } from '../../../utils/util.mjs';
+import '../../../constants/index.mjs';
+import '../../../utils-v2/index.mjs';
+import { useZIndex } from '../../../hooks/use-z-index/index.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
 import { useModal } from '../../../hooks/use-modal/index.mjs';
 import { useRestoreActive } from '../../../hooks/use-restore-active/index.mjs';
@@ -12,7 +13,8 @@ const useDialog = (props, { emit }, targetRef) => {
   const visible = ref(false);
   const closed = ref(false);
   const rendered = ref(false);
-  const zIndex = ref(props.zIndex || PopupManager.nextZIndex());
+  const { nextZIndex } = useZIndex();
+  const zIndex = ref(props.zIndex || nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;
   const normalizeWidth = computed(() => isNumber(props.width) ? `${props.width}px` : props.width);
@@ -104,7 +106,7 @@ const useDialog = (props, { emit }, targetRef) => {
       open();
       rendered.value = true;
       emit("open");
-      zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex();
+      zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
       nextTick(() => {
         if (targetRef.value) {
           targetRef.value.scrollTop = 0;

package/es/components/dialog/src/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn, isClient } from '@vueuse/core'\n\nimport { useLockscreen, useRestoreActive, useModal } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { PopupManager } from '@element-plus/utils/popup-manager'\nimport { isNumber } from '@element-plus/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext<DialogEmits>,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n  }\n\n  function beforeLeave() {\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        emit('open')\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn, isClient } from '@vueuse/core'\n\nimport {\n  useLockscreen,\n  useRestoreActive,\n  useModal,\n  useZIndex,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isNumber } from '@element-plus/utils-v2'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext<DialogEmits>,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when desctroyOnClose is true, we initialize it as false vise versa\n  const { nextZIndex } = useZIndex()\n  const zIndex = ref(props.zIndex || nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n  }\n\n  function beforeLeave() {\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        emit('open')\n        zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/divider/index.d.ts

@@ -1,7 +1,7 @@
-export declare const ElDivider: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
-    readonly contentPosition: import("../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
-    readonly borderStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+export declare const ElDivider: import("element-plus/es/utils-v2").SFCWithInstall<import("vue").DefineComponent<{
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -16,13 +16,13 @@ export declare const ElDivider: import("../../utils/types").SFCWithInstall<impor
     };
     dividerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
-    readonly contentPosition: import("../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
-    readonly borderStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 }>>, {
-    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    direction: import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
     borderStyle: string;
-    contentPosition: import("../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
+    contentPosition: import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
 }>> & Record<string, any>;
 export default ElDivider;
 export * from './src/divider';

package/es/components/divider/index.mjs

@@ -1,6 +1,7 @@
-import { withInstall } from '../../utils/with-install.mjs';
+import '../../utils-v2/index.mjs';
 import Divider from './src/divider2.mjs';
 export { dividerProps } from './src/divider.mjs';
+import { withInstall } from '../../utils-v2/vue/install.mjs';
 
 const ElDivider = withInstall(Divider);
 

package/es/components/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Divider from './src/divider.vue'\n\nexport const ElDivider = withInstall(Divider)\nexport default ElDivider\n\nexport * from './src/divider'\n"],"names":[],"mappings":";;;;AAEY,MAAC,SAAS,GAAG,WAAW,CAAC,OAAO;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils-v2'\n\nimport Divider from './src/divider.vue'\n\nexport const ElDivider = withInstall(Divider)\nexport default ElDivider\n\nexport * from './src/divider'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,SAAS,GAAG,WAAW,CAAC,OAAO;;;;"}

package/es/components/divider/src/divider.d.ts

@@ -2,9 +2,9 @@ import type { ExtractPropTypes } from 'vue';
 import type Divider from './divider.vue';
 export declare type BorderStyle = CSSStyleDeclaration['borderStyle'];
 export declare const dividerProps: {
-    readonly direction: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
-    readonly contentPosition: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
-    readonly borderStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 };
 export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
 export declare type DividerInstance = InstanceType<typeof Divider>;

package/es/components/divider/src/divider.mjs

@@ -1,4 +1,5 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import '../../../utils-v2/index.mjs';
+import { buildProps, definePropType } from '../../../utils-v2/vue/prop.mjs';
 
 const dividerProps = buildProps({
   direction: {

package/es/components/divider/src/divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils-v2'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/es/components/divider/src/divider.vue.d.ts

@@ -1,8 +1,8 @@
 import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
-    readonly contentPosition: import("../../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
-    readonly borderStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+    readonly direction: import("../../../utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("../../../utils-v2").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -17,12 +17,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     dividerStyle: import("vue").ComputedRef<CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
-    readonly contentPosition: import("../../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
-    readonly borderStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+    readonly direction: import("../../../utils-v2").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("../../../utils-v2").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("../../../utils-v2").BuildPropReturn<import("../../../utils-v2").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 }>>, {
-    direction: import("../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
+    direction: import("../../../utils-v2").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
     borderStyle: string;
-    contentPosition: import("../../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
+    contentPosition: import("../../../utils-v2").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
 }>;
 export default _default;

package/es/components/drawer/index.d.ts

@@ -1,29 +1,29 @@
-export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    readonly size: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
-    readonly withHeader: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modalFade: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    readonly destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly closeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly draggable: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    readonly modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+export declare const ElDrawer: import("element-plus/es/utils-v2").SFCWithInstall<import("vue").DefineComponent<{
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly draggable: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
     readonly modalClass: StringConstructor;
-    readonly width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }, {
     drawerRef: import("vue").Ref<HTMLElement | undefined>;
     isHorizontal: import("vue").ComputedRef<boolean>;
@@ -58,31 +58,31 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    readonly size: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
-    readonly withHeader: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modalFade: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    readonly destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly closeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly draggable: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    readonly modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly draggable: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
     readonly modalClass: StringConstructor;
-    readonly width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 }>> & {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -90,29 +90,29 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
-    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    size: import("element-plus/es/utils-v2").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     zIndex: number;
     top: string;
     title: string;
-    width: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: import("../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    draggable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    width: import("element-plus/es/utils-v2").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    center: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    direction: import("element-plus/es/utils-v2").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    draggable: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     openDelay: number;
-    showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    showClose: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    appendToBody: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     beforeClose: (...args: any[]) => void;
-    destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    destroyOnClose: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     customClass: string;
-    closeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeIcon: import("element-plus/es/utils-v2").BuildPropType<import("element-plus/es/utils-v2").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    closeOnClickModal: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modal: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
     closeDelay: number;
-    withHeader: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modalFade: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    withHeader: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
+    modalFade: import("element-plus/es/utils-v2").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>> & Record<string, any>;
 export default ElDrawer;
 export * from './src/drawer';

package/es/components/drawer/index.mjs

@@ -1,6 +1,7 @@
-import { withInstall } from '../../utils/with-install.mjs';
+import '../../utils-v2/index.mjs';
 import Drawer from './src/drawer2.mjs';
 export { drawerEmits, drawerProps } from './src/drawer.mjs';
+import { withInstall } from '../../utils-v2/vue/install.mjs';
 
 const ElDrawer = withInstall(Drawer);
 

package/es/components/drawer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":[],"mappings":";;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils-v2'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,QAAQ,GAAG,WAAW,CAAC,MAAM;;;;"}

package/es/components/drawer/src/drawer.d.ts

@@ -1,30 +1,30 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const drawerProps: {
-    readonly direction: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
-    readonly withHeader: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modalFade: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly appendToBody: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly beforeClose: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    readonly destroyOnClose: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly center: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly customClass: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly closeIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly closeOnClickModal: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly fullscreen: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly draggable: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly lockScroll: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly modal: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly showClose: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly title: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly openDelay: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly closeDelay: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly top: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    readonly modelValue: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly direction: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("element-plus/es/utils-v2").BuildPropReturn<import("element-plus/es/utils-v2").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly draggable: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("element-plus/es/utils-v2").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("element-plus/es/utils-v2").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
     readonly modalClass: StringConstructor;
-    readonly width: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils-v2").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-plus/es/utils-v2").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
 };
 export declare type DrawerProps = ExtractPropTypes<typeof drawerProps>;
 export declare const drawerEmits: {

package/es/components/drawer/src/drawer.mjs

@@ -1,5 +1,6 @@
-import { buildProps } from '../../../utils/props.mjs';
+import '../../../utils-v2/index.mjs';
 import '../../dialog/index.mjs';
+import { buildProps } from '../../../utils-v2/vue/prop.mjs';
 import { dialogProps, dialogEmits } from '../../dialog/src/dialog.mjs';
 
 const drawerProps = buildProps({

package/es/components/drawer/src/drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { dialogProps, dialogEmits } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,GAAG,WAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;;;;"}
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils-v2'\nimport { dialogProps, dialogEmits } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\n  },\n  size: {\n    type: [String, Number],\n    default: '30%',\n  },\n  withHeader: {\n    type: Boolean,\n    default: true,\n  },\n  modalFade: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":[],"mappings":";;;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,GAAG,WAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;;;;"}