yc-design-vue 1.0.1

package/es/Popover/index.d.ts

@@ -0,0 +1,90 @@
+import { App } from 'vue';
+import { default as _Popover } from './index.vue';
+export type PopoverInstance = InstanceType<typeof _Popover>;
+export * from './type';
+declare const Popover: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').PopoverProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:popupVisible": (value: boolean) => any;
+        "popup-visible-change": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        trigger: import('..').TriggerType;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        position: import('..').TriggerPostion;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
+        content: string;
+        title: string;
+        triggerProps: import('..').TriggerProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').PopoverProps> & Readonly<{
+        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+    }>, {
+        hide(): void;
+        show(): void;
+    }, {}, {}, {}, {
+        trigger: import('..').TriggerType;
+        popupVisible: boolean;
+        defaultPopupVisible: boolean;
+        position: import('..').TriggerPostion;
+        contentClass: import('../_shared/type').ClassName;
+        contentStyle: import('vue').CSSProperties;
+        arrowClass: import('../_shared/type').ClassName;
+        arrowStyle: import('vue').CSSProperties;
+        popupContainer: import('..').PopupContainer;
+        content: string;
+        title: string;
+        triggerProps: import('..').TriggerProps;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').PopoverProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    hide(): void;
+    show(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+}, string, {
+    trigger: import('..').TriggerType;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    position: import('..').TriggerPostion;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: import('vue').CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: import('vue').CSSProperties;
+    popupContainer: import('..').PopupContainer;
+    content: string;
+    title: string;
+    triggerProps: import('..').TriggerProps;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').PopoverSlots> & import('./type').PopoverSlots;
+}) & {
+    install: (app: App) => void;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        YcPopover: typeof Popover;
+    }
+}
+export default Popover;

package/es/Popover/index.js

@@ -0,0 +1,10 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Popover = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+  }
+});
+export {
+  Popover as default
+};

package/es/Popover/index.vue.d.ts

@@ -0,0 +1,38 @@
+import { PopoverProps, PopoverSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<PopoverSlots> & PopoverSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PopoverProps, {
+    hide(): void;
+    show(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    trigger: import('../Trigger').TriggerType;
+    popupVisible: boolean;
+    defaultPopupVisible: boolean;
+    position: import('../Trigger').TriggerPostion;
+    contentClass: import('../_shared/type').ClassName;
+    contentStyle: import('vue').CSSProperties;
+    arrowClass: import('../_shared/type').ClassName;
+    arrowStyle: import('vue').CSSProperties;
+    popupContainer: import('..').PopupContainer;
+    content: string;
+    title: string;
+    triggerProps: import('../Trigger').TriggerProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/Popover/index.vue.js

@@ -0,0 +1,100 @@
+import { defineComponent, toRefs, createBlock, openBlock, unref, mergeProps, isRef, withCtx, renderSlot, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } 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 useControlValue from "../_shared/utils/control.js";
+import Trigger from "../Trigger/index.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-popover-title"
+};
+const _hoisted_2 = { class: "yc-popover-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Popover"
+  },
+  __name: "index",
+  props: {
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: false },
+    title: { default: "" },
+    content: { default: "" },
+    trigger: { default: "hover" },
+    position: { default: "bottom" },
+    contentClass: { default: "" },
+    contentStyle: { default: () => {
+      return {};
+    } },
+    arrowClass: { default: "" },
+    arrowStyle: { default: () => {
+      return {};
+    } },
+    popupContainer: { default: void 0 },
+    triggerProps: { default: () => {
+      return {};
+    } }
+  },
+  emits: ["update:popupVisible", "popup-visible-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { popupVisible, defaultPopupVisible } = toRefs(props);
+    const computedVisible = useControlValue(
+      popupVisible,
+      defaultPopupVisible.value,
+      (val) => {
+        emits("update:popupVisible", val);
+        emits("popup-visible-change", val);
+      }
+    );
+    __expose({
+      show() {
+        computedVisible.value = true;
+      },
+      hide() {
+        computedVisible.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Trigger), mergeProps({
+        "popup-visible": unref(computedVisible),
+        "onUpdate:popupVisible": _cache[0] || (_cache[0] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
+        trigger: _ctx.trigger,
+        position: _ctx.position,
+        "popup-container": _ctx.popupContainer,
+        "arrow-class": ["yc-popover-popup-arrow ", _ctx.arrowClass],
+        "arrow-style": _ctx.arrowStyle,
+        "content-class": ["yc-popover-popup-content", _ctx.contentClass],
+        "content-style": _ctx.contentStyle,
+        "popup-offset": 10,
+        class: ["yc-popover", _ctx.$attrs.class],
+        style: _ctx.$attrs.style,
+        "animation-name": "zoom-in-fade-out",
+        "need-transform-origin": "",
+        "show-arrow": ""
+      }, _ctx.triggerProps), {
+        content: withCtx(() => [
+          _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              createTextVNode(toDisplayString(_ctx.content), 1)
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["popup-visible", "trigger", "position", "popup-container", "arrow-class", "arrow-style", "content-class", "content-style", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Popover/index.vue3.js

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

package/es/Popover/type.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'vue';
+import { ClassName, PopupContainer } from '../_shared/type';
+import { TriggerPostion, TriggerProps, TriggerType } from '../Trigger';
+export interface PopoverProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    title?: string;
+    content?: string;
+    trigger?: TriggerType;
+    position?: TriggerPostion;
+    contentClass?: ClassName;
+    contentStyle?: CSSProperties;
+    arrowClass?: ClassName;
+    arrowStyle?: CSSProperties;
+    popupContainer?: PopupContainer;
+    triggerProps?: TriggerProps;
+}
+export interface PopoverEmits {
+    (e: 'update:popupVisible', value: boolean): void;
+    (e: 'popup-visible-change', value: boolean): void;
+}
+export interface PopoverSlots {
+    default(): void;
+    content(): void;
+    title(): void;
+}
+export interface PopoverExpose {
+    hide(): void;
+    show(): void;
+}

package/es/Progress/Progress.vue.d.ts

@@ -0,0 +1,34 @@
+import { ProgressProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    size: import('..').Size;
+    type: import('./type').ProgressType;
+    animation: boolean;
+    status: import('./type').ProgressStatus;
+    showText: boolean;
+    percent: number;
+    steps: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/Progress/Progress.vue.js

@@ -0,0 +1,7 @@
+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-842ae8ac"]]);
+export {
+  _Progress as default
+};

package/es/Progress/Progress.vue2.js

@@ -0,0 +1,131 @@
+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.vue.d.ts

@@ -0,0 +1,34 @@
+import { ProgressColor, ProgressStatus } from './type';
+import { Size } from '../_shared/type';
+type __VLS_Props = {
+    type: string;
+    percent: number;
+    status?: ProgressStatus;
+    size: Size;
+    text: string;
+    showText: boolean;
+    width: number;
+    strokeWidth?: number;
+    pathStrokeWidth?: number;
+    color?: ProgressColor;
+    trackColor?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/Progress/ProgressCircle.vue.js

@@ -0,0 +1,7 @@
+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"]]);
+export {
+  ProgressCircle as default
+};

package/es/Progress/ProgressCircle.vue2.js

@@ -0,0 +1,150 @@
+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 "../_shared/utils/dom.js";
+import { valueToPx } from "../_shared/utils/fn.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.vue.d.ts

@@ -0,0 +1,32 @@
+import { ProgressColor, ProgressStatus } from './type';
+import { Size } from '../_shared/type';
+type __VLS_Props = {
+    size: Size;
+    percent: number;
+    status?: ProgressStatus;
+    showText: boolean;
+    text: string;
+    width?: number;
+    strokeWidth?: number;
+    color?: ProgressColor;
+    trackColor?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            percent: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};