yc-design-vue 1.7.6 → 1.7.8

package/es/BackTop/index.vue.js

@@ -1,7 +1,82 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _BackTop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a91c814"]]);
+import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, unref, renderSlot, createVNode, vShow } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { findFirstScrollableParent, getElement } from "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconToTop.vue.js";
+import Tween from "../node_modules/b-tween/dist/b-tween.es.js";
+import { useEventListener } from "../node_modules/@vueuse/core/index.js";
+import Button from "../Button/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BackTop"
+  },
+  __name: "index",
+  props: {
+    visibleHeight: { default: 200 },
+    targetContainer: {},
+    easeing: { default: "quadOut" },
+    duration: { default: 200 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { targetContainer: _targetContainer, easeing, duration } = toRefs(props);
+    const { zIndex } = getGlobalConfig(props);
+    const buttonRef = ref();
+    const curScroll = ref(0);
+    const targetContainer = computed(() => {
+      return isUndefined(_targetContainer.value) ? findFirstScrollableParent(buttonRef.value) : getElement(_targetContainer.value);
+    });
+    const handleTop = () => {
+      if (!targetContainer.value) return;
+      new Tween({
+        from: { scroll: targetContainer.value.scrollTop },
+        to: { scroll: 0 },
+        duration: duration.value,
+        easing: easeing.value,
+        onUpdate: (current) => {
+          targetContainer.value.scrollTop = current.scroll;
+        }
+      }).start();
+    };
+    useEventListener(targetContainer, "scroll", () => {
+      curScroll.value = targetContainer.value.scrollTop;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "fade" }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: "yc-back-top",
+            style: normalizeStyle({
+              zIndex: unref(zIndex)
+            }),
+            ref_key: "buttonRef",
+            ref: buttonRef,
+            onClick: handleTop
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createVNode(unref(Button), {
+                type: "primary",
+                shape: "circle",
+                size: "large"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$1))
+                ]),
+                _: 1
+              })
+            ])
+          ], 4), [
+            [vShow, curScroll.value >= _ctx.visibleHeight]
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
 export {
-  _BackTop as default
+  _sfc_main as default
 };

package/es/BackTop/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Badge/index.js

@@ -1,7 +1,8 @@
-import _Badge from "./index.vue.js";
-const Badge = Object.assign(_Badge, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Badge = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Badge.name, _Badge);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Badge/index.vue.js

@@ -1,7 +1,92 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03650e28"]]);
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, unref, toDisplayString, createTextVNode } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import { TAG_PRESET_COLORS } from "../_shared/constants/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-badge-stauts-wrapper"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-badge-status-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Badge"
+  },
+  __name: "index",
+  props: {
+    text: { default: "" },
+    dot: { type: Boolean, default: false },
+    dotStyle: { default: () => {
+      return {};
+    } },
+    maxCount: { default: 99 },
+    offset: { default: () => {
+      return [0, 0];
+    } },
+    color: { default: void 0 },
+    status: { default: void 0 },
+    count: { default: void 0 }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const props = __props;
+    const { text, dot, count, maxCount, offset, dotStyle, status, color } = toRefs(props);
+    const style = computed(() => {
+      return {
+        margin: `${valueToPx(offset.value[1])} ${valueToPx(-offset.value[0])} 0 0`,
+        ...dotStyle.value
+      };
+    });
+    const className = computed(() => {
+      if (slots.content) return "yc-badge-custom-dot";
+      if (color.value || status.value) return "yc-badge-status";
+      if (text.value) return "yc-badge-text";
+      if (dot.value) return "yc-badge-dot";
+      else return "yc-badge-number";
+    });
+    const badgeText = computed(() => {
+      if (color.value || status.value || text.value || dot.value) return text.value;
+      else
+        return count.value >= maxCount.value ? `${maxCount.value}+` : count.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-badge", { "yc-badge-no-children": !_ctx.$slots.default }])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        className.value == "yc-badge-status" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "yc-badge-stauts-dot",
+              {
+                [`yc-badge-color-${unref(color)}`]: unref(color),
+                [`yc-badge-status-${unref(status)}`]: unref(status)
+              }
+            ]),
+            style: normalizeStyle({
+              backgroundColor: !unref(TAG_PRESET_COLORS).includes(unref(color)) ? unref(color) : "",
+              ...unref(dotStyle)
+            })
+          }, null, 6),
+          badgeText.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(badgeText.value), 1)) : createCommentVNode("", true)
+        ])) : className.value != "yc-badge-number" || unref(count) > 0 ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([className.value]),
+          style: normalizeStyle(style.value)
+        }, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createTextVNode(toDisplayString(badgeText.value), 1)
+          ])
+        ], 6)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  _Badge as default
+  _sfc_main as default
 };

package/es/Badge/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Breadcrumb/Breadcrumb.vue.js

@@ -1,7 +1,120 @@
-import _sfc_main from "./Breadcrumb.vue2.js";
-/* empty css                */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2813e3a7"]]);
+import { defineComponent, toRefs, useSlots, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, createCommentVNode, unref, resolveDynamicComponent, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isString } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
+import "../Empty/index.js";
+/* empty css                             */
+import "./index.js";
+import _sfc_main$3 from "./BreadcrumbSeparator.vue.js";
+/* empty css                         */
+import _sfc_main$2 from "./BreadcrumbMore.vue.js";
+import _sfc_main$1 from "./BreadcrumbItem.vue.js";
+/* empty css                    */
+const _hoisted_1 = { class: "yc-breadcrumb" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Breadcrumb"
+  },
+  __name: "Breadcrumb",
+  props: {
+    maxCount: { default: 0 },
+    routes: { default: () => [] },
+    separator: { default: "" },
+    customUrl: { type: Function, default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { maxCount, routes } = toRefs(props);
+    const slots = useSlots();
+    const breadcrumbItems = computed(() => {
+      var _a;
+      const nodes = findComponentsFromVnodes(
+        ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [],
+        _sfc_main$1.name
+      );
+      return maxCount.value > 0 && nodes.length > maxCount.value ? [
+        ...nodes.slice(0, 1),
+        {
+          type: "more-icon"
+        },
+        ...nodes.slice(nodes.length - maxCount.value + 1, nodes.length)
+      ] : nodes;
+    });
+    const routeData = computed(() => {
+      const data = routes.value.map((item, i) => {
+        return {
+          ...item,
+          index: i
+        };
+      });
+      return maxCount.value > 0 && data.length > maxCount.value ? [
+        ...data.slice(0, 1),
+        "more-icon",
+        ...data.slice(data.length - maxCount.value + 1, data.length)
+      ] : routes.value;
+    });
+    const getPaths = (index) => {
+      return routes.value.slice(0, index + 1).map((item) => {
+        var _a;
+        return (_a = item.path) == null ? void 0 : _a.replace(/\//g, "");
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.default ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(breadcrumbItems.value, (node, i) => {
+          var _a, _b;
+          return openBlock(), createElementBlock(Fragment, { key: i }, [
+            (node == null ? void 0 : node.type) == "more-icon" ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              slots: unref(slots)
+            }, null, 8, ["slots"])) : (openBlock(), createBlock(resolveDynamicComponent(node), { key: 1 })),
+            i < breadcrumbItems.value.length - 1 ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 2,
+              separator: _ctx.separator,
+              "separator-slots": _ctx.$slots.separator,
+              "item-separator": (_a = node.props) == null ? void 0 : _a.separator,
+              "item-separator-slots": (_b = node.children) == null ? void 0 : _b.separator
+            }, null, 8, ["separator", "separator-slots", "item-separator", "item-separator-slots"])) : createCommentVNode("", true)
+          ], 64);
+        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(routeData.value, (route, i) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: route.path
+          }, [
+            unref(isString)(route) ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              slots: unref(slots)
+            }, null, 8, ["slots"])) : renderSlot(_ctx.$slots, "item-render", {
+              key: 1,
+              route,
+              routes: unref(routes),
+              paths: getPaths(route.index)
+            }, () => {
+              var _a;
+              return [
+                createVNode(unref(_sfc_main$1), {
+                  path: route.index == routeData.value.length - 1 ? route.path : ((_a = _ctx.customUrl) == null ? void 0 : _a.call(_ctx, getPaths(route.index))) ?? route.path,
+                  droplist: route.children
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(route.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["path", "droplist"])
+              ];
+            }),
+            i < unref(routes).length - 1 ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 2,
+              separator: _ctx.separator,
+              "separator-slots": _ctx.$slots.separator
+            }, null, 8, ["separator", "separator-slots"])) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
 export {
-  _Breadcrumb as default
+  _sfc_main as default
 };

package/es/Breadcrumb/Breadcrumb.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Breadcrumb.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};

package/es/Breadcrumb/BreadcrumbItem.vue.js

@@ -1,7 +1,77 @@
-import _sfc_main from "./BreadcrumbItem.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-264f7f1b"]]);
+import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../_shared/icons/IconArrowDown.vue.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import Dropdown from "../Dropdown/index.js";
+import _sfc_main$2 from "../Dropdown/Doption.vue.js";
+/* empty css                       */
+const _hoisted_1 = { class: "yc-breadcrumb-item" };
+const _hoisted_2 = ["href"];
+const _hoisted_3 = {
+  key: 2,
+  class: "yc-breadcrumb-item-dropdown-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "BreadcrumbItem"
+  },
+  __name: "BreadcrumbItem",
+  props: {
+    separator: { default: "" },
+    droplist: { default: () => [] },
+    dropdownProps: { default: () => {
+      return {};
+    } },
+    path: { default: "" },
+    showSeparator: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const popupVisible = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Dropdown), mergeProps({
+        "popup-visible": popupVisible.value,
+        "onUpdate:popupVisible": _cache[0] || (_cache[0] = ($event) => popupVisible.value = $event)
+      }, _ctx.dropdownProps, {
+        disabled: !_ctx.droplist.length && !_ctx.$slots.droplist
+      }), {
+        content: withCtx(() => [
+          renderSlot(_ctx.$slots, "droplist", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.droplist, (item) => {
+              return openBlock(), createBlock(unref(_sfc_main$2), {
+                key: item.path,
+                value: item.path
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]);
+            }), 128))
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _ctx.path ? (openBlock(), createElementBlock("a", {
+              key: 0,
+              href: `#${_ctx.path}`
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_2)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
+            _ctx.droplist.length || _ctx.$slots.droplist ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(unref(_sfc_main$1), {
+                rotate: popupVisible.value ? 180 : 0
+              }, null, 8, ["rotate"])
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 16, ["popup-visible", "disabled"]);
+    };
+  }
+});
 export {
-  BreadcrumbItem as default
+  _sfc_main as default
 };

package/es/Breadcrumb/BreadcrumbItem.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./BreadcrumbItem.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};

package/es/Breadcrumb/BreadcrumbMore.vue.js

@@ -4,8 +4,9 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";
-import BreadcrumbItem from "./BreadcrumbItem.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconMore.vue.js";
+import _sfc_main$1 from "./BreadcrumbItem.vue.js";
+/* empty css                    */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbMore",
   props: {
@@ -13,9 +14,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(BreadcrumbItem, null, {
+      return openBlock(), createBlock(_sfc_main$1, null, {
         default: withCtx(() => [
-          _ctx.slots["more-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.slots["more-icon"]), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$1), { key: 1 }))
+          _ctx.slots["more-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.slots["more-icon"]), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 }))
         ]),
         _: 1
       });

package/es/Breadcrumb/BreadcrumbSeparator.vue.js

@@ -1,7 +1,44 @@
-import _sfc_main from "./BreadcrumbSeparator.vue2.js";
-/* empty css                         */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const BreadcrumbSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9bd4b484"]]);
+import { defineComponent, computed, createElementBlock, openBlock, createBlock, resolveDynamicComponent, unref } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
+const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BreadcrumbSeparator",
+  props: {
+    separatorSlots: { type: Function },
+    separator: {},
+    itemSeparatorSlots: { type: Function },
+    itemSeparator: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const showSeparator = computed(() => {
+      if (isUndefined(props.itemSeparatorSlots)) {
+        return props.separatorSlots || props.separator;
+      } else {
+        return props.itemSeparatorSlots || props.itemSeparator || props.separatorSlots || props.separator;
+      }
+    });
+    const renderSeparator = () => {
+      var _a, _b, _c;
+      if (isUndefined(props.itemSeparatorSlots)) {
+        return ((_a = props.separatorSlots) == null ? void 0 : _a.call(props)) || props.separator;
+      } else {
+        return ((_b = props.itemSeparatorSlots) == null ? void 0 : _b.call(props)) || props.itemSeparator || ((_c = props.separatorSlots) == null ? void 0 : _c.call(props)) || props.separator;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        showSeparator.value ? (openBlock(), createBlock(resolveDynamicComponent(renderSeparator), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$1), { key: 1 }))
+      ]);
+    };
+  }
+});
 export {
-  BreadcrumbSeparator as default
+  _sfc_main as default
 };

package/es/Breadcrumb/BreadcrumbSeparator.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./BreadcrumbSeparator.vue.js";
+/* empty css                         */
+export {
+  _sfc_main as default
+};

package/es/Breadcrumb/index.css

@@ -1 +1 @@
-.yc-breadcrumb{display:inline-flex;align-items:center;color:var(--color-text-2);font-size:14px}.yc-breadcrumb:deep(.yc-breadcrumb-item):last-child{color:var(--color-text-1);font-weight:500}.yc-breadcrumb-item{line-height:24px;padding:0 4px;display:inline-flex;align-items:center}.yc-breadcrumb-item a{color:inherit;padding:0 4px;margin:0 -4px;border-radius:2px;background-color:transparent}.yc-breadcrumb-item a:hover{color:var(--primary-6);background-color:var(--color-fill-2)}.yc-breadcrumb-item .yc-breadcrumb-item-dropdown-icon{margin-left:4px;font-size:12px}.yc-breadcrumb-item-separator{margin:0 4px;min-width:14px;font-size:14px;line-height:24px;color:var(--color-text-4);display:flex;justify-content:center;align-items:center}
+.yc-breadcrumb{display:inline-flex;align-items:center;color:var(--color-text-2);font-size:14px}.yc-breadcrumb .yc-breadcrumb-item:last-child{color:var(--color-text-1);font-weight:500}.yc-breadcrumb-item{line-height:24px;padding:0 4px;display:inline-flex;align-items:center}.yc-breadcrumb-item a{color:inherit;padding:0 4px;margin:0 -4px;border-radius:2px;background-color:transparent}.yc-breadcrumb-item a:hover{color:var(--primary-6);background-color:var(--color-fill-2)}.yc-breadcrumb-item .yc-breadcrumb-item-dropdown-icon{margin-left:4px;font-size:12px}.yc-breadcrumb-item-separator{margin:0 4px;min-width:14px;font-size:14px;line-height:24px;color:var(--color-text-4);display:flex;justify-content:center;align-items:center}

package/es/Breadcrumb/index.js

@@ -1,13 +1,15 @@
-import _Breadcrumb from "./Breadcrumb.vue.js";
-import BreadcrumbItem from "./BreadcrumbItem.vue.js";
-const Breadcrumb = Object.assign(_Breadcrumb, {
-  item: BreadcrumbItem,
+import _sfc_main from "./Breadcrumb.vue.js";
+/* empty css                */
+import _sfc_main$1 from "./BreadcrumbItem.vue.js";
+/* empty css                    */
+const Breadcrumb = Object.assign(_sfc_main, {
+  item: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Breadcrumb.name, _Breadcrumb);
-    app.component("Yc" + BreadcrumbItem.name, BreadcrumbItem);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  BreadcrumbItem,
+  _sfc_main$1 as BreadcrumbItem,
   Breadcrumb as default
 };

package/es/Button/Button.vue.js

@@ -1,7 +1,110 @@
-import _sfc_main from "./Button.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a82f977"]]);
+import { defineComponent, useSlots, toRefs, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, unref, createBlock } from "vue";
+import useContext from "./hooks/useContext.js";
+import Spin from "../Spin/index.js";
+const _hoisted_1 = ["href", "autofocus"];
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-button-icon"
+};
+const _hoisted_3 = ["type", "disabled", "autofocus"];
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-button-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Button"
+  },
+  __name: "Button",
+  props: {
+    type: { default: void 0 },
+    shape: { default: void 0 },
+    status: { default: void 0 },
+    size: { default: void 0 },
+    long: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: void 0 },
+    htmlType: { default: "button" },
+    autofocus: { type: Boolean, default: false },
+    href: { default: "" }
+  },
+  emits: ["mousedown", "mouseup", "click", "dblclick", "contextmenu"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const {
+      loading,
+      disabled: _disabled,
+      type: _type,
+      status: _status,
+      shape: _shape,
+      long
+    } = toRefs(props);
+    const { size, disabled, type, status, shape } = useContext().inject(props);
+    const className = computed(() => {
+      return [
+        "yc-button",
+        `yc-button-size-${size.value}`,
+        `yc-button-${type.value}`,
+        `yc-button-status-${status.value}`,
+        `yc-button-shape-${shape.value}`,
+        {
+          "yc-button-long": long.value,
+          "yc-button-loading": loading.value,
+          "yc-button-disabled": disabled.value,
+          "yc-button-only-icon": !slots.default
+        }
+      ];
+    });
+    const handleEvent = (type2, e) => {
+      if (disabled.value || loading.value) return;
+      emits(type2, e);
+    };
+    return (_ctx, _cache) => {
+      return _ctx.href ? (openBlock(), createElementBlock("a", mergeProps({
+        key: 0,
+        href: _ctx.href,
+        class: className.value,
+        autofocus: _ctx.autofocus
+      }, _ctx.$attrs, {
+        onMousedown: _cache[0] || (_cache[0] = ($event) => handleEvent("mousedown", $event)),
+        onMouseup: _cache[1] || (_cache[1] = ($event) => handleEvent("mouseup", $event)),
+        onClick: _cache[2] || (_cache[2] = ($event) => handleEvent("click", $event)),
+        onDblclick: _cache[3] || (_cache[3] = ($event) => handleEvent("dblclick", $event)),
+        onContextmenu: _cache[4] || (_cache[4] = ($event) => handleEvent("contextmenu", $event))
+      }), [
+        _ctx.$slots.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          unref(loading) ? (openBlock(), createBlock(unref(Spin), {
+            key: 0,
+            "is-size-inherit": ""
+          })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1)) : (openBlock(), createElementBlock("button", mergeProps({
+        key: 1,
+        type: _ctx.htmlType,
+        disabled: unref(disabled),
+        class: className.value,
+        autofocus: _ctx.autofocus
+      }, _ctx.$attrs, {
+        onMousedown: _cache[5] || (_cache[5] = ($event) => handleEvent("mousedown", $event)),
+        onMouseup: _cache[6] || (_cache[6] = ($event) => handleEvent("mouseup", $event)),
+        onClick: _cache[7] || (_cache[7] = ($event) => handleEvent("click", $event)),
+        onDblclick: _cache[8] || (_cache[8] = ($event) => handleEvent("dblclick", $event)),
+        onContextmenu: _cache[9] || (_cache[9] = ($event) => handleEvent("contextmenu", $event))
+      }), [
+        _ctx.$slots.icon || unref(loading) ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          unref(loading) ? (openBlock(), createBlock(unref(Spin), {
+            key: 0,
+            "is-size-inherit": ""
+          })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_3));
+    };
+  }
+});
 export {
-  _Button as default
+  _sfc_main as default
 };