element-plus 2.2.22 → 2.2.24

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.22 */
+/*! Element Plus v2.2.24 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9034,8 +9034,11 @@
     current: 0
   };
   const ID_INJECTION_KEY = Symbol("elIdInjection");
+  const useIdInjection = () => {
+    return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+  };
   const useId = (deterministicId) => {
-    const idInjection = vue.inject(ID_INJECTION_KEY, defaultIdInjection);
+    const idInjection = useIdInjection();
     const namespace = useGlobalConfig("namespace", defaultNamespace);
     const idRef = vue.computed(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
     return idRef;
@@ -9876,12 +9879,21 @@
   };
 
   let cachedContainer;
-  const namespace = useGlobalConfig("namespace", defaultNamespace);
-  const POPPER_CONTAINER_ID = `${namespace.value}-popper-container-${generateId()}`;
-  const POPPER_CONTAINER_SELECTOR = `#${POPPER_CONTAINER_ID}`;
-  const createContainer = () => {
+  const usePopperContainerId = () => {
+    const namespace = useGlobalConfig("namespace", defaultNamespace);
+    const idInjection = useIdInjection();
+    const id = vue.computed(() => {
+      return `${namespace.value}-popper-container-${idInjection.prefix}`;
+    });
+    const selector = vue.computed(() => `#${id.value}`);
+    return {
+      id,
+      selector
+    };
+  };
+  const createContainer = (id) => {
     const container = document.createElement("div");
-    container.id = POPPER_CONTAINER_ID;
+    container.id = id;
     document.body.appendChild(container);
     return container;
   };
@@ -9889,8 +9901,9 @@
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      if (!cachedContainer || !document.body.querySelector(POPPER_CONTAINER_SELECTOR)) {
-        cachedContainer = createContainer();
+      const { id, selector } = usePopperContainerId();
+      if (!cachedContainer && !document.body.querySelector(selector.value)) {
+        cachedContainer = createContainer(id.value);
       }
     });
   };
@@ -11103,7 +11116,7 @@
     };
   };
 
-  const version$1 = "2.2.22";
+  const version$1 = "2.2.24";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11633,6 +11646,25 @@
         }
         return comboBoxAttrs;
       });
+      const containerKls = vue.computed(() => [
+        props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
+        nsInput.m(inputSize.value),
+        nsInput.is("disabled", inputDisabled.value),
+        nsInput.is("exceed", inputExceed.value),
+        {
+          [nsInput.b("group")]: slots.prepend || slots.append,
+          [nsInput.bm("group", "append")]: slots.append,
+          [nsInput.bm("group", "prepend")]: slots.prepend,
+          [nsInput.m("prefix")]: slots.prefix || props.prefixIcon,
+          [nsInput.m("suffix")]: slots.suffix || props.suffixIcon || props.clearable || props.showPassword,
+          [nsInput.bm("suffix", "password-clear")]: showClear.value && showPwdVisible.value
+        },
+        rawAttrs.class
+      ]);
+      const wrapperKls = vue.computed(() => [
+        nsInput.e("wrapper"),
+        nsInput.is("focus", focused.value)
+      ]);
       const attrs = useAttrs({
         excludeKeys: vue.computed(() => {
           return Object.keys(containerAttrs.value);
@@ -11828,21 +11860,7 @@
       });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: [
-            _ctx.type === "textarea" ? vue.unref(nsTextarea).b() : vue.unref(nsInput).b(),
-            vue.unref(nsInput).m(vue.unref(inputSize)),
-            vue.unref(nsInput).is("disabled", vue.unref(inputDisabled)),
-            vue.unref(nsInput).is("exceed", vue.unref(inputExceed)),
-            {
-              [vue.unref(nsInput).b("group")]: _ctx.$slots.prepend || _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
-              [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend,
-              [vue.unref(nsInput).m("prefix")]: _ctx.$slots.prefix || _ctx.prefixIcon,
-              [vue.unref(nsInput).m("suffix")]: _ctx.$slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
-              [vue.unref(nsInput).bm("suffix", "password-clear")]: vue.unref(showClear) && vue.unref(showPwdVisible)
-            },
-            _ctx.$attrs.class
-          ],
+          class: vue.unref(containerKls),
           style: vue.unref(containerStyle),
           role: _ctx.containerRole,
           onMouseenter: handleMouseEnter,
@@ -11858,7 +11876,7 @@
               vue.renderSlot(_ctx.$slots, "prepend")
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(nsInput).e("wrapper"), vue.unref(nsInput).is("focus", focused.value)])
+              class: vue.normalizeClass(vue.unref(wrapperKls))
             }, [
               vue.createCommentVNode(" prefix slot "),
               _ctx.$slots.prefix || _ctx.prefixIcon ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -11866,7 +11884,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("prefix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("prefix-inner")),
+                  onClick: focus
                 }, [
                   vue.renderSlot(_ctx.$slots, "prefix"),
                   _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
@@ -11912,7 +11931,8 @@
                 class: vue.normalizeClass(vue.unref(nsInput).e("suffix"))
               }, [
                 vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner"))
+                  class: vue.normalizeClass(vue.unref(nsInput).e("suffix-inner")),
+                  onClick: focus
                 }, [
                   !vue.unref(showClear) || !vue.unref(showPwdVisible) || !vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.renderSlot(_ctx.$slots, "suffix"),
@@ -13492,8 +13512,7 @@
     ...useDelayedToggleProps,
     ...popperContentProps,
     appendTo: {
-      type: definePropType([String, Object]),
-      default: POPPER_CONTAINER_SELECTOR
+      type: definePropType([String, Object])
     },
     content: {
       type: String,
@@ -13647,6 +13666,7 @@
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
+      const { selector } = usePopperContainerId();
       const contentRef = vue.ref(null);
       const destroyed = vue.ref(false);
       const {
@@ -13673,6 +13693,9 @@
       const shouldShow = vue.computed(() => {
         return props.disabled ? false : vue.unref(open);
       });
+      const appendTo = vue.computed(() => {
+        return props.appendTo || selector.value;
+      });
       const contentStyle = vue.computed(() => {
         var _a;
         return (_a = props.style) != null ? _a : {};
@@ -13740,7 +13763,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, {
           disabled: !_ctx.teleported,
-          to: _ctx.appendTo
+          to: vue.unref(appendTo)
         }, [
           vue.createVNode(vue.Transition, {
             name: _ctx.transition,
@@ -13780,7 +13803,6 @@
                 onClose: vue.unref(onClose)
               }), {
                 default: vue.withCtx(() => [
-                  vue.createCommentVNode(" Workaround bug #6378 "),
                   !destroyed.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 3
@@ -21655,7 +21677,6 @@
                 default: vue.withCtx(() => [
                   tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 1,
-                    teleported: false,
                     disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     placement: "bottom",
@@ -21881,36 +21902,36 @@
         }
         return styles;
       });
-      const classes = vue.computed(() => {
-        const classes2 = [];
+      const colKls = vue.computed(() => {
+        const classes = [];
         const pos = ["span", "offset", "pull", "push"];
         pos.forEach((prop) => {
           const size = props[prop];
           if (isNumber(size)) {
             if (prop === "span")
-              classes2.push(ns.b(`${props[prop]}`));
+              classes.push(ns.b(`${props[prop]}`));
             else if (size > 0)
-              classes2.push(ns.b(`${prop}-${props[prop]}`));
+              classes.push(ns.b(`${prop}-${props[prop]}`));
           }
         });
         const sizes = ["xs", "sm", "md", "lg", "xl"];
         sizes.forEach((size) => {
           if (isNumber(props[size])) {
-            classes2.push(ns.b(`${size}-${props[size]}`));
+            classes.push(ns.b(`${size}-${props[size]}`));
           } else if (isObject$1(props[size])) {
             Object.entries(props[size]).forEach(([prop, sizeProp]) => {
-              classes2.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
+              classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProp}`) : ns.b(`${size}-${sizeProp}`));
             });
           }
         });
         if (gutter.value) {
-          classes2.push(ns.is("guttered"));
+          classes.push(ns.is("guttered"));
         }
-        return classes2;
+        return [ns.b(), classes];
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(classes)]),
+          class: vue.normalizeClass(vue.unref(colKls)),
           style: vue.normalizeStyle(vue.unref(style))
         }, {
           default: vue.withCtx(() => [
@@ -27220,6 +27241,7 @@
       ElIcon,
       Close: close_default
     },
+    inheritAttrs: false,
     props: drawerProps,
     emits: drawerEmits,
     setup(props, { slots }) {
@@ -27230,6 +27252,14 @@
         version: "3.0.0",
         ref: "https://element-plus.org/en-US/component/drawer.html#slots"
       }, vue.computed(() => !!slots.title));
+      useDeprecated({
+        scope: "el-drawer",
+        from: "custom-class",
+        replacement: "class",
+        version: "2.3.0",
+        ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
+        type: "Attribute"
+      }, vue.computed(() => !!props.customClass));
       const drawerRef = vue.ref();
       const focusStartRef = vue.ref();
       const ns = useNamespace("drawer");
@@ -27283,18 +27313,19 @@
                 onReleaseRequested: _ctx.onCloseRequested
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
+                  vue.createElementVNode("div", vue.mergeProps({
                     ref: "drawerRef",
                     "aria-modal": "true",
                     "aria-label": _ctx.title || void 0,
                     "aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
-                    "aria-describedby": _ctx.bodyId,
-                    class: vue.normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-                    style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+                    "aria-describedby": _ctx.bodyId
+                  }, _ctx.$attrs, {
+                    class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
+                    style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
                     role: "dialog",
                     onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
                     }, ["stop"]))
-                  }, [
+                  }), [
                     vue.createElementVNode("span", {
                       ref: "focusStartRef",
                       class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
@@ -27349,7 +27380,7 @@
                     }, [
                       vue.renderSlot(_ctx.$slots, "footer")
                     ], 2)) : vue.createCommentVNode("v-if", true)
-                  ], 14, _hoisted_1$A)
+                  ], 16, _hoisted_1$A)
                 ]),
                 _: 3
               }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
@@ -31194,12 +31225,16 @@
         }
         return newVal;
       };
-      const setCurrentValue = (value) => {
+      const setCurrentValue = (value, emitChange = true) => {
         var _a;
         const oldVal = data.currentValue;
         const newVal = verifyValue(value);
         if (oldVal === newVal)
           return;
+        if (!emitChange) {
+          emit(UPDATE_MODEL_EVENT, newVal);
+          return;
+        }
         data.userInput = null;
         emit(UPDATE_MODEL_EVENT, newVal);
         emit(CHANGE_EVENT, newVal, oldVal);
@@ -31210,7 +31245,9 @@
       };
       const handleInput = (value) => {
         data.userInput = value;
-        emit(INPUT_EVENT, value === "" ? null : Number(value));
+        const newVal = value === "" ? null : Number(value);
+        emit(INPUT_EVENT, newVal);
+        setCurrentValue(newVal, false);
       };
       const handleInputChange = (value) => {
         const newVal = value !== "" ? Number(value) : "";
@@ -31238,8 +31275,12 @@
         }
       };
       vue.watch(() => props.modelValue, (value) => {
-        data.currentValue = verifyValue(value, true);
-        data.userInput = null;
+        const userInput = verifyValue(data.userInput);
+        const newValue = verifyValue(value, true);
+        if (!userInput || userInput !== newValue) {
+          data.currentValue = newValue;
+          data.userInput = null;
+        }
       }, { immediate: true });
       vue.onMounted(() => {
         var _a;
@@ -31383,18 +31424,19 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("link");
+      const linkKls = vue.computed(() => [
+        ns.b(),
+        ns.m(props.type),
+        ns.is("disabled", props.disabled),
+        ns.is("underline", props.underline && !props.disabled)
+      ]);
       function handleClick(event) {
         if (!props.disabled)
           emit("click", event);
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("a", {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).m(_ctx.type),
-            vue.unref(ns).is("disabled", _ctx.disabled),
-            vue.unref(ns).is("underline", _ctx.underline && !_ctx.disabled)
-          ]),
+          class: vue.normalizeClass(vue.unref(linkKls)),
           href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
           onClick: handleClick
         }, [
@@ -32406,11 +32448,12 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(vue.unref(kls))
         }, [
-          vue.createElementVNode("div", {
+          _ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
           }, [
             vue.renderSlot(_ctx.$slots, "breadcrumb")
-          ], 2),
+          ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("header"))
           }, [
@@ -32462,7 +32505,7 @@
             ], 2)) : vue.createCommentVNode("v-if", true)
           ], 2),
           _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
+            key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("main"))
           }, [
             vue.renderSlot(_ctx.$slots, "default")
@@ -35921,13 +35964,14 @@
         styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
         return styles;
       });
+      const rowKls = vue.computed(() => [
+        ns.b(),
+        ns.is(`justify-${props.justify}`, props.justify !== "start"),
+        ns.is(`align-${props.align}`, props.align !== "top")
+      ]);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).is(`justify-${props.justify}`, _ctx.justify !== "start"),
-            vue.unref(ns).is(`align-${props.align}`, _ctx.align !== "top")
-          ]),
+          class: vue.normalizeClass(vue.unref(rowKls)),
           style: vue.normalizeStyle(vue.unref(style))
         }, {
           default: vue.withCtx(() => [
@@ -40460,7 +40504,7 @@
       }
     }
   });
-  var Space = vue.defineComponent({
+  const Space = vue.defineComponent({
     name: "ElSpace",
     props: spaceProps,
     setup(props, { slots }) {
@@ -52561,6 +52605,7 @@
       const nsUpload = useNamespace("upload");
       const nsIcon = useNamespace("icon");
       const nsList = useNamespace("list");
+      const disabled = useDisabled();
       const focusing = vue.ref(false);
       const handleRemove = (file) => {
         emit("remove", file);
@@ -52571,7 +52616,7 @@
           class: vue.normalizeClass([
             vue.unref(nsUpload).b("list"),
             vue.unref(nsUpload).bm("list", _ctx.listType),
-            vue.unref(nsUpload).is("disabled", _ctx.disabled)
+            vue.unref(nsUpload).is("disabled", vue.unref(disabled))
           ]),
           name: vue.unref(nsList).b()
         }, {
@@ -52585,7 +52630,7 @@
                   { focusing: focusing.value }
                 ]),
                 tabindex: "0",
-                onKeydown: vue.withKeys(($event) => !_ctx.disabled && handleRemove(file), ["delete"]),
+                onKeydown: vue.withKeys(($event) => !vue.unref(disabled) && handleRemove(file), ["delete"]),
                 onFocus: _cache[0] || (_cache[0] = ($event) => focusing.value = true),
                 onBlur: _cache[1] || (_cache[1] = ($event) => focusing.value = false),
                 onClick: _cache[2] || (_cache[2] = ($event) => focusing.value = false)
@@ -52646,7 +52691,7 @@
                       _: 1
                     }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
                   ], 2),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 2,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close")),
                     onClick: ($event) => handleRemove(file)
@@ -52659,7 +52704,7 @@
                   vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
                   vue.createCommentVNode(" This is a bug which needs to be fixed "),
                   vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-                  !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("i", {
+                  !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("i", {
                     key: 3,
                     class: vue.normalizeClass(vue.unref(nsIcon).m("close-tip"))
                   }, vue.toDisplayString(vue.unref(t)("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
@@ -52680,7 +52725,7 @@
                         _: 1
                       }, 8, ["class"])
                     ], 10, _hoisted_4$1),
-                    !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+                    !vue.unref(disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(nsUpload).be("list", "item-delete")),
                       onClick: ($event) => handleRemove(file)
@@ -52727,15 +52772,15 @@
     props: uploadDraggerProps,
     emits: uploadDraggerEmits,
     setup(__props, { emit }) {
-      const props = __props;
       const uploaderContext = vue.inject(uploadContextKey);
       if (!uploaderContext) {
         throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
       }
       const ns = useNamespace("upload");
       const dragover = vue.ref(false);
+      const disabled = useDisabled();
       const onDrop = (e) => {
-        if (props.disabled)
+        if (disabled.value)
           return;
         dragover.value = false;
         const files = Array.from(e.dataTransfer.files);
@@ -52764,7 +52809,7 @@
         emit("file", filesFiltered);
       };
       const onDragover = () => {
-        if (!props.disabled)
+        if (!disabled.value)
           dragover.value = true;
       };
       return (_ctx, _cache) => {
@@ -52825,6 +52870,7 @@
     setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("upload");
+      const disabled = useDisabled();
       const requests = vue.shallowRef({});
       const inputRef = vue.shallowRef();
       const uploadFiles = (files) => {
@@ -52922,7 +52968,7 @@
         uploadFiles(Array.from(files));
       };
       const handleClick = () => {
-        if (!props.disabled) {
+        if (!disabled.value) {
           inputRef.value.value = "";
           inputRef.value.click();
         }
@@ -52951,7 +52997,7 @@
         }, [
           _ctx.drag ? (vue.openBlock(), vue.createBlock(UploadDragger, {
             key: 0,
-            disabled: _ctx.disabled,
+            disabled: vue.unref(disabled),
             onFile: uploadFiles
           }, {
             default: vue.withCtx(() => [
@@ -55130,8 +55176,6 @@
   exports.LAST_KEYS = LAST_KEYS;
   exports.LEFT_CHECK_CHANGE_EVENT = LEFT_CHECK_CHANGE_EVENT;
   exports.Mousewheel = Mousewheel;
-  exports.POPPER_CONTAINER_ID = POPPER_CONTAINER_ID;
-  exports.POPPER_CONTAINER_SELECTOR = POPPER_CONTAINER_SELECTOR;
   exports.POPPER_CONTENT_INJECTION_KEY = POPPER_CONTENT_INJECTION_KEY;
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
@@ -55359,6 +55403,7 @@
   exports.useForwardRefDirective = useForwardRefDirective;
   exports.useGlobalConfig = useGlobalConfig;
   exports.useId = useId;
+  exports.useIdInjection = useIdInjection;
   exports.useLocale = useLocale;
   exports.useLockscreen = useLockscreen;
   exports.useModal = useModal;
@@ -55369,6 +55414,7 @@
   exports.useOrderedChildren = useOrderedChildren;
   exports.usePopperArrowProps = usePopperArrowProps;
   exports.usePopperContainer = usePopperContainer;
+  exports.usePopperContainerId = usePopperContainerId;
   exports.usePopperContentEmits = usePopperContentEmits;
   exports.usePopperContentProps = usePopperContentProps;
   exports.usePopperCoreConfigProps = usePopperCoreConfigProps;