yc-design-vue 1.7.6 → 1.7.8

package/es/Pagination/Pagination.vue.js

@@ -1,7 +1,192 @@
-import _sfc_main from "./Pagination.vue2.js";
-/* empty css                */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Pagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77c4d3a0"]]);
+import { defineComponent, ref, watch, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, createBlock, withCtx, Fragment, renderList, isRef, mergeProps } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { sleep } from "../_shared/utils/dom.js";
+import { isNumber } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+import _sfc_main$1 from "./PaginationItem.vue.js";
+/* empty css                    */
+import Select from "../Select/index.js";
+import InputNumber from "../InputNumber/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-pagination-total"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "yc-pagination-jumper yc-pagination-jumper-simple"
+};
+const _hoisted_3 = { class: "yc-pagination-jumper-total-page" };
+const _hoisted_4 = {
+  key: 1,
+  class: "yc-pagination-options"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "yc-pagination-jumper"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Pagination"
+  },
+  __name: "Pagination",
+  props: {
+    total: {},
+    current: { default: void 0 },
+    defaultCurrent: { default: 1 },
+    pageSize: { default: void 0 },
+    defaultPageSize: { default: 10 },
+    disabled: { type: Boolean, default: false },
+    hideOnSinglePage: { type: Boolean, default: false },
+    simple: { type: Boolean, default: false },
+    showTotal: { type: Boolean, default: false },
+    showMore: { type: Boolean, default: false },
+    showJumper: { type: Boolean, default: false },
+    showPageSize: { type: Boolean, default: false },
+    pageSizeOptions: { default: () => [10, 20, 30, 40, 50] },
+    pageSizeProps: { default: () => {
+      return {};
+    } },
+    size: { default: void 0 },
+    pageItemStyle: { default: () => {
+      return {};
+    } },
+    activePageItemStyle: { default: () => {
+      return {};
+    } },
+    baseSize: { default: 6 },
+    bufferSize: { default: 2 },
+    autoAdjust: { type: Boolean, default: true }
+  },
+  emits: ["update:current", "update:pageSize", "change", "page-size-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      computedCurrent,
+      pages,
+      pagesArray,
+      computedPageSize,
+      size,
+      total,
+      sizeOptions
+    } = useContext().provide(props, emits);
+    const tempCurrent = ref(computedCurrent.value);
+    watch(
+      () => computedCurrent.value,
+      () => {
+        if (tempCurrent.value == computedCurrent.value) return;
+        tempCurrent.value = computedCurrent.value;
+      }
+    );
+    const handleBlur = async (e) => {
+      if (`${tempCurrent.value}`.length) {
+        computedCurrent.value = tempCurrent.value;
+      }
+      await sleep(0);
+      const target = e.target;
+      if (+target.value != computedCurrent.value) {
+        target.value = String(computedCurrent.value);
+      }
+    };
+    return (_ctx, _cache) => {
+      return !_ctx.hideOnSinglePage || _ctx.hideOnSinglePage && unref(pages) <= 1 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["yc-pagination", `yc-pagination-size-${unref(size)}`])
+      }, [
+        _ctx.showTotal ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          renderSlot(_ctx.$slots, "total", { total: unref(total) }, () => [
+            createTextVNode(" 共 " + toDisplayString(unref(total)) + " 条 ", 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("ul", {
+          class: normalizeClass([_ctx.simple ? "yc-pagination-simple" : "yc-pagination-list"])
+        }, [
+          createVNode(_sfc_main$1, {
+            type: "pre",
+            class: "yc-pagination-item-previous"
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["page-item-step"] ? renderSlot(_ctx.$slots, "page-item-step", {
+                key: 0,
+                type: "previous"
+              }) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }),
+          !_ctx.simple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(pagesArray), (i) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              type: unref(isNumber)(i) ? "item" : i,
+              key: i,
+              page: unref(isNumber)(i) ? i : -1
+            }, {
+              default: withCtx(() => [
+                unref(isNumber)(i) ? renderSlot(_ctx.$slots, "page-item", {
+                  key: 0,
+                  page: i
+                }, () => [
+                  createTextVNode(toDisplayString(i), 1)
+                ]) : _ctx.$slots["page-item-ellipsis"] ? renderSlot(_ctx.$slots, "page-item-ellipsis", { key: 1 }) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1032, ["type", "page"]);
+          }), 128)) : (openBlock(), createElementBlock("span", _hoisted_2, [
+            createVNode(unref(InputNumber), {
+              modelValue: unref(computedCurrent),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(computedCurrent) ? computedCurrent.value = $event : null),
+              "hide-button": "",
+              size: unref(size),
+              disabled: _ctx.disabled
+            }, null, 8, ["modelValue", "size", "disabled"]),
+            _cache[4] || (_cache[4] = createElementVNode("span", { class: "yc-pagination-jumper-separator" }, "/", -1)),
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(pages)), 1)
+          ])),
+          _ctx.showMore && !_ctx.simple ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 2,
+            type: "more-right",
+            class: "'yc-pagination-item-ellipsis'"
+          })) : createCommentVNode("", true),
+          createVNode(_sfc_main$1, {
+            type: "next",
+            class: "yc-pagination-item-next"
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["page-item-step"] ? renderSlot(_ctx.$slots, "page-item-step", {
+                key: 0,
+                type: "next"
+              }) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ], 2),
+        _ctx.showPageSize ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          createVNode(unref(Select), mergeProps({
+            modelValue: unref(computedPageSize),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(computedPageSize) ? computedPageSize.value = $event : null),
+            options: unref(sizeOptions),
+            size: unref(size)
+          }, _ctx.pageSizeProps, { disabled: _ctx.disabled }), null, 16, ["modelValue", "options", "size", "disabled"])
+        ])) : createCommentVNode("", true),
+        _ctx.showJumper ? (openBlock(), createElementBlock("span", _hoisted_5, [
+          _cache[5] || (_cache[5] = createElementVNode("span", { class: "yc-pagination-jumper-text-goto" }, " 前往 ", -1)),
+          createVNode(unref(InputNumber), {
+            modelValue: tempCurrent.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tempCurrent.value = $event),
+            "hide-button": "",
+            size: unref(size),
+            disabled: _ctx.disabled,
+            min: 1,
+            max: unref(pages),
+            onFocus: _cache[3] || (_cache[3] = ($event) => tempCurrent.value = unref(computedCurrent)),
+            onBlur: handleBlur
+          }, null, 8, ["modelValue", "size", "disabled", "max"])
+        ])) : createCommentVNode("", true)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  _Pagination as default
+  _sfc_main as default
 };

package/es/Pagination/Pagination.vue3.js

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

package/es/Pagination/PaginationItem.vue.js

@@ -1,7 +1,85 @@
-import _sfc_main from "./PaginationItem.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const PaginationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db2c3eef"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, createCommentVNode } 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 _sfc_main$2 from "../_shared/icons/IconMore.vue.js";
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PaginationItem",
+  props: {
+    type: {},
+    page: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { type, page } = toRefs(props);
+    const {
+      computedCurrent,
+      pages,
+      pageItemStyle,
+      activePageItemStyle,
+      bufferSize,
+      disabled: _disabled
+    } = useContext().inject();
+    const active = computed(() => {
+      return type.value == "item" ? computedCurrent.value == page.value : false;
+    });
+    const disabled = computed(() => {
+      if (["item", "more-right", "more-left"].includes(type.value)) {
+        return _disabled.value;
+      } else if (type.value == "pre") {
+        return computedCurrent.value <= 1 || _disabled.value;
+      } else {
+        return computedCurrent.value >= pages.value || _disabled.value;
+      }
+    });
+    const handleClick = () => {
+      let i = 0;
+      if (type.value == "item") {
+        i = page.value;
+      } else if (type.value == "pre") {
+        i = computedCurrent.value - 1;
+      } else if (type.value == "next") {
+        i = computedCurrent.value + 1;
+      } else {
+        const addSize = 2 * bufferSize.value + 1;
+        i = type.value == "more-left" ? computedCurrent.value - addSize : computedCurrent.value + addSize;
+        i = type.value == "more-left" && i <= 1 ? 1 : i;
+        i = type.value == "more-right" && i >= pages.value ? pages.value : i;
+      }
+      if (disabled.value || type.value == "item" && i == computedCurrent.value || type.value == "pre" && i < 1 || type.value == "next" && i > pages.value) {
+        return;
+      }
+      computedCurrent.value = i;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass([
+          "yc-pagination-item",
+          {
+            "yc-pagination-item-disabled": disabled.value,
+            "yc-pagination-item-active": active.value
+          }
+        ]),
+        style: normalizeStyle({
+          ...unref(pageItemStyle),
+          ...active.value ? unref(activePageItemStyle) : {}
+        }),
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          ["pre", "next"].includes(unref(type)) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            rotate: unref(type) == "pre" ? 180 : 0
+          }, null, 8, ["rotate"])) : unref(type).includes("more") ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : createCommentVNode("", true)
+        ])
+      ], 6);
+    };
+  }
+});
 export {
-  PaginationItem as default
+  _sfc_main as default
 };

package/es/Pagination/PaginationItem.vue3.js

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

package/es/Pagination/index.css

@@ -1 +1 @@
-.yc-pagination{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-total{height:100%;color:var(--color-text-1);white-space:nowrap}.yc-pagination .yc-pagination-list{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-simple{display:flex;align-items:center}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple{gap:0;padding:0 4px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-separator{padding:0 12px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-total-page{padding-right:8px}.yc-pagination .yc-pagination-item{outline:0;cursor:pointer;user-select:none;padding:0 8px;border-radius:2px;background-color:transparent;color:var(--color-text-2);display:flex;justify-content:center;align-items:center;transition:color .2s cubic-bezier(0, 0, 1, 1),background-color .2s cubic-bezier(0, 0, 1, 1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover{background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-previous,.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-next{color:rgb(var(--primary-6))}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled{color:var(--color-text-4);cursor:not-allowed;background-color:transparent}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled.yc-pagination-item-active{color:var(--color-primary-light-3);background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item.yc-pagination-item-active{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1)}.yc-pagination .yc-pagination-options:deep(.yc-select){width:110px}.yc-pagination .yc-pagination-jumper{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-jumper:deep(.yc-input-outer){width:40px}.yc-pagination .yc-pagination-jumper:deep(.yc-input-outer) .yc-input-wrapper{padding-left:2px;padding-right:2px}.yc-pagination .yc-pagination-jumper:deep(.yc-input-outer) .yc-input-wrapper .yc-input{text-align:center}.yc-pagination .yc-pagination-jumper .yc-pagination-jumper-text-goto{color:var(--color-text-3);white-space:nowrap}.yc-pagination-size-mini .yc-pagination-total{font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-item{min-width:24px;height:24px;font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-jumper>span{font-size:12px}.yc-pagination-size-mini .yc-pagination-options:deep(.yc-select){width:102px}.yc-pagination-size-small .yc-pagination-total{font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-item{min-width:28px;height:28px;font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-medium .yc-pagination-total{font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-item{min-width:32px;height:32px;font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-large .yc-pagination-total{font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-item{min-width:36px;height:36px;font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-jumper>span{font-size:14px}
+.yc-pagination{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-total{height:100%;color:var(--color-text-1);white-space:nowrap}.yc-pagination .yc-pagination-list{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-simple{display:flex;align-items:center}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple{gap:0;padding:0 4px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-separator{padding:0 12px}.yc-pagination .yc-pagination-simple .yc-pagination-jumper-simple .yc-pagination-jumper-total-page{padding-right:8px}.yc-pagination .yc-pagination-item{outline:0;cursor:pointer;user-select:none;padding:0 8px;border-radius:2px;background-color:transparent;color:var(--color-text-2);display:flex;justify-content:center;align-items:center;transition:color .2s cubic-bezier(0, 0, 1, 1),background-color .2s cubic-bezier(0, 0, 1, 1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover{background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-previous,.yc-pagination .yc-pagination-item:not(.yc-pagination-item-disabled):not(.yc-pagination-item-active):hover.yc-pagination-item-next{color:rgb(var(--primary-6))}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled{color:var(--color-text-4);cursor:not-allowed;background-color:transparent}.yc-pagination .yc-pagination-item.yc-pagination-item-disabled.yc-pagination-item-active{color:var(--color-primary-light-3);background-color:var(--color-fill-1)}.yc-pagination .yc-pagination-item.yc-pagination-item-active{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1)}.yc-pagination .yc-pagination-options .yc-select{width:110px}.yc-pagination .yc-pagination-jumper{display:flex;align-items:center;gap:8px}.yc-pagination .yc-pagination-jumper .yc-input-outer{width:40px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper{padding-left:2px;padding-right:2px}.yc-pagination .yc-pagination-jumper .yc-input-outer .yc-input-wrapper .yc-input{text-align:center}.yc-pagination .yc-pagination-jumper .yc-pagination-jumper-text-goto{color:var(--color-text-3);white-space:nowrap}.yc-pagination-size-mini .yc-pagination-total{font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-item{min-width:24px;height:24px;font-size:12px;line-height:24px}.yc-pagination-size-mini .yc-pagination-jumper>span{font-size:12px}.yc-pagination-size-mini .yc-pagination-options .yc-select{width:102px}.yc-pagination-size-small .yc-pagination-total{font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-item{min-width:28px;height:28px;font-size:14px;line-height:28px}.yc-pagination-size-small .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-medium .yc-pagination-total{font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-item{min-width:32px;height:32px;font-size:14px;line-height:32px}.yc-pagination-size-medium .yc-pagination-jumper>span{font-size:14px}.yc-pagination-size-large .yc-pagination-total{font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-item{min-width:36px;height:36px;font-size:14px;line-height:36px}.yc-pagination-size-large .yc-pagination-jumper>span{font-size:14px}

package/es/Pagination/index.js

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

package/es/Progress/Progress.vue.js

@@ -1,7 +1,133 @@
-import _sfc_main from "./Progress.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-25db5a82"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import _sfc_main$2 from "./ProgressLine.vue.js";
+/* empty css                  */
+import _sfc_main$1 from "./ProgressSteps.vue.js";
+/* empty css                   */
+import _sfc_main$3 from "./ProgressCircle.vue.js";
+/* empty css                    */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Progress"
+  },
+  __name: "Progress",
+  props: {
+    type: { default: "line" },
+    size: { default: void 0 },
+    percent: { default: 0 },
+    steps: { default: 0 },
+    animation: { type: Boolean, default: false },
+    strokeWidth: {},
+    width: {},
+    color: {},
+    trackColor: {},
+    showText: { type: Boolean, default: true },
+    status: { default: "normal" }
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      steps,
+      percent,
+      width: _width,
+      type: _type,
+      status: _status,
+      strokeWidth: _strokeWidth
+    } = toRefs(props);
+    const { size } = getGlobalConfig(props);
+    const type = computed(() => steps.value > 0 ? "steps" : _type.value);
+    const status = computed(() => {
+      return _status.value || (percent.value >= 1 ? "success" : "normal");
+    });
+    const text = computed(() => `${(percent.value * 100).toFixed(0)}%`);
+    const width = computed(() => {
+      if (type.value == "steps" || type.value == "line" && size.value != "mini") {
+        return _width.value;
+      }
+      const map = {
+        mini: 16,
+        small: 48,
+        medium: 64,
+        large: 80
+      };
+      return _width.value ?? map[size.value];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-progress",
+          `yc-progress-type-${type.value}`,
+          `yc-progress-size-${unref(size)}`,
+          `yc-progress-status-${status.value}`
+        ])
+      }, [
+        unref(steps) > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          percent: unref(percent),
+          size: unref(size),
+          width: width.value,
+          "stroke-width": _ctx.strokeWidth,
+          text: text.value,
+          "show-text": _ctx.showText,
+          color: _ctx.color,
+          "track-color": _ctx.trackColor,
+          steps: unref(steps)
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.text ? {
+            name: "text",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "text", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["percent", "size", "width", "stroke-width", "text", "show-text", "color", "track-color", "steps"])) : type.value === "line" && unref(size) !== "mini" ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 1,
+          width: width.value,
+          size: unref(size),
+          "stroke-width": _ctx.strokeWidth,
+          color: _ctx.color,
+          "track-color": _ctx.trackColor,
+          text: text.value,
+          "show-text": _ctx.showText,
+          percent: unref(percent),
+          status: status.value
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.text ? {
+            name: "text",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "text", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["width", "size", "stroke-width", "color", "track-color", "text", "show-text", "percent", "status"])) : (openBlock(), createBlock(_sfc_main$3, {
+          key: 2,
+          type: type.value,
+          percent: unref(percent),
+          width: width.value,
+          "stroke-width": type.value === "line" ? _ctx.strokeWidth || 4 : _ctx.strokeWidth,
+          "path-stroke-width": type.value === "line" ? _ctx.strokeWidth || 4 : _ctx.strokeWidth,
+          size: unref(size),
+          "show-text": _ctx.showText,
+          text: text.value,
+          color: _ctx.color,
+          "track-color": _ctx.trackColor,
+          status: status.value
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.text ? {
+            name: "text",
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "text", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["type", "percent", "width", "stroke-width", "path-stroke-width", "size", "show-text", "text", "color", "track-color", "status"]))
+      ], 2);
+    };
+  }
+});
 export {
-  _Progress as default
+  _sfc_main as default
 };

package/es/Progress/Progress.vue3.js

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

package/es/Progress/ProgressCircle.vue.js

@@ -1,7 +1,149 @@
-import _sfc_main from "./ProgressCircle.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ProgressCircle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b83e3443"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { isObject } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconCheck.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconExclamation.vue2.js";
+import { TYPE_ICON_COLOR_MAP } from "../_shared/constants/index.js";
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = ["viewBox"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["offset", "stop-color"];
+const _hoisted_6 = ["cx", "cy", "r", "stroke-width"];
+const _hoisted_7 = ["cx", "cy", "r", "stroke-width"];
+const _hoisted_8 = {
+  key: 2,
+  class: /* @__PURE__ */ normalizeClass(`yc-progress-circle-text`)
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProgressCircle",
+  props: {
+    type: {},
+    percent: {},
+    status: {},
+    size: {},
+    text: {},
+    showText: { type: Boolean },
+    width: {},
+    strokeWidth: {},
+    pathStrokeWidth: {},
+    color: {},
+    trackColor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      size,
+      width,
+      color,
+      strokeWidth: _strokeWidth,
+      pathStrokeWidth: _pathStrokeWidth
+    } = toRefs(props);
+    let __YC_PROGRESS_SEED = 0;
+    const isLinearGradient = computed(() => isObject(color.value));
+    const strokeWidth = computed(() => {
+      const map = {
+        mini: 4,
+        small: 3,
+        medium: 4,
+        large: 4
+      };
+      return _strokeWidth.value ?? (size.value === "mini" ? width.value / 2 : map[size.value]);
+    });
+    const pathStrokeWidth = computed(() => {
+      if (_pathStrokeWidth.value) return _pathStrokeWidth.value;
+      return size.value === "mini" ? strokeWidth.value : Math.max(2, strokeWidth.value - 2);
+    });
+    const radius = computed(() => (width.value - strokeWidth.value) / 2);
+    const perimeter = computed(() => Math.PI * 2 * radius.value);
+    const center = computed(() => width.value / 2);
+    const linearGradientId = computed(() => {
+      __YC_PROGRESS_SEED += 1;
+      return `yc-progress-circle-linear-gradient-${__YC_PROGRESS_SEED}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": _ctx.percent,
+        class: normalizeClass(`yc-progress-circle-wrapper`),
+        style: normalizeStyle({ width: unref(valueToPx)(unref(width)), height: unref(valueToPx)(unref(width)) })
+      }, [
+        _ctx.type === "circle" && unref(size) === "mini" && _ctx.status === "success" ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          style: normalizeStyle({
+            fontSize: unref(width) - 2,
+            color: unref(color) ?? unref(TYPE_ICON_COLOR_MAP).success
+          })
+        }, null, 8, ["style"])) : (openBlock(), createElementBlock("svg", {
+          key: 1,
+          viewBox: `0 0 ${unref(width)} ${unref(width)}`,
+          class: normalizeClass(`yc-progress-circle-svg`)
+        }, [
+          unref(isObject)(unref(color)) ? (openBlock(), createElementBlock("defs", _hoisted_3, [
+            createElementVNode("linearGradient", {
+              id: linearGradientId.value,
+              x1: "0",
+              y1: "1",
+              x2: "0",
+              y2: "0"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(unref(color)), (key) => {
+                return openBlock(), createElementBlock("stop", {
+                  key,
+                  offset: key,
+                  "stop-color": unref(color)[key]
+                }, null, 8, _hoisted_5);
+              }), 128))
+            ], 8, _hoisted_4)
+          ])) : createCommentVNode("", true),
+          createElementVNode("circle", {
+            class: normalizeClass(`yc-progress-circle-bg`),
+            fill: "none",
+            cx: center.value,
+            cy: center.value,
+            r: radius.value,
+            "stroke-width": pathStrokeWidth.value,
+            style: normalizeStyle({
+              stroke: _ctx.trackColor
+            })
+          }, null, 12, _hoisted_6),
+          createElementVNode("circle", {
+            class: normalizeClass(`yc-progress-circle-bar`),
+            fill: "none",
+            cx: center.value,
+            cy: center.value,
+            r: radius.value,
+            "stroke-width": strokeWidth.value,
+            style: normalizeStyle({
+              stroke: isLinearGradient.value ? `url(#${linearGradientId.value})` : unref(color),
+              strokeDasharray: perimeter.value,
+              strokeDashoffset: (_ctx.percent >= 1 ? 0 : 1 - _ctx.percent) * perimeter.value
+            })
+          }, null, 12, _hoisted_7)
+        ], 8, _hoisted_2)),
+        _ctx.showText && unref(size) !== "mini" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          renderSlot(_ctx.$slots, "text", { percent: _ctx.percent }, () => [
+            _ctx.status === "danger" ? (openBlock(), createBlock(unref(_sfc_main$2), {
+              key: 0,
+              color: unref(TYPE_ICON_COLOR_MAP).error
+            }, null, 8, ["color"])) : _ctx.status === "success" ? (openBlock(), createBlock(unref(_sfc_main$1), {
+              key: 1,
+              color: unref(TYPE_ICON_COLOR_MAP).success
+            }, null, 8, ["color"])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createTextVNode(toDisplayString(_ctx.text), 1)
+            ], 64))
+          ])
+        ])) : createCommentVNode("", true)
+      ], 12, _hoisted_1);
+    };
+  }
+});
 export {
-  ProgressCircle as default
+  _sfc_main as default
 };

package/es/Progress/ProgressCircle.vue3.js

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