yc-design-vue 1.7.5 → 1.7.7

package/es/Modal/Modal.vue2.js

@@ -1,256 +0,0 @@
-import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Teleport, unref, withDirectives, createCommentVNode, createElementBlock, normalizeStyle, normalizeClass, createVNode, createElementVNode, Transition, withCtx, vShow, withModifiers, renderSlot, createTextVNode, toDisplayString, mergeProps } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import useModalClose from "./hooks/useModalClose.js";
-import useModalDraggable from "./hooks/useModalDraggable.js";
-import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
-/* empty css                             */
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-modal-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Modal",
-    inheritAttrs: false
-  },
-  __name: "Modal",
-  props: {
-    visible: { type: Boolean, default: void 0 },
-    defaultVisible: { type: Boolean, default: false },
-    width: { default: 400 },
-    top: { default: 100 },
-    mask: { type: Boolean, default: true },
-    title: { default: "" },
-    titleAlign: { default: "center" },
-    alignCenter: { type: Boolean, default: true },
-    unmountOnClose: { type: Boolean, default: false },
-    maskClosable: { type: Boolean, default: true },
-    hideCancel: { type: Boolean, default: false },
-    closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
-    okLoading: { type: Boolean, default: false },
-    okButtonProps: { default: () => {
-      return {};
-    } },
-    cancelButtonProps: { default: () => {
-      return {};
-    } },
-    footer: { type: Boolean, default: true },
-    renderToBody: { type: Boolean, default: true },
-    popupContainer: { default: void 0 },
-    maskStyle: { default: () => {
-      return {};
-    } },
-    modalClass: { default: "" },
-    modalStyle: { default: () => {
-      return {};
-    } },
-    escToClose: { type: Boolean, default: true },
-    draggable: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    maskAnimationName: { default: "fade" },
-    modalAnimationName: { default: "zoom-modal" },
-    bodyClass: { default: "" },
-    bodyStyle: { default: () => {
-      return {};
-    } },
-    hideTitle: { type: Boolean, default: false },
-    simple: { type: Boolean, default: false },
-    onBeforeCancel: { type: Function, default: () => {
-      return true;
-    } },
-    onBeforeOk: { type: Function, default: () => {
-      return true;
-    } }
-  },
-  emits: ["update:visible", "ok", "cancel", "open", "before-open", "close", "before-close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const {
-      visible,
-      defaultVisible,
-      width,
-      top,
-      alignCenter,
-      maskClosable,
-      escToClose,
-      modalStyle: _modalStyle,
-      fullscreen,
-      draggable,
-      renderToBody,
-      popupContainer: _popupContainer
-    } = toRefs(props);
-    const { onBeforeOk, onBeforeCancel } = props;
-    const { popupContainer, zIndex } = getGlobalConfig(props);
-    const {
-      outerVisible,
-      innerVisible,
-      asyncLoading,
-      handleClose,
-      handleAfterLeave
-    } = useModalClose({
-      visible,
-      defaultVisible,
-      escToClose,
-      maskClosable,
-      onBeforeOk,
-      onBeforeCancel,
-      emits
-    });
-    const headerRef = ref();
-    const modalRef = ref();
-    const { dragStyle, isDraggable } = useModalDraggable({
-      visible: innerVisible,
-      draggable,
-      fullscreen,
-      alignCenter,
-      top,
-      triggerRef: headerRef,
-      modalRef
-    });
-    const modalStyle = computed(() => {
-      return {
-        width: fullscreen.value ? "100%" : width.value == "auto" ? "fit-content" : valueToPx(width.value),
-        ...dragStyle.value,
-        ..._modalStyle.value
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: unref(popupContainer),
-        disabled: !unref(renderToBody)
-      }, [
-        !_ctx.unmountOnClose || unref(outerVisible) ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([
-            "yc-modal-container",
-            _ctx.$attrs.class,
-            {
-              "yc-modal-simple": _ctx.simple,
-              "yc-modal-position-absolute": unref(_popupContainer) || !unref(renderToBody)
-            }
-          ]),
-          style: normalizeStyle({
-            zIndex: unref(zIndex),
-            ..._ctx.$attrs.style ?? {}
-          })
-        }, [
-          createVNode(Transition, { name: _ctx.maskAnimationName }, {
-            default: withCtx(() => [
-              _ctx.mask ? withDirectives((openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "yc-modal-mask",
-                style: normalizeStyle(_ctx.maskStyle)
-              }, null, 4)), [
-                [vShow, unref(innerVisible)]
-              ]) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["name"]),
-          createElementVNode("div", {
-            class: "yc-modal-wrapper",
-            onClick: _cache[6] || (_cache[6] = withModifiers(($event) => unref(handleClose)("mask", $event), ["self"]))
-          }, [
-            createVNode(Transition, {
-              name: _ctx.modalAnimationName,
-              onBeforeEnter: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("before-open")),
-              onBeforeLeave: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("before-close")),
-              onAfterEnter: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("open")),
-              onAfterLeave: unref(handleAfterLeave)
-            }, {
-              default: withCtx(() => [
-                withDirectives(createElementVNode("div", {
-                  class: normalizeClass([
-                    "yc-modal",
-                    _ctx.modalClass,
-                    {
-                      // 拖拽
-                      "yc-modal-draggable": unref(isDraggable),
-                      // 全屏
-                      "yc-modal-fullscreen": unref(fullscreen)
-                    }
-                  ]),
-                  style: normalizeStyle(modalStyle.value),
-                  ref_key: "modalRef",
-                  ref: modalRef
-                }, [
-                  renderSlot(_ctx.$slots, "header", {}, () => [
-                    createElementVNode("div", {
-                      class: "yc-modal-header",
-                      ref_key: "headerRef",
-                      ref: headerRef
-                    }, [
-                      !_ctx.hideTitle ? (openBlock(), createElementBlock("div", {
-                        key: 0,
-                        class: normalizeClass([
-                          "yc-modal-title",
-                          "text-ellipsis",
-                          {
-                            "title-align-center": _ctx.titleAlign == "center"
-                          }
-                        ])
-                      }, [
-                        renderSlot(_ctx.$slots, "title", {}, () => [
-                          createTextVNode(toDisplayString(_ctx.title), 1)
-                        ], true)
-                      ], 2)) : createCommentVNode("", true),
-                      _ctx.closable && !_ctx.simple ? (openBlock(), createBlock(unref(IconButton), {
-                        key: 1,
-                        class: "yc-modal-close-button",
-                        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClose)("closeBtn", $event))
-                      })) : createCommentVNode("", true)
-                    ], 512)
-                  ], true),
-                  createElementVNode("div", {
-                    class: normalizeClass(["yc-modal-body", _ctx.bodyClass]),
-                    style: normalizeStyle(_ctx.bodyStyle)
-                  }, [
-                    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                  ], 6),
-                  _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                    renderSlot(_ctx.$slots, "footer", {}, () => [
-                      !_ctx.hideCancel ? (openBlock(), createBlock(unref(Button), mergeProps({ key: 0 }, _ctx.cancelButtonProps, {
-                        onClick: _cache[1] || (_cache[1] = ($event) => unref(handleClose)("cancelBtn", $event))
-                      }), {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.cancelText), 1)
-                        ]),
-                        _: 1
-                      }, 16)) : createCommentVNode("", true),
-                      createVNode(unref(Button), mergeProps({
-                        type: "primary",
-                        loading: _ctx.okLoading || unref(asyncLoading)
-                      }, _ctx.okButtonProps, {
-                        onClick: _cache[2] || (_cache[2] = ($event) => unref(handleClose)("confirmBtn", $event))
-                      }), {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.okText), 1)
-                        ]),
-                        _: 1
-                      }, 16, ["loading"])
-                    ], true)
-                  ])) : createCommentVNode("", true)
-                ], 6), [
-                  [vShow, unref(innerVisible)]
-                ])
-              ]),
-              _: 3
-            }, 8, ["name", "onAfterLeave"])
-          ])
-        ], 6)), [
-          [vShow, unref(outerVisible)]
-        ]) : createCommentVNode("", true)
-      ], 8, ["to", "disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Notification/Notification.vue2.js

@@ -1,127 +0,0 @@
-import { defineComponent, toRefs, watch, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent, withCtx } from "vue";
-import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isUndefined, isFunction } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import { getSlotFunction } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
-import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
-const _hoisted_1 = { class: "yc-notification-left" };
-const _hoisted_2 = {
-  key: 0,
-  class: "yc-notification-icon"
-};
-const _hoisted_3 = { class: "yc-notification-right" };
-const _hoisted_4 = {
-  key: 0,
-  class: "yc-notification-title"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "yc-notification-content"
-};
-const _hoisted_6 = {
-  key: 2,
-  class: "yc-notification-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Notification"
-  },
-  __name: "Notification",
-  props: {
-    type: { default: "info" },
-    content: { type: [String, Array, Function], default: "" },
-    title: { type: [String, Array, Function], default: "" },
-    icon: { type: Function, default: void 0 },
-    id: { default: "" },
-    style: { default: () => {
-      return {};
-    } },
-    class: { default: "" },
-    showIcon: { type: Boolean, default: true },
-    closable: { type: Boolean, default: false },
-    duration: { default: 3e3 },
-    isReset: { type: Boolean, default: false },
-    footer: { type: Function, default: void 0 },
-    closeIcon: { type: Function, default: void 0 },
-    closeIconElement: { type: Function, default: void 0 },
-    onClose: { type: Function, default: void 0 },
-    onDestory: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { type, id, duration, class: className, isReset } = toRefs(props);
-    const { onClose, onDestory } = props;
-    const { start, stop } = useTimeoutFn(
-      () => {
-        onDestory == null ? void 0 : onDestory(id.value);
-        onClose == null ? void 0 : onClose(id.value);
-      },
-      () => duration.value,
-      {
-        immediate: false
-      }
-    );
-    watch(
-      () => isReset.value,
-      (newVal) => {
-        if (duration.value <= 0 || !newVal) return;
-        stop();
-        start();
-      }
-    );
-    const handleClose = () => {
-      stop();
-      onDestory == null ? void 0 : onDestory(id.value);
-      onClose == null ? void 0 : onClose(id.value);
-    };
-    onMounted(() => {
-      if (duration.value <= 0) return;
-      start();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        role: "alert",
-        class: normalizeClass(["yc-notification", `yc-notification-${unref(type)}`, unref(className)]),
-        style: normalizeStyle(_ctx.style)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          _ctx.showIcon ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(TYPE_ICON_MAP)[unref(type)])))
-          ])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          !unref(isUndefined)(_ctx.title) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(getSlotFunction)(_ctx.title))))
-          ])) : createCommentVNode("", true),
-          !unref(isUndefined)(_ctx.content) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(getSlotFunction)(_ctx.content))))
-          ])) : createCommentVNode("", true),
-          unref(isFunction)(_ctx.footer) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.footer)))
-          ])) : createCommentVNode("", true)
-        ]),
-        _ctx.closable ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-notification-close-btn",
-          onClick: handleClose
-        }, [
-          _ctx.closeIconElement ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIconElement), { key: 0 })) : (openBlock(), createBlock(unref(IconButton), { key: 1 }, {
-            default: withCtx(() => [
-              _ctx.closeIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon), { key: 0 })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }))
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Notification/NotificationList.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, TransitionGroup, normalizeClass, withCtx, createElementBlock, Fragment, renderList, mergeProps } from "vue";
-import _Notification from "./Notification.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "NotificationList",
-  props: {
-    notificationList: { default: () => [] },
-    position: { default: "topRight" }
-  },
-  setup(__props) {
-    const props = __props;
-    const animationName = computed(() => {
-      const dir = props.position.includes("Right") ? "right" : "left";
-      return `slide-${dir}-notification`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(TransitionGroup, {
-        name: animationName.value,
-        class: normalizeClass(["yc-notification-list", `yc-notification-list-${_ctx.position}`]),
-        tag: "div"
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.notificationList, (notification) => {
-            return openBlock(), createBlock(_Notification, mergeProps({
-              key: notification.id
-            }, { ref_for: true }, notification), null, 16);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["name", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/OverflowList/index.vue2.js

@@ -1,122 +0,0 @@
-import { defineComponent, useSlots, toRefs, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, Fragment, renderList, createBlock, resolveDynamicComponent, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { unrefElement, useResizeObserver } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { throttle, sleep, valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
-import "../Empty/index.js";
-/* empty css                             */
-import Tag from "../Tag/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "OverflowList"
-  },
-  __name: "index",
-  props: {
-    min: { default: 0 },
-    margin: { default: 8 },
-    from: { default: "end" }
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emits = __emit;
-    const { min, margin, from } = toRefs(props);
-    const max = ref(1e4);
-    const widths = ref([]);
-    const tags = computed(() => {
-      var _a;
-      return findComponentsFromVnodes(
-        ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [],
-        Tag.name
-      );
-    });
-    const listRef = ref();
-    const overflowRef = ref();
-    const overFlowWidth = computed(() => {
-      if (!overflowRef.value) return margin.value;
-      return unrefElement(overflowRef).offsetWidth + margin.value;
-    });
-    const overflowNumber = computed(() => {
-      return tags.value.length - max.value;
-    });
-    useResizeObserver(
-      listRef,
-      throttle(async () => {
-        await sleep(0);
-        let maxCount = 0;
-        let totalWidth = 0;
-        const listWidth = listRef.value.offsetWidth;
-        for (let i = 0; i < widths.value.length; i++) {
-          const gap = i > 0 ? margin.value : 0;
-          const newWidth = totalWidth + gap + widths.value[i];
-          if (newWidth > listWidth) {
-            break;
-          }
-          totalWidth = newWidth;
-          maxCount++;
-        }
-        max.value = maxCount > min.value ? maxCount : min.value;
-      }, 180)
-    );
-    watch(
-      () => max.value,
-      () => {
-        emits("change", overflowNumber.value);
-      }
-    );
-    watch(
-      () => tags.value.length,
-      async () => {
-        max.value = 1e5;
-        await sleep(0);
-        const cur = [...document.querySelectorAll("#overflowTag")].map((item) => {
-          return item.offsetWidth;
-        });
-        widths.value = cur;
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["yc-overflow-list", `yc-overflow-list-from-${unref(from)}`]),
-        style: normalizeStyle({
-          gap: unref(valueToPx)(unref(margin)),
-          padding: unref(from) == "start" ? `0 0 0 ${unref(valueToPx)(overFlowWidth.value)}` : ` 0 ${unref(valueToPx)(overFlowWidth.value)} 0 0`
-        }),
-        ref_key: "listRef",
-        ref: listRef
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (node, i) => {
-          return openBlock(), createElementBlock(Fragment, { key: i }, [
-            i < max.value ? (openBlock(), createBlock(resolveDynamicComponent(node), {
-              key: 0,
-              id: "overflowTag"
-            })) : createCommentVNode("", true)
-          ], 64);
-        }), 128)),
-        max.value < tags.value.length ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "yc-overflow-tag",
-          ref_key: "overflowRef",
-          ref: overflowRef
-        }, [
-          renderSlot(_ctx.$slots, "overflow", { number: overflowNumber.value }, () => [
-            createVNode(unref(Tag), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(`+${overflowNumber.value}`), 1)
-              ]),
-              _: 1
-            })
-          ], true)
-        ], 512)) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/PageHeader/index.vue2.js

@@ -1,96 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createVNode, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
-import Divider from "../Divider/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
-/* empty css                                         */
-const _hoisted_1 = { class: "yc-page-header" };
-const _hoisted_2 = { class: "yc-page-header-wrapper" };
-const _hoisted_3 = {
-  key: 0,
-  class: "yc-page-header-breadcrumb"
-};
-const _hoisted_4 = { class: "yc-page-header-header" };
-const _hoisted_5 = { class: "yc-page-header-main" };
-const _hoisted_6 = {
-  key: 0,
-  class: "yc-page-header-title text-ellipsis"
-};
-const _hoisted_7 = {
-  key: 2,
-  class: "yc-page-header-subtitle text-ellipsis"
-};
-const _hoisted_8 = {
-  key: 0,
-  class: "yc-page-header-extra"
-};
-const _hoisted_9 = {
-  key: 0,
-  class: "yc-page-header-content"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "PageHeader"
-  },
-  __name: "index",
-  props: {
-    title: { default: "" },
-    subtitle: { default: "" },
-    showBack: { type: Boolean, default: true }
-  },
-  emits: ["back"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          _ctx.$slots.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "breadcrumb", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              createVNode(unref(IconButton), {
-                size: 14,
-                "hover-size": 30,
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back", $event))
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "back-icon", {}, () => [
-                    createVNode(unref(_sfc_main$1))
-                  ], true)
-                ]),
-                _: 3
-              }),
-              _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                renderSlot(_ctx.$slots, "title", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.title), 1)
-                ], true)
-              ])) : createCommentVNode("", true),
-              _ctx.$slots.subtitle || _ctx.subtitle ? (openBlock(), createBlock(unref(Divider), {
-                key: 1,
-                direction: "vertical"
-              })) : createCommentVNode("", true),
-              _ctx.$slots.subtitle || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                renderSlot(_ctx.$slots, "subtitle", {}, () => [
-                  createTextVNode(toDisplayString(_ctx.subtitle), 1)
-                ], true)
-              ])) : createCommentVNode("", true)
-            ]),
-            _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_8, [
-              renderSlot(_ctx.$slots, "extra", {}, void 0, true)
-            ])) : createCommentVNode("", true)
-          ])
-        ]),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};