vxe-pc-ui 4.20.34 → 4.20.35

package/lib/pulldown/src/pulldown.js

@@ -38,426 +38,429 @@ var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 const { getConfig, globalEvents, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
-var pulldown_default = (0, import_comp.defineVxeComponent)({
-  name: "VxePulldown",
-  props: {
-    modelValue: Boolean,
-    disabled: Boolean,
-    placement: String,
-    /**
-     * 已废弃，请使用 popup-config.trigger
-     * @deprecated
-     */
-    trigger: {
-      type: String,
-      default: () => getConfig().pulldown.trigger
-    },
-    /**
-     * 已废弃，请使用 popupConfig.zIndex
-     * @deprecated
-     */
-    zIndex: Number,
-    size: {
-      type: String,
-      default: () => getConfig().pulldown.size || getConfig().size
-    },
-    options: Array,
-    className: {
-      type: [String, Function],
-      default: () => getConfig().pulldown.className
-    },
-    /**
-     * 已废弃，请使用 popupConfig.className
-     * @deprecated
-     */
-    popupClassName: [String, Function],
-    showPopupShadow: Boolean,
-    popupConfig: Object,
-    destroyOnClose: {
-      type: Boolean,
-      default: () => getConfig().pulldown.destroyOnClose
-    },
-    transfer: {
-      type: Boolean,
-      default: null
-    }
-  },
-  emits: ["update:modelValue", "click", "option-click", "show-panel", "hide-panel", "visible-change"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const $xeModal = (0, import_vue.inject)("$xeModal", null);
-    const $xeDrawer = (0, import_vue.inject)("$xeDrawer", null);
-    const $xeTable = (0, import_vue.inject)("$xeTable", null);
-    const $xeForm = (0, import_vue.inject)("$xeForm", null);
-    const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const reactData = (0, import_vue.reactive)({
-      initialized: false,
-      panelIndex: 0,
-      panelStyle: {},
-      panelPlacement: null,
-      visiblePanel: false,
-      isAniVisible: false,
-      isActivated: false
-    });
-    const internalData = {
-      hpTimeout: void 0
-    };
-    const refElem = (0, import_vue.ref)();
-    const refPulldownContent = (0, import_vue.ref)();
-    const refPulldownPanel = (0, import_vue.ref)();
-    const computeBtnTransfer = (0, import_vue.computed)(() => {
-      const { transfer } = props;
-      const popupOpts = computePopupOpts.value;
-      if (import_xe_utils.default.isBoolean(popupOpts.transfer)) {
-        return popupOpts.transfer;
+var pulldown_default = (
+  /* define-vxe-component start */
+  (0, import_comp.defineVxeComponent)({
+    name: "VxePulldown",
+    props: {
+      modelValue: Boolean,
+      disabled: Boolean,
+      placement: String,
+      /**
+       * 已废弃，请使用 popup-config.trigger
+       * @deprecated
+       */
+      trigger: {
+        type: String,
+        default: () => getConfig().pulldown.trigger
+      },
+      /**
+       * 已废弃，请使用 popupConfig.zIndex
+       * @deprecated
+       */
+      zIndex: Number,
+      size: {
+        type: String,
+        default: () => getConfig().pulldown.size || getConfig().size
+      },
+      options: Array,
+      className: {
+        type: [String, Function],
+        default: () => getConfig().pulldown.className
+      },
+      /**
+       * 已废弃，请使用 popupConfig.className
+       * @deprecated
+       */
+      popupClassName: [String, Function],
+      showPopupShadow: Boolean,
+      popupConfig: Object,
+      destroyOnClose: {
+        type: Boolean,
+        default: () => getConfig().pulldown.destroyOnClose
+      },
+      transfer: {
+        type: Boolean,
+        default: null
       }
-      if (transfer === null) {
-        const globalTransfer = getConfig().pulldown.transfer;
-        if (import_xe_utils.default.isBoolean(globalTransfer)) {
-          return globalTransfer;
+    },
+    emits: ["update:modelValue", "click", "option-click", "show-panel", "hide-panel", "visible-change"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const $xeModal = (0, import_vue.inject)("$xeModal", null);
+      const $xeDrawer = (0, import_vue.inject)("$xeDrawer", null);
+      const $xeTable = (0, import_vue.inject)("$xeTable", null);
+      const $xeForm = (0, import_vue.inject)("$xeForm", null);
+      const xID = import_xe_utils.default.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const reactData = (0, import_vue.reactive)({
+        initialized: false,
+        panelIndex: 0,
+        panelStyle: {},
+        panelPlacement: null,
+        visiblePanel: false,
+        isAniVisible: false,
+        isActivated: false
+      });
+      const internalData = {
+        hpTimeout: void 0
+      };
+      const refElem = (0, import_vue.ref)();
+      const refPulldownContent = (0, import_vue.ref)();
+      const refPulldownPanel = (0, import_vue.ref)();
+      const computeBtnTransfer = (0, import_vue.computed)(() => {
+        const { transfer } = props;
+        const popupOpts = computePopupOpts.value;
+        if (import_xe_utils.default.isBoolean(popupOpts.transfer)) {
+          return popupOpts.transfer;
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
-          return true;
+        if (transfer === null) {
+          const globalTransfer = getConfig().pulldown.transfer;
+          if (import_xe_utils.default.isBoolean(globalTransfer)) {
+            return globalTransfer;
+          }
+          if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+            return true;
+          }
         }
-      }
-      return transfer;
-    });
-    const computePopupOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, getConfig().pulldown.popupConfig, props.popupConfig);
-    });
-    const refMaps = {
-      refElem
-    };
-    const $xePulldown = {
-      xID,
-      props,
-      context,
-      reactData,
-      internalData,
-      getRefMaps: () => refMaps
-    };
-    let pulldownMethods = {};
-    const updateZindex = () => {
-      const popupOpts = computePopupOpts.value;
-      const customZIndex = popupOpts.zIndex || props.zIndex;
-      if (customZIndex) {
-        reactData.panelIndex = import_xe_utils.default.toNumber(customZIndex);
-      } else if (reactData.panelIndex < (0, import_utils.getLastZIndex)()) {
-        reactData.panelIndex = (0, import_utils.nextZIndex)();
-      }
-    };
-    const isPanelVisible = () => {
-      return reactData.visiblePanel;
-    };
-    const updatePlacement = () => {
-      const { placement } = props;
-      const { panelIndex } = reactData;
-      const targetElem = refPulldownContent.value;
-      const panelElem = refPulldownPanel.value;
-      const btnTransfer = computeBtnTransfer.value;
-      const popupOpts = computePopupOpts.value;
-      const handleStyle = () => {
-        const ppObj = (0, import_dom.updatePanelPlacement)(targetElem, panelElem, {
-          placement: popupOpts.placement || placement,
-          defaultPlacement: popupOpts.defaultPlacement,
-          appendTo: popupOpts.appendTo,
-          teleportTo: btnTransfer
-        });
-        const panelStyle = Object.assign(ppObj.style, {
-          zIndex: panelIndex
-        });
-        reactData.panelStyle = panelStyle;
-        reactData.panelPlacement = ppObj.placement;
+        return transfer;
+      });
+      const computePopupOpts = (0, import_vue.computed)(() => {
+        return Object.assign({}, getConfig().pulldown.popupConfig, props.popupConfig);
+      });
+      const refMaps = {
+        refElem
       };
-      handleStyle();
-      return (0, import_vue.nextTick)().then(handleStyle);
-    };
-    const showPanel = () => {
-      if (!reactData.initialized) {
-        reactData.initialized = true;
-      }
-      return new Promise((resolve) => {
-        if (!props.disabled) {
-          if (internalData.hpTimeout) {
-            clearTimeout(internalData.hpTimeout);
-          }
-          reactData.isActivated = true;
-          reactData.isAniVisible = true;
-          setTimeout(() => {
-            reactData.visiblePanel = true;
-            emit("update:modelValue", true);
-            updatePlacement();
-            setTimeout(() => {
-              resolve(updatePlacement());
-            }, 40);
-          }, 10);
-          updateZindex();
-          dispatchEvent("visible-change", { visible: true }, null);
-        } else {
-          (0, import_vue.nextTick)(() => {
-            resolve();
+      const $xePulldown = {
+        xID,
+        props,
+        context,
+        reactData,
+        internalData,
+        getRefMaps: () => refMaps
+      };
+      let pulldownMethods = {};
+      const updateZindex = () => {
+        const popupOpts = computePopupOpts.value;
+        const customZIndex = popupOpts.zIndex || props.zIndex;
+        if (customZIndex) {
+          reactData.panelIndex = import_xe_utils.default.toNumber(customZIndex);
+        } else if (reactData.panelIndex < (0, import_utils.getLastZIndex)()) {
+          reactData.panelIndex = (0, import_utils.nextZIndex)();
+        }
+      };
+      const isPanelVisible = () => {
+        return reactData.visiblePanel;
+      };
+      const updatePlacement = () => {
+        const { placement } = props;
+        const { panelIndex } = reactData;
+        const targetElem = refPulldownContent.value;
+        const panelElem = refPulldownPanel.value;
+        const btnTransfer = computeBtnTransfer.value;
+        const popupOpts = computePopupOpts.value;
+        const handleStyle = () => {
+          const ppObj = (0, import_dom.updatePanelPlacement)(targetElem, panelElem, {
+            placement: popupOpts.placement || placement,
+            defaultPlacement: popupOpts.defaultPlacement,
+            appendTo: popupOpts.appendTo,
+            teleportTo: btnTransfer
+          });
+          const panelStyle = Object.assign(ppObj.style, {
+            zIndex: panelIndex
           });
+          reactData.panelStyle = panelStyle;
+          reactData.panelPlacement = ppObj.placement;
+        };
+        handleStyle();
+        return (0, import_vue.nextTick)().then(handleStyle);
+      };
+      const showPanel = () => {
+        if (!reactData.initialized) {
+          reactData.initialized = true;
         }
-      });
-    };
-    const hideOptionPanel = () => {
-      reactData.visiblePanel = false;
-      dispatchEvent("visible-change", { visible: false }, null);
-      emit("update:modelValue", false);
-      return new Promise((resolve) => {
-        if (reactData.isAniVisible) {
-          internalData.hpTimeout = setTimeout(() => {
-            reactData.isAniVisible = false;
+        return new Promise((resolve) => {
+          if (!props.disabled) {
+            if (internalData.hpTimeout) {
+              clearTimeout(internalData.hpTimeout);
+            }
+            reactData.isActivated = true;
+            reactData.isAniVisible = true;
+            setTimeout(() => {
+              reactData.visiblePanel = true;
+              emit("update:modelValue", true);
+              updatePlacement();
+              setTimeout(() => {
+                resolve(updatePlacement());
+              }, 40);
+            }, 10);
+            updateZindex();
+            dispatchEvent("visible-change", { visible: true }, null);
+          } else {
             (0, import_vue.nextTick)(() => {
               resolve();
             });
-          }, 350);
-        } else {
-          (0, import_vue.nextTick)(() => {
-            resolve();
-          });
-        }
-      });
-    };
-    const togglePanel = () => {
-      if (reactData.visiblePanel) {
-        return hideOptionPanel();
-      }
-      return showPanel();
-    };
-    const handleOptionEvent = (evnt, option) => {
-      if (!option.disabled) {
+          }
+        });
+      };
+      const hideOptionPanel = () => {
+        reactData.visiblePanel = false;
+        dispatchEvent("visible-change", { visible: false }, null);
+        emit("update:modelValue", false);
+        return new Promise((resolve) => {
+          if (reactData.isAniVisible) {
+            internalData.hpTimeout = setTimeout(() => {
+              reactData.isAniVisible = false;
+              (0, import_vue.nextTick)(() => {
+                resolve();
+              });
+            }, 350);
+          } else {
+            (0, import_vue.nextTick)(() => {
+              resolve();
+            });
+          }
+        });
+      };
+      const togglePanel = () => {
         if (reactData.visiblePanel) {
-          hideOptionPanel();
-          dispatchEvent("hide-panel", {}, evnt);
+          return hideOptionPanel();
         }
-        dispatchEvent("option-click", { option }, evnt);
-      }
-    };
-    const clickTargetEvent = (evnt) => {
-      const { trigger } = props;
-      const popupOpts = computePopupOpts.value;
-      const currTrigger = trigger || popupOpts.trigger;
-      if (currTrigger === "click") {
-        if (reactData.visiblePanel) {
-          hideOptionPanel();
-          dispatchEvent("hide-panel", {}, evnt);
-        } else {
-          showPanel();
-          dispatchEvent("show-panel", {}, evnt);
+        return showPanel();
+      };
+      const handleOptionEvent = (evnt, option) => {
+        if (!option.disabled) {
+          if (reactData.visiblePanel) {
+            hideOptionPanel();
+            dispatchEvent("hide-panel", {}, evnt);
+          }
+          dispatchEvent("option-click", { option }, evnt);
         }
-      }
-      dispatchEvent("click", { $pulldown: $xePulldown }, evnt);
-    };
-    const handleGlobalMousedownEvent = (evnt) => {
-      const { trigger, disabled } = props;
-      const { visiblePanel } = reactData;
-      const popupOpts = computePopupOpts.value;
-      const currTrigger = trigger || popupOpts.trigger;
-      const el = refElem.value;
-      const panelElem = refPulldownPanel.value;
-      if (!disabled) {
-        reactData.isActivated = (0, import_dom.getEventTargetNode)(evnt, el).flag || (0, import_dom.getEventTargetNode)(evnt, panelElem).flag;
-        if (visiblePanel && !reactData.isActivated) {
+      };
+      const clickTargetEvent = (evnt) => {
+        const { trigger } = props;
+        const popupOpts = computePopupOpts.value;
+        const currTrigger = trigger || popupOpts.trigger;
+        if (currTrigger === "click") {
+          if (reactData.visiblePanel) {
+            hideOptionPanel();
+            dispatchEvent("hide-panel", {}, evnt);
+          } else {
+            showPanel();
+            dispatchEvent("show-panel", {}, evnt);
+          }
+        }
+        dispatchEvent("click", { $pulldown: $xePulldown }, evnt);
+      };
+      const handleGlobalMousedownEvent = (evnt) => {
+        const { trigger, disabled } = props;
+        const { visiblePanel } = reactData;
+        const popupOpts = computePopupOpts.value;
+        const currTrigger = trigger || popupOpts.trigger;
+        const el = refElem.value;
+        const panelElem = refPulldownPanel.value;
+        if (!disabled) {
+          reactData.isActivated = (0, import_dom.getEventTargetNode)(evnt, el).flag || (0, import_dom.getEventTargetNode)(evnt, panelElem).flag;
+          if (visiblePanel && !reactData.isActivated) {
+            if (currTrigger !== "manual") {
+              hideOptionPanel();
+              dispatchEvent("hide-panel", {}, evnt);
+            }
+          }
+        }
+      };
+      const handleGlobalBlurEvent = (evnt) => {
+        const { trigger } = props;
+        const { visiblePanel, isActivated } = reactData;
+        const popupOpts = computePopupOpts.value;
+        const currTrigger = trigger || popupOpts.trigger;
+        if (visiblePanel) {
           if (currTrigger !== "manual") {
             hideOptionPanel();
             dispatchEvent("hide-panel", {}, evnt);
           }
         }
-      }
-    };
-    const handleGlobalBlurEvent = (evnt) => {
-      const { trigger } = props;
-      const { visiblePanel, isActivated } = reactData;
-      const popupOpts = computePopupOpts.value;
-      const currTrigger = trigger || popupOpts.trigger;
-      if (visiblePanel) {
-        if (currTrigger !== "manual") {
-          hideOptionPanel();
-          dispatchEvent("hide-panel", {}, evnt);
+        if (isActivated) {
+          reactData.isActivated = false;
         }
-      }
-      if (isActivated) {
-        reactData.isActivated = false;
-      }
-    };
-    const handleGlobalResizeEvent = () => {
-      const { visiblePanel } = reactData;
-      if (visiblePanel) {
-        updatePlacement();
-      }
-    };
-    const handleGlobalScrollEvent = () => {
-      const { visiblePanel } = reactData;
-      if (visiblePanel) {
-        updatePlacement();
-      }
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
-    };
-    pulldownMethods = {
-      dispatchEvent,
-      isPanelVisible,
-      togglePanel,
-      showPanel,
-      hidePanel: hideOptionPanel
-    };
-    Object.assign($xePulldown, pulldownMethods);
-    const renderDefaultPanel = (options) => {
-      const optionSlot = slots.option;
-      return (0, import_vue.h)(
-        "div",
-        {
-          class: "vxe-pulldown--panel-list"
-        },
-        options ? options.map((item) => {
-          return (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-pulldown--panel-item",
-              onClick(evnt) {
-                handleOptionEvent(evnt, item);
+      };
+      const handleGlobalResizeEvent = () => {
+        const { visiblePanel } = reactData;
+        if (visiblePanel) {
+          updatePlacement();
+        }
+      };
+      const handleGlobalScrollEvent = () => {
+        const { visiblePanel } = reactData;
+        if (visiblePanel) {
+          updatePlacement();
+        }
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $pulldown: $xePulldown }, params));
+      };
+      pulldownMethods = {
+        dispatchEvent,
+        isPanelVisible,
+        togglePanel,
+        showPanel,
+        hidePanel: hideOptionPanel
+      };
+      Object.assign($xePulldown, pulldownMethods);
+      const renderDefaultPanel = (options) => {
+        const optionSlot = slots.option;
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-pulldown--panel-list"
+          },
+          options ? options.map((item) => {
+            return (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-pulldown--panel-item",
+                onClick(evnt) {
+                  handleOptionEvent(evnt, item);
+                }
+              },
+              optionSlot ? optionSlot({ $pulldown: $xePulldown, option: item }) : `${item.label || ""}`
+            );
+          }) : []
+        );
+      };
+      const renderVN = () => {
+        const { className, options, showPopupShadow, destroyOnClose, disabled } = props;
+        const { initialized, isActivated, isAniVisible, visiblePanel, panelStyle, panelPlacement } = reactData;
+        const btnTransfer = computeBtnTransfer.value;
+        const vSize = computeSize.value;
+        const popupOpts = computePopupOpts.value;
+        const defaultSlot = slots.default;
+        const headerSlot = slots.header;
+        const footerSlot = slots.footer;
+        const dropdownSlot = slots.dropdown;
+        const ppClassName = popupOpts.className || props.popupClassName;
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-pulldown",
+              className ? import_xe_utils.default.isFunction(className) ? className({ $pulldown: $xePulldown }) : className : "",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--visible": visiblePanel,
+                "is--disabled": disabled,
+                "is--active": isActivated
               }
-            },
-            optionSlot ? optionSlot({ $pulldown: $xePulldown, option: item }) : `${item.label || ""}`
-          );
-        }) : []
-      );
-    };
-    const renderVN = () => {
-      const { className, options, showPopupShadow, destroyOnClose, disabled } = props;
-      const { initialized, isActivated, isAniVisible, visiblePanel, panelStyle, panelPlacement } = reactData;
-      const btnTransfer = computeBtnTransfer.value;
-      const vSize = computeSize.value;
-      const popupOpts = computePopupOpts.value;
-      const defaultSlot = slots.default;
-      const headerSlot = slots.header;
-      const footerSlot = slots.footer;
-      const dropdownSlot = slots.dropdown;
-      const ppClassName = popupOpts.className || props.popupClassName;
-      return (0, import_vue.h)(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-pulldown",
-            className ? import_xe_utils.default.isFunction(className) ? className({ $pulldown: $xePulldown }) : className : "",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--visible": visiblePanel,
-              "is--disabled": disabled,
-              "is--active": isActivated
-            }
-          ]
-        },
-        [
-          (0, import_vue.h)(
-            "div",
-            {
-              ref: refPulldownContent,
-              class: "vxe-pulldown--content",
-              onClick: clickTargetEvent
-            },
-            defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []
-          ),
-          (0, import_vue.h)(
-            import_vue.Teleport,
-            {
-              to: "body",
-              disabled: btnTransfer ? !initialized : true
-            },
-            [
-              (0, import_vue.h)(
-                "div",
-                {
-                  ref: refPulldownPanel,
-                  class: [
-                    "vxe-table--ignore-clear vxe-pulldown--panel",
-                    ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $pulldown: $xePulldown }) : ppClassName : "",
-                    {
-                      [`size--${vSize}`]: vSize,
-                      "is--transfer": btnTransfer,
-                      "ani--leave": isAniVisible,
-                      "ani--enter": visiblePanel
-                    }
-                  ],
-                  placement: panelPlacement,
-                  style: panelStyle
-                },
-                [
-                  (0, import_vue.h)(
-                    "div",
-                    {
-                      class: [
-                        "vxe-pulldown--panel-wrapper",
-                        {
-                          "is--shadow": showPopupShadow
-                        }
-                      ]
-                    },
-                    initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [
-                      headerSlot ? (0, import_vue.h)(
-                        "div",
-                        {
-                          class: "vxe-pulldown--panel-header"
-                        },
-                        headerSlot({ options, $pulldown: $xePulldown })
-                      ) : renderEmptyElement($xePulldown),
-                      (0, import_vue.h)(
-                        "div",
-                        {
-                          class: "vxe-pulldown--panel-body"
-                        },
-                        dropdownSlot ? dropdownSlot({ options, $pulldown: $xePulldown }) : [renderDefaultPanel(options)]
-                      ),
-                      footerSlot ? (0, import_vue.h)(
-                        "div",
-                        {
-                          class: "vxe-pulldown--panel-footer"
-                        },
-                        footerSlot({ options, $pulldown: $xePulldown })
-                      ) : renderEmptyElement($xePulldown)
-                    ] : []
-                  )
-                ]
-              )
             ]
-          )
-        ]
+          },
+          [
+            (0, import_vue.h)(
+              "div",
+              {
+                ref: refPulldownContent,
+                class: "vxe-pulldown--content",
+                onClick: clickTargetEvent
+              },
+              defaultSlot ? defaultSlot({ options, $pulldown: $xePulldown }) : []
+            ),
+            (0, import_vue.h)(
+              import_vue.Teleport,
+              {
+                to: "body",
+                disabled: btnTransfer ? !initialized : true
+              },
+              [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    ref: refPulldownPanel,
+                    class: [
+                      "vxe-table--ignore-clear vxe-pulldown--panel",
+                      ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $pulldown: $xePulldown }) : ppClassName : "",
+                      {
+                        [`size--${vSize}`]: vSize,
+                        "is--transfer": btnTransfer,
+                        "ani--leave": isAniVisible,
+                        "ani--enter": visiblePanel
+                      }
+                    ],
+                    placement: panelPlacement,
+                    style: panelStyle
+                  },
+                  [
+                    (0, import_vue.h)(
+                      "div",
+                      {
+                        class: [
+                          "vxe-pulldown--panel-wrapper",
+                          {
+                            "is--shadow": showPopupShadow
+                          }
+                        ]
+                      },
+                      initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? [
+                        headerSlot ? (0, import_vue.h)(
+                          "div",
+                          {
+                            class: "vxe-pulldown--panel-header"
+                          },
+                          headerSlot({ options, $pulldown: $xePulldown })
+                        ) : renderEmptyElement($xePulldown),
+                        (0, import_vue.h)(
+                          "div",
+                          {
+                            class: "vxe-pulldown--panel-body"
+                          },
+                          dropdownSlot ? dropdownSlot({ options, $pulldown: $xePulldown }) : [renderDefaultPanel(options)]
+                        ),
+                        footerSlot ? (0, import_vue.h)(
+                          "div",
+                          {
+                            class: "vxe-pulldown--panel-footer"
+                          },
+                          footerSlot({ options, $pulldown: $xePulldown })
+                        ) : renderEmptyElement($xePulldown)
+                      ] : []
+                    )
+                  ]
+                )
+              ]
+            )
+          ]
+        );
+      };
+      (0, import_vue.watch)(
+        () => props.modelValue,
+        (value) => {
+          reactData.isActivated = !!value;
+          if (value) {
+            showPanel();
+          } else {
+            hideOptionPanel();
+          }
+        }
       );
-    };
-    (0, import_vue.watch)(
-      () => props.modelValue,
-      (value) => {
-        reactData.isActivated = !!value;
-        if (value) {
+      (0, import_vue.nextTick)(() => {
+        if (props.modelValue) {
           showPanel();
-        } else {
-          hideOptionPanel();
         }
-      }
-    );
-    (0, import_vue.nextTick)(() => {
-      if (props.modelValue) {
-        showPanel();
-      }
-      globalEvents.on($xePulldown, "mousedown", handleGlobalMousedownEvent);
-      globalEvents.on($xePulldown, "blur", handleGlobalBlurEvent);
-      globalEvents.on($xePulldown, "resize", handleGlobalResizeEvent);
-      globalEvents.on($xePulldown, "scroll", handleGlobalScrollEvent);
-    });
-    (0, import_vue.onUnmounted)(() => {
-      globalEvents.off($xePulldown, "mousedown");
-      globalEvents.off($xePulldown, "blur");
-      globalEvents.off($xePulldown, "resize");
-      globalEvents.off($xePulldown, "scroll");
-    });
-    $xePulldown.renderVN = renderVN;
-    return $xePulldown;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+        globalEvents.on($xePulldown, "mousedown", handleGlobalMousedownEvent);
+        globalEvents.on($xePulldown, "blur", handleGlobalBlurEvent);
+        globalEvents.on($xePulldown, "resize", handleGlobalResizeEvent);
+        globalEvents.on($xePulldown, "scroll", handleGlobalScrollEvent);
+      });
+      (0, import_vue.onUnmounted)(() => {
+        globalEvents.off($xePulldown, "mousedown");
+        globalEvents.off($xePulldown, "blur");
+        globalEvents.off($xePulldown, "resize");
+        globalEvents.off($xePulldown, "scroll");
+      });
+      $xePulldown.renderVN = renderVN;
+      return $xePulldown;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);