yc-design-vue 1.7.5 → 1.7.7

package/es/Pagination/Pagination.vue2.js

@@ -1,191 +0,0 @@
-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 PaginationItem from "./PaginationItem.vue.js";
-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)
-          ], true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("ul", {
-          class: normalizeClass([_ctx.simple ? "yc-pagination-simple" : "yc-pagination-list"])
-        }, [
-          createVNode(PaginationItem, {
-            type: "pre",
-            class: "yc-pagination-item-previous"
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots["page-item-step"] ? renderSlot(_ctx.$slots, "page-item-step", {
-                key: 0,
-                type: "previous"
-              }, void 0, true) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }),
-          !_ctx.simple ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(pagesArray), (i) => {
-            return openBlock(), createBlock(PaginationItem, {
-              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)
-                ], true) : _ctx.$slots["page-item-ellipsis"] ? renderSlot(_ctx.$slots, "page-item-ellipsis", { key: 1 }, void 0, true) : 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(PaginationItem, {
-            key: 2,
-            type: "more-right",
-            class: "'yc-pagination-item-ellipsis'"
-          })) : createCommentVNode("", true),
-          createVNode(PaginationItem, {
-            type: "next",
-            class: "yc-pagination-item-next"
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots["page-item-step"] ? renderSlot(_ctx.$slots, "page-item-step", {
-                key: 0,
-                type: "next"
-              }, void 0, true) : 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 {
-  _sfc_main as default
-};

package/es/Pagination/PaginationItem.vue2.js

@@ -1,85 +0,0 @@
-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)
-        ], true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Progress/Progress.vue2.js

@@ -1,131 +0,0 @@
-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 ProgressLine from "./ProgressLine.vue.js";
-import _sfc_main$1 from "./ProgressSteps.vue.js";
-/* empty css                   */
-import ProgressCircle from "./ProgressCircle.vue.js";
-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)), void 0, true)
-            ]),
-            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(ProgressLine, {
-          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)), void 0, true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["width", "size", "stroke-width", "color", "track-color", "text", "show-text", "percent", "status"])) : (openBlock(), createBlock(ProgressCircle, {
-          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)), void 0, true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["type", "percent", "width", "stroke-width", "path-stroke-width", "size", "show-text", "text", "color", "track-color", "status"]))
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Progress/ProgressCircle.vue2.js

@@ -1,149 +0,0 @@
-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))
-          ], true)
-        ])) : createCommentVNode("", true)
-      ], 12, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Progress/ProgressLine.vue2.js

@@ -1,99 +0,0 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, unref, createElementVNode, createCommentVNode, normalizeStyle, renderSlot, createBlock, toDisplayString, resolveDynamicComponent } from "vue";
-import { TYPE_ICON_MAP, TYPE_ICON_COLOR_MAP } from "../_shared/constants/index.js";
-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                             */
-const _hoisted_1 = ["aria-valuenow"];
-const _hoisted_2 = {
-  key: 0,
-  class: "yc-progress-line-text"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ProgressLine",
-  props: {
-    size: {},
-    percent: {},
-    status: {},
-    showText: { type: Boolean },
-    text: {},
-    width: {},
-    strokeWidth: {},
-    color: {},
-    trackColor: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const {
-      width,
-      trackColor,
-      color,
-      percent,
-      size,
-      strokeWidth: _strokeWidth
-    } = toRefs(props);
-    const strokeWidth = computed(() => {
-      const map = {
-        small: 3,
-        medium: 4,
-        large: 8
-      };
-      return _strokeWidth.value ?? map[size.value];
-    });
-    const style = computed(() => ({
-      width: valueToPx(width.value),
-      height: valueToPx(strokeWidth.value),
-      backgroundColor: trackColor.value
-    }));
-    const barStyle = computed(() => {
-      return {
-        width: `${percent.value * 100}%`,
-        ...getBackground(color.value)
-      };
-    });
-    const getBackground = (color2) => {
-      if (isObject(color2)) {
-        const val = Object.keys(color2).map((key) => `${color2[key]} ${key}`).join(",");
-        return {
-          backgroundImage: `linear-gradient(to right, ${val})`
-        };
-      }
-      return {
-        backgroundColor: color2
-      };
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        role: "progressbar",
-        "aria-valuemin": "0",
-        "aria-valuemax": "100",
-        "aria-valuenow": unref(percent),
-        class: "yc-progress-line-wrapper"
-      }, [
-        createElementVNode("div", {
-          class: "yc-progress-line",
-          style: normalizeStyle(style.value)
-        }, [
-          createElementVNode("div", {
-            class: "yc-progress-line-bar",
-            style: normalizeStyle(barStyle.value)
-          }, null, 4)
-        ], 4),
-        _ctx.showText ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "text", { percent: unref(percent) }, () => [
-            createElementVNode("span", null, toDisplayString(_ctx.text), 1),
-            _ctx.status === "danger" ? (openBlock(), createBlock(resolveDynamicComponent(unref(TYPE_ICON_MAP).warning), {
-              key: 0,
-              color: unref(TYPE_ICON_COLOR_MAP).error
-            }, null, 8, ["color"])) : createCommentVNode("", true)
-          ], true)
-        ])) : createCommentVNode("", true)
-      ], 8, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};