@element-plus/nightly 0.0.20220105 → 0.0.20220106

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220105 */
+/*! Element Plus v0.0.20220106 */
 
 import { getCurrentInstance, computed, warn, readonly, getCurrentScope, onScopeDispose, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, isRef, onMounted, onUnmounted, h as h$1, Teleport, onBeforeUnmount, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, mergeProps, resolveComponent, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, createVNode, vShow, onUpdated, withModifiers, toRef, cloneVNode, Text, Comment, resolveDirective, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRefs, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, watchEffect, isVNode, camelize as camelize$1, effectScope, markRaw, toRaw, triggerRef, TransitionGroup, createApp, render as render$26 } from 'vue';
 
@@ -4228,8 +4228,6 @@ const useTransitionFallthrough = () => {
   };
 };
 
-var isServer = !(globalThis ? globalThis.document : window);
-
 const defaultIdInjection = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
@@ -4261,7 +4259,7 @@ const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;
 const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
 const usePopperContainer = () => {
   onBeforeMount(() => {
-    if (isServer)
+    if (!isClient)
       return;
     if (!cachedContainer) {
       const container = document.createElement("div");
@@ -4527,7 +4525,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220105";
+const version$1 = "0.0.20220106";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {

package/es/components/index.mjs

@@ -111,7 +111,7 @@ export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src
 export { progressProps } from './progress/src/progress.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './radio/src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
-export { radioButtonProps } from './radio/src/radio-button2.mjs';
+export { radioButtonProps } from './radio/src/radio-button.mjs';
 export { rateEmits, rateProps } from './rate/src/rate.mjs';
 export { IconComponentMap, IconMap, resultProps } from './result/src/result.mjs';
 export { rowProps } from './row/src/row.mjs';
@@ -120,7 +120,7 @@ export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar.mjs';
 export { barProps } from './scrollbar/src/bar.mjs';
 export { selectGroupKey, selectKey } from './select/src/token.mjs';
 export { selectV2InjectionKey } from './select-v2/src/token.mjs';
-export { skeletonProps } from './skeleton/src/skeleton2.mjs';
+export { skeletonProps } from './skeleton/src/skeleton.mjs';
 export { skeletonItemProps } from './skeleton/src/skeleton-item.mjs';
 export { spaceProps } from './space/src/space.mjs';
 export { useSpace } from './space/src/use-space.mjs';

package/es/components/radio/index.mjs

@@ -1,10 +1,10 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/radio2.mjs';
-import './src/radio-button.mjs';
+import './src/radio-button2.mjs';
 import './src/radio-group2.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './src/radio-group.mjs';
-export { radioButtonProps } from './src/radio-button2.mjs';
+export { radioButtonProps } from './src/radio-button.mjs';
 import script from './src/radio.vue_vue_type_script_lang.mjs';
 import script$1 from './src/radio-button.vue_vue_type_script_lang.mjs';
 import script$2 from './src/radio-group.vue_vue_type_script_lang.mjs';

package/es/components/radio/src/radio-button.mjs

@@ -1,7 +1,13 @@
-import script from './radio-button.vue_vue_type_script_lang.mjs';
-export { default } from './radio-button.vue_vue_type_script_lang.mjs';
-import { render } from './radio-button.vue_vue_type_template_id_14e266b0_lang.mjs';
+import { buildProps } from '../../../utils/props.mjs';
+import { radioPropsBase } from './radio.mjs';
 
-script.render = render;
-script.__file = "packages/components/radio/src/radio-button.vue";
+const radioButtonProps = buildProps({
+  ...radioPropsBase,
+  name: {
+    type: String,
+    default: ""
+  }
+});
+
+export { radioButtonProps };
 //# sourceMappingURL=radio-button.mjs.map

package/es/components/radio/src/radio-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"radio-button.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\n"],"names":[],"mappings":";;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/radio/src/radio-button.vue_vue_type_script_lang.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { useRadio } from './radio.mjs';
-import { radioButtonProps } from './radio-button2.mjs';
+import { radioButtonProps } from './radio-button.mjs';
 
 var script = defineComponent({
   name: "ElRadioButton",

package/es/components/radio/src/radio-button2.mjs

@@ -1,13 +1,7 @@
-import { buildProps } from '../../../utils/props.mjs';
-import { radioPropsBase } from './radio.mjs';
+import script from './radio-button.vue_vue_type_script_lang.mjs';
+export { default } from './radio-button.vue_vue_type_script_lang.mjs';
+import { render } from './radio-button.vue_vue_type_template_id_14e266b0_lang.mjs';
 
-const radioButtonProps = buildProps({
-  ...radioPropsBase,
-  name: {
-    type: String,
-    default: ""
-  }
-});
-
-export { radioButtonProps };
+script.render = render;
+script.__file = "packages/components/radio/src/radio-button.vue";
 //# sourceMappingURL=radio-button2.mjs.map

package/es/components/radio/src/radio-button2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button2.mjs","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\n"],"names":[],"mappings":";;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,GAAG,cAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"radio-button2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/components/skeleton/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/skeleton.mjs';
+import './src/skeleton2.mjs';
 import './src/skeleton-item2.mjs';
-export { skeletonProps } from './src/skeleton2.mjs';
+export { skeletonProps } from './src/skeleton.mjs';
 export { skeletonItemProps } from './src/skeleton-item.mjs';
 import script from './src/skeleton.vue_vue_type_script_lang.mjs';
 import script$1 from './src/skeleton-item.vue_vue_type_script_lang.mjs';

package/es/components/skeleton/src/skeleton.mjs

@@ -1,7 +1,26 @@
-import script from './skeleton.vue_vue_type_script_lang.mjs';
-export { default } from './skeleton.vue_vue_type_script_lang.mjs';
-import { render } from './skeleton.vue_vue_type_template_id_26fa9225_lang.mjs';
+import { buildProps } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/skeleton/src/skeleton.vue";
+const skeletonProps = buildProps({
+  animated: {
+    type: Boolean,
+    default: false
+  },
+  count: {
+    type: Number,
+    default: 1
+  },
+  rows: {
+    type: Number,
+    default: 3
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  throttle: {
+    type: Number
+  }
+});
+
+export { skeletonProps };
 //# sourceMappingURL=skeleton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":[],"mappings":";;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

package/es/components/skeleton/src/skeleton.vue_vue_type_script_lang.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
 import '../../../hooks/index.mjs';
 import './skeleton-item2.mjs';
-import { skeletonProps } from './skeleton2.mjs';
+import { skeletonProps } from './skeleton.mjs';
 import script$1 from './skeleton-item.vue_vue_type_script_lang.mjs';
 import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
 

package/es/components/skeleton/src/skeleton2.mjs

@@ -1,26 +1,7 @@
-import { buildProps } from '../../../utils/props.mjs';
+import script from './skeleton.vue_vue_type_script_lang.mjs';
+export { default } from './skeleton.vue_vue_type_script_lang.mjs';
+import { render } from './skeleton.vue_vue_type_template_id_26fa9225_lang.mjs';
 
-const skeletonProps = buildProps({
-  animated: {
-    type: Boolean,
-    default: false
-  },
-  count: {
-    type: Number,
-    default: 1
-  },
-  rows: {
-    type: Number,
-    default: 3
-  },
-  loading: {
-    type: Boolean,
-    default: true
-  },
-  throttle: {
-    type: Number
-  }
-});
-
-export { skeletonProps };
+script.render = render;
+script.__file = "packages/components/skeleton/src/skeleton.vue";
 //# sourceMappingURL=skeleton2.mjs.map

package/es/components/skeleton/src/skeleton2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":[],"mappings":";;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"skeleton2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/hooks/use-id/index.mjs

@@ -1,5 +1,5 @@
 import { inject, computed, unref } from 'vue';
-import isServer from '../../utils/isServer.mjs';
+import { isClient } from '@vueuse/core';
 import { debugWarn } from '../../utils/error.mjs';
 
 const defaultIdInjection = {
@@ -9,7 +9,7 @@ const defaultIdInjection = {
 const ID_INJECTION_KEY = Symbol("elIdInjection");
 const useId = (deterministicId) => {
   const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
-  if (isServer && idInjection === defaultIdInjection) {
+  if (!isClient && idInjection === defaultIdInjection) {
     debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,

package/es/hooks/use-id/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport isServer from '@element-plus/utils/isServer'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (isServer && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AACzC,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;AAC5C,MAAC,KAAK,GAAG,CAAC,eAAe,KAAK;AAC1C,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACnE,EAAE,IAAI,QAAQ,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACtD,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;AAC9B;AACA;AACA;AACA,EAAE,CAAC,CAAC,CAAC;AACL,GAAG;AACH,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AACzC,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;AAC5C,MAAC,KAAK,GAAG,CAAC,eAAe,KAAK;AAC1C,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACnE,EAAE,IAAI,CAAC,QAAQ,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACvD,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;AAC9B;AACA;AACA;AACA,EAAE,CAAC,CAAC,CAAC;AACL,GAAG;AACH,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/es/hooks/use-popper-container/index.mjs

@@ -1,13 +1,13 @@
 import { onBeforeMount } from 'vue';
+import { isClient } from '@vueuse/core';
 import { generateId } from '../../utils/util.mjs';
-import isServer from '../../utils/isServer.mjs';
 
 let cachedContainer;
 const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`;
 const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
 const usePopperContainer = () => {
   onBeforeMount(() => {
-    if (isServer)
+    if (!isClient)
       return;
     if (process.env.NODE_ENV === "test" || !cachedContainer) {
       const container = document.createElement("div");

package/es/hooks/use-popper-container/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport isServer from '@element-plus/utils/isServer'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (isServer) return\n\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (process.env.NODE_ENV === 'test' || !cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":[],"mappings":";;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAE,aAAa,CAAC,MAAM;AACtB,IAAI,IAAI,QAAQ;AAChB,MAAM,OAAO;AACb,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,eAAe,EAAE;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { generateId } from '@element-plus/utils/util'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (process.env.NODE_ENV === 'test' || !cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":[],"mappings":";;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAE,aAAa,CAAC,MAAM;AACtB,IAAI,IAAI,CAAC,QAAQ;AACjB,MAAM,OAAO;AACb,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,eAAe,EAAE;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;"}

package/es/index.mjs

@@ -88,7 +88,7 @@ export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
 export { radioEmits, radioProps, radioPropsBase, useRadio } from './components/radio/src/radio.mjs';
 export { radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
-export { radioButtonProps } from './components/radio/src/radio-button2.mjs';
+export { radioButtonProps } from './components/radio/src/radio-button.mjs';
 export { ElRadio, ElRadioButton, ElRadioGroup } from './components/radio/index.mjs';
 export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
 export { ElRate } from './components/rate/index.mjs';
@@ -104,7 +104,7 @@ export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
 export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
 export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
 export { ElSelectV2 } from './components/select-v2/index.mjs';
-export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
+export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
 export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
 export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
 export { ElSlider } from './components/slider/index.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220105";
+export declare const version = "0.0.20220106";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220105";
+const version = "0.0.20220106";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220105'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220106'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/index.js

@@ -115,7 +115,7 @@ var tokens = require('./popper/src/tokens.js');
 var progress = require('./progress/src/progress.js');
 var radio = require('./radio/src/radio.js');
 var radioGroup = require('./radio/src/radio-group.js');
-var radioButton = require('./radio/src/radio-button2.js');
+var radioButton = require('./radio/src/radio-button.js');
 var rate = require('./rate/src/rate.js');
 var result = require('./result/src/result.js');
 var row = require('./row/src/row.js');
@@ -124,7 +124,7 @@ var scrollbar = require('./scrollbar/src/scrollbar.js');
 var bar = require('./scrollbar/src/bar.js');
 var token = require('./select/src/token.js');
 var token$1 = require('./select-v2/src/token.js');
-var skeleton = require('./skeleton/src/skeleton2.js');
+var skeleton = require('./skeleton/src/skeleton.js');
 var skeletonItem = require('./skeleton/src/skeleton-item.js');
 var space = require('./space/src/space.js');
 var useSpace = require('./space/src/use-space.js');

package/lib/components/radio/index.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
 require('./src/radio2.js');
-require('./src/radio-button.js');
+require('./src/radio-button2.js');
 require('./src/radio-group2.js');
 var radio = require('./src/radio.js');
 var radioGroup = require('./src/radio-group.js');
-var radioButton = require('./src/radio-button2.js');
+var radioButton = require('./src/radio-button.js');
 var radio_vue_vue_type_script_lang = require('./src/radio.vue_vue_type_script_lang.js');
 var radioButton_vue_vue_type_script_lang = require('./src/radio-button.vue_vue_type_script_lang.js');
 var radioGroup_vue_vue_type_script_lang = require('./src/radio-group.vue_vue_type_script_lang.js');

package/lib/components/radio/src/radio-button.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var radioButton_vue_vue_type_script_lang = require('./radio-button.vue_vue_type_script_lang.js');
-var radioButton_vue_vue_type_template_id_14e266b0_lang = require('./radio-button.vue_vue_type_template_id_14e266b0_lang.js');
+var props = require('../../../utils/props.js');
+var radio = require('./radio.js');
 
-radioButton_vue_vue_type_script_lang["default"].render = radioButton_vue_vue_type_template_id_14e266b0_lang.render;
-radioButton_vue_vue_type_script_lang["default"].__file = "packages/components/radio/src/radio-button.vue";
+const radioButtonProps = props.buildProps({
+  ...radio.radioPropsBase,
+  name: {
+    type: String,
+    default: ""
+  }
+});
 
-exports["default"] = radioButton_vue_vue_type_script_lang["default"];
+exports.radioButtonProps = radioButtonProps;
 //# sourceMappingURL=radio-button.js.map

package/lib/components/radio/src/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"radio-button.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\n"],"names":["buildProps","radioPropsBase"],"mappings":";;;;;;;AAEY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,GAAGC,oBAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/radio/src/radio-button.vue_vue_type_script_lang.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var radio = require('./radio.js');
-var radioButton = require('./radio-button2.js');
+var radioButton = require('./radio-button.js');
 
 var script = vue.defineComponent({
   name: "ElRadioButton",

package/lib/components/radio/src/radio-button2.js

@@ -2,16 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
-var radio = require('./radio.js');
+var radioButton_vue_vue_type_script_lang = require('./radio-button.vue_vue_type_script_lang.js');
+var radioButton_vue_vue_type_template_id_14e266b0_lang = require('./radio-button.vue_vue_type_template_id_14e266b0_lang.js');
 
-const radioButtonProps = props.buildProps({
-  ...radio.radioPropsBase,
-  name: {
-    type: String,
-    default: ""
-  }
-});
+radioButton_vue_vue_type_script_lang["default"].render = radioButton_vue_vue_type_template_id_14e266b0_lang.render;
+radioButton_vue_vue_type_script_lang["default"].__file = "packages/components/radio/src/radio-button.vue";
 
-exports.radioButtonProps = radioButtonProps;
+exports["default"] = radioButton_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=radio-button2.js.map

package/lib/components/radio/src/radio-button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button2.js","sources":["../../../../../../packages/components/radio/src/radio-button.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport { radioPropsBase } from './radio'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const radioButtonProps = buildProps({\n  ...radioPropsBase,\n  name: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>\n"],"names":["buildProps","radioPropsBase"],"mappings":";;;;;;;AAEY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,GAAGC,oBAAc;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"radio-button2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/skeleton/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/skeleton.js');
+require('./src/skeleton2.js');
 require('./src/skeleton-item2.js');
-var skeleton = require('./src/skeleton2.js');
+var skeleton = require('./src/skeleton.js');
 var skeletonItem = require('./src/skeleton-item.js');
 var skeleton_vue_vue_type_script_lang = require('./src/skeleton.vue_vue_type_script_lang.js');
 var skeletonItem_vue_vue_type_script_lang = require('./src/skeleton-item.vue_vue_type_script_lang.js');

package/lib/components/skeleton/src/skeleton.js

@@ -2,11 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var skeleton_vue_vue_type_script_lang = require('./skeleton.vue_vue_type_script_lang.js');
-var skeleton_vue_vue_type_template_id_26fa9225_lang = require('./skeleton.vue_vue_type_template_id_26fa9225_lang.js');
+var props = require('../../../utils/props.js');
 
-skeleton_vue_vue_type_script_lang["default"].render = skeleton_vue_vue_type_template_id_26fa9225_lang.render;
-skeleton_vue_vue_type_script_lang["default"].__file = "packages/components/skeleton/src/skeleton.vue";
+const skeletonProps = props.buildProps({
+  animated: {
+    type: Boolean,
+    default: false
+  },
+  count: {
+    type: Number,
+    default: 1
+  },
+  rows: {
+    type: Number,
+    default: 3
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  throttle: {
+    type: Number
+  }
+});
 
-exports["default"] = skeleton_vue_vue_type_script_lang["default"];
+exports.skeletonProps = skeletonProps;
 //# sourceMappingURL=skeleton.js.map

package/lib/components/skeleton/src/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,gBAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

package/lib/components/skeleton/src/skeleton.vue_vue_type_script_lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../hooks/index.js');
 require('./skeleton-item2.js');
-var skeleton = require('./skeleton2.js');
+var skeleton = require('./skeleton.js');
 var skeletonItem_vue_vue_type_script_lang = require('./skeleton-item.vue_vue_type_script_lang.js');
 var index = require('../../../hooks/use-throttle-render/index.js');
 

package/lib/components/skeleton/src/skeleton2.js

@@ -2,29 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var skeleton_vue_vue_type_script_lang = require('./skeleton.vue_vue_type_script_lang.js');
+var skeleton_vue_vue_type_template_id_26fa9225_lang = require('./skeleton.vue_vue_type_template_id_26fa9225_lang.js');
 
-const skeletonProps = props.buildProps({
-  animated: {
-    type: Boolean,
-    default: false
-  },
-  count: {
-    type: Number,
-    default: 1
-  },
-  rows: {
-    type: Number,
-    default: 3
-  },
-  loading: {
-    type: Boolean,
-    default: true
-  },
-  throttle: {
-    type: Number
-  }
-});
+skeleton_vue_vue_type_script_lang["default"].render = skeleton_vue_vue_type_template_id_26fa9225_lang.render;
+skeleton_vue_vue_type_script_lang["default"].__file = "packages/components/skeleton/src/skeleton.vue";
 
-exports.skeletonProps = skeletonProps;
+exports["default"] = skeleton_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=skeleton2.js.map

package/lib/components/skeleton/src/skeleton2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const skeletonProps = buildProps({\n  animated: {\n    type: Boolean,\n    default: false,\n  },\n  count: {\n    type: Number,\n    default: 1,\n  },\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  throttle: {\n    type: Number,\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAGA,gBAAU,CAAC;AACxC,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"skeleton2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var isServer = require('../../utils/isServer.js');
+var core = require('@vueuse/core');
 var error = require('../../utils/error.js');
 
 const defaultIdInjection = {
@@ -13,7 +13,7 @@ const defaultIdInjection = {
 const ID_INJECTION_KEY = Symbol("elIdInjection");
 const useId = (deterministicId) => {
   const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
-  if (isServer["default"] && idInjection === defaultIdInjection) {
+  if (!core.isClient && idInjection === defaultIdInjection) {
     error.debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport isServer from '@element-plus/utils/isServer'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (isServer && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":["inject","isServer","debugWarn","computed","unref"],"mappings":";;;;;;;;AAGA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AACzC,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;AAC5C,MAAC,KAAK,GAAG,CAAC,eAAe,KAAK;AAC1C,EAAE,MAAM,WAAW,GAAGA,UAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACnE,EAAE,IAAIC,mBAAQ,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACtD,IAAIC,eAAS,CAAC,aAAa,EAAE,CAAC;AAC9B;AACA;AACA;AACA,EAAE,CAAC,CAAC,CAAC;AACL,GAAG;AACH,EAAE,MAAM,KAAK,GAAGC,YAAQ,CAAC,MAAMC,SAAK,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,EAAE,OAAO,KAAK,CAAC;AACf;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-id/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { debugWarn } from '@element-plus/utils/error'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { MaybeRef } from '@vueuse/core'\n\nexport type ElIdInjectionContext = {\n  prefix: number\n  current: number\n}\n\nconst defaultIdInjection = {\n  prefix: Math.floor(Math.random() * 10000),\n  current: 0,\n}\n\nexport const ID_INJECTION_KEY: InjectionKey<ElIdInjectionContext> =\n  Symbol('elIdInjection')\n\nexport const useId = (deterministicId?: MaybeRef<string>): Ref<string> => {\n  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection)\n\n  if (!isClient && idInjection === defaultIdInjection) {\n    debugWarn(\n      'IdInjection',\n      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed\nusage: app.provide(ID_INJECTION_KEY, {\n  prefix: number,\n  current: number,\n})`\n    )\n  }\n\n  const idRef = computed(\n    () =>\n      unref(deterministicId) ||\n      `el-id-${idInjection.prefix}-${idInjection.current++}`\n  )\n\n  return idRef\n}\n"],"names":["inject","isClient","debugWarn","computed","unref"],"mappings":";;;;;;;;AAGA,MAAM,kBAAkB,GAAG;AAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC;AACzC,EAAE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,eAAe,EAAE;AAC5C,MAAC,KAAK,GAAG,CAAC,eAAe,KAAK;AAC1C,EAAE,MAAM,WAAW,GAAGA,UAAM,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACnE,EAAE,IAAI,CAACC,aAAQ,IAAI,WAAW,KAAK,kBAAkB,EAAE;AACvD,IAAIC,eAAS,CAAC,aAAa,EAAE,CAAC;AAC9B;AACA;AACA;AACA,EAAE,CAAC,CAAC,CAAC;AACL,GAAG;AACH,EAAE,MAAM,KAAK,GAAGC,YAAQ,CAAC,MAAMC,SAAK,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjH,EAAE,OAAO,KAAK,CAAC;AACf;;;;;"}

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var core = require('@vueuse/core');
 var util = require('../../utils/util.js');
-var isServer = require('../../utils/isServer.js');
 
 let cachedContainer;
 const POPPER_CONTAINER_ID = `el-popper-container-${util.generateId()}`;
 const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
 const usePopperContainer = () => {
   vue.onBeforeMount(() => {
-    if (isServer["default"])
+    if (!core.isClient)
       return;
     if (process.env.NODE_ENV === "test" || !cachedContainer) {
       const container = document.createElement("div");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport isServer from '@element-plus/utils/isServer'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (isServer) return\n\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (process.env.NODE_ENV === 'test' || !cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":["generateId","onBeforeMount","isServer"],"mappings":";;;;;;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAEA,eAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAEC,iBAAa,CAAC,MAAM;AACtB,IAAI,IAAIC,mBAAQ;AAChB,MAAM,OAAO;AACb,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,eAAe,EAAE;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-popper-container/index.ts"],"sourcesContent":["import { onBeforeMount } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { generateId } from '@element-plus/utils/util'\n\nlet cachedContainer: HTMLElement\n\nexport const POPPER_CONTAINER_ID = `el-popper-container-${generateId()}`\n\nexport const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`\n\nexport const usePopperContainer = () => {\n  onBeforeMount(() => {\n    if (!isClient) return\n\n    // This is for bypassing the error that when under testing env, we often encounter\n    // document.body.innerHTML = '' situation\n    // for this we need to disable the caching since it's not really needed\n    if (process.env.NODE_ENV === 'test' || !cachedContainer) {\n      const container = document.createElement('div')\n      container.id = POPPER_CONTAINER_ID\n      document.body.appendChild(container)\n      cachedContainer = container\n    }\n  })\n}\n"],"names":["generateId","onBeforeMount","isClient"],"mappings":";;;;;;;;AAGA,IAAI,eAAe,CAAC;AACR,MAAC,mBAAmB,GAAG,CAAC,oBAAoB,EAAEA,eAAU,EAAE,CAAC,EAAE;AAC7D,MAAC,yBAAyB,GAAG,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE;AACvD,MAAC,kBAAkB,GAAG,MAAM;AACxC,EAAEC,iBAAa,CAAC,MAAM;AACtB,IAAI,IAAI,CAACC,aAAQ;AACjB,MAAM,OAAO;AACb,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,CAAC,eAAe,EAAE;AAC7D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,SAAS,CAAC,EAAE,GAAG,mBAAmB,CAAC;AACzC,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,eAAe,GAAG,SAAS,CAAC;AAClC,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;;;"}