@transsionfe/semi-ui-vue 0.0.6 → 0.0.7

package/lib/es/components/popconfirm/Popconfirm.vue.js

@@ -1,343 +0,0 @@
-import { defineComponent as z, useSlots as K, ref as P, reactive as q, computed as y, getCurrentInstance as H, watch as X, openBlock as M, createBlock as U, mergeProps as W, unref as Z, withCtx as G, renderSlot as S, h as n, nextTick as O } from "vue";
-import { omit as g, isFunction as J } from "lodash";
-import { numbers as Q, cssClasses as h } from "@douyinfe/semi-foundation/popconfirm/constants";
-import Y from "@douyinfe/semi-foundation/popconfirm/popconfirmFoundation";
-import ee from "../popover/Popover.vue.js";
-import k from "../button/Button.vue.js";
-import oe from "../icons/icons/IconAlertTriangle.vue.js";
-import te from "../icons/icons/IconClose.vue.js";
-const ue = /* @__PURE__ */ z({
-  __name: "Popconfirm",
-  props: {
-    cancelText: {},
-    cancelButtonProps: {},
-    cancelType: { default: "tertiary" },
-    defaultVisible: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    icon: { type: [Object, String, Function], default: () => n(oe, { size: "extra-large" }) },
-    okText: {},
-    okType: { default: "primary" },
-    okButtonProps: {},
-    motion: { type: Boolean, default: !0 },
-    title: {},
-    visible: { type: Boolean },
-    prefixCls: { default: h.PREFIX },
-    zIndex: { default: Q.DEFAULT_Z_INDEX },
-    trigger: { default: "click" },
-    showCloseIcon: { type: Boolean, default: !0 },
-    position: { default: "bottomLeft" },
-    content: {},
-    onCancel: {},
-    onConfirm: {},
-    onVisibleChange: {},
-    onClickOutSide: {},
-    autoAdjustOverflow: { type: Boolean, default: !0 },
-    children: {},
-    margin: {},
-    mouseEnterDelay: {},
-    mouseLeaveDelay: {},
-    className: {},
-    contentClassName: {},
-    showArrow: { type: Boolean },
-    spacing: {},
-    stopPropagation: { type: [Boolean, String], default: !0 },
-    rePosKey: {},
-    getPopupContainer: {},
-    style: {},
-    arrowStyle: {},
-    arrowBounding: {},
-    arrowPointAtCenter: { type: Boolean },
-    closeOnEsc: { type: Boolean },
-    guardFocus: { type: Boolean },
-    returnFocusOnClose: { type: Boolean },
-    onEscKeyDown: {},
-    clickToHide: { type: Boolean },
-    clickTriggerToHide: { type: Boolean },
-    disableFocusListener: { type: Boolean },
-    transformFromCenter: { type: Boolean },
-    wrapWhenSpecial: { type: Boolean },
-    wrapperClassName: {},
-    disableArrowKeyDown: { type: Boolean },
-    wrapperId: {},
-    preventScroll: { type: Boolean },
-    afterClose: {},
-    keepDOM: { type: Boolean }
-  },
-  emits: ["confirm", "cancel", "visibleChange", "clickOutSide"],
-  setup(v, { expose: T, emit: w }) {
-    const o = v, a = w, r = K(), L = P(null), p = P(null), i = q({
-      visible: o.defaultVisible || !1,
-      cancelLoading: !1,
-      confirmLoading: !1
-    }), $ = y(() => o.position ? o.position : "bottomLeft"), u = H(), _ = y(() => {
-      const e = u == null ? void 0 : u.vnode.props;
-      return e && ("visible" in e || "v-model:visible" in e);
-    }), f = {
-      getProps: () => o,
-      getProp: (e) => o[e],
-      getState: (e) => i[e],
-      getStates: () => i,
-      setState: (e) => {
-        Object.assign(i, e);
-      },
-      getContext: () => null,
-      getContexts: () => ({}),
-      getCache: () => null,
-      setCache: () => {
-      },
-      getCaches: () => ({}),
-      stopPropagation: (e) => {
-        "stopPropagation" in e && typeof e.stopPropagation == "function" && e.stopPropagation();
-      },
-      persistEvent: () => {
-      },
-      // Popconfirm 特定方法
-      setVisible: (e) => {
-        i.visible = e;
-      },
-      updateConfirmLoading: (e) => {
-        i.confirmLoading = e;
-      },
-      updateCancelLoading: (e) => {
-        i.cancelLoading = e;
-      },
-      notifyConfirm: (e) => {
-        var s;
-        const t = (s = o.onConfirm) == null ? void 0 : s.call(o, e);
-        return a("confirm", e), t;
-      },
-      notifyCancel: (e) => {
-        var s;
-        const t = (s = o.onCancel) == null ? void 0 : s.call(o, e);
-        return a("cancel", e), t;
-      },
-      notifyVisibleChange: (e) => {
-        var t;
-        (t = o.onVisibleChange) == null || t.call(o, e), a("visibleChange", e);
-      },
-      notifyClickOutSide: (e) => {
-        var t;
-        (t = o.onClickOutSide) == null || t.call(o, e), a("clickOutSide", e);
-      },
-      focusCancelButton: () => {
-        O(() => {
-          var t;
-          const e = (t = p.value) == null ? void 0 : t.querySelector("[data-type=cancel]");
-          e == null || e.focus({ preventScroll: !0 });
-        });
-      },
-      focusOkButton: () => {
-        O(() => {
-          var t;
-          const e = (t = p.value) == null ? void 0 : t.querySelector("[data-type=ok]");
-          e == null || e.focus({ preventScroll: !0 });
-        });
-      },
-      focusPrevFocusElement: () => {
-      }
-    }, c = new Y(f), b = (e) => {
-      c.handleCancel(e);
-    }, V = (e) => {
-      c.handleConfirm(e);
-    }, F = (e) => {
-      c.handleVisibleChange(e);
-    }, I = (e) => {
-      c.handleClickOutSide(e);
-    }, E = (e) => {
-      var t;
-      (t = e == null ? void 0 : e.stopImmediatePropagation) == null || t.call(e);
-    }, D = () => {
-      const e = o.okText || "确定", t = o.cancelText || "取消";
-      return [
-        n(
-          k,
-          {
-            "data-type": "cancel",
-            type: o.cancelType,
-            onClick: b,
-            loading: i.cancelLoading,
-            ...g(o.cancelButtonProps, "autoFocus")
-          },
-          { default: () => t }
-        ),
-        n(
-          k,
-          {
-            "data-type": "ok",
-            type: o.okType,
-            theme: "solid",
-            onClick: V,
-            loading: i.confirmLoading,
-            ...g(o.okButtonProps, "autoFocus")
-          },
-          { default: () => e }
-        )
-      ];
-    }, A = () => {
-      var x;
-      const e = o.title !== null && typeof o.title < "u", t = !(o.content === null || typeof o.content > "u"), s = o.icon !== null && o.icon !== void 0 && typeof o.icon == "object", N = {
-        [`${o.prefixCls}-body`]: !0,
-        [`${o.prefixCls}-body-withIcon`]: s
-      }, j = {
-        [o.prefixCls]: !0,
-        // TODO: 支持 RTL，从 ConfigContext 获取 direction 后启用
-        // [`${props.prefixCls}-rtl`]: direction === 'rtl',
-        ...o.className ? { [o.className]: !0 } : {}
-      }, l = [], d = (x = r.icon) == null ? void 0 : x.call(r);
-      if (d && d.length > 0)
-        l.push(
-          n(
-            "i",
-            {
-              class: `${o.prefixCls}-header-icon`,
-              "x-semi-prop": "icon"
-            },
-            d
-          )
-        );
-      else if (s) {
-        const m = typeof o.icon == "function" ? o.icon() : o.icon;
-        l.push(
-          n(
-            "i",
-            {
-              class: `${o.prefixCls}-header-icon`,
-              "x-semi-prop": "icon"
-            },
-            [m]
-          )
-        );
-      }
-      const B = [];
-      e && B.push(
-        n(
-          "div",
-          {
-            class: `${o.prefixCls}-header-title`,
-            "x-semi-prop": "title"
-          },
-          [o.title]
-        )
-      ), l.push(
-        n(
-          "div",
-          {
-            class: `${o.prefixCls}-header-body`
-          },
-          B
-        )
-      ), o.showCloseIcon && l.push(
-        n(k, {
-          class: `${o.prefixCls}-btn-close`,
-          icon: n(te),
-          size: "small",
-          theme: "borderless",
-          type: o.cancelType,
-          onClick: b
-        })
-      );
-      const C = [
-        // 头部
-        n(
-          "div",
-          {
-            class: `${o.prefixCls}-header`
-          },
-          l
-        )
-      ];
-      if (t) {
-        const m = J(o.content) ? o.content({}) : o.content;
-        C.push(
-          n(
-            "div",
-            {
-              class: N,
-              "x-semi-prop": "content"
-            },
-            [m]
-          )
-        );
-      }
-      return C.push(
-        n(
-          "div",
-          {
-            class: `${o.prefixCls}-footer`,
-            ref: p
-          },
-          D()
-        )
-      ), n(
-        "div",
-        {
-          class: j,
-          style: o.style,
-          onClick: E
-        },
-        [
-          n(
-            "div",
-            {
-              class: `${o.prefixCls}-inner`
-            },
-            C
-          )
-        ]
-      );
-    }, R = y(() => {
-      const e = {
-        ...g(o, [
-          "cancelText",
-          "cancelButtonProps",
-          "cancelType",
-          "defaultVisible",
-          "disabled",
-          "icon",
-          "okText",
-          "okType",
-          "okButtonProps",
-          "title",
-          "content",
-          "onCancel",
-          "onConfirm",
-          "onVisibleChange",
-          "onClickOutSide",
-          "showCloseIcon",
-          "prefixCls"
-          // 不传递 prefixCls，避免覆盖 Popover 的默认 prefixCls
-        ]),
-        contentClassName: h.POPOVER
-        // 使用 contentClassName 而不是传递 prefixCls
-      }, t = i.confirmLoading || i.cancelLoading, s = o.trigger || "click";
-      return t && s === "hover" && (e.mouseLeaveDelay = 999999), _.value ? (e.visible = i.visible, e.trigger = "custom") : e.trigger = "click", e;
-    });
-    return X(
-      () => o.visible,
-      (e) => {
-        e !== void 0 && (i.visible = e);
-      }
-    ), T({
-      focusCancelButton: () => f.focusCancelButton(),
-      focusOkButton: () => f.focusOkButton()
-    }), (e, t) => v.disabled ? S(e.$slots, "default", { key: 1 }) : (M(), U(ee, W({
-      key: 0,
-      ref_key: "popoverRef",
-      ref: L
-    }, R.value, {
-      position: $.value,
-      content: () => A(),
-      class: Z(h).POPOVER,
-      onVisibleChange: F,
-      onClickOutSide: I
-    }), {
-      default: G(() => [
-        S(e.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["position", "content", "class"]));
-  }
-});
-export {
-  ue as default
-};

package/lib/es/components/popover/Arrow.vue.js

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

package/lib/es/components/popover/Popover.vue.js

@@ -1,135 +0,0 @@
-import { defineComponent as O, useSlots as P, ref as A, computed as l, h as i, openBlock as N, createBlock as _, normalizeStyle as x, withCtx as F, renderSlot as E } from "vue";
-import T from "classnames";
-import { numbers as c, cssClasses as I } from "@douyinfe/semi-foundation/popover/constants";
-import R from "../tooltip/Tooltip.vue.js";
-import K from "./Arrow.vue2.js";
-const $ = /* @__PURE__ */ O({
-  __name: "Popover",
-  props: {
-    autoAdjustOverflow: { type: Boolean, default: !0 },
-    children: {},
-    content: {},
-    visible: { type: Boolean },
-    position: { default: "bottom" },
-    motion: { type: Boolean, default: !0 },
-    margin: {},
-    mouseEnterDelay: {},
-    mouseLeaveDelay: {},
-    trigger: { default: "hover" },
-    className: {},
-    contentClassName: {},
-    onVisibleChange: {},
-    onClickOutSide: {},
-    showArrow: { type: Boolean, default: !1 },
-    spacing: {},
-    stopPropagation: { type: [Boolean, String] },
-    prefixCls: { default: I.PREFIX },
-    rePosKey: {},
-    getPopupContainer: {},
-    zIndex: { default: c.DEFAULT_Z_INDEX },
-    style: {},
-    arrowStyle: {},
-    arrowBounding: { default: () => c.ARROW_BOUNDING },
-    arrowPointAtCenter: { type: Boolean },
-    closeOnEsc: { type: Boolean, default: !0 },
-    guardFocus: { type: Boolean, default: !0 },
-    returnFocusOnClose: { type: Boolean, default: !0 },
-    onEscKeyDown: {},
-    clickToHide: { type: Boolean },
-    clickTriggerToHide: { type: Boolean },
-    disableFocusListener: { type: Boolean, default: !0 },
-    transformFromCenter: { type: Boolean },
-    wrapWhenSpecial: { type: Boolean },
-    wrapperClassName: {},
-    disableArrowKeyDown: { type: Boolean },
-    wrapperId: {},
-    preventScroll: { type: Boolean },
-    afterClose: {},
-    keepDOM: { type: Boolean },
-    title: {}
-  },
-  emits: ["update:visible", "visibleChange", "clickOutSide", "escKeyDown"],
-  setup(m, { expose: g, emit: w }) {
-    const n = P(), e = m, s = w, d = A(), a = l(() => e.prefixCls), y = l(() => e.trigger === "click" || e.trigger === "custom" ? "dialog" : "tooltip"), C = l(() => e.spacing !== void 0 ? e.spacing : e.showArrow ? c.SPACING_WITH_ARROW : c.SPACING), v = l(() => {
-      if (!e.showArrow)
-        return !1;
-      const o = {
-        position: e.position,
-        className: "",
-        popStyle: e.style,
-        arrowStyle: e.arrowStyle
-      };
-      return i(K, o);
-    }), h = (o) => {
-      const { initialFocusRef: t } = o, r = T(
-        a.value,
-        e.contentClassName
-        // RTL 支持可以后续添加
-      ), p = n.content ? n.content({ initialFocusRef: t }) : k({ initialFocusRef: t, content: e.content }), f = n.title ? n.title() : e.title, u = [];
-      return f && u.push(i("div", { class: `${a.value}-title` }, f)), u.push(i("div", { class: `${a.value}-content` }, p)), i("div", { class: r }, u);
-    }, k = (o) => {
-      const { initialFocusRef: t, content: r } = o, p = { initialFocusRef: t };
-      return typeof r == "function" ? r(p) : r;
-    }, b = () => {
-      var o;
-      (o = d.value) == null || o.focusTrigger();
-    }, B = (o) => {
-      s("update:visible", o), s("visibleChange", o);
-    }, S = (o) => {
-      s("clickOutSide", o);
-    }, D = (o) => {
-      s("escKeyDown", o);
-    };
-    return g({
-      focusTrigger: b
-    }), (o, t) => (N(), _(R, {
-      ref_key: "tooltipRef",
-      ref: d,
-      trigger: e.trigger,
-      position: e.position,
-      style: x(e.style),
-      content: h,
-      "prefix-cls": a.value,
-      spacing: C.value,
-      "show-arrow": v.value,
-      "arrow-bounding": e.arrowBounding,
-      role: y.value,
-      "mouse-enter-delay": e.mouseEnterDelay,
-      "mouse-leave-delay": e.mouseLeaveDelay,
-      "auto-adjust-overflow": e.autoAdjustOverflow,
-      "get-popup-container": e.getPopupContainer,
-      visible: e.visible,
-      motion: e.motion,
-      margin: e.margin,
-      "z-index": e.zIndex,
-      "click-to-hide": e.clickToHide,
-      "click-trigger-to-hide": e.clickTriggerToHide,
-      "close-on-esc": e.closeOnEsc,
-      "guard-focus": e.guardFocus,
-      "return-focus-on-close": e.returnFocusOnClose,
-      "transform-from-center": e.transformFromCenter,
-      "arrow-point-at-center": e.arrowPointAtCenter,
-      "stop-propagation": e.stopPropagation === !0,
-      "re-pos-key": e.rePosKey,
-      "wrap-when-special": e.wrapWhenSpecial,
-      "wrapper-class-name": e.wrapperClassName,
-      "disable-arrow-key-down": e.disableArrowKeyDown,
-      "wrapper-id": e.wrapperId,
-      "prevent-scroll": e.preventScroll,
-      "disable-focus-listener": e.disableFocusListener,
-      "after-close": e.afterClose,
-      "keep-d-o-m": e.keepDOM,
-      onVisibleChange: B,
-      onClickOutside: S,
-      onEscKeyDown: D
-    }, {
-      default: F(() => [
-        E(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["trigger", "position", "style", "prefix-cls", "spacing", "show-arrow", "arrow-bounding", "role", "mouse-enter-delay", "mouse-leave-delay", "auto-adjust-overflow", "get-popup-container", "visible", "motion", "margin", "z-index", "click-to-hide", "click-trigger-to-hide", "close-on-esc", "guard-focus", "return-focus-on-close", "transform-from-center", "arrow-point-at-center", "stop-propagation", "re-pos-key", "wrap-when-special", "wrapper-class-name", "disable-arrow-key-down", "wrapper-id", "prevent-scroll", "disable-focus-listener", "after-close", "keep-d-o-m"]));
-  }
-});
-export {
-  $ as default
-};

package/lib/es/components/progress/Progress.vue.js

@@ -1,198 +0,0 @@
-import { defineComponent as Q, computed as a, ref as Y, watch as Z, onUnmounted as _, openBlock as n, createElementBlock as u, mergeProps as A, createElementVNode as g, normalizeStyle as p, normalizeClass as d, unref as h, isVNode as D, createBlock as G, resolveDynamicComponent as V, Fragment as E, createTextVNode as F, toDisplayString as P, createCommentVNode as T } from "vue";
-import N from "classnames";
-import { cssClasses as ee } from "@douyinfe/semi-foundation/progress/constants";
-import te from "@douyinfe/semi-foundation/utils/getDataAttr";
-import { Animation as re } from "@douyinfe/semi-animation";
-import { generateColor as ae } from "@douyinfe/semi-foundation/progress/generates";
-const oe = ["id", "aria-valuenow"], se = ["id", "aria-valuenow"], le = ["height", "width"], ie = ["stroke-width", "stroke-dasharray", "stroke-linecap", "r", "cx", "cy"], ne = ["stroke-dashoffset", "stroke-width", "stroke-dasharray", "stroke-linecap", "r", "cx", "cy"], Ie = /* @__PURE__ */ Q({
-  __name: "Progress",
-  props: {
-    "aria-label": {},
-    "aria-labelledby": {},
-    "aria-valuetext": {},
-    className: { default: "" },
-    direction: { default: "horizontal" },
-    format: {},
-    id: {},
-    motion: { type: Boolean, default: !0 },
-    orbitStroke: {},
-    percent: { default: 0 },
-    showInfo: { type: Boolean, default: !1 },
-    size: { default: "default" },
-    stroke: {},
-    strokeGradient: { type: Boolean, default: !1 },
-    strokeLinecap: { default: "round" },
-    strokeWidth: { default: 4 },
-    style: {},
-    type: { default: "line" },
-    width: {}
-  },
-  setup(r) {
-    const o = ee.PREFIX, e = r, z = a(() => {
-      const {
-        "aria-label": t,
-        "aria-labelledby": l,
-        "aria-valuetext": s,
-        className: c,
-        direction: m,
-        format: W,
-        id: ce,
-        motion: ue,
-        orbitStroke: de,
-        percent: fe,
-        showInfo: ve,
-        size: ke,
-        stroke: me,
-        strokeGradient: he,
-        strokeLinecap: ye,
-        strokeWidth: ge,
-        style: pe,
-        type: be,
-        width: we,
-        ...O
-      } = e, y = te(O);
-      return t && (y["aria-label"] = t), l && (y["aria-labelledby"] = l), s && (y["aria-valuetext"] = s), y;
-    }), v = Y(e.percent);
-    let i = null, b = !0;
-    const C = (t) => t > 100 ? 100 : t < 0 ? 0 : t, w = a(() => C(e.percent)), S = (t, l, s) => {
-      if (typeof t == "string")
-        return t;
-      const c = ae(t, l, s);
-      if (typeof c < "u")
-        return c;
-    }, j = a(() => S(e.stroke, e.percent, e.strokeGradient)), M = (t) => `${t}%`, R = a(() => e.format || M), f = a(() => {
-      const t = C(v.value);
-      return R.value(t);
-    }), U = a(() => N(o, e.className, {
-      [`${o}-horizontal`]: e.direction === "horizontal",
-      [`${o}-vertical`]: e.direction !== "horizontal",
-      [`${o}-large`]: e.size === "large"
-    })), X = a(() => N({
-      [`${o}-track`]: !0
-    })), q = a(() => `${o}-track-inner`), H = a(() => {
-      const t = w.value, l = S(e.stroke, e.percent, e.strokeGradient), s = {};
-      if (e.strokeGradient && Array.isArray(e.stroke)) {
-        const c = e.stroke.sort((m, W) => m.percent - W.percent).map((m) => `${m.color} ${m.percent}%`).join(", ");
-        s.background = `linear-gradient(to right, ${c})`;
-      } else
-        s.background = l;
-      return e.direction === "horizontal" ? s.width = `${t}%` : s.height = `${t}%`, s;
-    }), J = a(() => N(`${o}-circle`, e.className)), k = a(() => e.width ? e.width : e.size === "small" ? 24 : e.size === "default" ? 72 : e.size === "large" ? 96 : 72), I = a(() => k.value / 2), B = a(() => k.value / 2), $ = a(() => (k.value - e.strokeWidth) / 2), x = a(() => $.value * 2 * Math.PI), K = a(() => (1 - w.value / 100) * x.value), L = a(() => `${x.value} ${x.value}`);
-    return Z(
-      () => e.percent,
-      (t, l) => {
-        if (isNaN(t) || isNaN(l))
-          throw new Error("[Semi Progress]:percent can not be NaN");
-        if (l !== t) {
-          if (!e.motion) {
-            v.value = t;
-            return;
-          }
-          i && i.destroy && i.destroy(), i = new re(
-            {
-              from: { value: l },
-              to: { value: t }
-            },
-            {
-              easing: "linear",
-              duration: 300
-            }
-          ), i.on("frame", (s) => {
-            if (!b)
-              return;
-            const c = parseInt(s.value);
-            v.value = c;
-          }), i.on("rest", () => {
-            b && (v.value = t);
-          }), i.start();
-        }
-      }
-    ), _(() => {
-      i && i.destroy && i.destroy(), b = !1;
-    }), (t, l) => r.type === "line" ? (n(), u("div", A({
-      key: 0,
-      id: r.id,
-      class: U.value,
-      style: r.style,
-      role: "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": w.value
-    }, z.value), [
-      g("div", {
-        class: d(X.value),
-        style: p(r.orbitStroke ? { backgroundColor: r.orbitStroke } : {}),
-        "aria-hidden": ""
-      }, [
-        g("div", {
-          class: d(q.value),
-          style: p(H.value),
-          "aria-hidden": ""
-        }, null, 6)
-      ], 6),
-      r.showInfo ? (n(), u("div", {
-        key: 0,
-        class: d(`${h(o)}-line-text`)
-      }, [
-        D(f.value) ? (n(), G(V(f.value), { key: 0 })) : (n(), u(E, { key: 1 }, [
-          F(P(f.value), 1)
-        ], 64))
-      ], 2)) : T("", !0)
-    ], 16, oe)) : (n(), u("div", A({
-      key: 1,
-      id: r.id,
-      class: J.value,
-      style: r.style,
-      role: "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": v.value
-    }, z.value), [
-      (n(), u("svg", {
-        key: r.size,
-        class: d(`${h(o)}-circle-ring`),
-        height: k.value,
-        width: k.value,
-        "aria-hidden": ""
-      }, [
-        g("circle", {
-          class: d(`${h(o)}-circle-ring-track`),
-          "stroke-dashoffset": 0,
-          "stroke-width": r.strokeWidth,
-          "stroke-dasharray": L.value,
-          "stroke-linecap": r.strokeLinecap,
-          fill: "transparent",
-          style: p({ stroke: r.orbitStroke }),
-          r: $.value,
-          cx: B.value,
-          cy: I.value,
-          "aria-hidden": ""
-        }, null, 14, ie),
-        g("circle", {
-          class: d(`${h(o)}-circle-ring-inner`),
-          "stroke-dashoffset": K.value,
-          "stroke-width": r.strokeWidth,
-          "stroke-dasharray": L.value,
-          "stroke-linecap": r.strokeLinecap,
-          fill: "transparent",
-          style: p({ stroke: j.value }),
-          r: $.value,
-          cx: B.value,
-          cy: I.value,
-          "aria-hidden": ""
-        }, null, 14, ne)
-      ], 10, le)),
-      r.showInfo && r.size !== "small" ? (n(), u("span", {
-        key: 0,
-        class: d(`${h(o)}-circle-text`)
-      }, [
-        D(f.value) ? (n(), G(V(f.value), { key: 0 })) : (n(), u(E, { key: 1 }, [
-          F(P(f.value), 1)
-        ], 64))
-      ], 2)) : T("", !0)
-    ], 16, se));
-  }
-});
-export {
-  Ie as default
-};