@element-plus/nightly 0.0.20220203 → 0.0.20220207

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220203 */
+/*! Element Plus v0.0.20220207 */
 
 import { getCurrentInstance, computed, warn, getCurrentScope, onScopeDispose, readonly, shallowRef, watchSyncEffect, ref, unref, watch, inject, provide, onMounted, watchEffect, onBeforeUnmount, isRef, onUnmounted, h as h$1, Teleport, onBeforeMount, nextTick, defineComponent, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, 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, isVNode, camelize as camelize$1, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -3015,6 +3015,13 @@ const useDisabled$1 = (fallback) => {
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
 
+const useDeprecated = ({ from, replacement, scope, version, ref }, condition) => {
+  watch(() => unref(condition), (val) => {
+  }, {
+    immediate: true
+  });
+};
+
 const useDraggable = (targetRef, dragRef, draggable) => {
   let transform = {
     offsetX: 0,
@@ -4600,7 +4607,7 @@ if (isClient) {
   });
 }
 
-const version$1 = "0.0.20220203";
+const version$1 = "0.0.20220207";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -7003,15 +7010,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$9 = "Thumb";
+const COMPONENT_NAME$f = "Thumb";
 const _sfc_main$26 = defineComponent({
-  name: COMPONENT_NAME$9,
+  name: COMPONENT_NAME$f,
   props: thumbProps,
   setup(props) {
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$9, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$f, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -9318,9 +9325,9 @@ function _sfc_render$1Z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$22, [["render", _sfc_render$1Z]]);
 
-const NAME$1 = "ElOnlyChild";
+const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
-  name: NAME$1,
+  name: NAME,
   setup(_, { slots, attrs }) {
     var _a;
     const forwardRefInjection = inject(FORWARD_REF_INJECTION_KEY, void 0);
@@ -9599,6 +9606,23 @@ function _sfc_render$1X(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$20, [["render", _sfc_render$1X]]);
 
+function useDeprecateAppendToBody(scope, from) {
+  const vm = getCurrentInstance();
+  const compatTeleported = computed(() => {
+    return isBool(vm.props[from]) ? vm.props[from] : vm.props.teleported;
+  });
+  useDeprecated({
+    scope,
+    from,
+    replacement: "teleported",
+    version: "2.1.0",
+    ref: "https://element-plus.org/en-US/component/tooltip.html#attributes"
+  }, computed(() => isBool(vm.props[from])));
+  return {
+    compatTeleported
+  };
+}
+
 const ElPopper = withInstall(Popper);
 
 const _sfc_main$1$ = defineComponent({
@@ -10081,8 +10105,9 @@ var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$1Y, [["render", _sfc_rende
 
 const ElTooltip = withInstall(Tooltip);
 
+const COMPONENT_NAME$e = "ElAutocomplete";
 const _sfc_main$1X = defineComponent({
-  name: "ElAutocomplete",
+  name: COMPONENT_NAME$e,
   components: {
     ElTooltip,
     ElInput,
@@ -10143,8 +10168,9 @@ const _sfc_main$1X = defineComponent({
     },
     popperAppendToBody: {
       type: Boolean,
-      default: true
+      default: void 0
     },
+    teleported: useTooltipContentProps.teleported,
     highlightFirstItem: {
       type: Boolean,
       default: false
@@ -10161,6 +10187,7 @@ const _sfc_main$1X = defineComponent({
   ],
   setup(props, ctx) {
     const ns = useNamespace("autocomplete");
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$e, "popperAppendToBody");
     const attrs = useAttrs();
     const suggestions = ref([]);
     const highlightedIndex = ref(-1);
@@ -10308,6 +10335,7 @@ const _sfc_main$1X = defineComponent({
       id,
       suggestionVisible,
       suggestionLoading,
+      compatTeleported,
       getData,
       handleInput,
       handleChange,
@@ -10341,7 +10369,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     "fallback-placements": ["bottom-start", "top-start"],
     "popper-class": `${_ctx.ns.e("popper")} ${_ctx.popperClass}`,
-    "append-to-body": _ctx.popperAppendToBody,
+    teleported: _ctx.compatTeleported,
     "gpu-acceleration": false,
     pure: "",
     "manual-mode": "",
@@ -10445,7 +10473,7 @@ function _sfc_render$1S(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["visible", "placement", "popper-class", "append-to-body", "transition", "onShow"]);
+  }, 8, ["visible", "placement", "popper-class", "teleported", "transition", "onShow"]);
 }
 var Autocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$1X, [["render", _sfc_render$1S]]);
 
@@ -10580,9 +10608,9 @@ const backtopEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const COMPONENT_NAME$8 = "ElBacktop";
+const COMPONENT_NAME$d = "ElBacktop";
 const _sfc_main$1V = defineComponent({
-  name: COMPONENT_NAME$8,
+  name: COMPONENT_NAME$d,
   components: {
     ElIcon,
     CaretTop: caretTop
@@ -10628,7 +10656,7 @@ const _sfc_main$1V = defineComponent({
       if (props.target) {
         el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!el.value) {
-          throwError(COMPONENT_NAME$8, `target is not existed: ${props.target}`);
+          throwError(COMPONENT_NAME$d, `target is not existed: ${props.target}`);
         }
         container.value = el.value;
       }
@@ -10796,9 +10824,9 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$7 = "ElBreadcrumbItem";
+const COMPONENT_NAME$c = "ElBreadcrumbItem";
 const _sfc_main$1S = defineComponent({
-  name: COMPONENT_NAME$7,
+  name: COMPONENT_NAME$c,
   components: {
     ElIcon
   },
@@ -17376,8 +17404,9 @@ const popperOptions = {
     }
   ]
 };
+const COMPONENT_NAME$b = "ElCascader";
 const _sfc_main$1w = defineComponent({
-  name: "ElCascader",
+  name: COMPONENT_NAME$b,
   components: {
     ElCascaderPanel: _CascaderPanel,
     ElInput,
@@ -17431,8 +17460,9 @@ const _sfc_main$1w = defineComponent({
     },
     popperAppendToBody: {
       type: Boolean,
-      default: true
-    }
+      default: void 0
+    },
+    teleported: useTooltipContentProps.teleported
   },
   emits: [
     UPDATE_MODEL_EVENT,
@@ -17446,6 +17476,7 @@ const _sfc_main$1w = defineComponent({
   setup(props, { emit }) {
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$b, "popperAppendToBody");
     const { t } = useLocale();
     const elForm = inject(elFormKey, {});
     const elFormItem = inject(elFormItemKey, {});
@@ -17759,6 +17790,7 @@ const _sfc_main$1w = defineComponent({
       multiple,
       readonly,
       clearBtnVisible,
+      compatTeleported,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -17799,7 +17831,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "tooltipRef",
     visible: _ctx.popperVisible,
     "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
-    "append-to-body": _ctx.popperAppendToBody,
+    teleported: _ctx.compatTeleported,
     "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
     "popper-options": _ctx.popperOptions,
     "fallback-placements": [
@@ -17965,7 +17997,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
       ]) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "onHide"]);
+  }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
 }
 var Cascader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1w, [["render", _sfc_render$1s]]);
 
@@ -27689,19 +27721,19 @@ const subMenuProps = buildProps({
     default: void 0
   }
 });
-const COMPONENT_NAME$6 = "ElSubMenu";
+const COMPONENT_NAME$a = "ElSubMenu";
 var SubMenu = defineComponent({
-  name: COMPONENT_NAME$6,
+  name: COMPONENT_NAME$a,
   props: subMenuProps,
   setup(props, { slots, expose }) {
     const instance = getCurrentInstance();
     const { paddingStyle, indexPath, parentMenu } = useMenu(instance, computed(() => props.index));
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$6, "can not inject root menu");
+      throwError(COMPONENT_NAME$a, "can not inject root menu");
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$6, "can not inject sub menu");
+      throwError(COMPONENT_NAME$a, "can not inject sub menu");
     const items = ref({});
     const subMenus = ref({});
     let timeout;
@@ -28224,9 +28256,9 @@ const menuItemEmits = {
   click: (item) => isString$1(item.index) && Array.isArray(item.indexPath)
 };
 
-const COMPONENT_NAME$5 = "ElMenuItem";
+const COMPONENT_NAME$9 = "ElMenuItem";
 const _sfc_main$P = defineComponent({
-  name: COMPONENT_NAME$5,
+  name: COMPONENT_NAME$9,
   components: {
     ElTooltip
   },
@@ -28236,11 +28268,11 @@ const _sfc_main$P = defineComponent({
     const instance = getCurrentInstance();
     const rootMenu = inject("rootMenu");
     if (!rootMenu)
-      throwError(COMPONENT_NAME$5, "can not inject root menu");
+      throwError(COMPONENT_NAME$9, "can not inject root menu");
     const { parentMenu, paddingStyle, indexPath } = useMenu(instance, toRef(props, "index"));
     const subMenu = inject(`subMenu:${parentMenu.value.uid}`);
     if (!subMenu)
-      throwError(COMPONENT_NAME$5, "can not inject sub menu");
+      throwError(COMPONENT_NAME$9, "can not inject sub menu");
     const active = computed(() => props.index === rootMenu.activeIndex);
     const item = reactive({
       index: props.index,
@@ -28324,15 +28356,15 @@ const menuItemGroupProps = {
   title: String
 };
 
-const COMPONENT_NAME$4 = "ElMenuItemGroup";
+const COMPONENT_NAME$8 = "ElMenuItemGroup";
 const _sfc_main$O = defineComponent({
-  name: COMPONENT_NAME$4,
+  name: COMPONENT_NAME$8,
   props: menuItemGroupProps,
   setup() {
     const instance = getCurrentInstance();
     const menu = inject("rootMenu");
     if (!menu)
-      throwError(COMPONENT_NAME$4, "can not inject root menu");
+      throwError(COMPONENT_NAME$8, "can not inject root menu");
     const levelPadding = computed(() => {
       if (menu.props.collapse)
         return 20;
@@ -29417,9 +29449,10 @@ const useSelect$2 = (props, states, ctx) => {
   };
 };
 
+const COMPONENT_NAME$7 = "ElSelect";
 const _sfc_main$I = defineComponent({
-  name: "ElSelect",
-  componentName: "ElSelect",
+  name: COMPONENT_NAME$7,
+  componentName: COMPONENT_NAME$7,
   components: {
     ElInput,
     ElSelectMenu: ElSelectMenu$1,
@@ -29481,8 +29514,9 @@ const _sfc_main$I = defineComponent({
     collapseTags: Boolean,
     popperAppendToBody: {
       type: Boolean,
-      default: true
+      default: void 0
     },
+    teleported: useTooltipContentProps.teleported,
     clearIcon: {
       type: [String, Object],
       default: circleClose
@@ -29662,6 +29696,7 @@ const _sfc_main$I = defineComponent({
       var _a, _b;
       return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$7, "popperAppendToBody");
     return {
       tagInMultiLine,
       prefixWidth,
@@ -29722,7 +29757,8 @@ const _sfc_main$I = defineComponent({
       selectWrapper,
       scrollbar,
       wrapperKls,
-      selectTagsStyle
+      selectTagsStyle,
+      compatTeleported
     };
   }
 });
@@ -29754,7 +29790,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       visible: _ctx.dropMenuVisible,
       "onUpdate:visible": _cache[23] || (_cache[23] = ($event) => _ctx.dropMenuVisible = $event),
       placement: "bottom-start",
-      "append-to-body": _ctx.popperAppendToBody,
+      teleported: _ctx.compatTeleported,
       "popper-class": `el-select__popper ${_ctx.popperClass}`,
       "fallback-placements": ["bottom-start", "top-start", "right", "left"],
       effect: "light",
@@ -29973,7 +30009,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]),
       _: 3
-    }, 8, ["visible", "append-to-body", "popper-class", "onShow"])
+    }, 8, ["visible", "teleported", "popper-class", "onShow"])
   ], 2)), [
     [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
   ]);
@@ -30629,11 +30665,13 @@ var Pagination = defineComponent({
           rightWrapperChildren.push(TEMPLATE_MAP[c]);
         }
       });
-      if (haveRightWrapper && rightWrapperChildren.length > 0) {
-        rootChildren.unshift(rightWrapperRoot);
-      }
       addClass(rootChildren[0], "is-first");
       addClass(rootChildren[rootChildren.length - 1], "is-last");
+      if (haveRightWrapper && rightWrapperChildren.length > 0) {
+        addClass(rightWrapperChildren[0], "is-first");
+        addClass(rightWrapperChildren[rightWrapperChildren.length - 1], "is-last");
+        rootChildren.push(rightWrapperRoot);
+      }
       return h$1("div", {
         role: "pagination",
         "aria-label": "pagination",
@@ -30651,52 +30689,56 @@ var Pagination = defineComponent({
 
 const ElPagination = withInstall(Pagination);
 
-const popconfirmProps = buildProps({
-  title: {
-    type: String
-  },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonType: {
-    type: String,
-    values: buttonType,
-    default: "primary"
-  },
-  cancelButtonType: {
-    type: String,
-    values: buttonType,
-    default: "text"
-  },
-  icon: {
-    type: definePropType([String, Object]),
-    default: questionFilled
-  },
-  iconColor: {
-    type: String,
-    default: "#f90"
-  },
-  hideIcon: {
-    type: Boolean,
-    default: false
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  onConfirm: {
-    type: definePropType(Function)
-  },
-  onCancel: {
-    type: definePropType(Function)
-  }
-});
+const popconfirmProps = {
+  ...buildProps({
+    title: {
+      type: String
+    },
+    confirmButtonText: {
+      type: String
+    },
+    cancelButtonText: {
+      type: String
+    },
+    confirmButtonType: {
+      type: String,
+      values: buttonType,
+      default: "primary"
+    },
+    cancelButtonType: {
+      type: String,
+      values: buttonType,
+      default: "text"
+    },
+    icon: {
+      type: definePropType([String, Object]),
+      default: questionFilled
+    },
+    iconColor: {
+      type: String,
+      default: "#f90"
+    },
+    hideIcon: {
+      type: Boolean,
+      default: false
+    },
+    hideAfter: {
+      type: Number,
+      default: 200
+    },
+    onConfirm: {
+      type: definePropType(Function)
+    },
+    onCancel: {
+      type: definePropType(Function)
+    }
+  }),
+  teleported: useTooltipContentProps.teleported
+};
 
+const COMPONENT_NAME$6 = "ElPopconfirm";
 const _sfc_main$C = defineComponent({
-  name: "ElPopconfirm",
+  name: COMPONENT_NAME$6,
   components: {
     ElButton,
     ElTooltip,
@@ -30704,6 +30746,7 @@ const _sfc_main$C = defineComponent({
   },
   props: popconfirmProps,
   setup(props) {
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$6, "appendToBody");
     const { t } = useLocale();
     const tooltipRef = ref();
     const hidePopper = () => {
@@ -30729,6 +30772,7 @@ const _sfc_main$C = defineComponent({
       finalConfirmButtonText,
       finalCancelButtonText,
       tooltipRef,
+      compatTeleported,
       confirm,
       cancel
     };
@@ -30745,7 +30789,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     trigger: "click",
     effect: "light",
     "popper-class": "el-popover",
-    "append-to-body": "",
+    teleported: _ctx.compatTeleported,
     "fallback-placements": ["bottom", "top", "right", "left"],
     "hide-after": _ctx.hideAfter,
     persistent: ""
@@ -30793,13 +30837,14 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["hide-after"]);
+  }, 16, ["teleported", "hide-after"]);
 }
 var Popconfirm = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$y]]);
 
 const ElPopconfirm = withInstall(Popconfirm);
 
 const usePopoverProps = {
+  appendToBody: { type: Boolean, default: void 0 },
   content: useTooltipContentProps.content,
   popperStyle: useTooltipContentProps.popperStyle,
   popperClass: useTooltipContentProps.popperClass,
@@ -30811,6 +30856,7 @@ const usePopoverProps = {
     ...useTooltipContentProps.effect,
     default: "light"
   },
+  teleported: useTooltipContentProps.teleported,
   ...buildProps({
     title: String,
     width: {
@@ -30821,9 +30867,9 @@ const usePopoverProps = {
 };
 
 const emits = ["update:visible", "after-enter", "after-leave"];
-const NAME = "ElPopover";
+const COMPONENT_NAME$5 = "ElPopover";
 const _sfc_main$B = defineComponent({
-  name: NAME,
+  name: COMPONENT_NAME$5,
   components: {
     ElTooltip
   },
@@ -30856,6 +30902,7 @@ const _sfc_main$B = defineComponent({
         props.popperClass
       ];
     });
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$5, "appendToBody");
     const hide = () => {
       var _a;
       (_a = tooltipRef.value) == null ? void 0 : _a.hide();
@@ -30867,6 +30914,7 @@ const _sfc_main$B = defineComponent({
       emit("after-leave");
     };
     return {
+      compatTeleported,
       kls,
       style,
       tooltipRef,
@@ -30890,6 +30938,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     enterable: _ctx.enterable,
     "popper-class": _ctx.kls,
     "popper-style": _ctx.style,
+    teleported: _ctx.compatTeleported,
     persistent: "",
     onShow: _ctx.afterEnter,
     onHide: _ctx.afterLeave
@@ -30904,7 +30953,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style", "onShow", "onHide"]);
+  }, 16, ["aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "onShow", "onHide"]);
 }
 var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$x]]);
 
@@ -33505,8 +33554,9 @@ const SelectProps = {
   },
   popperAppendToBody: {
     type: Boolean,
-    default: true
+    default: void 0
   },
+  teleported: useTooltipContentProps.teleported,
   popperClass: {
     type: String,
     default: ""
@@ -33869,9 +33919,11 @@ const TAG_BASE_WIDTH = {
   default: 42,
   small: 33
 };
+const COMPONENT_NAME$4 = "ElSelectV2";
 const useSelect = (props, emit) => {
   const { t } = useLocale();
   const { form: elForm, formItem: elFormItem } = useFormItem();
+  const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME$4, "popperAppendToBody");
   const states = reactive({
     inputValue: DEFAULT_INPUT_PLACEHOLDER,
     displayInputValue: DEFAULT_INPUT_PLACEHOLDER,
@@ -34448,7 +34500,7 @@ const useSelect = (props, emit) => {
     popperRef,
     validateState,
     validateIcon,
-    Effect,
+    compatTeleported,
     debouncedOnInputChange,
     deleteTag,
     getLabel,
@@ -34544,7 +34596,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "popper",
       visible: _ctx.dropdownMenuVisible,
       "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => _ctx.dropdownMenuVisible = $event),
-      "append-to-body": _ctx.popperAppendToBody,
+      teleported: _ctx.compatTeleported,
       "popper-class": `el-select-v2__popper ${_ctx.popperClass}`,
       "gpu-acceleration": false,
       "stop-popper-mouse-event": false,
@@ -34788,7 +34840,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
-    }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "onShow"])
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "onShow"])
   ], 34)), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
@@ -39747,6 +39799,8 @@ function useStyle(props, layout, store, table) {
   };
   const bindEvents = () => {
     var _a;
+    if (!table.refs.scrollWrapper)
+      return;
     (_a = table.refs.scrollWrapper.wrap$) == null ? void 0 : _a.addEventListener("scroll", syncPostion, {
       passive: true
     });
@@ -43705,7 +43759,6 @@ const _sfc_main$9 = defineComponent({
       store.value.setDefaultCheckedKey(newVal);
     });
     watch(() => props.defaultExpandedKeys, (newVal) => {
-      store.value.defaultExpandedKeys = newVal;
       store.value.setDefaultExpandedKeys(newVal);
     });
     watch(() => props.data, (newVal) => {
@@ -48348,4 +48401,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DefaultProps, FixedSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, Effect, ElAffix, ElAlert, ElAside, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, ElLoadingDirective, ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption$1 as ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$3 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, ID_INJECTION_KEY, IconComponentMap, IconMap, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PopupManager, RepeatClick, Resize, TOOLTIP_INJECTION_KEY, TimePickPanel, TrapFocus, affixEmits, affixProps, alertEffects, alertEmits, alertProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeType, buttonProps, buttonType, calendarEmits, calendarProps, cardProps, checkTagEmits, checkTagProps, colProps, configProviderContextKey, configProviderProps, createModelToggleComposable, installer as default, dialogEmits, dialogProps, dividerProps, drawerEmits, drawerProps, elBreadcrumbKey, elFormItemKey, elFormKey, elPaginationKey, emptyProps, extractDateFormat, extractTimeFormat, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, subMenuProps, switchEmits, switchProps, tabBar, tabNavProps, tabPaneProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, translate, useAttrs, useCascaderConfig, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecateAppendToBody, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFocus, useFormItem, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220203 */
+/*! Element Plus v0.0.20220207 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220203 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
+/*! Element Plus v0.0.20220207 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"}}};return e});
 //# sourceMappingURL=af.min.js.map