yc-design-vue 1.0.1

package/es/_shared/icons/IconRight.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconRight",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", {
+            d: "M34.829 23.063c.6.48.6 1.394 0 1.874L17.949 38.44c-.785.629-1.949.07-1.949-.937V10.497c0-1.007 1.164-1.566 1.95-.937l16.879 13.503Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconRight.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconRight.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconRotateLeft.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconRotateLeft.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconRotateLeft.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconRotateLeft.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconRotateLeft",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M10 22a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V22ZM23 11h11a6 6 0 0 1 6 6v6M22.5 12.893 19.587 11 22.5 9.107v3.786Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconRotateRight.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconRotateRight.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconRotateRight.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconRotateRight.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconRotateRight",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M38 22a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V22ZM25 11H14a6 6 0 0 0-6 6v6M25.5 12.893 28.413 11 25.5 9.107v3.786Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSearch.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconSearch.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconSearch.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSearch.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSeparator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconSeparator.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconSeparator.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSeparator.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconStar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconStar.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconStar",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", {
+            d: "M22.683 5.415c.568-1.043 2.065-1.043 2.634 0l5.507 10.098a1.5 1.5 0 0 0 1.04.756l11.306 2.117c1.168.219 1.63 1.642.814 2.505l-7.902 8.359a1.5 1.5 0 0 0-.397 1.223l1.48 11.407c.153 1.177-1.058 2.057-2.131 1.548l-10.391-4.933a1.5 1.5 0 0 0-1.287 0l-10.39 4.933c-1.073.51-2.284-.37-2.131-1.548l1.48-11.407a1.5 1.5 0 0 0-.398-1.223L4.015 20.89c-.816-.863-.353-2.286.814-2.505l11.306-2.117a1.5 1.5 0 0 0 1.04-.756l5.508-10.098Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconStar.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconStar.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSuccess.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconSuccess.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSuccess",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconSuccess.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconSuccess.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconTime.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconTime.vue.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconTime",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconTime.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconTime.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconToTop.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconToTop.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconToTop",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M43 7H5M24 20v23M24 13.96 30.453 21H17.546L24 13.96Zm.736-.804Z" }, null, -1),
+          createElementVNode("path", {
+            d: "m24 14-6 7h12l-6-7Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconToTop.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconToTop.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconWarning.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconWarning.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconWarning",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-2-11a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2Zm4-18a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V15Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconWarning.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconWarning.vue.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconZoomIn.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconZoomIn.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconZoomIn.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconZoomIn.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconZoomIn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconZoomOut.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/_shared/icons/IconZoomOut.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconZoomOut.vue2.js";
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/IconZoomOut.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "./_Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconZoomOut",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/_Icon.vue.d.ts

@@ -0,0 +1,31 @@
+type IconProps = {
+    strokeWidth?: number;
+    strokeLinecap?: 'butt' | 'round' | 'square';
+    strokeLinejoin?: 'bevel' | 'miter' | 'round' | 'inherit';
+    rotate?: number;
+    spin?: boolean;
+    size?: number | number[];
+    color?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    strokeWidth: number;
+    strokeLinecap: "butt" | "round" | "square";
+    strokeLinejoin: "bevel" | "miter" | "round" | "inherit";
+    spin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/_shared/icons/_Icon.vue2.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./_Icon.vue3.js";
+/* empty css          */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const YcIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce8d5305"]]);
+export {
+  YcIcon as default
+};

package/es/_shared/icons/_Icon.vue3.js

@@ -0,0 +1,79 @@
+import { defineComponent, toRefs, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import { valueToPx } from "../utils/fn.js";
+import "../utils/time.js";
+import "../../Empty/index.js";
+/* empty css          */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "_Icon",
+  props: {
+    strokeWidth: { default: 4 },
+    strokeLinecap: { default: "butt" },
+    strokeLinejoin: { default: "miter" },
+    rotate: {},
+    spin: { type: Boolean, default: false },
+    size: {},
+    color: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      size,
+      spin,
+      rotate,
+      color,
+      strokeLinecap,
+      strokeLinejoin,
+      strokeWidth
+    } = toRefs(props);
+    const $attrs = useAttrs();
+    const style = computed(() => {
+      let width = "";
+      let height = "";
+      if (Array.isArray(size.value)) {
+        width = valueToPx(size.value[0]);
+        height = valueToPx(size.value[1]);
+      } else {
+        width = size.value ? valueToPx(size.value) : "1em";
+        height = size.value ? valueToPx(size.value) : "1em";
+      }
+      return {
+        width,
+        height,
+        color: color.value ? color.value : "inherit",
+        transform: rotate ? `rotate(${rotate.value}deg)` : "unset"
+      };
+    });
+    const attrs = computed(() => {
+      return {
+        style: style.value,
+        "stroke-width": strokeWidth.value,
+        "stroke-linecap": strokeLinecap.value,
+        "stroke-linejoin": strokeLinejoin.value,
+        ...$attrs || {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", mergeProps({
+        "aria-hidden": "true",
+        focusable: "false",
+        viewBox: "0 0 48 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        stroke: "currentColor",
+        class: [
+          "yc-icon",
+          {
+            "yc-icon-spin": unref(spin)
+          }
+        ]
+      }, attrs.value), [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/_shared/icons/index.d.ts

@@ -0,0 +1,39 @@
+export { default as IconArrowDown } from './IconArrowDown.vue';
+export { default as IconArrowRight } from './IconArrowRight.vue';
+export { default as IconCheck } from './IconCheck.vue';
+export { default as IconCheckboxChecked } from './IconCheckboxChecked.vue';
+export { default as IconClose } from './IconClose.vue';
+export { default as IconCopy } from './IconCopy.vue';
+export { default as IconDelete } from './IconDelete.vue';
+export { default as IconDragDot } from './IconDragDot.vue';
+export { default as IconEdit } from './IconEdit.vue';
+export { default as IconEmpty } from './IconEmpty.vue';
+export { default as IconError } from './IconError.vue';
+export { default as IconExclamation } from './IconExclamation.vue';
+export { default as IconEyeClose } from './IconEyeClose.vue';
+export { default as IconEyeOpen } from './IconEyeOpen.vue';
+export { default as IconFaceSmile } from './IconFaceSmile.vue';
+export { default as IconFullScreen } from './IconFullScreen.vue';
+export { default as IconInfo } from './IconInfo.vue';
+export { default as IconInfoLine } from './IconInfoLine.vue';
+export { default as IconImageClose } from './IconImageClose.vue';
+export { default as IconLink } from './IconLink.vue';
+export { default as IconLoading } from './IconLoading.vue';
+export { default as IconMenuFold } from './IconMenuFold.vue';
+export { default as IconMenuUnfold } from './IconMenuUnfold.vue';
+export { default as IconMinus } from './IconMinus.vue';
+export { default as IconMore } from './IconMore.vue';
+export { default as IconOriginSize } from './IconOriginSize.vue';
+export { default as IconPlus } from './IconPlus.vue';
+export { default as IconRight } from './IconRight.vue';
+export { default as IconRotateLeft } from './IconRotateLeft.vue';
+export { default as IconRotateRight } from './IconRotateRight.vue';
+export { default as IconSearch } from './IconSearch.vue';
+export { default as IconSeparator } from './IconSeparator.vue';
+export { default as IconStar } from './IconStar.vue';
+export { default as IconSuccess } from './IconSuccess.vue';
+export { default as IconTime } from './IconTime.vue';
+export { default as IconToTop } from './IconToTop.vue';
+export { default as IconWarning } from './IconWarning.vue';
+export { default as IconZoomIn } from './IconZoomIn.vue';
+export { default as IconZoomOut } from './IconZoomOut.vue';

package/es/_shared/type/index.d.ts

@@ -0,0 +1,18 @@
+import { RenderFunction, ComponentPublicInstance, MaybeRef, MaybeRefOrGetter } from 'vue';
+export type Size = 'mini' | 'small' | 'medium' | 'large';
+export type Direction = 'vertical' | 'horizontal';
+export type Theme = 'light' | 'dark';
+export type TargetContainer = string | HTMLElement;
+export type PopupContainer = string | HTMLElement;
+export type ClassName = string | Record<string, boolean> | (string | Record<string, boolean>)[];
+export type RenderContent = string | ObjectData[] | RenderFunction;
+export type Props = ObjectData;
+export type ObjectData = Record<string, any>;
+export type RequiredDeep<T> = {
+    [P in keyof T]-?: T[P] extends object ? RequiredDeep<T[P]> : T[P];
+};
+export type VueInstance = ComponentPublicInstance;
+export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
+export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<T>;
+export type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
+export type UnRefElementReturn<T extends MaybeElement = MaybeElement> = T extends VueInstance ? Exclude<MaybeElement, VueInstance> : T | undefined;

package/es/_shared/utils/color.d.ts

@@ -0,0 +1,18 @@
+import { default as tinycolor, ColorInput } from 'tinycolor2';
+interface ColorStop {
+    pos: number;
+    color: ColorInput;
+}
+export declare class GradientColorCalculator {
+    private colorStops;
+    constructor();
+    getPositionForColor(color: ColorInput, totalWidth: number): number;
+    private calculateColorDistance;
+    getPrecisePositionForColor(color: ColorInput, totalWidth: number, precision?: number): number;
+    getColorAtPosition(offsetX: number, totalWidth: number): string;
+    private findStops;
+    private clamp;
+    updateColorStops(stops: ColorStop[]): void;
+}
+export declare const parseColor: (color: ColorInput) => tinycolor.Instance;
+export {};