@transsionfe/semi-ui-vue 0.0.1

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

@@ -0,0 +1,136 @@
+import { defineComponent as O, useSlots as P, ref as A, computed as l, h as i, createBlock as N, openBlock 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
+};
+//# sourceMappingURL=Popover.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.vue.js","sources":["../../../../src/components/popover/Popover.vue"],"sourcesContent":["<template>\n    <Tooltip\n        ref=\"tooltipRef\"\n        :trigger=\"props.trigger\"\n        :position=\"props.position\"\n        :style=\"props.style\"\n        :content=\"renderPopCard\"\n        :prefix-cls=\"prefixCls\"\n        :spacing=\"computedSpacing\"\n        :show-arrow=\"arrowElement\"\n        :arrow-bounding=\"props.arrowBounding\"\n        :role=\"computedRole\"\n        :mouse-enter-delay=\"props.mouseEnterDelay\"\n        :mouse-leave-delay=\"props.mouseLeaveDelay\"\n        :auto-adjust-overflow=\"props.autoAdjustOverflow\"\n        :get-popup-container=\"props.getPopupContainer\"\n        :visible=\"props.visible\"\n        :motion=\"props.motion\"\n        :margin=\"props.margin\"\n        :z-index=\"props.zIndex\"\n        :click-to-hide=\"props.clickToHide\"\n        :click-trigger-to-hide=\"props.clickTriggerToHide\"\n        :close-on-esc=\"props.closeOnEsc\"\n        :guard-focus=\"props.guardFocus\"\n        :return-focus-on-close=\"props.returnFocusOnClose\"\n        :transform-from-center=\"props.transformFromCenter\"\n        :arrow-point-at-center=\"props.arrowPointAtCenter\"\n        :stop-propagation=\"props.stopPropagation === true\"\n        :re-pos-key=\"props.rePosKey\"\n        :wrap-when-special=\"props.wrapWhenSpecial\"\n        :wrapper-class-name=\"props.wrapperClassName\"\n        :disable-arrow-key-down=\"props.disableArrowKeyDown\"\n        :wrapper-id=\"props.wrapperId\"\n        :prevent-scroll=\"props.preventScroll\"\n        :disable-focus-listener=\"props.disableFocusListener\"\n        :after-close=\"props.afterClose\"\n        :keep-d-o-m=\"props.keepDOM\"\n        @visible-change=\"handleVisibleChange\"\n        @click-outside=\"handleClickOutSide\"\n        @esc-key-down=\"handleEscKeyDown\"\n    >\n        <slot></slot>\n    </Tooltip>\n</template>\n\n<script setup lang=\"ts\" name=\"Popover\">\nimport { computed, h, ref, useSlots } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses, numbers } from '@douyinfe/semi-foundation/popover/constants';\nimport Tooltip from '../tooltip/Tooltip.vue';\nimport Arrow from './Arrow.vue';\nimport type { PopoverProps } from './interface';\n\n// ====== Slots 定义 ======\nconst slots = useSlots();\n\n// ====== Props 定义 ======\n// 严格对照 React 版本的 defaultProps\nconst props = withDefaults(defineProps<PopoverProps>(), {\n    arrowBounding: () => numbers.ARROW_BOUNDING,\n    showArrow: false,\n    autoAdjustOverflow: true,\n    zIndex: numbers.DEFAULT_Z_INDEX,\n    motion: true,\n    trigger: 'hover',\n    position: 'bottom', // ✅ React 默认为 'bottom'\n    prefixCls: cssClasses.PREFIX,\n    closeOnEsc: true,\n    returnFocusOnClose: true,\n    guardFocus: true,\n    disableFocusListener: true,\n    // 注意：mouseEnterDelay 和 mouseLeaveDelay 不设置默认值，\n    // 让 Tooltip 使用自己的默认值（50ms）\n});\n\n// ====== Emits 定义 ======\nconst emit = defineEmits<{\n    'update:visible': [visible: boolean]; // v-model:visible 支持\n    visibleChange: [visible: boolean];\n    clickOutSide: [e: MouseEvent];\n    escKeyDown: [e: KeyboardEvent];\n}>();\n\n// ====== Refs ======\nconst tooltipRef = ref();\n\n// ====== Computed Properties ======\n\nconst prefixCls = computed(() => props.prefixCls);\n\n// 计算 role 属性 - 严格对照 React 版本\n// React: const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';\nconst computedRole = computed(() => {\n    return props.trigger === 'click' || props.trigger === 'custom' ? 'dialog' : 'tooltip';\n});\n\n// 计算 spacing - 严格对照 React 版本\n// React: if (isNullOrUndefined(spacing)) {\n//     spacing = showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;\n// }\nconst computedSpacing = computed(() => {\n    if (props.spacing !== undefined) {\n        return props.spacing;\n    }\n    return props.showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;\n});\n\n// 渲染箭头组件 - 严格对照 React 版本\n// React: const arrow = showArrow ? <Arrow {...arrowProps} /> : false;\nconst arrowElement = computed(() => {\n    if (!props.showArrow) {\n        return false;\n    }\n\n    const arrowProps = {\n        position: props.position,\n        className: '',\n        popStyle: props.style,\n        arrowStyle: props.arrowStyle,\n    };\n\n    return h(Arrow, arrowProps);\n});\n\n// ====== Methods ======\n\n/**\n * 渲染 Popover 卡片内容\n * 严格对照 React 的 renderPopCard 方法，同时支持 Vue slots\n */\nconst renderPopCard = (renderProps: { initialFocusRef?: unknown }) => {\n    const { initialFocusRef } = renderProps;\n\n    // React: const popCardCls = classNames(prefixCls, contentClassName, { [`${prefixCls}-rtl`]: direction === 'rtl' });\n    // 注意：classNames 返回字符串，需要确保在 h 函数中正确使用\n    const popCardCls = classNames(\n        prefixCls.value,\n        props.contentClassName\n        // RTL 支持可以后续添加\n    );\n\n    // 渲染 content 节点 - 优先使用 slot，其次使用 prop\n    // 支持作用域插槽，传递 initialFocusRef 给插槽\n    const contentNode = slots.content\n        ? slots.content({ initialFocusRef })\n        : renderContentNode({ initialFocusRef, content: props.content });\n\n    // 处理 title - 优先使用 slot，其次使用 prop\n    const titleContent = slots.title ? slots.title() : props.title;\n\n    // React 版本的 DOM 结构：\n    // <div className={popCardCls}>\n    //     <div className={`${prefixCls}-content`}>{contentNode}</div>\n    // </div>\n    // 如果有 title，需要添加 title div（样式文件中有对应的样式定义）\n    const children = [];\n\n    if (titleContent) {\n        children.push(h('div', { class: `${prefixCls.value}-title` }, titleContent));\n    }\n\n    children.push(h('div', { class: `${prefixCls.value}-content` }, contentNode));\n\n    return h('div', { class: popCardCls }, children);\n};\n\n/**\n * 渲染内容节点\n * 严格对照 React 的 renderContentNode 方法\n */\nconst renderContentNode = (renderProps: { content: unknown; initialFocusRef?: unknown }) => {\n    const { initialFocusRef, content } = renderProps;\n    const contentProps = { initialFocusRef };\n\n    // React: return !isFunction(content) ? content : content(contentProps);\n    if (typeof content === 'function') {\n        return content(contentProps);\n    }\n    return content;\n};\n\n/**\n * Focus on tooltip trigger\n * 对照 React 的公共方法\n */\nconst focusTrigger = () => {\n    tooltipRef.value?.focusTrigger();\n};\n\n// ====== Event Handlers ======\n\nconst handleVisibleChange = (visible: boolean) => {\n    emit('update:visible', visible); // v-model:visible 支持\n    emit('visibleChange', visible);\n};\n\nconst handleClickOutSide = (e: MouseEvent) => {\n    emit('clickOutSide', e);\n};\n\nconst handleEscKeyDown = (e: KeyboardEvent) => {\n    emit('escKeyDown', e);\n};\n\n// ====== Expose Public Methods ======\ndefineExpose({\n    focusTrigger,\n});\n</script>\n"],"names":["slots","useSlots","props","__props","emit","__emit","tooltipRef","ref","prefixCls","computed","computedRole","computedSpacing","numbers","arrowElement","arrowProps","h","Arrow","renderPopCard","renderProps","initialFocusRef","popCardCls","classNames","contentNode","renderContentNode","titleContent","children","content","contentProps","focusTrigger","_a","handleVisibleChange","visible","handleClickOutSide","e","handleEscKeyDown","__expose","_createBlock","Tooltip","_normalizeStyle","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/popover/index.js

@@ -0,0 +1,6 @@
+import o from "./Popover.vue.js";
+/* empty css             */
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.vue.js","sources":["../../../../src/components/progress/Progress.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"type === 'line'\"\n        :id=\"id\"\n        :class=\"lineProgressClasses\"\n        :style=\"style\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"validPercent\"\n        v-bind=\"allAttrs\"\n    >\n        <div :class=\"progressTrackCls\" :style=\"orbitStroke ? { backgroundColor: orbitStroke } : {}\" aria-hidden>\n            <div :class=\"innerCls\" :style=\"innerStyle\" aria-hidden />\n        </div>\n        <div v-if=\"showInfo\" :class=\"`${prefixCls}-line-text`\">\n            <component :is=\"formattedText\" v-if=\"isVNode(formattedText)\" />\n            <template v-else>{{ formattedText }}</template>\n        </div>\n    </div>\n    <div\n        v-else\n        :id=\"id\"\n        :class=\"circleProgressClasses\"\n        :style=\"style\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"animatedPercent\"\n        v-bind=\"allAttrs\"\n    >\n        <svg :key=\"size\" :class=\"`${prefixCls}-circle-ring`\" :height=\"circleWidth\" :width=\"circleWidth\" aria-hidden>\n            <circle\n                :class=\"`${prefixCls}-circle-ring-track`\"\n                :stroke-dashoffset=\"0\"\n                :stroke-width=\"strokeWidth\"\n                :stroke-dasharray=\"strokeDasharray\"\n                :stroke-linecap=\"strokeLinecap\"\n                fill=\"transparent\"\n                :style=\"{ stroke: orbitStroke }\"\n                :r=\"radius\"\n                :cx=\"cx\"\n                :cy=\"cy\"\n                aria-hidden\n            />\n            <circle\n                :class=\"`${prefixCls}-circle-ring-inner`\"\n                :stroke-dashoffset=\"strokeDashoffset\"\n                :stroke-width=\"strokeWidth\"\n                :stroke-dasharray=\"strokeDasharray\"\n                :stroke-linecap=\"strokeLinecap\"\n                fill=\"transparent\"\n                :style=\"{ stroke: computedStroke }\"\n                :r=\"radius\"\n                :cx=\"cx\"\n                :cy=\"cy\"\n                aria-hidden\n            />\n        </svg>\n        <span v-if=\"showInfo && size !== 'small'\" :class=\"`${prefixCls}-circle-text`\">\n            <component :is=\"formattedText\" v-if=\"isVNode(formattedText)\" />\n            <template v-else>{{ formattedText }}</template>\n        </span>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onUnmounted, isVNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/progress/constants';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport { Animation } from '@douyinfe/semi-animation';\nimport { generateColor } from '@douyinfe/semi-foundation/progress/generates';\nimport type { ProgressProps, StrokeArr } from './interface';\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    className: '',\n    direction: 'horizontal',\n    motion: true,\n    percent: 0,\n    showInfo: false,\n    size: 'default',\n    strokeGradient: false,\n    strokeLinecap: 'round',\n    strokeWidth: 4,\n    type: 'line',\n});\n\n// Get all attributes (data + aria)\nconst allAttrs = computed(() => {\n    const {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n        'aria-valuetext': ariaValuetext,\n        className,\n        direction,\n        format,\n        id,\n        motion,\n        orbitStroke,\n        percent,\n        showInfo,\n        size,\n        stroke,\n        strokeGradient,\n        strokeLinecap,\n        strokeWidth,\n        style,\n        type,\n        width,\n        ...rest\n    } = props;\n\n    const attrs: Record<string, any> = getDataAttr(rest);\n\n    // Add aria attributes if they exist\n    if (ariaLabel) attrs['aria-label'] = ariaLabel;\n    if (ariaLabelledby) attrs['aria-labelledby'] = ariaLabelledby;\n    if (ariaValuetext) attrs['aria-valuetext'] = ariaValuetext;\n\n    return attrs;\n});\n\n// State for animation\nconst animatedPercent = ref(props.percent);\nlet animation: Animation | null = null;\nlet mounted = true;\n\n// Calc valid percent (clamp between 0-100)\nconst calcPercent = (percent: number): number => {\n    if (percent > 100) {\n        return 100;\n    } else if (percent < 0) {\n        return 0;\n    }\n    return percent;\n};\n\nconst validPercent = computed(() => calcPercent(props.percent));\n\n// Select stroke color\nconst selectStroke = (stroke: string | StrokeArr, percent: number, strokeGradient: boolean): string | undefined => {\n    if (typeof stroke === 'string') {\n        return stroke;\n    }\n    const color = generateColor(stroke, percent, strokeGradient);\n    if (typeof color !== 'undefined') {\n        return color;\n    }\n    return undefined;\n};\n\nconst computedStroke = computed(() => {\n    return selectStroke(props.stroke, props.percent, props.strokeGradient);\n});\n\n// Format function\nconst defaultFormat = (text: number): string => `${text}%`;\nconst formatFunc = computed(() => props.format || defaultFormat);\n\nconst formattedText = computed(() => {\n    const percNumber = calcPercent(animatedPercent.value);\n    return formatFunc.value(percNumber);\n});\n\n// Line progress styles\nconst lineProgressClasses = computed(() => {\n    return classNames(prefixCls, props.className, {\n        [`${prefixCls}-horizontal`]: props.direction === 'horizontal',\n        [`${prefixCls}-vertical`]: props.direction !== 'horizontal',\n        [`${prefixCls}-large`]: props.size === 'large',\n    });\n});\n\nconst progressTrackCls = computed(() => {\n    return classNames({\n        [`${prefixCls}-track`]: true,\n    });\n});\n\nconst innerCls = computed(() => {\n    return `${prefixCls}-track-inner`;\n});\n\nconst innerStyle = computed(() => {\n    const perc = validPercent.value;\n    const _stroke = selectStroke(props.stroke, props.percent, props.strokeGradient);\n    const style: Record<string, any> = {\n        background: _stroke,\n    };\n    if (props.direction === 'horizontal') {\n        style.width = `${perc}%`;\n    } else {\n        style.height = `${perc}%`;\n    }\n    return style;\n});\n\n// Circle progress styles\nconst circleProgressClasses = computed(() => {\n    return classNames(`${prefixCls}-circle`, props.className);\n});\n\nconst circleWidth = computed(() => {\n    if (props.width) {\n        return props.width;\n    }\n    return props.size === 'default' ? 72 : 24;\n});\n\nconst cy = computed(() => circleWidth.value / 2);\nconst cx = computed(() => circleWidth.value / 2);\nconst radius = computed(() => (circleWidth.value - props.strokeWidth) / 2);\nconst circumference = computed(() => radius.value * 2 * Math.PI);\n\nconst strokeDashoffset = computed(() => {\n    const perc = validPercent.value;\n    return (1 - perc / 100) * circumference.value;\n});\n\nconst strokeDasharray = computed(() => {\n    return `${circumference.value} ${circumference.value}`;\n});\n\n// Watch percent changes for animation\nwatch(\n    () => props.percent,\n    (newPercent, oldPercent) => {\n        if (isNaN(newPercent) || isNaN(oldPercent)) {\n            throw new Error('[Semi Progress]:percent can not be NaN');\n        }\n\n        if (oldPercent === newPercent) {\n            return;\n        }\n\n        if (!props.motion) {\n            animatedPercent.value = newPercent;\n            return;\n        }\n\n        // Destroy previous animation\n        if (animation && animation.destroy) {\n            animation.destroy();\n        }\n\n        animation = new Animation(\n            {\n                from: { value: oldPercent },\n                to: { value: newPercent },\n            },\n            {\n                easing: 'linear',\n                duration: 300,\n            }\n        );\n\n        animation.on('frame', (animProps: any) => {\n            if (!mounted) {\n                return;\n            }\n            const percentNumber = parseInt(animProps.value);\n            animatedPercent.value = percentNumber;\n        });\n\n        animation.on('rest', () => {\n            if (!mounted) {\n                return;\n            }\n            animatedPercent.value = newPercent;\n        });\n\n        animation.start();\n    }\n);\n\nonUnmounted(() => {\n    if (animation && animation.destroy) {\n        animation.destroy();\n    }\n    mounted = false;\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","allAttrs","computed","ariaLabel","ariaLabelledby","ariaValuetext","className","direction","format","id","motion","orbitStroke","percent","showInfo","size","stroke","strokeGradient","strokeLinecap","strokeWidth","style","type","width","rest","attrs","getDataAttr","animatedPercent","ref","animation","mounted","calcPercent","validPercent","selectStroke","color","generateColor","computedStroke","defaultFormat","text","formatFunc","formattedText","percNumber","lineProgressClasses","classNames","progressTrackCls","innerCls","innerStyle","perc","circleProgressClasses","circleWidth","cy","cx","radius","circumference","strokeDashoffset","strokeDasharray","watch","newPercent","oldPercent","Animation","animProps","percentNumber","onUnmounted","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeStyle","_unref","isVNode","_createBlock","_resolveDynamicComponent","_Fragment"],"mappings":"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"}

package/lib/es/components/progress/index.js

@@ -0,0 +1,6 @@
+import o from "./Progress.vue.js";
+/* empty css              */
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/es/components/radio/Radio.vue.js

@@ -0,0 +1,249 @@
+import { defineComponent as ue, mergeModels as E, useModel as te, useSlots as le, ref as N, computed as u, onMounted as re, onUnmounted as de, watch as ne, createElementBlock as k, openBlock as $, mergeProps as F, createVNode as se, createCommentVNode as V, normalizeClass as B, normalizeStyle as ie, renderSlot as z, createTextVNode as ve, toDisplayString as ce } from "vue";
+import I from "classnames";
+import { strings as P, radioClasses as D } from "@douyinfe/semi-foundation/radio/constants";
+import pe from "@douyinfe/semi-foundation/radio/radioFoundation";
+import { getUuidShort as T } from "@douyinfe/semi-foundation/utils/uuid";
+import fe from "@douyinfe/semi-foundation/utils/getDataAttr";
+import me from "./RadioInner.vue.js";
+/* empty css                */
+import { useRadioGroup as he } from "./context.js";
+const be = ["id"], Ce = ["id"], Ee = /* @__PURE__ */ ue({
+  __name: "Radio",
+  props: /* @__PURE__ */ E({
+    autoFocus: { type: Boolean, default: !1 },
+    checked: { type: Boolean },
+    defaultChecked: { type: Boolean, default: !1 },
+    value: {},
+    disabled: { type: Boolean },
+    prefixCls: {},
+    displayMode: {},
+    mode: { default: "" },
+    extra: {},
+    style: {},
+    className: {},
+    addonStyle: {},
+    addonClassName: {},
+    type: { default: "default" },
+    "aria-label": {},
+    addonId: {},
+    extraId: {},
+    name: {},
+    preventScroll: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ E(["change", "update:modelValue", "update:checked", "mouseenter", "mouseleave"], ["update:modelValue"]),
+  setup(h, { expose: A, emit: U }) {
+    const b = te(h, "modelValue"), a = h, m = U, S = le(), l = he(), g = N(), _ = u(() => a.checked !== void 0 ? a.checked : b.value !== void 0 ? b.value : a.defaultChecked ?? !1), t = N({
+      hover: !1,
+      addonId: a.addonId,
+      extraId: a.extraId,
+      checked: _.value,
+      focusVisible: !1
+    }), w = {
+      setHover: (e) => {
+        t.value.hover = e;
+      },
+      setAddonId: () => {
+        t.value.addonId = T({ prefix: "addon" });
+      },
+      setChecked: (e) => {
+        t.value.checked = e;
+      },
+      setExtraId: () => {
+        t.value.extraId = T({ prefix: "extra" });
+      },
+      setFocusVisible: (e) => {
+        t.value.focusVisible = e;
+      },
+      setState: () => {
+      },
+      getState: (e) => e ? t.value[e] : t.value,
+      getStates: () => t.value,
+      getProps: () => a,
+      getProp: (e) => a[e],
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: () => {
+      },
+      persistEvent: () => {
+      }
+    }, n = new pe(w);
+    re(() => {
+      n.init();
+    }), de(() => {
+      n.destroy();
+    }), ne(
+      _,
+      (e) => {
+        typeof e == "boolean" && n.setChecked(e);
+      },
+      { immediate: !0 }
+    );
+    const r = u(() => !!l.value.radioGroup), H = () => {
+      const { className: e, style: v, prefixCls: c, displayMode: f, mode: ae, type: Re, value: ke, name: $e, ...oe } = a;
+      return fe(oe);
+    }, Y = (e) => {
+      const v = {
+        ...e,
+        target: {
+          ...e.target,
+          value: a.value
+        }
+      };
+      if (r.value) {
+        const { radioGroup: f } = l.value;
+        f != null && f.onChange && f.onChange(v);
+      }
+      const c = e.target.checked;
+      m("update:modelValue", c), a.checked === void 0 && n.setChecked(c), m("update:checked", c), m("change", v);
+    }, O = (e) => {
+      m("mouseenter", e), n.setHover(!0);
+    }, X = (e) => {
+      m("mouseleave", e), n.setHover(!1);
+    }, L = (e) => {
+      n.handleFocusVisible(e);
+    }, W = () => {
+      n.handleBlur();
+    };
+    A({
+      focus: () => {
+        var e;
+        (e = g.value) == null || e.focus();
+      },
+      blur: () => {
+        var e;
+        (e = g.value) == null || e.blur();
+      }
+    });
+    const G = u(() => S.default), C = u(() => a.extra || S.extra), p = u(() => {
+      var e;
+      if (r.value) {
+        const v = (e = l.value.radioGroup) == null ? void 0 : e.value, c = a.value;
+        return (typeof v == "boolean" ? v ? 1 : 0 : v) === (typeof c == "boolean" ? c ? 1 : 0 : c);
+      }
+      return b.value !== void 0 ? b.value : a.checked !== void 0 ? a.checked : t.value.checked;
+    }), s = u(() => {
+      var e;
+      return r.value ? a.disabled || ((e = l.value.radioGroup) == null ? void 0 : e.disabled) : a.disabled;
+    }), j = u(() => r.value ? l.value.mode : a.mode), y = u(() => {
+      var e;
+      return r.value ? (e = l.value.radioGroup) == null ? void 0 : e.isButtonRadio : a.type === P.TYPE_BUTTON;
+    }), i = u(() => {
+      var e;
+      return r.value ? (e = l.value.radioGroup) == null ? void 0 : e.isCardRadio : a.type === P.TYPE_CARD || x.value;
+    }), x = u(() => {
+      var e;
+      return r.value ? (e = l.value.radioGroup) == null ? void 0 : e.isPureCardRadio : a.type === P.TYPE_PURECARD;
+    }), R = u(() => {
+      var e;
+      if (r.value)
+        return (e = l.value.radioGroup) == null ? void 0 : e.buttonSize;
+    }), o = u(() => {
+      var e;
+      return r.value ? a.prefixCls || ((e = l.value.radioGroup) == null ? void 0 : e.prefixCls) || D.PREFIX : a.prefixCls || D.PREFIX;
+    }), M = u(() => a.type === "button"), d = u(
+      () => typeof y.value > "u" ? M.value : y.value
+    ), q = u(() => i.value || x.value || d.value), J = u(() => r.value && l.value.radioGroup ? a.name ?? l.value.radioGroup.name : a.name), K = u(
+      () => I(o.value, {
+        [`${o.value}-disabled`]: s.value,
+        [`${o.value}-checked`]: p.value,
+        [`${o.value}-${a.displayMode}`]: !!a.displayMode,
+        [`${o.value}-buttonRadioComponent`]: M.value,
+        [`${o.value}-buttonRadioGroup`]: y.value,
+        [`${o.value}-buttonRadioGroup-${R.value}`]: y.value && R.value,
+        [`${o.value}-cardRadioGroup`]: i.value,
+        [`${o.value}-cardRadioGroup_disabled`]: s.value && i.value,
+        [`${o.value}-cardRadioGroup_checked`]: i.value && p.value && !s.value,
+        [`${o.value}-cardRadioGroup_checked_disabled`]: i.value && p.value && s.value,
+        [`${o.value}-cardRadioGroup_hover`]: i.value && !p.value && t.value.hover && !s.value,
+        [a.className]: !!a.className,
+        [`${o.value}-focus`]: t.value.focusVisible && (i.value || x.value)
+      })
+    ), Q = u(
+      () => I(
+        {
+          [`${o.value}-addon`]: !d.value,
+          [`${o.value}-addon-buttonRadio`]: d.value,
+          [`${o.value}-addon-buttonRadio-checked`]: d.value && p.value,
+          [`${o.value}-addon-buttonRadio-disabled`]: d.value && s.value,
+          [`${o.value}-addon-buttonRadio-hover`]: d.value && !p.value && !s.value && t.value.hover,
+          [`${o.value}-addon-buttonRadio-${R.value}`]: d.value && R.value,
+          [`${o.value}-focus`]: t.value.focusVisible && d.value
+        },
+        a.addonClassName
+      )
+    ), Z = u(
+      () => I([
+        `${o.value}-content`,
+        {
+          [`${o.value}-isCardRadioGroup_content`]: i.value
+        }
+      ])
+    ), ee = u(() => ({
+      checked: p.value,
+      disabled: s.value,
+      autoFocus: a.autoFocus,
+      "aria-label": a["aria-label"],
+      prefixCls: o.value,
+      preventScroll: a.preventScroll
+    }));
+    return (e, v) => ($(), k("label", F({
+      class: K.value,
+      style: h.style
+    }, H(), {
+      onMouseenter: O,
+      onMouseleave: X
+    }), [
+      se(me, F(ee.value, {
+        ref_key: "radioEntityRef",
+        ref: g,
+        mode: j.value,
+        name: J.value,
+        "is-button-radio": d.value,
+        "is-pure-card-radio-group": x.value,
+        "addon-id": G.value && t.value.addonId,
+        "extra-id": C.value && t.value.extraId,
+        "focus-inner": t.value.focusVisible && !q.value,
+        onChange: Y,
+        onInputFocus: L,
+        onInputBlur: W
+      }), null, 16, ["mode", "name", "is-button-radio", "is-pure-card-radio-group", "addon-id", "extra-id", "focus-inner"]),
+      G.value || C.value ? ($(), k("div", {
+        key: 0,
+        class: B(Z.value)
+      }, [
+        G.value ? ($(), k("span", {
+          key: 0,
+          id: t.value.addonId,
+          class: B(Q.value),
+          style: ie(h.addonStyle),
+          "x-semi-prop": "children"
+        }, [
+          z(e.$slots, "default")
+        ], 14, be)) : V("", !0),
+        C.value && !d.value ? ($(), k("div", {
+          key: 1,
+          id: t.value.extraId,
+          class: B(`${o.value}-extra`),
+          "x-semi-prop": "extra"
+        }, [
+          z(e.$slots, "extra", {}, () => [
+            ve(ce(C.value), 1)
+          ])
+        ], 10, Ce)) : V("", !0)
+      ], 2)) : V("", !0)
+    ], 16));
+  }
+});
+export {
+  Ee as default
+};
+//# sourceMappingURL=Radio.vue.js.map