1 line
7.2 KiB
JavaScript
1 line
7.2 KiB
JavaScript
import{D as e,Ht as t,ct as n,g as r,gn as i,k as a,vn as o}from"./runtime-core.esm-bundler-DkysjgTd.js";import{r as s}from"./en_US-Cv9hrLhb.js";import{$ as c,l,m as u,nt as d,t as f,u as p,vt as m,wt as h}from"./useConfigInject-DomGmy3z.js";import{t as g}from"./initDefaultProps-D8Mki4gM.js";import{t as _}from"./vue-types-CEi2nPn2.js";import{t as v}from"./KeyCode-DNtAKsAc.js";import{t as y}from"./AntdIcon-DlVhnwS_.js";import{i as b}from"./FormItemContext-CEmO5XmM.js";import{t as x}from"./tooltip-BAmtBahr.js";import{t as S}from"./useRefs-QDevZzkt.js";function C(e){let t=e.scrollX,n=`scrollLeft`;if(typeof t!=`number`){let r=e.document;t=r.documentElement[n],typeof t!=`number`&&(t=r.body[n])}return t}function w(e){let t,n,r=e.ownerDocument,{body:i}=r,a=r&&r.documentElement,o=e.getBoundingClientRect();return t=o.left,n=o.top,t-=a.clientLeft||i.clientLeft||0,n-=a.clientTop||i.clientTop||0,{left:t,top:n}}function T(e){let t=w(e),n=e.ownerDocument,r=n.defaultView||n.parentWindow;return t.left+=C(r),t.left}var E={icon:{tag:`svg`,attrs:{viewBox:`64 64 896 896`,focusable:`false`},children:[{tag:`path`,attrs:{d:`M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z`}}]},name:`star`,theme:`filled`};function D(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:Object(arguments[t]),r=Object.keys(n);typeof Object.getOwnPropertySymbols==`function`&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){O(e,t,n[t])})}return e}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(t,n){var r=D({},t,n.attrs);return e(y,D({},r,{icon:E}),null)};k.displayName=`StarFilled`,k.inheritAttrs=!1;var A={value:Number,index:Number,prefixCls:String,allowHalf:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},character:_.any,characterRender:Function,focused:{type:Boolean,default:void 0},count:Number,onClick:Function,onHover:Function},j=a({compatConfig:{MODE:3},name:`Star`,inheritAttrs:!1,props:A,emits:[`hover`,`click`],setup(t,n){let{emit:i}=n,a=e=>{let{index:n}=t;i(`hover`,e,n)},o=e=>{let{index:n}=t;i(`click`,e,n)},s=e=>{let{index:n}=t;e.keyCode===13&&i(`click`,e,n)},c=r(()=>{let{prefixCls:e,index:n,value:r,allowHalf:i,focused:a}=t,o=n+1,s=e;return r===0&&n===0&&a?s+=` ${e}-focused`:i&&r+.5>=o&&r<o?(s+=` ${e}-half ${e}-active`,a&&(s+=` ${e}-focused`)):(s+=o<=r?` ${e}-full`:` ${e}-zero`,o===r&&a&&(s+=` ${e}-focused`)),s});return()=>{let{disabled:n,prefixCls:r,characterRender:i,character:l,index:u,count:d,value:f}=t,p=typeof l==`function`?l({disabled:n,prefixCls:r,index:u,count:d,value:f}):l,m=e(`li`,{class:c.value},[e(`div`,{onClick:n?null:o,onKeydown:n?null:s,onMousemove:n?null:a,role:`radio`,"aria-checked":f>u?`true`:`false`,"aria-posinset":u+1,"aria-setsize":d,tabindex:n?-1:0},[e(`div`,{class:`${r}-first`},[p]),e(`div`,{class:`${r}-second`},[p])])]);return i&&(m=i(m,t)),m}}}),M=e=>{let{componentCls:t}=e;return{[`${t}-star`]:{position:`relative`,display:`inline-block`,color:`inherit`,cursor:`pointer`,"&:not(:last-child)":{marginInlineEnd:e.marginXS},"> div":{transition:`all ${e.motionDurationMid}, outline 0s`,"&:hover":{transform:e.rateStarHoverScale},"&:focus":{outline:0},"&:focus-visible":{outline:`${e.lineWidth}px dashed ${e.rateStarColor}`,transform:e.rateStarHoverScale}},"&-first, &-second":{color:e.defaultColor,transition:`all ${e.motionDurationMid}`,userSelect:`none`,[e.iconCls]:{verticalAlign:`middle`}},"&-first":{position:`absolute`,top:0,insetInlineStart:0,width:`50%`,height:`100%`,overflow:`hidden`,opacity:0},[`&-half ${t}-star-first, &-half ${t}-star-second`]:{opacity:1},[`&-half ${t}-star-first, &-full ${t}-star-second`]:{color:`inherit`}}}},N=e=>({[`&-rtl${e.componentCls}`]:{direction:`rtl`}}),P=e=>{let{componentCls:t}=e;return{[t]:s(s(s(s(s({},u(e)),{display:`inline-block`,margin:0,padding:0,color:e.rateStarColor,fontSize:e.rateStarSize,lineHeight:`unset`,listStyle:`none`,outline:`none`,[`&-disabled${t} ${t}-star`]:{cursor:`default`,"&:hover":{transform:`scale(1)`}}}),M(e)),{[`+ ${t}-text`]:{display:`inline-block`,marginInlineStart:e.marginXS,fontSize:e.fontSize}}),N(e))}},F=p(`Rate`,e=>{let{colorFillContent:t}=e;return[P(l(e,{rateStarColor:e[`yellow-6`],rateStarSize:e.controlHeightLG*.5,rateStarHoverScale:`scale(1.1)`,defaultColor:t}))]}),I=()=>({prefixCls:String,count:Number,value:Number,allowHalf:{type:Boolean,default:void 0},allowClear:{type:Boolean,default:void 0},tooltips:Array,disabled:{type:Boolean,default:void 0},character:_.any,autofocus:{type:Boolean,default:void 0},tabindex:_.oneOfType([_.number,_.string]),direction:String,id:String,onChange:Function,onHoverChange:Function,"onUpdate:value":Function,onFocus:Function,onBlur:Function,onKeydown:Function}),L=a({compatConfig:{MODE:3},name:`ARate`,inheritAttrs:!1,props:g(I(),{value:0,count:5,allowHalf:!1,allowClear:!0,tabindex:0,direction:`ltr`}),setup(r,a){let{slots:s,attrs:c,emit:l,expose:u}=a,{prefixCls:p,direction:g}=f(`rate`,r),[_,y]=F(p),C=b(),w=o(),[E,D]=S(),O=i({value:r.value,focused:!1,cleanedValue:null,hoverValue:void 0});t(()=>r.value,()=>{O.value=r.value});let A=e=>d(D.value.get(e)),M=(e,t)=>{let n=g.value===`rtl`,i=e+1;if(r.allowHalf){let r=A(e),a=T(r),o=r.clientWidth;(n&&t-a>o/2||!n&&t-a<o/2)&&(i-=.5)}return i},N=e=>{r.value===void 0&&(O.value=e),l(`update:value`,e),l(`change`,e),C.onFieldChange()},P=(e,t)=>{let n=M(t,e.pageX);n!==O.cleanedValue&&(O.hoverValue=n,O.cleanedValue=null),l(`hoverChange`,n)},I=()=>{O.hoverValue=void 0,O.cleanedValue=null,l(`hoverChange`,void 0)},L=(e,t)=>{let{allowClear:n}=r,i=M(t,e.pageX),a=!1;n&&(a=i===O.value),I(),N(a?0:i),O.cleanedValue=a?i:null},R=e=>{O.focused=!0,l(`focus`,e)},z=e=>{O.focused=!1,l(`blur`,e),C.onFieldBlur()},B=e=>{let{keyCode:t}=e,{count:n,allowHalf:i}=r,a=g.value===`rtl`;t===v.RIGHT&&O.value<n&&!a?(i?O.value+=.5:O.value+=1,N(O.value),e.preventDefault()):t===v.LEFT&&O.value>0&&!a||t===v.RIGHT&&O.value>0&&a?(i?O.value-=.5:--O.value,N(O.value),e.preventDefault()):t===v.LEFT&&O.value<n&&a&&(i?O.value+=.5:O.value+=1,N(O.value),e.preventDefault()),l(`keydown`,e)},V=()=>{r.disabled||w.value.focus()};u({focus:V,blur:()=>{r.disabled||w.value.blur()}}),n(()=>{let{autofocus:e,disabled:t}=r;e&&!t&&V()});let H=(t,n)=>{let{index:i}=n,{tooltips:a}=r;return a?e(x,{title:a[i]},{default:()=>[t]}):t};return()=>{let{count:t,allowHalf:n,disabled:i,tabindex:a,id:o=C.id.value}=r,{class:l,style:u}=c,d=[],f=i?`${p.value}-disabled`:``,v=r.character||s.character||(()=>e(k,null,null));for(let r=0;r<t;r++)d.push(e(j,{ref:E(r),key:r,index:r,count:t,disabled:i,prefixCls:`${p.value}-star`,allowHalf:n,value:O.hoverValue===void 0?O.value:O.hoverValue,onClick:L,onHover:P,character:v,characterRender:H,focused:O.focused},null));let b=m(p.value,f,l,{[y.value]:!0,[`${p.value}-rtl`]:g.value===`rtl`});return _(e(`ul`,h(h({},c),{},{id:o,class:b,style:u,onMouseleave:i?null:I,tabindex:i?-1:a,onFocus:i?null:R,onBlur:i?null:z,onKeydown:i?null:B,ref:w,role:`radiogroup`}),[d]))}}}),R=c(L);export{R as default,I as rateProps}; |