yc-design-vue 1.7.5 → 1.7.7

package/es/Result/index.vue.js

@@ -1,7 +1,74 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5a501a4"]]);
+import { defineComponent, toRefs, createElementBlock, openBlock, createCommentVNode, unref, normalizeClass, createElementVNode, renderSlot, Fragment, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
+const _hoisted_1 = { class: "yc-result" };
+const _hoisted_2 = { class: "yc-result-icon-tip" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "yc-result-title"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "yc-result-subtitle"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "yc-result-extra"
+};
+const _hoisted_7 = {
+  key: 4,
+  class: "yc-result-content"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Result"
+  },
+  __name: "index",
+  props: {
+    status: { default: "info" },
+    title: { default: "" },
+    subtitle: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { status } = toRefs(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.icon || unref(status) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["yc-result-icon", `yc-result-icon-${unref(status)}`])
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              unref(status) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                ["403", "404", "500"].includes(unref(status)) ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: unref(TYPE_ICON_MAP)[`result-${unref(status)}`]
+                }, null, 8, _hoisted_3)) : (openBlock(), createBlock(resolveDynamicComponent(unref(TYPE_ICON_MAP)[`result-${unref(status)}`]), { key: 1 }))
+              ], 64)) : createCommentVNode("", true)
+            ])
+          ])
+        ], 2)) : createCommentVNode("", true),
+        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.subtitle || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "subtitle", {}, () => [
+            createTextVNode(toDisplayString(_ctx.subtitle), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "extra")
+        ])) : createCommentVNode("", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  _Result as default
+  _sfc_main as default
 };

package/es/Result/index.vue3.js

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

package/es/Scrollbar/Scrollbar.vue.js

@@ -1,7 +1,226 @@
-import _sfc_main from "./Scrollbar.vue2.js";
-/* empty css               */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-891ea4c3"]]);
+import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
+import { useResizeObserver, useElementSize } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { isVerticallyScrollable, isHorizontallyScrollable } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "./ScrollbarTrack.vue.js";
+/* empty css                    */
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Scrollbar",
+    inheritAttrs: false
+  },
+  __name: "Scrollbar",
+  props: {
+    type: { default: "embed" },
+    outerClass: { default: "" },
+    outerStyle: { default: () => {
+      return {};
+    } },
+    scrollbar: { type: Boolean, default: true }
+  },
+  emits: ["scroll"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { type, scrollbar } = toRefs(props);
+    const contentRef = ref();
+    const scrollRef = ref();
+    const contentWidth = ref(0);
+    const contentHeight = ref(0);
+    useResizeObserver(contentRef, () => {
+      const { offsetWidth, offsetHeight } = contentRef.value;
+      contentWidth.value = offsetWidth;
+      contentHeight.value = offsetHeight;
+    });
+    const {
+      hasVerticalBar = ref(false),
+      hashorizontalBar = ref(false),
+      trackHeight = ref(0),
+      trackWidth = ref(0),
+      scrollWidth,
+      scrollHeight,
+      curLeft,
+      curTop,
+      movableLeft,
+      movableTop
+    } = initScrollbar();
+    const handleScroll = (e) => {
+      const {
+        scrollTop,
+        scrollLeft,
+        scrollWidth: _scrollWidth,
+        scrollHeight: _scrollHeight
+      } = e.target;
+      emits("scroll", scrollLeft, scrollTop, e);
+      if (!scrollbar.value) {
+        return;
+      }
+      const top = scrollTop / (contentHeight.value - scrollHeight.value) * movableTop.value;
+      curTop.value = top <= movableTop.value ? top : movableTop.value;
+      const left = scrollLeft / (contentWidth.value - scrollWidth.value) * movableLeft.value;
+      curLeft.value = left <= movableLeft.value ? left : movableLeft.value;
+    };
+    const handleDrag = (isVertical, value) => {
+      if (isVertical) {
+        curTop.value = value;
+        const maxScrollbarMoveTop = contentHeight.value - scrollHeight.value;
+        const scrollTop = curTop.value / movableTop.value * maxScrollbarMoveTop;
+        scrollRef.value.scrollTop = scrollTop >= maxScrollbarMoveTop ? maxScrollbarMoveTop : scrollTop;
+      } else {
+        curLeft.value = value;
+        const maxScrollbarMoveLeft = contentWidth.value - scrollWidth.value;
+        const scrollLeft = curLeft.value / movableLeft.value * maxScrollbarMoveLeft;
+        scrollRef.value.scrollLeft = scrollLeft >= maxScrollbarMoveLeft ? maxScrollbarMoveLeft : scrollLeft;
+      }
+    };
+    function initScrollbar() {
+      if (!scrollbar.value)
+        return {
+          hasVerticalBar: ref(false),
+          hashorizontalBar: ref(false),
+          trackHeight: ref(0),
+          trackWidth: ref(0),
+          contentWidth: ref(0),
+          contentHeight: ref(0),
+          scrollWidth: ref(0),
+          scrollHeight: ref(0),
+          curLeft: ref(0),
+          curTop: ref(0),
+          movableLeft: ref(0),
+          movableTop: ref(0)
+        };
+      const trackWidth2 = ref(0);
+      const trackHeight2 = ref(0);
+      const { width: scrollWidth2, height: scrollHeight2 } = useElementSize(
+        scrollRef,
+        void 0,
+        {
+          box: "border-box"
+        }
+      );
+      const curTop2 = ref(0);
+      const curLeft2 = ref(0);
+      const hasVerticalBar2 = computed(() => {
+        if (!scrollRef.value) return false;
+        return contentHeight.value > scrollHeight2.value && isVerticallyScrollable(scrollRef.value);
+      });
+      const hashorizontalBar2 = computed(() => {
+        if (!scrollRef.value) return false;
+        return contentWidth.value > scrollWidth2.value && isHorizontallyScrollable(scrollRef.value);
+      });
+      const thumbHeight = computed(() => {
+        if (!hasVerticalBar2.value) return 0;
+        const height = +(scrollHeight2.value * scrollHeight2.value / contentHeight.value).toFixed(0);
+        return height <= 20 ? 20 : height;
+      });
+      const thumbWidth = computed(() => {
+        if (!hashorizontalBar2.value) return 0;
+        const width = +(scrollWidth2.value * scrollWidth2.value / contentWidth.value).toFixed(0);
+        return width <= 20 ? 20 : width;
+      });
+      const movableTop2 = computed(() => {
+        const track = hashorizontalBar2.value ? trackHeight2.value : 0;
+        return scrollHeight2.value - thumbHeight.value - track;
+      });
+      const movableLeft2 = computed(() => {
+        const track = hasVerticalBar2.value ? trackWidth2.value : 0;
+        return scrollWidth2.value - thumbWidth.value - track;
+      });
+      useContext().provide({
+        curLeft: curLeft2,
+        curTop: curTop2,
+        movableLeft: movableLeft2,
+        movableTop: movableTop2,
+        thumbHeight,
+        thumbWidth,
+        scrollRef,
+        isDragging: ref(false)
+      });
+      return {
+        hasVerticalBar: hasVerticalBar2,
+        hashorizontalBar: hashorizontalBar2,
+        trackWidth: trackWidth2,
+        trackHeight: trackHeight2,
+        contentHeight,
+        contentWidth,
+        scrollHeight: scrollHeight2,
+        scrollWidth: scrollWidth2,
+        movableLeft: movableLeft2,
+        movableTop: movableTop2,
+        curTop: curTop2,
+        curLeft: curLeft2
+      };
+    }
+    __expose({
+      scrollTo(options) {
+        var _a;
+        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo(options);
+      },
+      scrollLeft(left) {
+        var _a;
+        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo({
+          left
+        });
+      },
+      scrollTop(top) {
+        var _a;
+        (_a = scrollRef.value) == null ? void 0 : _a.scrollTo({
+          top
+        });
+      },
+      getScrollRef() {
+        return scrollRef.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-scrollbar",
+          _ctx.outerClass,
+          {
+            "yc-scrollbar-both-track": unref(type) == "track" && unref(hasVerticalBar) && unref(hashorizontalBar),
+            "yc-scrollbar-vertical-track": unref(type) == "track" && unref(hasVerticalBar),
+            "yc-scrollbar-horizontal-track": unref(type) == "track" && unref(hashorizontalBar),
+            "yc-scrollbar-real": !unref(scrollbar)
+          }
+        ]),
+        style: normalizeStyle(_ctx.outerStyle)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["yc-scrollbar-container", _ctx.$attrs.class]),
+          style: normalizeStyle(_ctx.$attrs.style),
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          onScroll: handleScroll
+        }, [
+          createElementVNode("div", {
+            class: "yc-scrollbar-content",
+            ref_key: "contentRef",
+            ref: contentRef
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 512)
+        ], 38),
+        unref(hasVerticalBar) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          direction: "vertical",
+          onDrag: handleDrag,
+          onResize: _cache[0] || (_cache[0] = (val) => trackWidth.value = val)
+        })) : createCommentVNode("", true),
+        unref(hashorizontalBar) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          direction: "horizontal",
+          onDrag: handleDrag,
+          onResize: _cache[1] || (_cache[1] = (val) => trackHeight.value = val)
+        })) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
 export {
-  _Scrollbar as default
+  _sfc_main as default
 };

package/es/Scrollbar/Scrollbar.vue3.js

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

package/es/Scrollbar/ScrollbarTrack.vue.js

@@ -1,7 +1,114 @@
-import _sfc_main from "./ScrollbarTrack.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ScrollbarTrack = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-153cb12b"]]);
+import { defineComponent, toRefs, computed, ref, watchEffect, createElementBlock, openBlock, withModifiers, normalizeClass, unref, createElementVNode, normalizeStyle } from "vue";
+import { useResizeObserver, useDraggable } from "../node_modules/@vueuse/core/index.js";
+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 useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScrollbarTrack",
+  props: {
+    direction: { default: "vertical" }
+  },
+  emits: ["drag", "resize"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { direction } = toRefs(props);
+    const {
+      scrollRef,
+      thumbHeight,
+      thumbWidth,
+      movableLeft,
+      movableTop,
+      curTop,
+      curLeft,
+      isDragging: _isDragging
+    } = useContext().inject();
+    const isVertical = computed(() => direction.value == "vertical");
+    const thmubStyle = computed(() => {
+      return isVertical.value ? {
+        height: valueToPx(thumbHeight.value),
+        transform: `translateY(${valueToPx(curTop.value)})`
+      } : {
+        width: valueToPx(thumbWidth.value),
+        transform: `translateX(${valueToPx(curLeft.value)})`
+      };
+    });
+    const trackRef = ref();
+    useResizeObserver(trackRef, () => {
+      const { width, height } = trackRef.value.getBoundingClientRect();
+      emits("resize", isVertical.value ? width : height);
+    });
+    const dragRef = ref();
+    const { x, y, isDragging } = useDraggable(dragRef, {
+      onMove() {
+        const { left, top } = scrollRef.value.getBoundingClientRect();
+        const minTop = top;
+        const maxTop = movableTop.value + minTop;
+        const minLeft = left;
+        const maxLeft = movableLeft.value + minLeft;
+        if (isVertical.value) {
+          y.value = y.value <= minTop ? minTop : y.value;
+          y.value = y.value >= maxTop ? maxTop : y.value;
+          emits("drag", true, y.value - minTop);
+        } else {
+          x.value = x.value <= minLeft ? minLeft : x.value;
+          x.value = x.value >= maxLeft ? maxLeft : x.value;
+          emits("drag", false, x.value - minLeft);
+        }
+      }
+    });
+    watchEffect(() => {
+      _isDragging.value = isDragging.value;
+    });
+    const handleClick = (e) => {
+      const { offsetX, offsetY } = e;
+      if (isVertical.value) {
+        const moveDistance = curTop.value < offsetY ? movableTop.value / 9 : -movableTop.value / 9;
+        let value = curTop.value + moveDistance;
+        value = value <= 0 ? 0 : value;
+        value = value > movableTop.value ? movableTop.value : value;
+        emits("drag", true, value);
+      } else {
+        const moveDistance = curLeft.value < offsetX ? movableLeft.value / 9 : -movableLeft.value / 9;
+        let value = curLeft.value + moveDistance;
+        value = value <= 0 ? 0 : value;
+        value = value > movableLeft.value ? movableLeft.value : value;
+        emits("drag", false, value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-scrollbar-track", `yc-scrollbar-track-direction-${unref(direction)}`]),
+        ref_key: "trackRef",
+        ref: trackRef,
+        onClick: withModifiers(handleClick, ["self"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "yc-scrollbar-thumb",
+            `yc-scrollbar-thumb-direction-${unref(direction)}`
+          ]),
+          style: normalizeStyle(thmubStyle.value),
+          ref_key: "dragRef",
+          ref: dragRef
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "yc-scrollbar-thumb-bar",
+              {
+                "yc-scrollbar-thumb-bar-dragging": unref(isDragging),
+                "yc-scrollbar-thumb-bar-hover": !unref(isDragging) && unref(_isDragging)
+              }
+            ])
+          }, null, 2)
+        ], 6)
+      ], 2);
+    };
+  }
+});
 export {
-  ScrollbarTrack as default
+  _sfc_main as default
 };

package/es/Scrollbar/ScrollbarTrack.vue3.js

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

package/es/Scrollbar/index.css

@@ -1 +1 @@
-.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:10;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track:deep(.yc-scrollbar-track-direction-vertical){background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track:deep(.yc-scrollbar-track-direction-horizontal){background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}
+.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:10;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track .yc-scrollbar-track-direction-vertical{background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track .yc-scrollbar-track-direction-horizontal{background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}

package/es/Scrollbar/index.js

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

package/es/Select/Optgroup.vue.js

@@ -1,7 +1,26 @@
-import _sfc_main from "./Optgroup.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Optgroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eee8bfd4"]]);
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "yc-option-group-label text-ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Optgroup"
+  },
+  __name: "Optgroup",
+  props: {
+    label: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ]),
+        renderSlot(_ctx.$slots, "default")
+      ], 64);
+    };
+  }
+});
 export {
-  Optgroup as default
+  _sfc_main as default
 };

package/es/Select/Optgroup.vue3.js

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

package/es/Select/Option.vue.js

@@ -1,7 +1,140 @@
-import _sfc_main from "./Option.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Option = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a75a2a6f"]]);
+import { defineComponent, toRefs, ref, computed, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, withCtx, createElementVNode, createTextVNode, toDisplayString, vShow } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { getDomText } from "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+import Checkbox from "../Checkbox/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-select-option-icon"
+};
+const _hoisted_2 = {
+  key: 3,
+  class: "yc-select-option-suffix"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Option"
+  },
+  __name: "Option",
+  props: {
+    label: { default: "" },
+    value: { type: [String, Number, Boolean, Object, Array], default: "" },
+    disabled: { type: Boolean, default: false },
+    tagProps: {},
+    id: {},
+    isFallbackOption: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const { label, disabled } = toRefs(props);
+    const {
+      computedValue,
+      multiple,
+      limit,
+      curIndex,
+      options,
+      blur,
+      filterOption,
+      getValue,
+      emits,
+      collectOption
+    } = useContext().inject();
+    const contentRef = ref();
+    const optionValue = computed(() => {
+      return `${props.value}` ? props.value : getDomText(contentRef);
+    });
+    const optionLabel = computed(() => {
+      return props.label ? props.label : getDomText(contentRef);
+    });
+    const checked = computed(() => {
+      if (!multiple.value) return false;
+      const index = computedValue.value.findIndex((item) => {
+        return getValue(item) === getValue(optionValue.value);
+      });
+      return index != -1;
+    });
+    const handleSingle = () => {
+      if (disabled.value || isUndefined(computedValue.value)) return;
+      computedValue.value = optionValue.value;
+      emits("select", optionValue.value);
+      blur();
+    };
+    const handleMuti = (v) => {
+      const curValue = computedValue.value;
+      const { value } = optionValue;
+      if (!v) {
+        computedValue.value = curValue.filter((item) => item != value);
+      } else {
+        if (limit.value > 0 && curValue.length == limit.value) {
+          return emits("exceedLimit", value);
+        }
+        emits("select", optionValue.value);
+        computedValue.value = [...curValue, value];
+      }
+    };
+    collectOption(props, optionLabel);
+    return (_ctx, _cache) => {
+      var _a;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-select-option",
+          {
+            "yc-select-option-active": ((_a = unref(options)[unref(curIndex)]) == null ? void 0 : _a.value) == optionValue.value,
+            "yc-select-option-disabled": unref(disabled)
+          }
+        ])
+      }, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon")
+        ])) : createCommentVNode("", true),
+        unref(multiple) ? (openBlock(), createBlock(unref(Checkbox), {
+          key: 1,
+          "model-value": checked.value,
+          disabled: unref(disabled),
+          "onUpdate:modelValue": handleMuti,
+          class: "yc-select-option-content"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", {
+              ref_key: "contentRef",
+              ref: contentRef
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createTextVNode(toDisplayString(unref(label)), 1)
+              ])
+            ], 512)
+          ]),
+          _: 3
+        }, 8, ["model-value", "disabled"])) : (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "yc-select-option-content text-ellipsis",
+          ref_key: "contentRef",
+          ref: contentRef,
+          onClick: handleSingle
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(label)), 1)
+          ])
+        ], 512)),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "suffix")
+        ])) : createCommentVNode("", true)
+      ], 2)), [
+        [
+          vShow,
+          unref(filterOption)({
+            ..._ctx.$props,
+            label: optionLabel.value
+          })
+        ]
+      ]);
+    };
+  }
+});
 export {
-  Option as default
+  _sfc_main as default
 };

package/es/Select/Option.vue3.js

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