@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/rating/Rating.vue.js

@@ -0,0 +1,226 @@
+import { defineComponent as X, mergeModels as p, useModel as A, ref as f, computed as n, watch as L, provide as G, onMounted as J, onUnmounted as Q, createElementBlock as S, openBlock as v, normalizeStyle as W, normalizeClass as Y, Fragment as M, renderList as Z, createBlock as P, unref as _, withCtx as ee, createVNode as ae } from "vue";
+import le from "classnames";
+import { cssClasses as te } from "@douyinfe/semi-foundation/rating/constants";
+import oe from "@douyinfe/semi-foundation/rating/foundation";
+import R from "./RatingItem.vue.js";
+import ue from "../tooltip/Tooltip.vue.js";
+/* empty css                      */
+const re = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], be = /* @__PURE__ */ X({
+  __name: "Rating",
+  props: /* @__PURE__ */ p({
+    "aria-describedby": {},
+    "aria-errormessage": {},
+    "aria-invalid": { type: Boolean },
+    "aria-label": {},
+    "aria-labelledby": {},
+    "aria-required": { type: Boolean },
+    disabled: { type: Boolean },
+    value: {},
+    defaultValue: { default: 0 },
+    count: { default: 5 },
+    allowHalf: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: !0 },
+    style: { default: () => ({}) },
+    prefixCls: { default: te.PREFIX },
+    className: {},
+    character: {},
+    tabIndex: { default: -1 },
+    autoFocus: { type: Boolean },
+    size: { default: "default" },
+    tooltips: {},
+    id: {},
+    preventScroll: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["change", "update:modelValue", "update:value", "hoverChange", "focus", "blur", "keydown"], ["update:modelValue"]),
+  setup(a, { expose: I, emit: D }) {
+    const b = A(a, "modelValue"), l = a, s = D, m = f(), y = f({}), h = n(() => b.value !== void 0 ? b.value : l.value !== void 0 ? l.value : l.defaultValue ?? 0), x = n(() => b.value !== void 0 || l.value !== void 0), C = f(h.value);
+    L(h, (e) => {
+      x.value || (C.value = e);
+    });
+    const i = n(() => x.value ? h.value : C.value), t = f({
+      value: i.value,
+      focused: !1,
+      hoverValue: void 0,
+      clearedValue: null,
+      emptyStarFocusVisible: !1
+    });
+    let B = !1;
+    L(i, (e) => {
+      B && t.value.value !== e && (t.value.value = e);
+    }), G("direction", "ltr");
+    const E = {
+      focus: () => {
+        var e;
+        if (!l.disabled) {
+          const u = Math.ceil(i.value) - 1, o = u < 0 ? l.count : u;
+          (e = y.value[o]) == null || e.starFocus();
+        }
+      },
+      getStarDOM: (e) => {
+        var u;
+        return (u = y.value[e]) == null ? void 0 : u.$el;
+      },
+      notifyHoverChange: (e, u) => {
+        t.value.hoverValue = e, t.value.clearedValue = u, s("hoverChange", e);
+      },
+      updateValue: (e) => {
+        x.value || (C.value = e), t.value.value = e, s("change", e), s("update:modelValue", e), s("update:value", e);
+      },
+      clearValue: (e) => {
+        t.value.clearedValue = e;
+      },
+      notifyFocus: (e) => {
+        t.value.focused = !0, s("focus", e);
+      },
+      notifyBlur: (e) => {
+        t.value.focused = !1, s("blur", e);
+      },
+      notifyKeyDown: (e) => {
+        t.value.focused = !1, s("keydown", e);
+      },
+      setEmptyStarFocusVisible: (e) => {
+        t.value.emptyStarFocusVisible = e;
+      },
+      getState: () => t.value,
+      getStates: () => t.value,
+      getProps: () => l,
+      getProp: (e) => l[e],
+      setState: (e) => {
+        Object.assign(t.value, e);
+      },
+      getContext: (e) => {
+        if (e === "direction") return "ltr";
+      },
+      getContexts: () => {
+      },
+      getCache: () => {
+      },
+      getCaches: () => {
+      },
+      setCache: () => {
+      },
+      stopPropagation: () => {
+      },
+      persistEvent: () => {
+      }
+    }, r = new oe(E), d = n(() => t.value.hoverValue), F = n(() => t.value.focused), g = n(() => {
+      if (l["aria-label"])
+        return l["aria-label"];
+      let e = "star";
+      return typeof l.character == "string" && (e = l.character), e;
+    }), K = n(() => `Rating: ${i.value} of ${l.count} ${g.value}${i.value === 1 ? "" : "s"},`), N = n(() => le(
+      l.prefixCls,
+      {
+        [`${l.prefixCls}-disabled`]: l.disabled,
+        [`${l.prefixCls}-focus`]: t.value.emptyStarFocusVisible
+      },
+      l.className
+    )), V = (e, u) => {
+      u && (y.value[e] = u);
+    }, $ = (e, u) => {
+      r.handleHover(e, u);
+    }, O = () => {
+      r.handleMouseLeave();
+    }, k = (e, u) => {
+      r.handleClick(e, u);
+    }, j = (e) => {
+      r.handleFocus(e);
+    }, q = (e) => {
+      r.handleBlur(e);
+    }, T = (e) => {
+      r.handleKeyDown(e, i.value);
+    }, w = (e) => {
+      r.handleStarFocusVisible(e);
+    }, H = (e) => {
+      r.handleStarBlur(e);
+    }, z = () => {
+      var e;
+      l.disabled || (e = m.value) == null || e.focus({ preventScroll: l.preventScroll });
+    }, U = () => {
+      var e;
+      l.disabled || (e = m.value) == null || e.blur();
+    };
+    return J(() => {
+      r.init(), B = !0, t.value.value = i.value, l.autoFocus && z();
+    }), Q(() => {
+      r.destroy();
+    }), I({
+      focus: z,
+      blur: U
+    }), (e, u) => (v(), S("ul", {
+      id: a.id,
+      ref_key: "rateRef",
+      ref: m,
+      class: Y(N.value),
+      style: W(a.style),
+      "aria-label": K.value,
+      "aria-labelledby": l["aria-labelledby"],
+      "aria-describedby": l["aria-describedby"],
+      tabindex: a.disabled ? -1 : a.tabIndex,
+      onMouseleave: O,
+      onFocus: j,
+      onBlur: q,
+      onKeydown: T
+    }, [
+      (v(!0), S(M, null, Z(a.count + 1, (o) => (v(), S(M, { key: o }, [
+        a.tooltips && a.tooltips[o - 1] ? (v(), P(_(ue), {
+          key: 0,
+          visible: d.value - 1 === o - 1,
+          trigger: "custom",
+          content: a.tooltips[o - 1]
+        }, {
+          default: ee(() => [
+            ae(R, {
+              ref_for: !0,
+              ref: (c) => V(o - 1, c),
+              index: o - 1,
+              count: a.count,
+              prefixCls: `${a.prefixCls}-star`,
+              allowHalf: a.allowHalf,
+              value: d.value === void 0 ? i.value : d.value,
+              disabled: a.disabled,
+              character: a.character,
+              focused: F.value,
+              size: o - 1 === a.count ? 0 : a.size,
+              ariaLabelPrefix: g.value,
+              "aria-describedby": l["aria-describedby"],
+              preventScroll: a.preventScroll,
+              onClick: k,
+              onHover: $,
+              onFocus: (c) => o - 1 === a.count ? w : void 0,
+              onBlur: (c) => o - 1 === a.count ? H : void 0
+            }, null, 8, ["index", "count", "prefixCls", "allowHalf", "value", "disabled", "character", "focused", "size", "ariaLabelPrefix", "aria-describedby", "preventScroll", "onFocus", "onBlur"])
+          ]),
+          _: 2
+        }, 1032, ["visible", "content"])) : (v(), P(R, {
+          key: 1,
+          ref_for: !0,
+          ref: (c) => V(o - 1, c),
+          index: o - 1,
+          count: a.count,
+          prefixCls: `${a.prefixCls}-star`,
+          allowHalf: a.allowHalf,
+          value: d.value === void 0 ? i.value : d.value,
+          disabled: a.disabled,
+          character: a.character,
+          focused: F.value,
+          size: o - 1 === a.count ? 0 : a.size,
+          ariaLabelPrefix: g.value,
+          "aria-describedby": l["aria-describedby"],
+          preventScroll: a.preventScroll,
+          onClick: k,
+          onHover: $,
+          onFocus: (c) => o - 1 === a.count ? w : void 0,
+          onBlur: (c) => o - 1 === a.count ? H : void 0
+        }, null, 8, ["index", "count", "prefixCls", "allowHalf", "value", "disabled", "character", "focused", "size", "ariaLabelPrefix", "aria-describedby", "preventScroll", "onFocus", "onBlur"]))
+      ], 64))), 128))
+    ], 46, re));
+  }
+});
+export {
+  be as default
+};
+//# sourceMappingURL=Rating.vue.js.map

package/lib/es/components/rating/Rating.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.vue.js","sources":["../../../../src/components/rating/Rating.vue"],"sourcesContent":["<template>\n    <ul\n        :id=\"id\"\n        ref=\"rateRef\"\n        :class=\"ratingClasses\"\n        :style=\"style\"\n        :aria-label=\"ariaLabel\"\n        :aria-labelledby=\"props['aria-labelledby']\"\n        :aria-describedby=\"props['aria-describedby']\"\n        :tabindex=\"disabled ? -1 : tabIndex\"\n        @mouseleave=\"handleMouseLeave\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @keydown=\"handleKeyDown\"\n    >\n        <template v-for=\"ind in count + 1\" :key=\"ind\">\n            <Tooltip\n                v-if=\"tooltips && tooltips[ind - 1]\"\n                :visible=\"hoverValue - 1 === ind - 1\"\n                trigger=\"custom\"\n                :content=\"tooltips[ind - 1]\"\n            >\n                <RatingItem\n                    :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                    :index=\"ind - 1\"\n                    :count=\"count\"\n                    :prefixCls=\"`${prefixCls}-star`\"\n                    :allowHalf=\"allowHalf\"\n                    :value=\"hoverValue === undefined ? value : hoverValue\"\n                    :disabled=\"disabled\"\n                    :character=\"character\"\n                    :focused=\"focused\"\n                    :size=\"ind - 1 === count ? 0 : size\"\n                    :ariaLabelPrefix=\"ariaLabelPrefix\"\n                    :aria-describedby=\"props['aria-describedby']\"\n                    :preventScroll=\"preventScroll\"\n                    @click=\"handleItemClick\"\n                    @hover=\"handleItemHover\"\n                    @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                    @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n                />\n            </Tooltip>\n            <RatingItem\n                v-else\n                :ref=\"(el) => saveStarRef(ind - 1, el)\"\n                :index=\"ind - 1\"\n                :count=\"count\"\n                :prefixCls=\"`${prefixCls}-star`\"\n                :allowHalf=\"allowHalf\"\n                :value=\"hoverValue === undefined ? value : hoverValue\"\n                :disabled=\"disabled\"\n                :character=\"character\"\n                :focused=\"focused\"\n                :size=\"ind - 1 === count ? 0 : size\"\n                :ariaLabelPrefix=\"ariaLabelPrefix\"\n                :aria-describedby=\"props['aria-describedby']\"\n                :preventScroll=\"preventScroll\"\n                @click=\"handleItemClick\"\n                @hover=\"handleItemHover\"\n                @focus=\"ind - 1 === count ? handleStarFocusVisible : undefined\"\n                @blur=\"ind - 1 === count ? handleStarBlur : undefined\"\n            />\n        </template>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch, provide } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/rating/constants';\nimport RatingFoundation from '@douyinfe/semi-foundation/rating/foundation';\nimport RatingItem from './RatingItem.vue';\nimport Tooltip from '../tooltip';\nimport type { RatingProps } from './interface';\n\nconst modelValue = defineModel<number>();\n\nconst props = withDefaults(defineProps<RatingProps>(), {\n    defaultValue: 0,\n    count: 5,\n    allowHalf: false,\n    allowClear: true,\n    style: () => ({}),\n    prefixCls: cssClasses.PREFIX,\n    tabIndex: -1,\n    size: 'default',\n});\n\nconst emit = defineEmits<{\n    change: [value: number];\n    'update:modelValue': [value: number];\n    'update:value': [value: number];\n    hoverChange: [value: number];\n    focus: [e: FocusEvent];\n    blur: [e: FocusEvent];\n    keydown: [e: KeyboardEvent];\n}>();\n\nconst rateRef = ref<HTMLUListElement>();\nconst starsRef = ref<Record<number, InstanceType<typeof RatingItem>>>({});\n\nconst effectiveValue = computed(() => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return props.defaultValue ?? 0;\n});\n\nconst isControlled = computed(() => modelValue.value !== undefined || props.value !== undefined);\nconst internalValue = ref(effectiveValue.value);\n\nwatch(effectiveValue, (newValue) => {\n    if (!isControlled.value) {\n        internalValue.value = newValue;\n    }\n});\n\nconst value = computed(() => (isControlled.value ? effectiveValue.value : internalValue.value));\n\nconst state = ref({\n    value: value.value,\n    focused: false,\n    hoverValue: undefined as number | undefined,\n    clearedValue: null as number | null,\n    emptyStarFocusVisible: false,\n});\n\nlet isInitialized = false;\nwatch(value, (newValue) => {\n    if (isInitialized && state.value.value !== newValue) {\n        state.value.value = newValue;\n    }\n});\n\nprovide('direction', 'ltr');\n\nconst adapter = {\n    focus: () => {\n        if (!props.disabled) {\n            const index = Math.ceil(value.value) - 1;\n            const targetIndex = index < 0 ? props.count : index;\n            starsRef.value[targetIndex]?.starFocus();\n        }\n    },\n    getStarDOM: (index: number) => {\n        return starsRef.value[index]?.$el;\n    },\n    notifyHoverChange: (hoverValue: number, clearedValue: number) => {\n        state.value.hoverValue = hoverValue;\n        state.value.clearedValue = clearedValue;\n        emit('hoverChange', hoverValue);\n    },\n    updateValue: (newValue: number) => {\n        if (!isControlled.value) {\n            internalValue.value = newValue;\n        }\n        state.value.value = newValue;\n        emit('change', newValue);\n        emit('update:modelValue', newValue);\n        emit('update:value', newValue);\n    },\n    clearValue: (clearedValue: number) => {\n        state.value.clearedValue = clearedValue;\n    },\n    notifyFocus: (e: FocusEvent) => {\n        state.value.focused = true;\n        emit('focus', e);\n    },\n    notifyBlur: (e: FocusEvent) => {\n        state.value.focused = false;\n        emit('blur', e);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        state.value.focused = false;\n        emit('keydown', e);\n    },\n    setEmptyStarFocusVisible: (focusVisible: boolean) => {\n        state.value.emptyStarFocusVisible = focusVisible;\n    },\n    getState: () => state.value,\n    getStates: () => state.value,\n    getProps: () => props,\n    getProp: (key: string) => props[key as keyof RatingProps],\n    setState: (states: any) => {\n        Object.assign(state.value, states);\n    },\n    getContext: (key: string) => {\n        if (key === 'direction') return 'ltr';\n        return undefined;\n    },\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new RatingFoundation(adapter);\n\nconst hoverValue = computed(() => state.value.hoverValue);\nconst focused = computed(() => state.value.focused);\n\nconst ariaLabelPrefix = computed(() => {\n    if (props['aria-label']) {\n        return props['aria-label'];\n    }\n    let prefix = 'star';\n    if (typeof props.character === 'string') {\n        prefix = props.character;\n    }\n    return prefix;\n});\n\nconst ariaLabel = computed(() => {\n    return `Rating: ${value.value} of ${props.count} ${ariaLabelPrefix.value}${value.value === 1 ? '' : 's'},`;\n});\n\nconst ratingClasses = computed(() => {\n    return classNames(\n        props.prefixCls,\n        {\n            [`${props.prefixCls}-disabled`]: props.disabled,\n            [`${props.prefixCls}-focus`]: state.value.emptyStarFocusVisible,\n        },\n        props.className\n    );\n});\n\nconst saveStarRef = (index: number, el: any) => {\n    if (el) {\n        starsRef.value[index] = el;\n    }\n};\n\nconst handleItemHover = (e: MouseEvent, index: number) => {\n    foundation.handleHover(e, index);\n};\n\nconst handleMouseLeave = () => {\n    foundation.handleMouseLeave();\n};\n\nconst handleItemClick = (e: MouseEvent | KeyboardEvent, index: number) => {\n    foundation.handleClick(e, index);\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    foundation.handleFocus(e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    foundation.handleBlur(e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    foundation.handleKeyDown(e, value.value);\n};\n\nconst handleStarFocusVisible = (e: FocusEvent) => {\n    foundation.handleStarFocusVisible(e);\n};\n\nconst handleStarBlur = (e: FocusEvent) => {\n    foundation.handleStarBlur(e);\n};\n\nconst focus = () => {\n    if (!props.disabled) {\n        rateRef.value?.focus({ preventScroll: props.preventScroll });\n    }\n};\n\nconst blur = () => {\n    if (!props.disabled) {\n        rateRef.value?.blur();\n    }\n};\n\nonMounted(() => {\n    foundation.init();\n    isInitialized = true;\n    state.value.value = value.value;\n    if (props.autoFocus) {\n        focus();\n    }\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\ndefineExpose({\n    focus,\n    blur,\n});\n</script>\n"],"names":["modelValue","_useModel","__props","props","emit","__emit","rateRef","ref","starsRef","effectiveValue","computed","isControlled","internalValue","watch","newValue","value","state","isInitialized","provide","adapter","index","targetIndex","_a","hoverValue","clearedValue","focusVisible","key","states","foundation","RatingFoundation","focused","ariaLabelPrefix","prefix","ariaLabel","ratingClasses","classNames","saveStarRef","el","handleItemHover","handleMouseLeave","handleItemClick","handleFocus","handleBlur","handleKeyDown","handleStarFocusVisible","handleStarBlur","focus","blur","onMounted","onUnmounted","__expose","_createElementBlock","_Fragment","_renderList","ind","_createBlock","_unref","Tooltip","_createVNode","RatingItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,UAAMA,IAAaC,EAAmBC,GAAA,YAAC,GAEjCC,IAAQD,GAWRE,IAAOC,GAUPC,IAAUC,EAAA,GACVC,IAAWD,EAAqD,EAAE,GAElEE,IAAiBC,EAAS,MACxBV,EAAW,UAAU,SACdA,EAAW,QAElBG,EAAM,UAAU,SACTA,EAAM,QAEVA,EAAM,gBAAgB,CAChC,GAEKQ,IAAeD,EAAS,MAAMV,EAAW,UAAU,UAAaG,EAAM,UAAU,MAAS,GACzFS,IAAgBL,EAAIE,EAAe,KAAK;AAE9C,IAAAI,EAAMJ,GAAgB,CAACK,MAAa;AAChC,MAAKH,EAAa,UACdC,EAAc,QAAQE;AAAA,IAE9B,CAAC;AAED,UAAMC,IAAQL,EAAS,MAAOC,EAAa,QAAQF,EAAe,QAAQG,EAAc,KAAM,GAExFI,IAAQT,EAAI;AAAA,MACd,OAAOQ,EAAM;AAAA,MACb,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,uBAAuB;AAAA,IAAA,CAC1B;AAED,QAAIE,IAAgB;AACpB,IAAAJ,EAAME,GAAO,CAACD,MAAa;AACvB,MAAIG,KAAiBD,EAAM,MAAM,UAAUF,MACvCE,EAAM,MAAM,QAAQF;AAAA,IAE5B,CAAC,GAEDI,EAAQ,aAAa,KAAK;AAE1B,UAAMC,IAAU;AAAA,MACZ,OAAO,MAAM;;AACT,YAAI,CAAChB,EAAM,UAAU;AACjB,gBAAMiB,IAAQ,KAAK,KAAKL,EAAM,KAAK,IAAI,GACjCM,IAAcD,IAAQ,IAAIjB,EAAM,QAAQiB;AAC9C,WAAAE,IAAAd,EAAS,MAAMa,CAAW,MAA1B,QAAAC,EAA6B;AAAA,QACjC;AAAA,MACJ;AAAA,MACA,YAAY,CAACF,MAAkB;;AAC3B,gBAAOE,IAAAd,EAAS,MAAMY,CAAK,MAApB,gBAAAE,EAAuB;AAAA,MAClC;AAAA,MACA,mBAAmB,CAACC,GAAoBC,MAAyB;AAC7D,QAAAR,EAAM,MAAM,aAAaO,GACzBP,EAAM,MAAM,eAAeQ,GAC3BpB,EAAK,eAAemB,CAAU;AAAA,MAClC;AAAA,MACA,aAAa,CAACT,MAAqB;AAC/B,QAAKH,EAAa,UACdC,EAAc,QAAQE,IAE1BE,EAAM,MAAM,QAAQF,GACpBV,EAAK,UAAUU,CAAQ,GACvBV,EAAK,qBAAqBU,CAAQ,GAClCV,EAAK,gBAAgBU,CAAQ;AAAA,MACjC;AAAA,MACA,YAAY,CAACU,MAAyB;AAClC,QAAAR,EAAM,MAAM,eAAeQ;AAAA,MAC/B;AAAA,MACA,aAAa,CAAC,MAAkB;AAC5B,QAAAR,EAAM,MAAM,UAAU,IACtBZ,EAAK,SAAS,CAAC;AAAA,MACnB;AAAA,MACA,YAAY,CAAC,MAAkB;AAC3B,QAAAY,EAAM,MAAM,UAAU,IACtBZ,EAAK,QAAQ,CAAC;AAAA,MAClB;AAAA,MACA,eAAe,CAAC,MAAqB;AACjC,QAAAY,EAAM,MAAM,UAAU,IACtBZ,EAAK,WAAW,CAAC;AAAA,MACrB;AAAA,MACA,0BAA0B,CAACqB,MAA0B;AACjD,QAAAT,EAAM,MAAM,wBAAwBS;AAAA,MACxC;AAAA,MACA,UAAU,MAAMT,EAAM;AAAA,MACtB,WAAW,MAAMA,EAAM;AAAA,MACvB,UAAU,MAAMb;AAAA,MAChB,SAAS,CAACuB,MAAgBvB,EAAMuB,CAAwB;AAAA,MACxD,UAAU,CAACC,MAAgB;AACvB,eAAO,OAAOX,EAAM,OAAOW,CAAM;AAAA,MACrC;AAAA,MACA,YAAY,CAACD,MAAgB;AACzB,YAAIA,MAAQ,YAAa,QAAO;AAAA,MAEpC;AAAA,MACA,aAAa,MAAA;AAAA;AAAA,MACb,UAAU,MAAA;AAAA;AAAA,MACV,WAAW,MAAA;AAAA;AAAA,MACX,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,iBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,cAAc,MAAM;AAAA,MAAC;AAAA,IAAA,GAGnBE,IAAa,IAAIC,GAAiBV,CAAO,GAEzCI,IAAab,EAAS,MAAMM,EAAM,MAAM,UAAU,GAClDc,IAAUpB,EAAS,MAAMM,EAAM,MAAM,OAAO,GAE5Ce,IAAkBrB,EAAS,MAAM;AACnC,UAAIP,EAAM,YAAY;AAClB,eAAOA,EAAM,YAAY;AAE7B,UAAI6B,IAAS;AACb,aAAI,OAAO7B,EAAM,aAAc,aAC3B6B,IAAS7B,EAAM,YAEZ6B;AAAA,IACX,CAAC,GAEKC,IAAYvB,EAAS,MAChB,WAAWK,EAAM,KAAK,OAAOZ,EAAM,KAAK,IAAI4B,EAAgB,KAAK,GAAGhB,EAAM,UAAU,IAAI,KAAK,GAAG,GAC1G,GAEKmB,IAAgBxB,EAAS,MACpByB;AAAA,MACHhC,EAAM;AAAA,MACN;AAAA,QACI,CAAC,GAAGA,EAAM,SAAS,WAAW,GAAGA,EAAM;AAAA,QACvC,CAAC,GAAGA,EAAM,SAAS,QAAQ,GAAGa,EAAM,MAAM;AAAA,MAAA;AAAA,MAE9Cb,EAAM;AAAA,IAAA,CAEb,GAEKiC,IAAc,CAAChB,GAAeiB,MAAY;AAC5C,MAAIA,MACA7B,EAAS,MAAMY,CAAK,IAAIiB;AAAA,IAEhC,GAEMC,IAAkB,CAAC,GAAelB,MAAkB;AACtD,MAAAQ,EAAW,YAAY,GAAGR,CAAK;AAAA,IACnC,GAEMmB,IAAmB,MAAM;AAC3B,MAAAX,EAAW,iBAAA;AAAA,IACf,GAEMY,IAAkB,CAAC,GAA+BpB,MAAkB;AACtE,MAAAQ,EAAW,YAAY,GAAGR,CAAK;AAAA,IACnC,GAEMqB,IAAc,CAAC,MAAkB;AACnC,MAAAb,EAAW,YAAY,CAAC;AAAA,IAC5B,GAEMc,IAAa,CAAC,MAAkB;AAClC,MAAAd,EAAW,WAAW,CAAC;AAAA,IAC3B,GAEMe,IAAgB,CAAC,MAAqB;AACxC,MAAAf,EAAW,cAAc,GAAGb,EAAM,KAAK;AAAA,IAC3C,GAEM6B,IAAyB,CAAC,MAAkB;AAC9C,MAAAhB,EAAW,uBAAuB,CAAC;AAAA,IACvC,GAEMiB,IAAiB,CAAC,MAAkB;AACtC,MAAAjB,EAAW,eAAe,CAAC;AAAA,IAC/B,GAEMkB,IAAQ,MAAM;;AAChB,MAAK3C,EAAM,aACPmB,IAAAhB,EAAQ,UAAR,QAAAgB,EAAe,MAAM,EAAE,eAAenB,EAAM;IAEpD,GAEM4C,IAAO,MAAM;;AACf,MAAK5C,EAAM,aACPmB,IAAAhB,EAAQ,UAAR,QAAAgB,EAAe;AAAA,IAEvB;AAEA,WAAA0B,EAAU,MAAM;AACZ,MAAApB,EAAW,KAAA,GACXX,IAAgB,IAChBD,EAAM,MAAM,QAAQD,EAAM,OACtBZ,EAAM,aACN2C,EAAA;AAAA,IAER,CAAC,GAEDG,EAAY,MAAM;AACd,MAAArB,EAAW,QAAA;AAAA,IACf,CAAC,GAEDsB,EAAa;AAAA,MACT,OAAAJ;AAAA,MACA,MAAAC;AAAA,IAAA,CACH,mBAzSGI,EA8DK,MAAA;AAAA,MA7DA,IAAIjD,EAAA;AAAA,eACD;AAAA,MAAJ,KAAII;AAAA,MACH,SAAO4B,EAAA,KAAa;AAAA,MACpB,SAAOhC,EAAA,KAAK;AAAA,MACZ,cAAY+B,EAAA;AAAA,MACZ,mBAAiB9B,EAAK,iBAAA;AAAA,MACtB,oBAAkBA,EAAK,kBAAA;AAAA,MACvB,UAAUD,EAAA,WAAQ,KAAQA,EAAA;AAAA,MAC1B,cAAYqC;AAAA,MACZ,SAAOE;AAAA,MACP,QAAMC;AAAA,MACN,WAASC;AAAA,IAAA;cAEVQ,EA+CWC,GAAA,MAAAC,EA/CanD,EAAA,QAAK,GAAA,CAAZoD,wBAAwBA,KAAG;AAAA,QAE9BpD,EAAA,YAAYA,EAAA,SAASoD,IAAG,CAAA,UADlCC,EAyBUC,EAAAC,EAAA,GAAA;AAAA;UAvBL,SAASlC,EAAA,QAAU,MAAS+B,IAAG;AAAA,UAChC,SAAQ;AAAA,UACP,SAASpD,EAAA,SAASoD,IAAG,CAAA;AAAA,QAAA;sBAEtB,MAkBE;AAAA,YAlBFI,GAkBEC,GAAA;AAAA;cAjBG,MAAMtB,MAAOD,EAAYkB,OAASjB,CAAE;AAAA,cACpC,OAAOiB,IAAG;AAAA,cACV,OAAOpD,EAAA;AAAA,cACP,cAAcA,EAAA,SAAS;AAAA,cACvB,WAAWA,EAAA;AAAA,cACX,OAAOqB,EAAA,UAAe,SAAYR,EAAA,QAAQQ,EAAA;AAAA,cAC1C,UAAUrB,EAAA;AAAA,cACV,WAAWA,EAAA;AAAA,cACX,SAAS4B,EAAA;AAAA,cACT,MAAMwB,IAAG,MAASpD,EAAA,YAAYA,EAAA;AAAA,cAC9B,iBAAiB6B,EAAA;AAAA,cACjB,oBAAkB5B,EAAK,kBAAA;AAAA,cACvB,eAAeD,EAAA;AAAA,cACf,SAAOsC;AAAA,cACP,SAAOF;AAAA,cACP,gBAAOgB,IAAG,MAASpD,UAAQ0C,IAAyB;AAAA,cACpD,eAAMU,IAAG,MAASpD,UAAQ2C,IAAiB;AAAA,YAAA;;;kDAGpDU,EAmBEI,GAAA;AAAA;;UAjBG,MAAMtB,MAAOD,EAAYkB,OAASjB,CAAE;AAAA,UACpC,OAAOiB,IAAG;AAAA,UACV,OAAOpD,EAAA;AAAA,UACP,cAAcA,EAAA,SAAS;AAAA,UACvB,WAAWA,EAAA;AAAA,UACX,OAAOqB,EAAA,UAAe,SAAYR,EAAA,QAAQQ,EAAA;AAAA,UAC1C,UAAUrB,EAAA;AAAA,UACV,WAAWA,EAAA;AAAA,UACX,SAAS4B,EAAA;AAAA,UACT,MAAMwB,IAAG,MAASpD,EAAA,YAAYA,EAAA;AAAA,UAC9B,iBAAiB6B,EAAA;AAAA,UACjB,oBAAkB5B,EAAK,kBAAA;AAAA,UACvB,eAAeD,EAAA;AAAA,UACf,SAAOsC;AAAA,UACP,SAAOF;AAAA,UACP,gBAAOgB,IAAG,MAASpD,UAAQ0C,IAAyB;AAAA,UACpD,eAAMU,IAAG,MAASpD,UAAQ2C,IAAiB;AAAA,QAAA;;;;;"}

package/lib/es/components/rating/RatingItem.vue.js

@@ -0,0 +1,199 @@
+import { defineComponent as J, ref as x, computed as r, onMounted as Q, onUnmounted as Y, createElementBlock as k, openBlock as c, normalizeStyle as u, normalizeClass as d, createElementVNode as $, createCommentVNode as S, createBlock as B, resolveDynamicComponent as w, h as Z } from "vue";
+import f from "classnames";
+import { cssClasses as h } from "@douyinfe/semi-foundation/rating/constants";
+import { RatingItemFoundation as _ } from "@douyinfe/semi-foundation/rating/foundation";
+import ee from "../icons/icons/IconStar.js";
+import { isEnterPressed as ae } from "../_utils/keyboardUtils.js";
+const te = ["aria-checked", "aria-posinset", "aria-setsize", "aria-disabled", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], re = ["aria-checked", "aria-posinset", "aria-setsize", "aria-disabled", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], ue = /* @__PURE__ */ J({
+  __name: "RatingItem",
+  props: {
+    value: {
+      type: Number,
+      required: !0
+    },
+    index: {
+      type: Number,
+      required: !0
+    },
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    allowHalf: {
+      type: Boolean,
+      default: !1
+    },
+    character: {
+      type: [Object, String, Function],
+      required: !1
+    },
+    focused: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    count: {
+      type: Number,
+      required: !0
+    },
+    ariaLabelPrefix: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: [Number, String],
+      required: !0
+    },
+    "aria-describedby": {
+      type: String,
+      required: !1
+    },
+    preventScroll: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["hover", "click", "focus", "blur"],
+  setup(t, { expose: P, emit: q }) {
+    const e = t, s = q, p = x(), C = x(), i = x({
+      firstStarFocus: !1,
+      secondStarFocus: !1
+    }), R = {
+      setFirstStarFocus: (a) => {
+        i.value.firstStarFocus = a;
+      },
+      setSecondStarFocus: (a) => {
+        i.value.secondStarFocus = a;
+      },
+      getState: () => i.value,
+      getStates: () => i.value,
+      getProps: () => e,
+      getProp: (a) => e[a],
+      setState: (a) => {
+        Object.assign(i.value, a);
+      },
+      getContext: () => {
+      },
+      getContexts: () => {
+      },
+      getCache: () => {
+      },
+      getCaches: () => {
+      },
+      setCache: () => {
+      },
+      stopPropagation: () => {
+      },
+      persistEvent: () => {
+      }
+    }, n = new _(R), F = r(() => e.index + 1), v = r(() => F.value - e.value), E = r(() => e.allowHalf && v.value < 1 && v.value > 0), H = r(() => 1 - v.value), I = r(() => F.value <= e.value), o = r(() => e.index === e.count), b = r(() => typeof e.size == "number"), N = r(() => f(e.prefixCls, {
+      [`${e.prefixCls}-half`]: E.value,
+      [`${e.prefixCls}-full`]: I.value,
+      [`${e.prefixCls}-${e.size}`]: !b.value
+    })), V = r(() => {
+      if (b.value) {
+        const a = e.size;
+        return {
+          width: `${a}px`,
+          height: `${a}px`,
+          fontSize: `${a}px`
+        };
+      }
+      return {};
+    }), j = r(() => f(`${e.prefixCls}-wrapper`, {
+      [`${e.prefixCls}-disabled`]: e.disabled,
+      [`${h.PREFIX}-focus`]: (i.value.firstStarFocus || i.value.secondStarFocus) && e.value !== 0
+    })), L = r(() => f(`${e.prefixCls}-first`, `${h.PREFIX}-no-focus`)), X = r(() => f(`${e.prefixCls}-second`, `${h.PREFIX}-no-focus`)), z = r(() => e.allowHalf ? e.count * 2 + 1 : e.count + 1), D = r(() => !e.disabled && (e.value === e.index + 1 || o.value && e.value === 0) ? 0 : -1), y = r(() => b.value ? "inherit" : e.size === "small" ? "default" : "extra-large"), l = r(() => {
+      if (!e.character || typeof e.character == "string")
+        return !1;
+      const a = e.character;
+      return typeof a == "function" || typeof a == "object" && (a.__name || a.name || a.setup || a.render);
+    }), g = () => e.character && !l.value ? () => e.character : () => Z(ee, { size: y.value, style: { display: "block" } }), K = (a) => {
+      e.disabled || s("hover", a, e.index);
+    }, M = (a) => {
+      e.disabled || s("click", a, e.index);
+    }, O = (a) => {
+      !e.disabled && ae(a) && s("click", a, e.index);
+    }, W = (a) => {
+      s("focus", a), n.handleFocusVisible(a, "first");
+    }, T = (a) => {
+      s("blur", a), n.handleBlur(a, "first");
+    }, U = (a) => {
+      s("focus", a), n.handleFocusVisible(a, "second");
+    }, A = (a) => {
+      s("blur", a), n.handleBlur(a, "second");
+    }, G = () => {
+      var a, m;
+      e.value - e.index === 0.5 ? (a = p.value) == null || a.focus({ preventScroll: e.preventScroll }) : (m = C.value) == null || m.focus({ preventScroll: e.preventScroll });
+    };
+    return Q(() => {
+    }), Y(() => {
+    }), P({
+      starFocus: G
+    }), (a, m) => (c(), k("li", {
+      class: d(N.value),
+      style: u(V.value)
+    }, [
+      $("div", {
+        class: d(j.value),
+        onClick: M,
+        onKeydown: O,
+        onMousemove: K
+      }, [
+        t.allowHalf && !o.value ? (c(), k("div", {
+          key: 0,
+          ref_key: "firstStarRef",
+          ref: p,
+          role: "radio",
+          "aria-checked": t.value === t.index + 0.5,
+          "aria-posinset": 2 * t.index + 1,
+          "aria-setsize": z.value,
+          "aria-disabled": t.disabled,
+          "aria-label": `${t.index + 0.5} ${t.ariaLabelPrefix}s`,
+          "aria-labelledby": e["aria-describedby"],
+          "aria-describedby": e["aria-describedby"],
+          class: d(L.value),
+          style: u({ width: `${H.value * 100}%` }),
+          tabindex: !t.disabled && t.value === t.index + 0.5 ? 0 : -1,
+          onFocus: W,
+          onBlur: T
+        }, [
+          !l.value || e.character ? (c(), B(w(l.value ? e.character : g()), {
+            key: 0,
+            size: l.value ? y.value : void 0,
+            style: u(l.value ? { display: "block" } : void 0)
+          }, null, 8, ["size", "style"])) : S("", !0)
+        ], 46, te)) : S("", !0),
+        $("div", {
+          ref_key: "secondStarRef",
+          ref: C,
+          role: "radio",
+          "aria-checked": o.value ? t.value === 0 : t.value === t.index + 1,
+          "aria-posinset": t.allowHalf ? 2 * (t.index + 1) : t.index + 1,
+          "aria-setsize": z.value,
+          "aria-disabled": t.disabled,
+          "aria-label": `${o.value ? 0 : t.index + 1} ${t.ariaLabelPrefix}${t.index === 0 ? "" : "s"}`,
+          "aria-labelledby": e["aria-describedby"],
+          "aria-describedby": e["aria-describedby"],
+          class: d(X.value),
+          tabindex: D.value,
+          onFocus: U,
+          onBlur: A
+        }, [
+          !l.value || e.character ? (c(), B(w(l.value ? e.character : g()), {
+            key: 0,
+            size: l.value ? y.value : void 0,
+            style: u(l.value ? { display: "block" } : void 0)
+          }, null, 8, ["size", "style"])) : S("", !0)
+        ], 42, re)
+      ], 34)
+    ], 6));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=RatingItem.vue.js.map

package/lib/es/components/rating/RatingItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingItem.vue.js","sources":["../../../../src/components/rating/RatingItem.vue"],"sourcesContent":["<template>\n    <li :class=\"starClasses\" :style=\"sizeStyle\">\n        <div :class=\"starWrapClasses\" @click=\"handleClick\" @keydown=\"handleKeyDown\" @mousemove=\"handleHover\">\n            <div\n                v-if=\"allowHalf && !isEmpty\"\n                ref=\"firstStarRef\"\n                role=\"radio\"\n                :aria-checked=\"value === index + 0.5\"\n                :aria-posinset=\"2 * index + 1\"\n                :aria-setsize=\"ariaSetSize\"\n                :aria-disabled=\"disabled\"\n                :aria-label=\"`${index + 0.5} ${ariaLabelPrefix}s`\"\n                :aria-labelledby=\"props['aria-describedby']\"\n                :aria-describedby=\"props['aria-describedby']\"\n                :class=\"firstStarClasses\"\n                :style=\"{ width: `${firstWidth * 100}%` }\"\n                :tabindex=\"!disabled && value === index + 0.5 ? 0 : -1\"\n                @focus=\"handleFirstStarFocus\"\n                @blur=\"handleFirstStarBlur\"\n            >\n                <component\n                    :is=\"isComponent ? props.character : renderContent()\"\n                    v-if=\"!isComponent || props.character\"\n                    :size=\"isComponent ? iconSize : undefined\"\n                    :style=\"isComponent ? { display: 'block' } : undefined\"\n                />\n            </div>\n            <div\n                ref=\"secondStarRef\"\n                role=\"radio\"\n                :aria-checked=\"isEmpty ? value === 0 : value === index + 1\"\n                :aria-posinset=\"allowHalf ? 2 * (index + 1) : index + 1\"\n                :aria-setsize=\"ariaSetSize\"\n                :aria-disabled=\"disabled\"\n                :aria-label=\"`${isEmpty ? 0 : index + 1} ${ariaLabelPrefix}${index === 0 ? '' : 's'}`\"\n                :aria-labelledby=\"props['aria-describedby']\"\n                :aria-describedby=\"props['aria-describedby']\"\n                :class=\"secondStarClasses\"\n                :tabindex=\"secondStarTabIndex\"\n                @focus=\"handleSecondStarFocus\"\n                @blur=\"handleSecondStarBlur\"\n            >\n                <component\n                    :is=\"isComponent ? props.character : renderContent()\"\n                    v-if=\"!isComponent || props.character\"\n                    :size=\"isComponent ? iconSize : undefined\"\n                    :style=\"isComponent ? { display: 'block' } : undefined\"\n                />\n            </div>\n        </div>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, h, onMounted, onUnmounted, type PropType, type VNode, type Component } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/rating/constants';\nimport { IconStar } from '../icons';\nimport type { RatingItemProps } from './interface';\nimport { RatingItemFoundation } from '@douyinfe/semi-foundation/rating/foundation';\nimport { isEnterPressed } from '../_utils';\n\nconst props = defineProps({\n    value: {\n        type: Number,\n        required: true,\n    },\n    index: {\n        type: Number,\n        required: true,\n    },\n    prefixCls: {\n        type: String,\n        required: true,\n    },\n    allowHalf: {\n        type: Boolean,\n        default: false,\n    },\n    character: {\n        type: [Object, String, Function] as PropType<Component | VNode | string>,\n        required: false,\n    },\n    focused: {\n        type: Boolean,\n        default: false,\n    },\n    disabled: {\n        type: Boolean,\n        default: false,\n    },\n    count: {\n        type: Number,\n        required: true,\n    },\n    ariaLabelPrefix: {\n        type: String,\n        required: true,\n    },\n    size: {\n        type: [Number, String] as PropType<number | 'default' | 'small'>,\n        required: true,\n    },\n    'aria-describedby': {\n        type: String,\n        required: false,\n    },\n    preventScroll: {\n        type: Boolean,\n        required: false,\n    },\n});\n\nconst emit = defineEmits<{\n    hover: [e: MouseEvent, index: number];\n    click: [e: MouseEvent | KeyboardEvent, index: number];\n    focus: [e: FocusEvent];\n    blur: [e: FocusEvent];\n}>();\n\nconst firstStarRef = ref<HTMLDivElement>();\nconst secondStarRef = ref<HTMLDivElement>();\n\nconst state = ref({\n    firstStarFocus: false,\n    secondStarFocus: false,\n});\n\nconst adapter = {\n    setFirstStarFocus: (value: boolean) => {\n        state.value.firstStarFocus = value;\n    },\n    setSecondStarFocus: (value: boolean) => {\n        state.value.secondStarFocus = value;\n    },\n    getState: () => state.value,\n    getStates: () => state.value,\n    getProps: () => props,\n    getProp: (key: string) => props[key as keyof RatingItemProps],\n    setState: (states: any) => {\n        Object.assign(state.value, states);\n    },\n    getContext: () => undefined,\n    getContexts: () => undefined,\n    getCache: () => undefined,\n    getCaches: () => undefined,\n    setCache: () => {},\n    stopPropagation: () => {},\n    persistEvent: () => {},\n};\n\nconst foundation = new RatingItemFoundation(adapter);\n\nconst starValue = computed(() => props.index + 1);\nconst diff = computed(() => starValue.value - props.value);\nconst isHalf = computed(() => props.allowHalf && diff.value < 1 && diff.value > 0);\nconst firstWidth = computed(() => 1 - diff.value);\nconst isFull = computed(() => starValue.value <= props.value);\nconst isEmpty = computed(() => props.index === props.count);\nconst isCustomSize = computed(() => typeof props.size === 'number');\n\nconst starClasses = computed(() => {\n    return classNames(props.prefixCls, {\n        [`${props.prefixCls}-half`]: isHalf.value,\n        [`${props.prefixCls}-full`]: isFull.value,\n        [`${props.prefixCls}-${props.size}`]: !isCustomSize.value,\n    });\n});\n\nconst sizeStyle = computed(() => {\n    if (isCustomSize.value) {\n        const size = props.size as number;\n        return {\n            width: `${size}px`,\n            height: `${size}px`,\n            fontSize: `${size}px`,\n        };\n    }\n    return {};\n});\n\nconst starWrapClasses = computed(() => {\n    return classNames(`${props.prefixCls}-wrapper`, {\n        [`${props.prefixCls}-disabled`]: props.disabled,\n        [`${cssClasses.PREFIX}-focus`]:\n            (state.value.firstStarFocus || state.value.secondStarFocus) && props.value !== 0,\n    });\n});\n\nconst firstStarClasses = computed(() => {\n    return classNames(`${props.prefixCls}-first`, `${cssClasses.PREFIX}-no-focus`);\n});\n\nconst secondStarClasses = computed(() => {\n    return classNames(`${props.prefixCls}-second`, `${cssClasses.PREFIX}-no-focus`);\n});\n\nconst ariaSetSize = computed(() => {\n    return props.allowHalf ? props.count * 2 + 1 : props.count + 1;\n});\n\nconst secondStarTabIndex = computed(() => {\n    return !props.disabled && (props.value === props.index + 1 || (isEmpty.value && props.value === 0)) ? 0 : -1;\n});\n\nconst iconSize = computed(() => {\n    return isCustomSize.value ? 'inherit' : props.size === 'small' ? 'default' : 'extra-large';\n});\n\nconst isComponent = computed(() => {\n    if (!props.character || typeof props.character === 'string') {\n        return false;\n    }\n    // 判断是否是 Component：有 __name、name 属性，或者是函数\n    const char = props.character as any;\n    return (\n        typeof char === 'function' ||\n        (typeof char === 'object' && (char.__name || char.name || char.setup || char.render))\n    );\n});\n\nconst renderContent = () => {\n    if (props.character && !isComponent.value) {\n        return () => props.character;\n    }\n    return () => h(IconStar, { size: iconSize.value, style: { display: 'block' } });\n};\n\nconst handleHover = (e: MouseEvent) => {\n    if (!props.disabled) {\n        emit('hover', e, props.index);\n    }\n};\n\nconst handleClick = (e: MouseEvent) => {\n    if (!props.disabled) {\n        emit('click', e, props.index);\n    }\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    if (!props.disabled && isEnterPressed(e)) {\n        emit('click', e, props.index);\n    }\n};\n\nconst handleFirstStarFocus = (e: FocusEvent) => {\n    emit('focus', e);\n    foundation.handleFocusVisible(e, 'first');\n};\n\nconst handleFirstStarBlur = (e: FocusEvent) => {\n    emit('blur', e);\n    foundation.handleBlur(e, 'first');\n};\n\nconst handleSecondStarFocus = (e: FocusEvent) => {\n    emit('focus', e);\n    foundation.handleFocusVisible(e, 'second');\n};\n\nconst handleSecondStarBlur = (e: FocusEvent) => {\n    emit('blur', e);\n    foundation.handleBlur(e, 'second');\n};\n\nconst starFocus = () => {\n    if (props.value - props.index === 0.5) {\n        firstStarRef.value?.focus({ preventScroll: props.preventScroll });\n    } else {\n        secondStarRef.value?.focus({ preventScroll: props.preventScroll });\n    }\n};\n\nonMounted(() => {\n    // RatingItemFoundation doesn't have init method\n});\n\nonUnmounted(() => {\n    // RatingItemFoundation doesn't have destroy method\n});\n\ndefineExpose({\n    starFocus,\n});\n</script>\n"],"names":["props","__props","emit","__emit","firstStarRef","ref","secondStarRef","state","adapter","value","key","states","foundation","RatingItemFoundation","starValue","computed","diff","isHalf","firstWidth","isFull","isEmpty","isCustomSize","starClasses","classNames","sizeStyle","size","starWrapClasses","cssClasses","firstStarClasses","secondStarClasses","ariaSetSize","secondStarTabIndex","iconSize","isComponent","char","renderContent","h","IconStar","handleHover","e","handleClick","handleKeyDown","isEnterPressed","handleFirstStarFocus","handleFirstStarBlur","handleSecondStarFocus","handleSecondStarBlur","starFocus","_a","_b","onMounted","onUnmounted","__expose","_createElementBlock","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAMA,IAAQC,GAmDRC,IAAOC,GAOPC,IAAeC,EAAA,GACfC,IAAgBD,EAAA,GAEhBE,IAAQF,EAAI;AAAA,MACd,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IAAA,CACpB,GAEKG,IAAU;AAAA,MACZ,mBAAmB,CAACC,MAAmB;AACnC,QAAAF,EAAM,MAAM,iBAAiBE;AAAA,MACjC;AAAA,MACA,oBAAoB,CAACA,MAAmB;AACpC,QAAAF,EAAM,MAAM,kBAAkBE;AAAA,MAClC;AAAA,MACA,UAAU,MAAMF,EAAM;AAAA,MACtB,WAAW,MAAMA,EAAM;AAAA,MACvB,UAAU,MAAMP;AAAA,MAChB,SAAS,CAACU,MAAgBV,EAAMU,CAA4B;AAAA,MAC5D,UAAU,CAACC,MAAgB;AACvB,eAAO,OAAOJ,EAAM,OAAOI,CAAM;AAAA,MACrC;AAAA,MACA,YAAY,MAAA;AAAA;AAAA,MACZ,aAAa,MAAA;AAAA;AAAA,MACb,UAAU,MAAA;AAAA;AAAA,MACV,WAAW,MAAA;AAAA;AAAA,MACX,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,iBAAiB,MAAM;AAAA,MAAC;AAAA,MACxB,cAAc,MAAM;AAAA,MAAC;AAAA,IAAA,GAGnBC,IAAa,IAAIC,EAAqBL,CAAO,GAE7CM,IAAYC,EAAS,MAAMf,EAAM,QAAQ,CAAC,GAC1CgB,IAAOD,EAAS,MAAMD,EAAU,QAAQd,EAAM,KAAK,GACnDiB,IAASF,EAAS,MAAMf,EAAM,aAAagB,EAAK,QAAQ,KAAKA,EAAK,QAAQ,CAAC,GAC3EE,IAAaH,EAAS,MAAM,IAAIC,EAAK,KAAK,GAC1CG,IAASJ,EAAS,MAAMD,EAAU,SAASd,EAAM,KAAK,GACtDoB,IAAUL,EAAS,MAAMf,EAAM,UAAUA,EAAM,KAAK,GACpDqB,IAAeN,EAAS,MAAM,OAAOf,EAAM,QAAS,QAAQ,GAE5DsB,IAAcP,EAAS,MAClBQ,EAAWvB,EAAM,WAAW;AAAA,MAC/B,CAAC,GAAGA,EAAM,SAAS,OAAO,GAAGiB,EAAO;AAAA,MACpC,CAAC,GAAGjB,EAAM,SAAS,OAAO,GAAGmB,EAAO;AAAA,MACpC,CAAC,GAAGnB,EAAM,SAAS,IAAIA,EAAM,IAAI,EAAE,GAAG,CAACqB,EAAa;AAAA,IAAA,CACvD,CACJ,GAEKG,IAAYT,EAAS,MAAM;AAC7B,UAAIM,EAAa,OAAO;AACpB,cAAMI,IAAOzB,EAAM;AACnB,eAAO;AAAA,UACH,OAAO,GAAGyB,CAAI;AAAA,UACd,QAAQ,GAAGA,CAAI;AAAA,UACf,UAAU,GAAGA,CAAI;AAAA,QAAA;AAAA,MAEzB;AACA,aAAO,CAAA;AAAA,IACX,CAAC,GAEKC,IAAkBX,EAAS,MACtBQ,EAAW,GAAGvB,EAAM,SAAS,YAAY;AAAA,MAC5C,CAAC,GAAGA,EAAM,SAAS,WAAW,GAAGA,EAAM;AAAA,MACvC,CAAC,GAAG2B,EAAW,MAAM,QAAQ,IACxBpB,EAAM,MAAM,kBAAkBA,EAAM,MAAM,oBAAoBP,EAAM,UAAU;AAAA,IAAA,CACtF,CACJ,GAEK4B,IAAmBb,EAAS,MACvBQ,EAAW,GAAGvB,EAAM,SAAS,UAAU,GAAG2B,EAAW,MAAM,WAAW,CAChF,GAEKE,IAAoBd,EAAS,MACxBQ,EAAW,GAAGvB,EAAM,SAAS,WAAW,GAAG2B,EAAW,MAAM,WAAW,CACjF,GAEKG,IAAcf,EAAS,MAClBf,EAAM,YAAYA,EAAM,QAAQ,IAAI,IAAIA,EAAM,QAAQ,CAChE,GAEK+B,IAAqBhB,EAAS,MACzB,CAACf,EAAM,aAAaA,EAAM,UAAUA,EAAM,QAAQ,KAAMoB,EAAQ,SAASpB,EAAM,UAAU,KAAM,IAAI,EAC7G,GAEKgC,IAAWjB,EAAS,MACfM,EAAa,QAAQ,YAAYrB,EAAM,SAAS,UAAU,YAAY,aAChF,GAEKiC,IAAclB,EAAS,MAAM;AAC/B,UAAI,CAACf,EAAM,aAAa,OAAOA,EAAM,aAAc;AAC/C,eAAO;AAGX,YAAMkC,IAAOlC,EAAM;AACnB,aACI,OAAOkC,KAAS,cACf,OAAOA,KAAS,aAAaA,EAAK,UAAUA,EAAK,QAAQA,EAAK,SAASA,EAAK;AAAA,IAErF,CAAC,GAEKC,IAAgB,MACdnC,EAAM,aAAa,CAACiC,EAAY,QACzB,MAAMjC,EAAM,YAEhB,MAAMoC,EAAEC,IAAU,EAAE,MAAML,EAAS,OAAO,OAAO,EAAE,SAAS,QAAA,EAAQ,CAAG,GAG5EM,IAAc,CAACC,MAAkB;AACnC,MAAKvC,EAAM,YACPE,EAAK,SAASqC,GAAGvC,EAAM,KAAK;AAAA,IAEpC,GAEMwC,IAAc,CAACD,MAAkB;AACnC,MAAKvC,EAAM,YACPE,EAAK,SAASqC,GAAGvC,EAAM,KAAK;AAAA,IAEpC,GAEMyC,IAAgB,CAACF,MAAqB;AACxC,MAAI,CAACvC,EAAM,YAAY0C,GAAeH,CAAC,KACnCrC,EAAK,SAASqC,GAAGvC,EAAM,KAAK;AAAA,IAEpC,GAEM2C,IAAuB,CAACJ,MAAkB;AAC5C,MAAArC,EAAK,SAASqC,CAAC,GACf3B,EAAW,mBAAmB2B,GAAG,OAAO;AAAA,IAC5C,GAEMK,IAAsB,CAACL,MAAkB;AAC3C,MAAArC,EAAK,QAAQqC,CAAC,GACd3B,EAAW,WAAW2B,GAAG,OAAO;AAAA,IACpC,GAEMM,IAAwB,CAACN,MAAkB;AAC7C,MAAArC,EAAK,SAASqC,CAAC,GACf3B,EAAW,mBAAmB2B,GAAG,QAAQ;AAAA,IAC7C,GAEMO,IAAuB,CAACP,MAAkB;AAC5C,MAAArC,EAAK,QAAQqC,CAAC,GACd3B,EAAW,WAAW2B,GAAG,QAAQ;AAAA,IACrC,GAEMQ,IAAY,MAAM;;AACpB,MAAI/C,EAAM,QAAQA,EAAM,UAAU,OAC9BgD,IAAA5C,EAAa,UAAb,QAAA4C,EAAoB,MAAM,EAAE,eAAehD,EAAM,oBAEjDiD,IAAA3C,EAAc,UAAd,QAAA2C,EAAqB,MAAM,EAAE,eAAejD,EAAM;IAE1D;AAEA,WAAAkD,EAAU,MAAM;AAAA,IAEhB,CAAC,GAEDC,EAAY,MAAM;AAAA,IAElB,CAAC,GAEDC,EAAa;AAAA,MACT,WAAAL;AAAA,IAAA,CACH,mBA3RGM,EAiDK,MAAA;AAAA,MAjDA,SAAO/B,EAAA,KAAW;AAAA,MAAG,SAAOE,EAAA,KAAS;AAAA,IAAA;MACtC8B,EA+CM,OAAA;AAAA,QA/CA,SAAO5B,EAAA,KAAe;AAAA,QAAG,SAAOc;AAAA,QAAc,WAASC;AAAA,QAAgB,aAAWH;AAAA,MAAA;QAE1ErC,EAAA,cAAcmB,EAAA,cADxBiC,EAuBM,OAAA;AAAA;mBArBE;AAAA,UAAJ,KAAIjD;AAAA,UACJ,MAAK;AAAA,UACJ,gBAAcH,EAAA,UAAUA,EAAA,QAAK;AAAA,UAC7B,qBAAmBA,EAAA,QAAK;AAAA,UACxB,gBAAc6B,EAAA;AAAA,UACd,iBAAe7B,EAAA;AAAA,UACf,cAAU,GAAKA,EAAA,QAAK,GAAA,IAAUA,EAAA,eAAe;AAAA,UAC7C,mBAAiBD,EAAK,kBAAA;AAAA,UACtB,oBAAkBA,EAAK,kBAAA;AAAA,UACvB,SAAO4B,EAAA,KAAgB;AAAA,UACvB,qBAAmBV,EAAA,QAAU,GAAA,KAAA;AAAA,UAC7B,UAAQ,CAAGjB,EAAA,YAAYA,EAAA,UAAUA,EAAA,QAAK,MAAA,IAAA;AAAA,UACtC,SAAO0C;AAAA,UACP,QAAMC;AAAA,QAAA;WAIIX,EAAA,SAAejC,EAAM,aAFhCuD,EAAA,GAAAC,EAKEC,EAJOxB,EAAA,QAAcjC,EAAM,YAAYmC,EAAA,CAAa,GAAA;AAAA;YAEjD,MAAMF,EAAA,QAAcD,EAAA,QAAW;AAAA,YAC/B,OAAK0B,EAAEzB,EAAA,QAAW,EAAA,SAAA,QAAA,IAA0B,MAAS;AAAA,UAAA;;QAG9DqB,EAqBM,OAAA;AAAA,mBApBE;AAAA,UAAJ,KAAIhD;AAAA,UACJ,MAAK;AAAA,UACJ,gBAAcc,EAAA,QAAUnB,YAAK,IAASA,EAAA,UAAUA,EAAA,QAAK;AAAA,UACrD,iBAAeA,EAAA,YAAS,KAAQA,EAAA,aAAaA,EAAA,QAAK;AAAA,UAClD,gBAAc6B,EAAA;AAAA,UACd,iBAAe7B,EAAA;AAAA,UACf,iBAAemB,EAAA,QAAO,IAAOnB,UAAK,CAAA,IAAQA,EAAA,eAAe,GAAGA,EAAA,UAAK,IAAA,KAAA,GAAA;AAAA,UACjE,mBAAiBD,EAAK,kBAAA;AAAA,UACtB,oBAAkBA,EAAK,kBAAA;AAAA,UACvB,SAAO6B,EAAA,KAAiB;AAAA,UACxB,UAAUE,EAAA;AAAA,UACV,SAAOc;AAAA,UACP,QAAMC;AAAA,QAAA;WAIIb,EAAA,SAAejC,EAAM,aAFhCuD,EAAA,GAAAC,EAKEC,EAJOxB,EAAA,QAAcjC,EAAM,YAAYmC,EAAA,CAAa,GAAA;AAAA;YAEjD,MAAMF,EAAA,QAAcD,EAAA,QAAW;AAAA,YAC/B,OAAK0B,EAAEzB,EAAA,QAAW,EAAA,SAAA,QAAA,IAA0B,MAAS;AAAA,UAAA;;;;;;"}

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

@@ -0,0 +1,8 @@
+import t from "./Rating.vue.js";
+import { createFieldEnhancer as i } from "../form/createFieldEnhancer.js";
+/* empty css            */
+const m = i(t, "SemiRating");
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/rating/index.ts"],"sourcesContent":["import BaseRating from './Rating.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './rating.scss';\n\nconst Rating = createFieldEnhancer(BaseRating, 'SemiRating');\n\nexport type { RatingProps, RatingItemProps } from './interface';\n\nexport default Rating;\n"],"names":["Rating","createFieldEnhancer","BaseRating"],"mappings":";;;AAMA,MAAMA,IAASC,EAAoBC,GAAY,YAAY;"}