vue-amazing-ui 2.2.12 → 2.2.13

package/lib/colorpicker/ColorPicker.vue2.cjs

@@ -1,9 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("seemly"),Te=require("../tooltip/index.cjs"),ae=require("../input/index.cjs"),ne=require("../button/index.cjs"),Oe=require("../utils/index.cjs"),Ze={class:"color-picker-preview"},je={class:"color-picker-preview-sliders"},Ge={key:0,class:"color-picker-preview-circle"},Ye=["value"],Je={class:"color-picker-input"},Ke={class:"color-picker-input-group"},Qe={key:0,class:"color-picker-swatches"},We=["onClick"],et={key:0,class:"color-picker-actions"},tt={key:1,class:"color-picker-footer"},lt={class:"color-picker-wrap"},rt={class:"color-picker-fill"},f="12px",se=12,m="6px",ot=6,at=e.defineComponent({__name:"ColorPicker",props:{label:{type:Function,default:void 0},tooltipStyle:{default:()=>({})},showAlpha:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},size:{default:"middle"},disabled:{type:Boolean,default:!1},value:{default:void 0},modes:{default:()=>["rgb","hex","hsl"]},swatches:{default:()=>[]},actions:{default:()=>[]},footer:{default:void 0}},emits:["update:value","complete","confirm","clear"],setup(ue,{emit:ie}){const i=ue,T=e.ref(),L=e.ref(null),_=e.ref(null),D=e.ref(null),V=e.ref(0),O=e.ref(1),F=e.ref([0,0]),M=e.ref(),c=e.ref(i.value),p=e.ref(X(c.value)||i.modes[0]||"rgb"),P=e.ref(),H=e.ref([]),z=ie,ce=Oe.useSlotsExist("footer"),de=e.computed(()=>ce.value||i.footer),ve=e.computed(()=>({width:f,height:f,borderRadius:m,left:`calc(${F.value[0]}% - ${m})`,bottom:`calc(${F.value[1]}% - ${m})`})),he=e.computed(()=>h.value?`rgb(${h.value[0]}, ${h.value[1]}, ${h.value[2]})`:""),me=e.computed(()=>({backgroundColor:he.value,borderRadius:m,width:f,height:f})),K=e.computed(()=>({height:f,borderRadius:m})),pe=e.computed(()=>({position:"relative",boxShadow:"inset 0 0 2px 0 rgba(0, 0, 0, 0.24)",backgroundImage:"linear-gradient(90deg, red, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)",height:f,borderRadius:m})),ge=e.computed(()=>({left:`calc((${V.value}%) / 359 * 100 - ${m})`,borderRadius:m,width:f,height:f})),fe=e.computed(()=>({backgroundColor:`hsl(${V.value}, 100%, 50%)`,borderRadius:m,width:f,height:f})),be=e.computed(()=>h.value?`linear-gradient(to right, rgba(${h.value[0]}, ${h.value[1]}, ${h.value[2]}, 0) 0%, rgba(${h.value[0]}, ${h.value[1]}, ${h.value[2]}, 1) 100%)`:""),ke=e.computed(()=>({left:`calc(${O.value*100}% - ${m})`,borderRadius:m,width:f,height:f})),ye=e.computed(()=>({backgroundColor:h.value?l.toRgbaString(h.value):void 0,borderRadius:m,width:f,height:f})),Q=e.computed(()=>h.value&&l.toHexString(h.value)),Z=e.computed(()=>`${{small:24,middle:32,large:40}[i.size]}px`),Se=e.computed(()=>{const t={small:6,middle:8,large:10};return`calc((${Z.value} - ${t[i.size]}px) / 3)`}),j=e.computed(()=>X(c.value)),x=e.computed(()=>p.value.toUpperCase()+(i.showAlpha?"A":"")),we=e.computed(()=>x.value.split(""));let b,k,A,B,N,C,$,y;const w=e.computed(()=>{if(!c.value)return null;switch(j.value){case"hsv":return l.hsva(c.value);case"hsl":return[b,k,A,y]=l.hsla(c.value),[...l.hsl2hsv(b,k,A),y];case"rgb":case"hex":return[N,C,$,y]=l.rgba(c.value),[...l.rgb2hsv(N,C,$),y]}}),h=e.computed(()=>{if(!c.value)return null;switch(j.value){case"rgb":case"hex":return l.rgba(c.value);case"hsv":return[b,k,B,y]=l.hsva(c.value),[...l.hsv2rgb(b,k,B),y];case"hsl":return[b,k,A,y]=l.hsla(c.value),[...l.hsl2rgb(b,k,A),y]}}),R=e.computed(()=>{if(!c.value)return null;switch(j.value){case"hsl":return l.hsla(c.value);case"hsv":return[b,k,B,y]=l.hsva(c.value),[...l.hsv2hsl(b,k,B),y];case"rgb":case"hex":return[N,C,$,y]=l.rgba(c.value),[...l.rgb2hsl(N,C,$),y]}}),E=e.computed(()=>{switch(p.value){case"rgb":case"hex":return h.value;case"hsv":return w.value;case"hsl":return R.value}}),W=e.computed(()=>i.swatches.map(t=>{const r=X(t);return{value:t,mode:r,legalValue:_e(t,r)}}));e.watch(()=>i.value,t=>{c.value=t}),e.watch(()=>[p.value,E.value],()=>{p.value==="hex"?P.value=E.value===null?void 0:(i.showAlpha?l.toHexaString:l.toHexString)(E.value):E.value===null?H.value=new Array(i.showAlpha?4:3).fill(void 0):H.value=E.value.map((t,r)=>i.showAlpha&&r===3?`${Math.floor(t*100)}%`:`${Math.floor(t)}`)},{immediate:!0,deep:!0}),e.watchEffect(()=>{(M.value===void 0||M.value!==c.value)&&w.value&&(V.value=w.value[0],O.value=w.value[3],F.value=[w.value[1],w.value[2]]),M.value=void 0});function g(t,r){r==="cursor"?M.value=t:M.value=void 0,c.value=t,z("update:value",t),r==="input"&&z("complete",t)}function Ee(t,r){const o=w.value?w.value[3]:1;switch(F.value=[t,r],p.value){case"hsv":g((i.showAlpha?l.toHsvaString:l.toHsvString)([V.value,t,r,o]),"cursor");break;case"hsl":g((i.showAlpha?l.toHslaString:l.toHslString)([...l.hsv2hsl(V.value,t,r),o]),"cursor");break;case"rgb":g((i.showAlpha?l.toRgbaString:l.toRgbString)([...l.hsv2rgb(V.value,t,r),o]),"cursor");break;case"hex":g((i.showAlpha?l.toHexaString:l.toHexString)([...l.hsv2rgb(V.value,t,r),o]),"cursor");break}}function Ve(t){L.value&&(document.addEventListener("mousemove",G),document.addEventListener("mouseup",ee),G(t))}function G(t){if(!L.value)return;const{width:r,height:o,left:n,bottom:S}=L.value.getBoundingClientRect(),a=(S-t.clientY)/o,s=(t.clientX-n)/r,u=100*(s>1?1:s<0?0:s),d=100*(a>1?1:a<0?0:a);Ee(u,d)}function ee(){document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",ee),z("complete",c.value)}function He(t){if(V.value=t,!w.value)return;const[,r,o,n]=w.value;switch(p.value){case"hsv":g((i.showAlpha?l.toHsvaString:l.toHsvString)([t,r,o,n]),"cursor");break;case"rgb":g((i.showAlpha?l.toRgbaString:l.toRgbString)([...l.hsv2rgb(t,r,o),n]),"cursor");break;case"hex":g((i.showAlpha?l.toHexaString:l.toHexString)([...l.hsv2rgb(t,r,o),n]),"cursor");break;case"hsl":g((i.showAlpha?l.toHslaString:l.toHslString)([...l.hsv2hsl(t,r,o),n]),"cursor");break}}function Ne(t){_.value&&(document.addEventListener("mousemove",Y),document.addEventListener("mouseup",te),Y(t))}function Ce(t){return t=Math.round(t),t>=360?359:t<0?0:t}function Y(t){if(!_.value)return;const{width:r,left:o}=_.value.getBoundingClientRect(),n=Ce((t.clientX-o-ot)/(r-se)*360);He(n)}function te(){document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",te),z("complete",c.value)}function $e(t){switch(p.value){case"hsv":[b,k,B]=w.value,g(l.toHsvaString([b,k,B,t]),"cursor");break;case"rgb":[N,C,$]=h.value,g(l.toRgbaString([N,C,$,t]),"cursor");break;case"hex":[N,C,$]=h.value,g(l.toHexaString([N,C,$,t]),"cursor");break;case"hsl":[b,k,A]=R.value,g(l.toHslaString([b,k,A,t]),"cursor");break}O.value=t}function ze(t){!D.value||!h.value||(document.addEventListener("mousemove",J),document.addEventListener("mouseup",le),J(t))}function Re(t){return t=Math.round(t*100)/100,t>1?1:t<0?0:t}function J(t){if(!D.value)return;const{width:r,left:o}=D.value.getBoundingClientRect(),n=Re((t.clientX-o)/(r-se));$e(n)}function le(){document.removeEventListener("mousemove",J),document.removeEventListener("mouseup",le),z("complete",c.value)}function X(t){if(t!==void 0){if(/^ *#/.test(t))return"hex";if(t.includes("rgb"))return"rgb";if(t.includes("hsl"))return"hsl";if(t.includes("hsv"))return"hsv"}}function Ae(){const t=i.modes.findIndex(r=>r===p.value);t!==-1?p.value=i.modes[(t+1)%i.modes.length]:p.value="rgb"}function Be(t){const r=t.target,o=oe(r.value.toUpperCase(),p.value,"hex");g(o,"input")}function Me(t){const r=t.trim();return/^#[0-9a-fA-F]+$/.test(r)?[4,5,7,9].includes(r.length):!1}function xe(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),360)):!1}function Ue(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),100)):!1}function Ie(t){return/^\d{1,3}\.?\d*%$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t)/100,100)):!1}function Le(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),255)):!1}function U(t,r){return t===void 0?"":r==="HEX"||r==="HEXA"?t:r==="A"?`${Math.floor(Number(t)*100)}%`:String(Math.floor(Number(t)))}function q(t){g(t,"input")}function I(t,r){if(p.value==="hex"){q((i.showAlpha?l.toHexaString:l.toHexString)(r));return}let o;switch(E.value===null?o=[0,0,0,0]:o=[...E.value],p.value){case"hsv":o[t]=r,q((i.showAlpha?l.toHsvaString:l.toHsvString)(o));break;case"rgb":o[t]=r,q((i.showAlpha?l.toRgbaString:l.toRgbString)(o));break;case"hsl":o[t]=r,q((i.showAlpha?l.toHslaString:l.toHslString)(o));break}}function re(t,r){var d,v;const o=t.target;let n,S,a;const s=o.value;r===void 0?a=E.value===null?void 0:E.value:a=((d=E.value)==null?void 0:d[r])===void 0||(v=E.value)==null?void 0:v[r].toString();const u=r===void 0?x.value:x.value[r];switch(u){case"HEX":case"HEXA":S=Me(s),S&&I(0,s),P.value=U(s,u);break;case"H":n=xe(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"S":case"L":case"V":n=Ue(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"A":n=Ie(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"R":case"G":case"B":n=Le(s),n===!1?H.value[r]=U(a,u):I(r,n);break}}function _e(t,r){if(r==="hsv"){const[o,n,S,a]=l.hsva(t);return l.toRgbaString([...l.hsv2rgb(o,n,S),a])}return t}function De(t){const r=document.createElement("canvas").getContext("2d");return r?(r.fillStyle=t,r.fillStyle):"#000000"}function oe(t,r,o){return o=o||X(t),o?o===r?t:{rgb:{hex(a){return l.toHexaString(l.rgba(a))},hsl(a){const[s,u,d,v]=l.rgba(a);return l.toHslaString([...l.rgb2hsl(s,u,d),v])},hsv(a){const[s,u,d,v]=l.rgba(a);return l.toHsvaString([...l.rgb2hsv(s,u,d),v])}},hex:{rgb(a){return l.toRgbaString(l.rgba(a))},hsl(a){const[s,u,d,v]=l.rgba(a);return l.toHslaString([...l.rgb2hsl(s,u,d),v])},hsv(a){const[s,u,d,v]=l.rgba(a);return l.toHsvaString([...l.rgb2hsv(s,u,d),v])}},hsl:{hex(a){const[s,u,d,v]=l.hsla(a);return l.toHexaString([...l.hsl2rgb(s,u,d),v])},rgb(a){const[s,u,d,v]=l.hsla(a);return l.toRgbaString([...l.hsl2rgb(s,u,d),v])},hsv(a){const[s,u,d,v]=l.hsla(a);return l.toHsvaString([...l.hsl2hsv(s,u,d),v])}},hsv:{hex(a){const[s,u,d,v]=l.hsva(a);return l.toHexaString([...l.hsv2rgb(s,u,d),v])},rgb(a){const[s,u,d,v]=l.hsva(a);return l.toRgbaString([...l.hsv2rgb(s,u,d),v])},hsl(a){const[s,u,d,v]=l.hsva(a);return l.toHslaString([...l.hsv2hsl(s,u,d),v])}}}[o][r](t):void 0}function Fe(t){let{value:r,mode:o}=t;return o||(o="hex",/^[a-zA-Z]+$/.test(r)?r=De(r):(console.warn("color-picker",`color ${r} in swatches is invalid.`),r="#000000")),o===p.value?r:oe(r,p.value,o)}function Pe(t){g(Fe(t),"input")}function Xe(){z("confirm",c.value),T.value.hide()}function qe(){g(void 0,"input"),z("clear"),T.value.hide()}return(t,r)=>(e.openBlock(),e.createBlock(e.unref(Te.default),e.mergeProps({ref_key:"tooltipRef",ref:T,style:`width: 100%; height: ${Z.value};`,"max-width":"none",arrow:!1,placement:"bottom","bg-color":"#fff","tooltip-style":{width:"240px",padding:0,borderRadius:"4px",color:"rgba(0, 0, 0, 0.88)",...t.tooltipStyle},"content-style":{width:"100%",height:"100%"},trigger:"click","transition-duration":200},t.$attrs),{tooltip:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(["color-picker-panel",{"panel-with-actions":t.actions.length}])},[e.createElementVNode("div",{ref_key:"palleteRef",ref:L,class:"color-picker-pallete",onMousedown:Ve},[e.createElementVNode("div",{class:"color-picker-pallete-layer",style:e.normalizeStyle({backgroundImage:`linear-gradient(90deg, white, hsl(${V.value}, 100%, 50%))`})},null,4),r[1]||(r[1]=e.createElementVNode("div",{class:"color-picker-pallete-layer pallete-layer-shadowed",style:{"background-image":"linear-gradient(180deg, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 100%))"}},null,-1)),e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(ve.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(me.value)},null,4)],4)],544),e.createElementVNode("div",Ze,[e.createElementVNode("div",je,[e.createElementVNode("div",{class:"color-picker-slider",style:e.normalizeStyle(K.value)},[e.createElementVNode("div",{ref_key:"hueRailRef",ref:_,style:e.normalizeStyle(pe.value),onMousedown:Ne},[e.createElementVNode("div",{style:e.normalizeStyle(`position: absolute; top: 0px; bottom: 0; left: ${m}; right: ${m}`)},[e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(ge.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(fe.value)},null,4)],4)],4)],36)],4),t.showAlpha?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"alphaRailRef",ref:D,class:"color-picker-slider",style:e.normalizeStyle(K.value),onMousedown:ze},[e.createElementVNode("div",{style:e.normalizeStyle(`
-                    border-radius: ${m};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("seemly"),Oe=require("../tooltip/index.cjs"),ne=require("../input/index.cjs"),se=require("../button/index.cjs"),Ze=require("../utils/index.cjs"),je={class:"color-picker-preview"},Ge={class:"color-picker-preview-sliders"},We={key:0,class:"color-picker-preview-circle"},Ye=["value"],Je={class:"color-picker-input"},Ke={class:"color-picker-input-group"},Qe={key:0,class:"color-picker-swatches"},et=["onClick"],tt={key:0,class:"color-picker-actions"},lt={key:1,class:"color-picker-footer"},rt={class:"color-picker-wrap"},ot={class:"color-picker-fill"},g="12px",ie=12,p="6px",at=6,nt=e.defineComponent({__name:"ColorPicker",props:{width:{default:"100%"},label:{type:Function,default:void 0},tooltipStyle:{default:()=>({})},inputProps:{default:()=>({})},showAlpha:{type:Boolean,default:!0},showPreview:{type:Boolean,default:!1},size:{default:"middle"},disabled:{type:Boolean,default:!1},value:{default:void 0},modes:{default:()=>["rgb","hex","hsl"]},swatches:{default:()=>[]},actions:{default:()=>[]},footer:{default:void 0}},emits:["update:value","complete","confirm","clear"],setup(ue,{emit:ce}){const i=ue,T=e.ref(),L=e.ref(null),P=e.ref(null),_=e.ref(null),V=e.ref(0),O=e.ref(1),D=e.ref([0,0]),M=e.ref(),c=e.ref(i.value),m=e.ref(X(c.value)||i.modes[0]||"rgb"),F=e.ref(),H=e.ref([]),R=ce,de=Ze.useSlotsExist("footer"),ve=e.computed(()=>de.value||i.footer),he=e.computed(()=>({width:g,height:g,borderRadius:p,left:`calc(${D.value[0]}% - ${p})`,bottom:`calc(${D.value[1]}% - ${p})`})),pe=e.computed(()=>h.value?`rgb(${h.value[0]}, ${h.value[1]}, ${h.value[2]})`:""),me=e.computed(()=>({backgroundColor:pe.value,borderRadius:p,width:g,height:g})),J=e.computed(()=>({height:g,borderRadius:p})),fe=e.computed(()=>({position:"relative",boxShadow:"inset 0 0 2px 0 rgba(0, 0, 0, 0.24)",backgroundImage:"linear-gradient(90deg, red, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red)",height:g,borderRadius:p})),ge=e.computed(()=>({left:`calc((${V.value}%) / 359 * 100 - ${p})`,borderRadius:p,width:g,height:g})),be=e.computed(()=>({backgroundColor:`hsl(${V.value}, 100%, 50%)`,borderRadius:p,width:g,height:g})),ke=e.computed(()=>h.value?`linear-gradient(to right, rgba(${h.value[0]}, ${h.value[1]}, ${h.value[2]}, 0) 0%, rgba(${h.value[0]}, ${h.value[1]}, ${h.value[2]}, 1) 100%)`:""),ye=e.computed(()=>({left:`calc(${O.value*100}% - ${p})`,borderRadius:p,width:g,height:g})),Se=e.computed(()=>({backgroundColor:h.value?l.toRgbaString(h.value):void 0,borderRadius:p,width:g,height:g})),K=e.computed(()=>h.value&&l.toHexString(h.value)),Q=e.computed(()=>typeof i.width=="number"?`${i.width}px`:i.width),Z=e.computed(()=>`${{small:24,middle:32,large:40}[i.size]}px`),we=e.computed(()=>{const t={small:6,middle:8,large:10};return`calc((${Z.value} - ${t[i.size]}px) / 3)`}),j=e.computed(()=>X(c.value)),x=e.computed(()=>m.value.toUpperCase()+(i.showAlpha?"A":"")),Ee=e.computed(()=>x.value.split(""));let b,k,A,B,N,$,C,y;const w=e.computed(()=>{if(!c.value)return null;switch(j.value){case"hsv":return l.hsva(c.value);case"hsl":return[b,k,A,y]=l.hsla(c.value),[...l.hsl2hsv(b,k,A),y];case"rgb":case"hex":return[N,$,C,y]=l.rgba(c.value),[...l.rgb2hsv(N,$,C),y]}}),h=e.computed(()=>{if(!c.value)return null;switch(j.value){case"rgb":case"hex":return l.rgba(c.value);case"hsv":return[b,k,B,y]=l.hsva(c.value),[...l.hsv2rgb(b,k,B),y];case"hsl":return[b,k,A,y]=l.hsla(c.value),[...l.hsl2rgb(b,k,A),y]}}),z=e.computed(()=>{if(!c.value)return null;switch(j.value){case"hsl":return l.hsla(c.value);case"hsv":return[b,k,B,y]=l.hsva(c.value),[...l.hsv2hsl(b,k,B),y];case"rgb":case"hex":return[N,$,C,y]=l.rgba(c.value),[...l.rgb2hsl(N,$,C),y]}}),E=e.computed(()=>{switch(m.value){case"rgb":case"hex":return h.value;case"hsv":return w.value;case"hsl":return z.value}}),ee=e.computed(()=>i.swatches.map(t=>{const r=X(t);return{value:t,mode:r,legalValue:_e(t,r)}}));e.watch(()=>i.value,t=>{c.value=t}),e.watch(()=>[m.value,E.value],()=>{m.value==="hex"?F.value=E.value===null?void 0:(i.showAlpha?l.toHexaString:l.toHexString)(E.value):E.value===null?H.value=new Array(i.showAlpha?4:3).fill(void 0):H.value=E.value.map((t,r)=>i.showAlpha&&r===3?`${Math.floor(t*100)}%`:`${Math.floor(t)}`)},{immediate:!0,deep:!0}),e.watchEffect(()=>{(M.value===void 0||M.value!==c.value)&&w.value&&(V.value=w.value[0],O.value=w.value[3],D.value=[w.value[1],w.value[2]]),M.value=void 0});function f(t,r){r==="cursor"?M.value=t:M.value=void 0,c.value=t,R("update:value",t),r==="input"&&R("complete",t)}function Ve(t,r){const o=w.value?w.value[3]:1;switch(D.value=[t,r],m.value){case"hsv":f((i.showAlpha?l.toHsvaString:l.toHsvString)([V.value,t,r,o]),"cursor");break;case"hsl":f((i.showAlpha?l.toHslaString:l.toHslString)([...l.hsv2hsl(V.value,t,r),o]),"cursor");break;case"rgb":f((i.showAlpha?l.toRgbaString:l.toRgbString)([...l.hsv2rgb(V.value,t,r),o]),"cursor");break;case"hex":f((i.showAlpha?l.toHexaString:l.toHexString)([...l.hsv2rgb(V.value,t,r),o]),"cursor");break}}function He(t){L.value&&(document.addEventListener("mousemove",G),document.addEventListener("mouseup",te),G(t))}function G(t){if(!L.value)return;const{width:r,height:o,left:n,bottom:S}=L.value.getBoundingClientRect(),a=(S-t.clientY)/o,s=(t.clientX-n)/r,u=100*(s>1?1:s<0?0:s),d=100*(a>1?1:a<0?0:a);Ve(u,d)}function te(){document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",te),R("complete",c.value)}function Ne(t){if(V.value=t,!w.value)return;const[,r,o,n]=w.value;switch(m.value){case"hsv":f((i.showAlpha?l.toHsvaString:l.toHsvString)([t,r,o,n]),"cursor");break;case"rgb":f((i.showAlpha?l.toRgbaString:l.toRgbString)([...l.hsv2rgb(t,r,o),n]),"cursor");break;case"hex":f((i.showAlpha?l.toHexaString:l.toHexString)([...l.hsv2rgb(t,r,o),n]),"cursor");break;case"hsl":f((i.showAlpha?l.toHslaString:l.toHslString)([...l.hsv2hsl(t,r,o),n]),"cursor");break}}function $e(t){P.value&&(document.addEventListener("mousemove",W),document.addEventListener("mouseup",le),W(t))}function Ce(t){return t=Math.round(t),t>=360?359:t<0?0:t}function W(t){if(!P.value)return;const{width:r,left:o}=P.value.getBoundingClientRect(),n=Ce((t.clientX-o-at)/(r-ie)*360);Ne(n)}function le(){document.removeEventListener("mousemove",W),document.removeEventListener("mouseup",le),R("complete",c.value)}function Re(t){switch(m.value){case"hsv":[b,k,B]=w.value,f(l.toHsvaString([b,k,B,t]),"cursor");break;case"rgb":[N,$,C]=h.value,f(l.toRgbaString([N,$,C,t]),"cursor");break;case"hex":[N,$,C]=h.value,f(l.toHexaString([N,$,C,t]),"cursor");break;case"hsl":[b,k,A]=z.value,f(l.toHslaString([b,k,A,t]),"cursor");break}O.value=t}function ze(t){!_.value||!h.value||(document.addEventListener("mousemove",Y),document.addEventListener("mouseup",re),Y(t))}function Ae(t){return t=Math.round(t*100)/100,t>1?1:t<0?0:t}function Y(t){if(!_.value)return;const{width:r,left:o}=_.value.getBoundingClientRect(),n=Ae((t.clientX-o)/(r-ie));Re(n)}function re(){document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",re),R("complete",c.value)}function X(t){if(t!==void 0){if(/^ *#/.test(t))return"hex";if(t.includes("rgb"))return"rgb";if(t.includes("hsl"))return"hsl";if(t.includes("hsv"))return"hsv"}}function Be(){const t=i.modes.findIndex(r=>r===m.value);t!==-1?m.value=i.modes[(t+1)%i.modes.length]:m.value="rgb"}function Me(t){const r=t.target,o=ae(r.value.toUpperCase(),m.value,"hex");f(o,"input")}function xe(t){const r=t.trim();return/^#[0-9a-fA-F]+$/.test(r)?[4,5,7,9].includes(r.length):!1}function Ue(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),360)):!1}function Ie(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),100)):!1}function Le(t){return/^\d{1,3}\.?\d*%$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t)/100,100)):!1}function Pe(t){return/^\d{1,3}\.?\d*$/.test(t.trim())?Math.max(0,Math.min(Number.parseInt(t),255)):!1}function U(t,r){return t===void 0?"":r==="HEX"||r==="HEXA"?t:r==="A"?`${Math.floor(Number(t)*100)}%`:String(Math.floor(Number(t)))}function q(t){f(t,"input")}function I(t,r){if(m.value==="hex"){q((i.showAlpha?l.toHexaString:l.toHexString)(r));return}let o;switch(E.value===null?o=[0,0,0,0]:o=[...E.value],m.value){case"hsv":o[t]=r,q((i.showAlpha?l.toHsvaString:l.toHsvString)(o));break;case"rgb":o[t]=r,q((i.showAlpha?l.toRgbaString:l.toRgbString)(o));break;case"hsl":o[t]=r,q((i.showAlpha?l.toHslaString:l.toHslString)(o));break}}function oe(t,r){var d,v;const o=t.target;let n,S,a;const s=o.value;r===void 0?a=E.value===null?void 0:E.value:a=((d=E.value)==null?void 0:d[r])===void 0||(v=E.value)==null?void 0:v[r].toString();const u=r===void 0?x.value:x.value[r];switch(u){case"HEX":case"HEXA":S=xe(s),S&&I(0,s),F.value=U(s,u);break;case"H":n=Ue(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"S":case"L":case"V":n=Ie(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"A":n=Le(s),n===!1?H.value[r]=U(a,u):I(r,n);break;case"R":case"G":case"B":n=Pe(s),n===!1?H.value[r]=U(a,u):I(r,n);break}}function _e(t,r){if(r==="hsv"){const[o,n,S,a]=l.hsva(t);return l.toRgbaString([...l.hsv2rgb(o,n,S),a])}return t}function De(t){const r=document.createElement("canvas").getContext("2d");return r?(r.fillStyle=t,r.fillStyle):"#000000"}function ae(t,r,o){return o=o||X(t),o?o===r?t:{rgb:{hex(a){return l.toHexaString(l.rgba(a))},hsl(a){const[s,u,d,v]=l.rgba(a);return l.toHslaString([...l.rgb2hsl(s,u,d),v])},hsv(a){const[s,u,d,v]=l.rgba(a);return l.toHsvaString([...l.rgb2hsv(s,u,d),v])}},hex:{rgb(a){return l.toRgbaString(l.rgba(a))},hsl(a){const[s,u,d,v]=l.rgba(a);return l.toHslaString([...l.rgb2hsl(s,u,d),v])},hsv(a){const[s,u,d,v]=l.rgba(a);return l.toHsvaString([...l.rgb2hsv(s,u,d),v])}},hsl:{hex(a){const[s,u,d,v]=l.hsla(a);return l.toHexaString([...l.hsl2rgb(s,u,d),v])},rgb(a){const[s,u,d,v]=l.hsla(a);return l.toRgbaString([...l.hsl2rgb(s,u,d),v])},hsv(a){const[s,u,d,v]=l.hsla(a);return l.toHsvaString([...l.hsl2hsv(s,u,d),v])}},hsv:{hex(a){const[s,u,d,v]=l.hsva(a);return l.toHexaString([...l.hsv2rgb(s,u,d),v])},rgb(a){const[s,u,d,v]=l.hsva(a);return l.toRgbaString([...l.hsv2rgb(s,u,d),v])},hsl(a){const[s,u,d,v]=l.hsva(a);return l.toHslaString([...l.hsv2hsl(s,u,d),v])}}}[o][r](t):void 0}function Fe(t){let{value:r,mode:o}=t;return o||(o="hex",/^[a-zA-Z]+$/.test(r)?r=De(r):(console.warn("color-picker",`color ${r} in swatches is invalid.`),r="#000000")),o===m.value?r:ae(r,m.value,o)}function Xe(t){f(Fe(t),"input")}function qe(){R("confirm",c.value),T.value.hide()}function Te(){f(void 0,"input"),R("clear"),T.value.hide()}return(t,r)=>(e.openBlock(),e.createBlock(e.unref(Oe.default),{ref_key:"tooltipRef",ref:T,style:e.normalizeStyle(`width: ${Q.value}; height: ${Z.value};`),"max-width":"none",arrow:!1,placement:"bottom","bg-color":"#fff","tooltip-style":{width:"240px",padding:0,borderRadius:"4px",color:"rgba(0, 0, 0, 0.88)",...t.tooltipStyle},"content-style":{width:"100%",height:"100%"},trigger:"click","transition-duration":200},{tooltip:e.withCtx(()=>[t.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(["color-picker-panel",{"panel-with-actions":t.actions.length}])},[e.createElementVNode("div",{ref_key:"palleteRef",ref:L,class:"color-picker-pallete",onMousedown:He},[e.createElementVNode("div",{class:"color-picker-pallete-layer",style:e.normalizeStyle({backgroundImage:`linear-gradient(90deg, white, hsl(${V.value}, 100%, 50%))`})},null,4),r[1]||(r[1]=e.createElementVNode("div",{class:"color-picker-pallete-layer pallete-layer-shadowed",style:{"background-image":"linear-gradient(180deg, rgba(0, 0, 0, 0%), rgba(0, 0, 0, 100%))"}},null,-1)),e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(he.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(me.value)},null,4)],4)],544),e.createElementVNode("div",je,[e.createElementVNode("div",Ge,[e.createElementVNode("div",{class:"color-picker-slider",style:e.normalizeStyle(J.value)},[e.createElementVNode("div",{ref_key:"hueRailRef",ref:P,style:e.normalizeStyle(fe.value),onMousedown:$e},[e.createElementVNode("div",{style:e.normalizeStyle(`position: absolute; top: 0px; bottom: 0; left: ${p}; right: ${p}`)},[e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(ge.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(be.value)},null,4)],4)],4)],36)],4),t.showAlpha?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"alphaRailRef",ref:_,class:"color-picker-slider",style:e.normalizeStyle(J.value),onMousedown:ze},[e.createElementVNode("div",{style:e.normalizeStyle(`
+                    border-radius: ${p};
                     position: absolute;
                     top: 0px;
                     bottom: 0;
                     left: 0px;
                     right: 0px;
                     overflow: hidden;
-                  `)},[r[2]||(r[2]=e.createElementVNode("div",{class:"color-picker-checkboard"},null,-1)),e.createElementVNode("div",{class:"color-picker-slider-image",style:e.normalizeStyle(`background-image: ${be.value}`)},null,4)],4),h.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`position: absolute; top: 0px; bottom: 0; left: ${m}; right: ${m}`)},[e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(ke.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(ye.value)},null,4)],4)],4)):e.createCommentVNode("",!0)],36)):e.createCommentVNode("",!0)]),t.showPreview?(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("span",{class:"color-picker-circle-fill",style:e.normalizeStyle(`background: ${Q.value||"#000000"};`)},null,4),e.createElementVNode("input",{class:"color-picker-circle-input",type:"color",value:Q.value,onChange:e.withModifiers(Be,["stop"])},null,40,Ye)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[e.createElementVNode("div",{class:"color-picker-input-mode",style:e.normalizeStyle({cursor:t.modes.length===1?"":"pointer"}),onClick:Ae},e.toDisplayString(x.value),5),e.createElementVNode("div",Ke,[p.value==="hex"?(e.openBlock(),e.createBlock(e.unref(ae.default),{key:0,size:"small",placeholder:x.value,value:P.value,"onUpdate:value":r[0]||(r[0]=o=>P.value=o),valueModifiers:{lazy:!0},onChange:re},null,8,["placeholder","value"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(we.value,(o,n)=>(e.openBlock(),e.createBlock(e.unref(ae.default),{size:"small",style:e.normalizeStyle(`${o==="A"?"flex-grow: 1.25":""}`),placeholder:o,value:H.value[n],"onUpdate:value":S=>H.value[n]=S,valueModifiers:{lazy:!0},onChange:S=>re(S,n),key:n},null,8,["style","placeholder","value","onUpdate:value","onChange"]))),128))])]),W.value.length?(e.openBlock(),e.createElementBlock("div",Qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(W.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:"color-picker-swatch",key:n,onClick:S=>Pe(o)},[e.createElementVNode("div",{class:"color-picker-swatch-fill",style:e.normalizeStyle(`background: ${o.legalValue};`)},null,4)],8,We))),128))])):e.createCommentVNode("",!0)],2),t.actions.length?(e.openBlock(),e.createElementBlock("div",et,[t.actions.includes("confirm")?(e.openBlock(),e.createBlock(e.unref(ne.default),{key:0,type:"primary",size:"small",onClick:Xe},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("确认")])),_:1})):e.createCommentVNode("",!0),t.actions.includes("clear")?(e.openBlock(),e.createBlock(e.unref(ne.default),{key:1,size:"small",onClick:qe},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("清除")])),_:1})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),de.value?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(t.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)],!0)])):e.createCommentVNode("",!0)],64))]),default:e.withCtx(()=>[e.createElementVNode("div",{tabindex:"1",class:e.normalizeClass(["color-picker-display",[`color-picker-${t.size}`,{"color-picker-disabled":t.disabled}]]),style:e.normalizeStyle(`--color-picker-height: ${Z.value}; --color-picker-block-size: ${Se.value};`)},[e.createElementVNode("div",lt,[e.createElementVNode("div",rt,[r[5]||(r[5]=e.createElementVNode("div",{class:"color-picker-checkboard"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle(`position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: ${R.value?e.unref(l.toHslaString)(R.value):""};`)},null,4),c.value&&R.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"color-picker-value",style:e.normalizeStyle({color:R.value[2]>50||R.value[3]<.5?"black":"white"})},[e.renderSlot(t.$slots,"label",{color:c.value},()=>[e.createTextVNode(e.toDisplayString(t.label?t.label(c.value):c.value),1)],!0)],4)):e.createCommentVNode("",!0)])])],6)]),_:3},16,["style","tooltip-style"]))}});exports.default=at;
+                  `)},[r[2]||(r[2]=e.createElementVNode("div",{class:"color-picker-checkboard"},null,-1)),e.createElementVNode("div",{class:"color-picker-slider-image",style:e.normalizeStyle(`background-image: ${ke.value}`)},null,4)],4),h.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`position: absolute; top: 0px; bottom: 0; left: ${p}; right: ${p}`)},[e.createElementVNode("div",{class:"color-picker-handle",style:e.normalizeStyle(ye.value)},[e.createElementVNode("div",{class:"color-picker-handle-fill",style:e.normalizeStyle(Se.value)},null,4)],4)],4)):e.createCommentVNode("",!0)],36)):e.createCommentVNode("",!0)]),t.showPreview?(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("span",{class:"color-picker-circle-fill",style:e.normalizeStyle(`background: ${K.value||"#000000"};`)},null,4),e.createElementVNode("input",{class:"color-picker-circle-input",type:"color",value:K.value,onChange:e.withModifiers(Me,["stop"])},null,40,Ye)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[e.createElementVNode("div",{class:"color-picker-input-mode",style:e.normalizeStyle({cursor:t.modes.length===1?"":"pointer"}),onClick:Be},e.toDisplayString(x.value),5),e.createElementVNode("div",Ke,[m.value==="hex"?(e.openBlock(),e.createBlock(e.unref(ne.default),e.mergeProps({key:0,size:"small",placeholder:x.value,value:F.value,"onUpdate:value":r[0]||(r[0]=o=>F.value=o),valueModifiers:{lazy:!0},onChange:oe},t.inputProps),null,16,["placeholder","value"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Ee.value,(o,n)=>(e.openBlock(),e.createBlock(e.unref(ne.default),e.mergeProps({size:"small",style:`${o==="A"?"flex-grow: 1.25":""}`,key:n,placeholder:o,value:H.value[n],"onUpdate:value":S=>H.value[n]=S,valueModifiers:{lazy:!0},onChange:S=>oe(S,n),ref_for:!0},t.inputProps),null,16,["style","placeholder","value","onUpdate:value","onChange"]))),128))])]),ee.value.length?(e.openBlock(),e.createElementBlock("div",Qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ee.value,(o,n)=>(e.openBlock(),e.createElementBlock("div",{tabindex:"0",class:"color-picker-swatch",key:n,onClick:S=>Xe(o)},[e.createElementVNode("div",{class:"color-picker-swatch-fill",style:e.normalizeStyle(`background: ${o.legalValue};`)},null,4)],8,et))),128))])):e.createCommentVNode("",!0)],2),t.actions.length?(e.openBlock(),e.createElementBlock("div",tt,[t.actions.includes("confirm")?(e.openBlock(),e.createBlock(e.unref(se.default),{key:0,type:"primary",size:"small",onClick:qe},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("确认")])),_:1})):e.createCommentVNode("",!0),t.actions.includes("clear")?(e.openBlock(),e.createBlock(e.unref(se.default),{key:1,size:"small",onClick:Te},{default:e.withCtx(()=>r[4]||(r[4]=[e.createTextVNode("清除")])),_:1})):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),ve.value?(e.openBlock(),e.createElementBlock("div",lt,[e.renderSlot(t.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)],!0)])):e.createCommentVNode("",!0)],64))]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({tabindex:"1",class:["color-picker-display",[`color-picker-${t.size}`,{"color-picker-disabled":t.disabled}]],style:`
+        --color-picker-width: ${Q.value};
+        --color-picker-height: ${Z.value};
+        --color-picker-block-size: ${we.value};
+        --color-picker-primary-color-hover: #4096ff;
+        --color-picker-primary-color-focus: #4096ff;
+        --color-picker-primary-shadow-color: rgba(5, 145, 255, 0.1);
+      `},t.$attrs),[e.createElementVNode("div",rt,[e.createElementVNode("div",ot,[r[5]||(r[5]=e.createElementVNode("div",{class:"color-picker-checkboard"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle(`position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: ${z.value?e.unref(l.toHslaString)(z.value):""};`)},null,4),c.value&&z.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"color-picker-value",style:e.normalizeStyle({color:z.value[2]>50||z.value[3]<.5?"black":"white"})},[e.renderSlot(t.$slots,"label",{color:c.value},()=>[e.createTextVNode(e.toDisplayString(t.label?t.label(c.value):c.value),1)],!0)],4)):e.createCommentVNode("",!0)])])],16)]),_:3},8,["style","tooltip-style"]))}});exports.default=nt;

package/lib/colorpicker/index.d.ts

@@ -15,9 +15,11 @@ declare const _default: {
         footer: string;
         label: (color: string) => string;
         actions: import('./ColorPicker').ColorPickerAction[];
+        width: string | number;
         tooltipStyle: import('vue').CSSProperties;
         value: string;
         disabled: boolean;
+        inputProps: object;
         showAlpha: boolean;
         showPreview: boolean;
         modes: import('./ColorPicker').ColorPickerMode[];
@@ -171,9 +173,11 @@ declare const _default: {
         footer: string;
         label: (color: string) => string;
         actions: import('./ColorPicker').ColorPickerAction[];
+        width: string | number;
         tooltipStyle: import('vue').CSSProperties;
         value: string;
         disabled: boolean;
+        inputProps: object;
         showAlpha: boolean;
         showPreview: boolean;
         modes: import('./ColorPicker').ColorPickerMode[];
@@ -197,9 +201,11 @@ declare const _default: {
     footer: string;
     label: (color: string) => string;
     actions: import('./ColorPicker').ColorPickerAction[];
+    width: string | number;
     tooltipStyle: import('vue').CSSProperties;
     value: string;
     disabled: boolean;
+    inputProps: object;
     showAlpha: boolean;
     showPreview: boolean;
     modes: import('./ColorPicker').ColorPickerMode[];

package/lib/pagination/Pagination.css

@@ -1 +1 @@
-.m-pagination[data-v-dedbcd46]{display:flex;align-items:center;font-size:14px;color:#000000e0;line-height:1.57142857}.m-pagination .pagination-total-text[data-v-dedbcd46]{display:inline-block;height:32px;line-height:32px}.m-pagination .pagination-item[data-v-dedbcd46]{display:inline-block;text-align:center;min-width:32px;height:32px;line-height:30px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .2s}.m-pagination .pagination-item[data-v-dedbcd46]:hover{font-weight:600;color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-prev[data-v-dedbcd46],.m-pagination .pagination-next[data-v-dedbcd46]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;line-height:30px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:all .2s}.m-pagination .pagination-prev .arrow-svg[data-v-dedbcd46],.m-pagination .pagination-next .arrow-svg[data-v-dedbcd46]{display:inline-block;font-size:12px;color:#000000a6;fill:currentColor;transition:color .2s}.m-pagination .pagination-prev[data-v-dedbcd46]:hover,.m-pagination .pagination-next[data-v-dedbcd46]:hover{border-color:var(--pagination-primary-color)}.m-pagination .pagination-prev:hover .arrow-svg[data-v-dedbcd46],.m-pagination .pagination-next:hover .arrow-svg[data-v-dedbcd46]{color:var(--pagination-primary-color)}.m-pagination .pagination-item-active[data-v-dedbcd46]{font-weight:600;color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-item-disabled[data-v-dedbcd46]{color:#00000040;background:#fff;border-color:#d9d9d9;cursor:not-allowed}.m-pagination .pagination-item-disabled[data-v-dedbcd46]:hover{font-weight:400;color:#000000a6;border-color:#d9d9d9}.m-pagination .pagination-item-disabled:hover .arrow-svg[data-v-dedbcd46],.m-pagination .pagination-item-disabled .arrow-svg[data-v-dedbcd46]{color:#00000040}.m-pagination .pagintion-item-link[data-v-dedbcd46]{position:relative;display:inline-block;min-width:32px;height:32px;line-height:32px;cursor:pointer;outline:none}.m-pagination .pagintion-item-link .ellipsis-character[data-v-dedbcd46]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;color:#00000040;font-family:Arial,Helvetica,sans-serif;line-height:32px;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.m-pagination .pagintion-item-link .icon-svg[data-v-dedbcd46]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;display:inline-block;font-size:12px;color:var(--pagination-primary-color);fill:currentColor;opacity:0;pointer-events:none;transition:all .2s}.m-pagination .pagintion-item-link:hover .ellipsis-character[data-v-dedbcd46]{opacity:0;pointer-events:none}.m-pagination .pagintion-item-link:hover .icon-svg[data-v-dedbcd46]{opacity:1;pointer-events:auto}.m-pagination .pagination-options[data-v-dedbcd46]{display:inline-block;margin-left:16px}.m-pagination .pagination-options .pagination-jump-page[data-v-dedbcd46]{display:inline-block;height:32px;line-height:32px;margin-left:8px}.m-pagination .pagination-options .pagination-jump-page .m-input[data-v-dedbcd46]{margin:0 8px}.m-pagination .pagination-right-gap[data-v-dedbcd46]{margin-right:8px}.pagination-left[data-v-dedbcd46]{justify-content:flex-start}.pagination-center[data-v-dedbcd46]{justify-content:center}.pagination-right[data-v-dedbcd46]{justify-content:flex-end}.pagination-small[data-v-dedbcd46]{font-size:14px}.pagination-small .pagination-total-text[data-v-dedbcd46]{height:24px;line-height:24px}.pagination-small .pagination-item[data-v-dedbcd46],.pagination-small .pagination-prev[data-v-dedbcd46],.pagination-small .pagination-next[data-v-dedbcd46]{min-width:24px;height:24px;line-height:22px}.pagination-small .pagintion-item-link[data-v-dedbcd46]{min-width:24px;height:24px;line-height:24px}.pagination-small .pagintion-item-link .ellipsis-character[data-v-dedbcd46]{line-height:24px}.pagination-small .pagination-options[data-v-dedbcd46]{display:inline-block;margin-left:8px}.pagination-small .pagination-options .pagination-jump-page[data-v-dedbcd46]{display:inline-block;height:24px;line-height:24px}.pagination-small .pagination-right-gap[data-v-dedbcd46]{margin-right:4px}.pagination-middle[data-v-dedbcd46]{font-size:14px}.pagination-middle .pagination-total-text[data-v-dedbcd46]{height:28px;line-height:28px}.pagination-middle .pagination-item[data-v-dedbcd46],.pagination-middle .pagination-prev[data-v-dedbcd46],.pagination-middle .pagination-next[data-v-dedbcd46]{min-width:28px;height:28px;line-height:26px}.pagination-middle .pagintion-item-link[data-v-dedbcd46]{min-width:28px;height:28px;line-height:28px}.pagination-middle .pagintion-item-link .ellipsis-character[data-v-dedbcd46]{line-height:28px}.pagination-middle .pagination-options[data-v-dedbcd46]{display:inline-block;margin-left:12px}.pagination-middle .pagination-options .pagination-jump-page[data-v-dedbcd46]{display:inline-block;height:28px;line-height:28px}.pagination-middle .pagination-options .pagination-jump-page[data-v-dedbcd46] .m-input .input-wrap{padding:3px 11px}.pagination-middle .pagination-right-gap[data-v-dedbcd46]{margin-right:6px}.pagination-disabled .pagination-prev[data-v-dedbcd46],.pagination-disabled .pagination-next[data-v-dedbcd46]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-prev .arrow-svg[data-v-dedbcd46],.pagination-disabled .pagination-next .arrow-svg[data-v-dedbcd46]{color:#00000040}.pagination-disabled .pagination-prev[data-v-dedbcd46]:hover,.pagination-disabled .pagination-next[data-v-dedbcd46]:hover{border-color:#00000040}.pagination-disabled .pagination-prev:hover .arrow-svg[data-v-dedbcd46],.pagination-disabled .pagination-next:hover .arrow-svg[data-v-dedbcd46]{color:#00000040}.pagination-disabled .pagination-item[data-v-dedbcd46]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-item[data-v-dedbcd46]:hover{font-weight:400;color:#00000040;border-color:#00000040}.pagination-disabled .pagination-item-active[data-v-dedbcd46]{border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagination-item-active[data-v-dedbcd46]:hover{font-weight:600;color:#00000040;border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagintion-item-link[data-v-dedbcd46]{color:#00000040;cursor:not-allowed}.pagination-disabled .pagintion-item-link:hover .ellipsis-character[data-v-dedbcd46]{opacity:1;pointer-events:none}.pagination-disabled .pagintion-item-link:hover .icon-svg[data-v-dedbcd46]{opacity:0;pointer-events:none}.pagination-disabled .pagination-options[data-v-dedbcd46]{color:#00000040;cursor:not-allowed}.pagination-hidden[data-v-dedbcd46]{display:none}
+.m-pagination[data-v-3535a50c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#000000e0;line-height:1.57142857}.m-pagination .pagination-total-text[data-v-3535a50c]{display:inline-flex;align-items:center;height:32px}.m-pagination .pagination-item[data-v-3535a50c]{display:inline-flex;justify-content:center;align-items:center;padding:0 6px;min-width:32px;height:32px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:0;-webkit-user-select:none;user-select:none;transition:all .3s}.m-pagination .pagination-item[data-v-3535a50c]:hover{color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-item[data-v-3535a50c]:focus-visible{outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagination-prev[data-v-3535a50c],.m-pagination .pagination-next[data-v-3535a50c]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;outline:0;-webkit-user-select:none;user-select:none;transition:all .3s}.m-pagination .pagination-prev .arrow-svg[data-v-3535a50c],.m-pagination .pagination-next .arrow-svg[data-v-3535a50c]{display:inline-block;font-size:12px;color:#000000a6;fill:currentColor;transition:color .3s}.m-pagination .pagination-prev[data-v-3535a50c]:hover,.m-pagination .pagination-next[data-v-3535a50c]:hover{border-color:var(--pagination-primary-color)}.m-pagination .pagination-prev:hover .arrow-svg[data-v-3535a50c],.m-pagination .pagination-next:hover .arrow-svg[data-v-3535a50c]{color:var(--pagination-primary-color)}.m-pagination .pagination-prev[data-v-3535a50c]:focus-visible:not(.pagination-item-disabled),.m-pagination .pagination-next[data-v-3535a50c]:focus-visible:not(.pagination-item-disabled){outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagination-item-active[data-v-3535a50c]{color:var(--pagination-primary-color);border-color:var(--pagination-primary-color)}.m-pagination .pagination-item-disabled[data-v-3535a50c]{color:#00000040;background:#fff;border-color:#d9d9d9;cursor:not-allowed}.m-pagination .pagination-item-disabled[data-v-3535a50c]:hover{font-weight:400;color:#000000a6;border-color:#d9d9d9}.m-pagination .pagination-item-disabled:hover .arrow-svg[data-v-3535a50c],.m-pagination .pagination-item-disabled .arrow-svg[data-v-3535a50c]{color:#00000040}.m-pagination .pagintion-jump-prev[data-v-3535a50c],.m-pagination .pagintion-jump-next[data-v-3535a50c]{position:relative;display:inline-flex;align-items:center;min-width:32px;height:32px;border-radius:6px;cursor:pointer;outline:0}.m-pagination .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;color:#00000040;font-family:Arial,Helvetica,sans-serif;line-height:32px;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .3s}.m-pagination .pagintion-jump-prev .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next .icon-svg[data-v-3535a50c]{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;display:inline-block;font-size:12px;color:var(--pagination-primary-color);fill:currentColor;opacity:0;pointer-events:none;transition:all .3s}.m-pagination .pagintion-jump-prev:hover .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next:hover .ellipsis-character[data-v-3535a50c]{opacity:0;pointer-events:none}.m-pagination .pagintion-jump-prev:hover .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next:hover .icon-svg[data-v-3535a50c]{opacity:1;pointer-events:auto}.m-pagination .pagintion-jump-prev[data-v-3535a50c]:focus-visible,.m-pagination .pagintion-jump-next[data-v-3535a50c]:focus-visible{outline:2px solid var(--pagination-primary-color-focus-visible);outline-offset:1px;transition:outline-offset 0s,outline 0s}.m-pagination .pagintion-jump-prev:focus-visible .ellipsis-character[data-v-3535a50c],.m-pagination .pagintion-jump-next:focus-visible .ellipsis-character[data-v-3535a50c]{opacity:0;pointer-events:none}.m-pagination .pagintion-jump-prev:focus-visible .icon-svg[data-v-3535a50c],.m-pagination .pagintion-jump-next:focus-visible .icon-svg[data-v-3535a50c]{opacity:1;pointer-events:auto}.m-pagination .pagination-options[data-v-3535a50c]{display:inline-flex;gap:8px;margin-left:8px}.m-pagination .pagination-options .pagination-jump-page[data-v-3535a50c]{display:inline-flex;gap:8px;align-items:center;vertical-align:bottom;height:32px}.pagination-left[data-v-3535a50c]{justify-content:flex-start}.pagination-center[data-v-3535a50c]{justify-content:center}.pagination-right[data-v-3535a50c]{justify-content:flex-end}.pagination-small[data-v-3535a50c]{gap:4px}.pagination-small .pagination-total-text[data-v-3535a50c]{height:24px}.pagination-small .pagination-item[data-v-3535a50c],.pagination-small .pagination-prev[data-v-3535a50c],.pagination-small .pagination-next[data-v-3535a50c],.pagination-small .pagintion-jump-prev[data-v-3535a50c],.pagination-small .pagintion-jump-next[data-v-3535a50c]{min-width:24px;height:24px}.pagination-small .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.pagination-small .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{line-height:24px}.pagination-small .pagination-options[data-v-3535a50c]{gap:4px;margin-left:4px}.pagination-small .pagination-options .pagination-jump-page[data-v-3535a50c]{gap:4px;height:24px}.pagination-middle[data-v-3535a50c]{gap:6px}.pagination-middle .pagination-total-text[data-v-3535a50c]{height:28px}.pagination-middle .pagination-item[data-v-3535a50c],.pagination-middle .pagination-prev[data-v-3535a50c],.pagination-middle .pagination-next[data-v-3535a50c],.pagination-middle .pagintion-jump-prev[data-v-3535a50c],.pagination-middle .pagintion-jump-next[data-v-3535a50c]{min-width:28px;height:28px}.pagination-middle .pagintion-jump-prev .ellipsis-character[data-v-3535a50c],.pagination-middle .pagintion-jump-next .ellipsis-character[data-v-3535a50c]{line-height:28px}.pagination-middle .pagination-options[data-v-3535a50c]{gap:6px;margin-left:6px}.pagination-middle .pagination-options .pagination-jump-page[data-v-3535a50c]{gap:6px;height:28px}.pagination-middle .pagination-options .pagination-jump-page[data-v-3535a50c] .m-input .input-wrap{padding:3px 11px}.pagination-disabled .pagination-prev[data-v-3535a50c],.pagination-disabled .pagination-next[data-v-3535a50c]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-prev .arrow-svg[data-v-3535a50c],.pagination-disabled .pagination-next .arrow-svg[data-v-3535a50c]{color:#00000040}.pagination-disabled .pagination-prev[data-v-3535a50c]:hover,.pagination-disabled .pagination-next[data-v-3535a50c]:hover{border-color:#00000040}.pagination-disabled .pagination-prev:hover .arrow-svg[data-v-3535a50c],.pagination-disabled .pagination-next:hover .arrow-svg[data-v-3535a50c]{color:#00000040}.pagination-disabled .pagination-prev[data-v-3535a50c]:focus-visible,.pagination-disabled .pagination-next[data-v-3535a50c]:focus-visible{outline:0!important}.pagination-disabled .pagination-item[data-v-3535a50c]{color:#00000040;border-color:#00000040;cursor:not-allowed}.pagination-disabled .pagination-item[data-v-3535a50c]:hover{font-weight:400;color:#00000040;border-color:#00000040}.pagination-disabled .pagination-item[data-v-3535a50c]:focus-visible{outline:0}.pagination-disabled .pagination-item-active[data-v-3535a50c]{border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagination-item-active[data-v-3535a50c]:hover{font-weight:600;color:#00000040;border-color:#d9d9d9;background-color:#00000026}.pagination-disabled .pagintion-jump-prev[data-v-3535a50c],.pagination-disabled .pagintion-jump-next[data-v-3535a50c]{color:#00000040;cursor:not-allowed}.pagination-disabled .pagintion-jump-prev:hover .ellipsis-character[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:hover .ellipsis-character[data-v-3535a50c]{opacity:1;pointer-events:none}.pagination-disabled .pagintion-jump-prev:hover .icon-svg[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:hover .icon-svg[data-v-3535a50c]{opacity:0;pointer-events:none}.pagination-disabled .pagintion-jump-prev[data-v-3535a50c]:focus-visible,.pagination-disabled .pagintion-jump-next[data-v-3535a50c]:focus-visible{outline:0}.pagination-disabled .pagintion-jump-prev:focus-visible .ellipsis-character[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:focus-visible .ellipsis-character[data-v-3535a50c]{opacity:1;pointer-events:none}.pagination-disabled .pagintion-jump-prev:focus-visible .icon-svg[data-v-3535a50c],.pagination-disabled .pagintion-jump-next:focus-visible .icon-svg[data-v-3535a50c]{opacity:0;pointer-events:none}.pagination-disabled .pagination-options[data-v-3535a50c]{color:#00000040;cursor:not-allowed}.pagination-hidden[data-v-3535a50c]{display:none}

package/lib/pagination/Pagination.d.ts

@@ -41,6 +41,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     showTotal: boolean | ((total: number, range: number[]) => string);
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     forward: HTMLSpanElement;
+    pageListRef: HTMLSpanElement[];
     backward: HTMLSpanElement;
 }, HTMLDivElement>;
 export default _default;

package/lib/pagination/Pagination.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Pagination.vue2.cjs");;/* empty css                  */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-dedbcd46"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Pagination.vue2.cjs");;/* empty css                  */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-3535a50c"]]);exports.default=u;

package/lib/pagination/Pagination.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("../input/index.cjs"),P=require("../select/index.cjs"),M={key:0,class:"pagination-total-text pagination-right-gap"},L=["onClick"],$={key:1,class:"pagination-options"},A={key:1,class:"pagination-jump-page"},T=e.defineComponent({__name:"Pagination",props:{page:{default:1},pageSize:{default:10},total:{default:0},disabled:{type:Boolean,default:!1},pageAmount:{default:5},hideOnSinglePage:{type:Boolean,default:!1},showQuickJumper:{type:Boolean,default:!1},jumperProps:{default:()=>({})},showSizeChanger:{type:Boolean,default:void 0},changerProps:{default:()=>({})},pageSizeOptions:{default:()=>[10,20,50,100]},showTotal:{type:[Boolean,Function],default:!1},placement:{default:"center"},size:{default:"large"}},emits:["update:page","update:pageSize","change","pageSizeChange"],setup(z,{emit:k}){const n=z,l=e.ref(n.page),r=e.ref(n.pageSize),p=e.ref(),m=e.ref(!1),c=e.ref(!1),u=k,s=e.computed(()=>Math.ceil(n.total/r.value)),f=e.computed(()=>{if(typeof n.showTotal=="boolean"){if(n.showTotal)return`共 ${n.total} 条`}else{const a=(l.value-1)*r.value+1,t=l.value*r.value>n.total?n.total:l.value*r.value;return n.showTotal(n.total,[a,t])}return null}),v=e.computed(()=>N(l.value).filter(a=>a!==1&&a!==s.value)),h=e.computed(()=>typeof n.showSizeChanger=="boolean"?n.showSizeChanger:n.total>50),C=e.computed(()=>{const a=[r.value,...n.pageSizeOptions].map(t=>Number(t));return Array.from(new Set(a)).sort((t,i)=>t-i).map(t=>({label:`${t} 条/页`,value:t}))}),V=e.computed(()=>{const a={small:24,middle:28,large:32};return a[n.size]||a.large}),b=e.computed(()=>n.size==="small"?"small":"middle");e.watch(()=>n.page,a=>{l.value=a}),e.watch(()=>n.pageSize,a=>{r.value=a});function N(a){var t=[],i=Math.floor(n.pageAmount/2),o={start:a-i,end:a+i};o.start<1&&(o.end=o.end+(1-o.start),o.start=1),o.end>s.value&&(o.start=o.start-(o.end-s.value),o.end=s.value),o.start<1&&(o.start=1),o.start>1?m.value=!0:m.value=!1,o.end<s.value?c.value=!0:c.value=!1;for(let g=o.start;g<=o.end;g++)t.push(g);return t}function S(){l.value=l.value-n.pageAmount>0?l.value-n.pageAmount:1,u("update:page",l.value),u("change",l.value,r.value)}function y(){l.value=l.value+n.pageAmount<s.value?l.value+n.pageAmount:s.value,u("update:page",l.value),u("change",l.value,r.value)}async function w(){let a=Number(p.value);p.value&&Number.isInteger(a)&&(a<1&&(a=1),a>s.value&&(a=s.value),d(a)),await e.nextTick(),p.value=void 0}function d(a){if(a===0||a===s.value+1)return!1;l.value!==a&&(l.value=a,u("update:page",l.value),u("change",l.value,r.value))}function B(a){r.value=a;const t=Math.ceil(n.total/a);l.value>t&&(l.value=t),u("update:page",l.value),u("update:pageSize",r.value),u("pageSizeChange",l.value,r.value),u("change",l.value,r.value)}return(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-pagination",[`pagination-${a.placement}`,{"pagination-small":a.size==="small","pagination-middle":a.size==="middle","pagination-disabled":a.disabled,"pagination-hidden":!a.total||a.hideOnSinglePage&&a.total<=r.value}]]),style:"--pagination-primary-color: #1677ff;"},[f.value?(e.openBlock(),e.createElementBlock("span",M,e.toDisplayString(f.value),1)):e.createCommentVNode("",!0),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-prev pagination-right-gap",{"pagination-item-disabled":l.value===1}]),onKeydown:t[0]||(t[0]=e.withKeys(e.withModifiers(i=>a.disabled?()=>!1:d(l.value-1),["prevent"]),["enter"])),onClick:t[1]||(t[1]=i=>a.disabled||l.value===1?()=>!1:d(l.value-1))},t[10]||(t[10]=[e.createElementVNode("svg",{class:"arrow-svg",viewBox:"64 64 896 896","data-icon":"left",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})],-1)]),34),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-item pagination-right-gap",{"pagination-item-active":l.value===1}]),onClick:t[2]||(t[2]=i=>a.disabled?()=>!1:d(1))}," 1 ",2),e.withDirectives(e.createElementVNode("span",{tabindex:"0",ref:"forward",class:"pagintion-item-link pagination-right-gap",onClick:t[3]||(t[3]=i=>a.disabled?()=>!1:S())},t[11]||(t[11]=[e.createElementVNode("span",{class:"ellipsis-character"},"•••",-1),e.createElementVNode("svg",{class:"icon-svg",focusable:"false","data-icon":"double-right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},[e.createElementVNode("path",{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"})],-1)]),512),[[e.vShow,m.value&&v.value[0]-1>1]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(i,o)=>(e.openBlock(),e.createElementBlock("span",{tabindex:"0",class:e.normalizeClass(["pagination-item pagination-right-gap",{"pagination-item-active":l.value===i}]),key:o,onClick:g=>a.disabled?()=>!1:d(i)},e.toDisplayString(i),11,L))),128)),e.withDirectives(e.createElementVNode("span",{tabindex:"0",ref:"backward",class:"pagintion-item-link pagination-right-gap",onClick:t[4]||(t[4]=i=>a.disabled?()=>!1:y())},t[12]||(t[12]=[e.createElementVNode("span",{class:"ellipsis-character"},"•••",-1),e.createElementVNode("svg",{class:"icon-svg",focusable:"false","data-icon":"double-right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},[e.createElementVNode("path",{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"})],-1)]),512),[[e.vShow,c.value&&v.value[v.value.length-1]+1<s.value]]),e.withDirectives(e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-item pagination-right-gap",{"pagination-item-active":l.value===s.value}]),onClick:t[5]||(t[5]=i=>a.disabled?()=>!1:d(s.value))},e.toDisplayString(s.value),3),[[e.vShow,s.value!==1]]),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-next",{"pagination-item-disabled":l.value===s.value}]),onKeydown:t[6]||(t[6]=e.withKeys(e.withModifiers(i=>a.disabled?()=>!1:d(l.value+1),["prevent"]),["enter"])),onClick:t[7]||(t[7]=i=>a.disabled||l.value===s.value?()=>!1:d(l.value+1))},t[13]||(t[13]=[e.createElementVNode("svg",{class:"arrow-svg",viewBox:"64 64 896 896","data-icon":"right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"})],-1)]),34),h.value||a.showQuickJumper?(e.openBlock(),e.createElementBlock("span",$,[h.value?(e.openBlock(),e.createBlock(e.unref(P.default),e.mergeProps({key:0,size:b.value,height:V.value,disabled:a.disabled,options:C.value,modelValue:r.value,"onUpdate:modelValue":t[8]||(t[8]=i=>r.value=i),onChange:B},a.changerProps),null,16,["size","height","disabled","options","modelValue"])):e.createCommentVNode("",!0),a.showQuickJumper?(e.openBlock(),e.createElementBlock("span",A,[t[14]||(t[14]=e.createTextVNode(" 跳至")),e.createVNode(e.unref(E.default),e.mergeProps({width:50,size:b.value,disabled:a.disabled,value:p.value,"onUpdate:value":t[9]||(t[9]=i=>p.value=i),valueModifiers:{lazy:!0},onChange:w,onEnter:w},a.jumperProps),null,16,["size","disabled","value"]),t[15]||(t[15]=e.createTextVNode("页 "))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("../input/index.cjs"),L=require("../select/index.cjs"),K={key:0,class:"pagination-total-text"},A=["onKeydown","onClick"],T={key:1,class:"pagination-options"},j={key:1,class:"pagination-jump-page"},O=e.defineComponent({__name:"Pagination",props:{page:{default:1},pageSize:{default:10},total:{default:0},disabled:{type:Boolean,default:!1},pageAmount:{default:5},hideOnSinglePage:{type:Boolean,default:!1},showQuickJumper:{type:Boolean,default:!1},jumperProps:{default:()=>({})},showSizeChanger:{type:Boolean,default:void 0},changerProps:{default:()=>({})},pageSizeOptions:{default:()=>[10,20,50,100]},showTotal:{type:[Boolean,Function],default:!1},placement:{default:"center"},size:{default:"large"}},emits:["update:page","update:pageSize","change","pageSizeChange"],setup(C,{emit:N}){const i=C,l=e.ref(i.page),r=e.ref(i.pageSize),c=e.ref(null),v=e.ref(),m=e.ref(!1),g=e.ref(!1),d=N,s=e.computed(()=>Math.ceil(i.total/r.value)),w=e.computed(()=>{if(typeof i.showTotal=="boolean"){if(i.showTotal)return`共 ${i.total} 条`}else{const a=(l.value-1)*r.value+1,t=l.value*r.value>i.total?i.total:l.value*r.value;return i.showTotal(i.total,[a,t])}return null}),p=e.computed(()=>B(l.value).filter(a=>a!==1&&a!==s.value)),h=e.computed(()=>typeof i.showSizeChanger=="boolean"?i.showSizeChanger:i.total>50),V=e.computed(()=>{const a=[r.value,...i.pageSizeOptions].map(t=>Number(t));return Array.from(new Set(a)).sort((t,n)=>t-n).map(t=>({label:`${t} 条/页`,value:t}))}),S=e.computed(()=>{const a={small:24,middle:28,large:32};return a[i.size]||a.large}),b=e.computed(()=>i.size==="small"?"small":"middle");e.watch(()=>i.page,a=>{l.value=a}),e.watch(()=>i.pageSize,a=>{r.value=a});function B(a){var t=[],n=Math.floor(i.pageAmount/2),o={start:a-n,end:a+n};o.start<1&&(o.end=o.end+(1-o.start),o.start=1),o.end>s.value&&(o.start=o.start-(o.end-s.value),o.end=s.value),o.start<1&&(o.start=1),o.start>1?m.value=!0:m.value=!1,o.end<s.value?g.value=!0:g.value=!1;for(let f=o.start;f<=o.end;f++)t.push(f);return t}function y(){l.value=l.value-i.pageAmount>0?l.value-i.pageAmount:1,d("update:page",l.value),d("change",l.value,r.value)}function z(){l.value=l.value+i.pageAmount<s.value?l.value+i.pageAmount:s.value,d("update:page",l.value),d("change",l.value,r.value)}async function k(){let a=Number(v.value);v.value&&Number.isInteger(a)&&(a<1&&(a=1),a>s.value&&(a=s.value),u(a)),await e.nextTick(),v.value=void 0}async function E(a){var n;await e.nextTick();const t=p.value.findIndex(o=>o===a);(n=c.value)==null||n[t].focus()}function u(a,t=!1){if(a===0||a===s.value+1)return!1;l.value!==a&&(l.value=a,t&&E(a),d("update:page",l.value),d("change",l.value,r.value))}function P(a,t){a.target.focus(),u(t)}function M(a){r.value=a;const t=Math.ceil(i.total/a);l.value>t&&(l.value=t),d("update:page",l.value),d("update:pageSize",r.value),d("pageSizeChange",l.value,r.value),d("change",l.value,r.value)}return(a,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-pagination",[`pagination-${a.placement}`,{"pagination-small":a.size==="small","pagination-middle":a.size==="middle","pagination-disabled":a.disabled,"pagination-hidden":!a.total||a.hideOnSinglePage&&a.total<=r.value}]]),style:"--pagination-primary-color: #1677ff; --pagination-primary-color-focus-visible: #91caff;"},[w.value?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(w.value),1)):e.createCommentVNode("",!0),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-prev",{"pagination-item-disabled":l.value===1}]),onKeydown:t[0]||(t[0]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:u(l.value-1),["prevent"]),["enter"])),onClick:t[1]||(t[1]=n=>a.disabled||l.value===1?()=>!1:u(l.value-1))},t[14]||(t[14]=[e.createElementVNode("svg",{class:"arrow-svg",viewBox:"64 64 896 896","data-icon":"left",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})],-1)]),34),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-item",{"pagination-item-active":l.value===1}]),onKeydown:t[2]||(t[2]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:u(1),["prevent"]),["enter"])),onClick:t[3]||(t[3]=n=>a.disabled?()=>!1:u(1))}," 1 ",34),e.withDirectives(e.createElementVNode("span",{tabindex:"0",ref:"forward",class:"pagintion-jump-prev",onKeydown:t[4]||(t[4]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:y(),["prevent"]),["enter"])),onClick:t[5]||(t[5]=n=>a.disabled?()=>!1:y())},t[15]||(t[15]=[e.createElementVNode("span",{class:"ellipsis-character"},"•••",-1),e.createElementVNode("svg",{class:"icon-svg",focusable:"false","data-icon":"double-left",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},[e.createElementVNode("path",{d:"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"})],-1)]),544),[[e.vShow,m.value&&p.value[0]-1>1]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(n,o)=>(e.openBlock(),e.createElementBlock("span",{ref_for:!0,ref_key:"pageListRef",ref:c,tabindex:"0",class:e.normalizeClass(["pagination-item",{"pagination-item-active":l.value===n}]),key:o,onKeydown:e.withKeys(e.withModifiers(f=>a.disabled?()=>!1:u(n,!0),["prevent"]),["enter"]),onClick:f=>a.disabled?()=>!1:u(n,!0)},e.toDisplayString(n),43,A))),128)),e.withDirectives(e.createElementVNode("span",{tabindex:"0",ref:"backward",class:"pagintion-jump-next",onKeydown:t[6]||(t[6]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:z(),["prevent"]),["enter"])),onClick:t[7]||(t[7]=n=>a.disabled?()=>!1:z())},t[16]||(t[16]=[e.createElementVNode("span",{class:"ellipsis-character"},"•••",-1),e.createElementVNode("svg",{class:"icon-svg",focusable:"false","data-icon":"double-right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},[e.createElementVNode("path",{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"})],-1)]),544),[[e.vShow,g.value&&p.value[p.value.length-1]+1<s.value]]),e.withDirectives(e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-item",{"pagination-item-active":l.value===s.value}]),onKeydown:t[8]||(t[8]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:u(s.value),["prevent"]),["enter"])),onClick:t[9]||(t[9]=n=>a.disabled?()=>!1:u(s.value))},e.toDisplayString(s.value),35),[[e.vShow,s.value!==1]]),e.createElementVNode("span",{tabindex:"0",class:e.normalizeClass(["pagination-next",{"pagination-item-disabled":l.value===s.value}]),onKeydown:t[10]||(t[10]=e.withKeys(e.withModifiers(n=>a.disabled?()=>!1:u(l.value+1),["prevent"]),["enter"])),onClick:t[11]||(t[11]=n=>a.disabled||l.value===s.value?()=>!1:P(n,l.value+1))},t[17]||(t[17]=[e.createElementVNode("svg",{class:"arrow-svg",viewBox:"64 64 896 896","data-icon":"right",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",focusable:"false"},[e.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"})],-1)]),34),h.value||a.showQuickJumper?(e.openBlock(),e.createElementBlock("span",T,[h.value?(e.openBlock(),e.createBlock(e.unref(L.default),e.mergeProps({key:0,size:b.value,height:S.value,disabled:a.disabled,options:V.value,modelValue:r.value,"onUpdate:modelValue":t[12]||(t[12]=n=>r.value=n),onChange:M},a.changerProps),null,16,["size","height","disabled","options","modelValue"])):e.createCommentVNode("",!0),a.showQuickJumper?(e.openBlock(),e.createElementBlock("span",j,[t[18]||(t[18]=e.createTextVNode(" 跳至")),e.createVNode(e.unref($.default),e.mergeProps({width:50,size:b.value,disabled:a.disabled,value:v.value,"onUpdate:value":t[13]||(t[13]=n=>v.value=n),valueModifiers:{lazy:!0},onChange:k,onEnter:k},a.jumperProps),null,16,["size","disabled","value"]),t[19]||(t[19]=e.createTextVNode("页 "))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});exports.default=O;

package/lib/pagination/index.d.ts

@@ -27,6 +27,7 @@ declare const _default: {
         showTotal: boolean | ((total: number, range: number[]) => string);
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         forward: HTMLSpanElement;
+        pageListRef: HTMLSpanElement[];
         backward: HTMLSpanElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};

package/lib/select/Select.css

@@ -1 +1 @@
-.slide-down-enter[data-v-5a96e66b]{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-enter-active[data-v-5a96e66b]{animation-name:slideDownIn-5a96e66b;animation-play-state:running}@keyframes slideDownIn-5a96e66b{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.slide-down-leave[data-v-5a96e66b]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-leave-active[data-v-5a96e66b]{animation-name:slideDownOut-5a96e66b;animation-play-state:running}@keyframes slideDownOut-5a96e66b{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-select[data-v-5a96e66b]{position:relative;display:inline-block;width:var(--select-width);height:var(--select-height);font-size:14px;font-weight:400;color:#000000e0;outline:none;cursor:pointer;transition:all .3s}.m-select:not(.select-disabled):hover .select-wrap[data-v-5a96e66b]{border-color:var(--select-primary-color-hover)}.m-select .select-wrap[data-v-5a96e66b]{position:relative;display:flex;padding:0 11px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;width:100%;height:100%;outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.m-select .select-wrap[data-v-5a96e66b]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.m-select .select-wrap .select-search[data-v-5a96e66b]{position:absolute;top:0;bottom:0;left:11px;right:11px}.m-select .select-wrap .select-search .search-input[data-v-5a96e66b]{margin:0;padding:0;width:100%;height:100%;caret-color:transparent;vertical-align:top;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:pointer}.m-select .select-wrap .select-search .caret-show[data-v-5a96e66b]{caret-color:auto}.m-select .select-wrap .select-item[data-v-5a96e66b]{position:relative;padding-right:18px;flex:1;line-height:calc(var(--select-height) - 2px);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.m-select .select-wrap .select-placeholder[data-v-5a96e66b]{color:#00000040;transition:none;pointer-events:none}.m-select .select-wrap .icon-svg[data-v-5a96e66b]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.m-select .select-wrap .arrow-svg[data-v-5a96e66b]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s,opacity .3s}.m-select .select-wrap .arrow-rotate[data-v-5a96e66b]{transform:rotate(180deg)}.m-select .select-wrap .search-svg[data-v-5a96e66b]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.m-select .select-wrap .clear-svg[data-v-5a96e66b]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:#fff;cursor:pointer;transition:color .2s,opacity .3s}.m-select .select-wrap .clear-svg[data-v-5a96e66b]:hover{color:#00000073}.m-select .select-wrap .show-svg[data-v-5a96e66b]{opacity:1;pointer-events:auto}.m-select .select-options-panel[data-v-5a96e66b]{position:absolute;top:calc(var(--select-height) + 4px);z-index:1000;width:100%;background-color:#fff;border-radius:8px;outline:none;cursor:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-select .select-options-panel .select-option[data-v-5a96e66b]{min-height:32px;display:block;padding:5px 12px;border-radius:4px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s ease}.m-select .select-options-panel .option-hover[data-v-5a96e66b]{background:#0000000a}.m-select .select-options-panel .option-selected[data-v-5a96e66b]{font-weight:600;background:var(--select-item-bg-color-active)}.m-select .select-options-panel .option-disabled[data-v-5a96e66b]{color:#00000040;cursor:not-allowed}.m-select .options-empty[data-v-5a96e66b]{padding:9px 16px}.m-select .options-empty .m-empty[data-v-5a96e66b]{margin-block:8px}.m-select .options-empty .m-empty[data-v-5a96e66b] .empty-image-wrap{height:35px}.select-focused:not(.select-disabled) .select-wrap[data-v-5a96e66b]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-wrap[data-v-5a96e66b]{cursor:text}.search-select .select-wrap .select-search .search-input[data-v-5a96e66b]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-5a96e66b]{font-size:14px}.select-small .select-wrap[data-v-5a96e66b]{padding:0 7px;border-radius:4px}.select-small .select-wrap .select-search[data-v-5a96e66b]{left:7px;right:28px}.select-small .select-wrap .select-item[data-v-5a96e66b]{padding-right:22px}.select-large[data-v-5a96e66b]{font-size:16px}.select-large .select-wrap[data-v-5a96e66b]{padding:0 11px;border-radius:8px}.select-large .select-wrap .select-item[data-v-5a96e66b]{padding-right:20px}.select-disabled .select-wrap[data-v-5a96e66b]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-wrap .select-search .search-input[data-v-5a96e66b]{cursor:not-allowed}
+.slide-down-enter[data-v-363d6db8]{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-enter-active[data-v-363d6db8]{animation-name:slideDownIn-363d6db8;animation-play-state:running}@keyframes slideDownIn-363d6db8{0%{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.slide-down-leave[data-v-363d6db8]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-leave-active[data-v-363d6db8]{animation-name:slideDownOut-363d6db8;animation-play-state:running}@keyframes slideDownOut-363d6db8{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(.8);transform-origin:0% 0%;opacity:0}}.m-select[data-v-363d6db8]{position:relative;display:inline-block;width:var(--select-width);height:var(--select-height);font-size:14px;font-weight:400;color:#000000e0;outline:none;cursor:pointer;transition:all .3s}.m-select:not(.select-disabled):hover .select-wrap[data-v-363d6db8]{border-color:var(--select-primary-color-hover)}.m-select .select-wrap[data-v-363d6db8]{position:relative;display:flex;padding:0 11px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;width:100%;height:100%;outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.m-select .select-wrap[data-v-363d6db8]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.m-select .select-wrap .select-search[data-v-363d6db8]{position:absolute;top:0;bottom:0;left:11px;right:11px}.m-select .select-wrap .select-search .search-input[data-v-363d6db8]{margin:0;padding:0;width:100%;height:100%;caret-color:transparent;vertical-align:top;background:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:pointer}.m-select .select-wrap .select-search .caret-show[data-v-363d6db8]{caret-color:auto}.m-select .select-wrap .select-item[data-v-363d6db8]{position:relative;padding-right:18px;flex:1;line-height:calc(var(--select-height) - 2px);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.m-select .select-wrap .select-placeholder[data-v-363d6db8]{color:#00000040;transition:none;pointer-events:none}.m-select .select-wrap .icon-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.m-select .select-wrap .arrow-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s,opacity .3s}.m-select .select-wrap .arrow-rotate[data-v-363d6db8]{transform:rotate(180deg)}.m-select .select-wrap .search-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.m-select .select-wrap .clear-svg[data-v-363d6db8]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:#fff;cursor:pointer;transition:color .2s,opacity .3s}.m-select .select-wrap .clear-svg[data-v-363d6db8]:hover{color:#00000073}.m-select .select-wrap .show-svg[data-v-363d6db8]{opacity:1;pointer-events:auto}.m-select .select-options-panel[data-v-363d6db8]{position:absolute;top:calc(var(--select-height) + 4px);z-index:1000;width:100%;background-color:#fff;border-radius:8px;outline:none;cursor:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-select .select-options-panel .select-option[data-v-363d6db8]{min-height:32px;display:block;padding:5px 12px;border-radius:4px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s ease}.m-select .select-options-panel .option-hover[data-v-363d6db8]{background:#0000000a}.m-select .select-options-panel .option-selected[data-v-363d6db8]{font-weight:600;background:var(--select-item-bg-color-active)}.m-select .select-options-panel .option-disabled[data-v-363d6db8]{color:#00000040;cursor:not-allowed}.m-select .options-empty[data-v-363d6db8]{padding:9px 16px}.m-select .options-empty .m-empty[data-v-363d6db8]{margin-block:8px}.m-select .options-empty .m-empty[data-v-363d6db8] .empty-image-wrap{height:35px}.select-focused:not(.select-disabled) .select-wrap[data-v-363d6db8]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-wrap[data-v-363d6db8]{cursor:text}.search-select .select-wrap .select-search .search-input[data-v-363d6db8]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-363d6db8]{font-size:14px}.select-small .select-wrap[data-v-363d6db8]{padding:0 7px;border-radius:4px}.select-small .select-wrap .select-search[data-v-363d6db8]{left:7px;right:28px}.select-small .select-wrap .select-item[data-v-363d6db8]{padding-right:22px}.select-large[data-v-363d6db8]{font-size:16px}.select-large .select-wrap[data-v-363d6db8]{padding:0 11px;border-radius:8px}.select-large .select-wrap .select-item[data-v-363d6db8]{padding-right:20px}.select-disabled .select-wrap[data-v-363d6db8]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-wrap .select-search .search-input[data-v-363d6db8]{cursor:not-allowed}

package/lib/select/Select.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Select.vue2.cjs");;/* empty css              */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-5a96e66b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Select.vue2.cjs");;/* empty css              */const t=require("../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-363d6db8"]]);exports.default=u;

package/lib/select/Select.vue2.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("../empty/index.cjs"),I=require("../scrollbar/index.cjs"),j={class:"select-search"},A=["readonly","disabled"],U=["title"],W=["title","onMouseenter","onClick"],G=e.defineComponent({__name:"Select",props:{options:{default:()=>[]},label:{default:"label"},value:{default:"value"},placeholder:{default:"请选择"},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},search:{type:Boolean,default:!1},filter:{type:[Function,Boolean],default:!0},width:{default:"auto"},height:{default:void 0},size:{default:"middle"},maxDisplay:{default:6},scrollbarProps:{default:()=>({})},modelValue:{default:void 0}},emits:["update:modelValue","change","openChange"],setup(V,{emit:M}){const a=V,r=e.ref(),u=e.ref(),p=e.ref(null),i=e.ref(),c=e.ref(!1),w=e.ref(!1),n=e.ref(),m=e.ref(),y=e.ref(0),o=e.ref(!1),v=e.ref(!0),f=e.ref(!1),C=e.ref(!1),d=e.ref(!1),g=e.ref(!1),h=M,E=e.computed(()=>typeof a.width=="number"?`${a.width}px`:a.width),z=e.computed(()=>{const l={small:24,middle:32,large:40};return a.height!==void 0?`${a.height}px`:`${l[a.size]}px`}),S=e.computed(()=>a.options.length>a.maxDisplay),$=e.computed(()=>({maxHeight:`${a.maxDisplay*32+8}px`}));e.watchEffect(()=>{a.search?(i.value?(o.value=!0,r.value=a.options.filter(l=>typeof a.filter=="function"?a.filter(i.value,l):l[a.label].includes(i.value))):r.value=[...a.options],r.value.length&&i.value?n.value=r.value[0][a.value]:n.value=null):r.value=a.options}),e.watchEffect(()=>{N()}),e.watch(o,async l=>{if(S.value)if(l)await e.nextTick(),m.value&&m.value.scrollTo({top:y.value,behavior:"instant"});else{const t=m.value&&m.value.getScrollData();y.value=(t==null?void 0:t.scrollTop)||0}h("openChange",l),a.search&&!l&&(i.value=void 0,w.value=!1)});function N(){if(a.modelValue){const l=a.options.find(t=>t[a.value]===a.modelValue);l?(u.value=l[a.label],n.value=l[a.value]):(u.value=a.modelValue,n.value=null)}else u.value=null,n.value=null}function L(){g.value=!1,o.value&&(o.value=!1),a.search&&(d.value=!1,v.value=!0,w.value=!1)}function T(){c.value=!0,a.allowClear&&(u.value||a.search&&i.value)&&(v.value=!1,f.value=!0,a.search&&(d.value=!1))}function D(){c.value=!1,a.allowClear&&f.value&&(f.value=!1,a.search||(v.value=!0)),a.search&&(o.value?(d.value=!0,v.value=!1):(d.value=!1,v.value=!0))}function P(l,t){c.value=!!t,n.value=l}function R(){if(b(),!a.search&&p.value&&(p.value.style.opacity="0"),o.value=!o.value,!n.value&&u.value){const l=a.options.find(t=>t[a.label]===u.value);n.value=l?l[a.value]:null}a.search&&(f.value||(v.value=!o.value,d.value=o.value))}function q(l){var t;w.value=!!((t=l.target)!=null&&t.value)}function F(){g.value&&(b(),C.value=!0),f.value=!1,u.value=null,n.value=null,o.value=!1,d.value=!1,v.value=!0,h("update:modelValue"),h("change")}function b(){var l;(l=p.value)==null||l.focus(),g.value=!0}function H(l,t,s){a.modelValue!==l&&(u.value=t,n.value=l,h("update:modelValue",l),h("change",l,t,s)),C.value=!1}function k(){var l;(l=p.value)==null||l.focus()}return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-select",{"select-focused":g.value,"search-select":l.search,"select-small":l.size==="small","select-large":l.size==="large","select-disabled":l.disabled}]),style:e.normalizeStyle(`
-      --select-width: ${E.value};
-      --select-height: ${z.value};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../empty/index.cjs"),j=require("../scrollbar/index.cjs"),x={class:"select-search"},A=["readonly","disabled"],U=["title"],W=["title","onMouseenter","onClick"],G=e.defineComponent({__name:"Select",props:{options:{default:()=>[]},label:{default:"label"},value:{default:"value"},placeholder:{default:"请选择"},disabled:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},search:{type:Boolean,default:!1},filter:{type:[Function,Boolean],default:!0},width:{default:"auto"},height:{default:void 0},size:{default:"middle"},maxDisplay:{default:6},scrollbarProps:{default:()=>({})},modelValue:{default:void 0}},emits:["update:modelValue","change","openChange"],setup(B,{emit:V}){const a=B,r=e.ref(),u=e.ref(),w=e.ref(null),i=e.ref(),c=e.ref(!1),g=e.ref(!1),n=e.ref(),m=e.ref(),C=e.ref(0),o=e.ref(!1),v=e.ref(!0),f=e.ref(!1),y=e.ref(!1),d=e.ref(!1),b=e.ref(!1),h=V,M=e.computed(()=>typeof a.width=="number"?`${a.width}px`:a.width),E=e.computed(()=>{const l={small:24,middle:32,large:40};return a.height!==void 0?`${a.height}px`:`${l[a.size]}px`}),z=e.computed(()=>a.options.length>a.maxDisplay),S=e.computed(()=>({maxHeight:`${a.maxDisplay*32+8}px`}));e.watchEffect(()=>{a.search?(i.value?(o.value=!0,r.value=a.options.filter(l=>typeof a.filter=="function"?a.filter(i.value,l):l[a.label].includes(i.value))):r.value=[...a.options],r.value.length&&i.value?n.value=r.value[0][a.value]:n.value=null):r.value=a.options}),e.watchEffect(()=>{$()}),e.watch(o,async l=>{if(z.value)if(l)await e.nextTick(),m.value&&m.value.scrollTo({top:C.value,behavior:"instant"});else{const t=m.value&&m.value.getScrollData();C.value=(t==null?void 0:t.scrollTop)||0}h("openChange",l),a.search&&!l&&(i.value=void 0,g.value=!1)});function $(){if(a.modelValue){const l=a.options.find(t=>t[a.value]===a.modelValue);l?(u.value=l[a.label],n.value=l[a.value]):(u.value=a.modelValue,n.value=null)}else u.value=null,n.value=null}function N(){b.value=!0}function L(){b.value=!1,o.value&&(o.value=!1),a.search&&(d.value=!1,v.value=!0,g.value=!1)}function T(){c.value=!0,a.allowClear&&(u.value||a.search&&i.value)&&(v.value=!1,f.value=!0,a.search&&(d.value=!1))}function D(){c.value=!1,a.allowClear&&f.value&&(f.value=!1,a.search||(v.value=!0)),a.search&&(o.value?(d.value=!0,v.value=!1):(d.value=!1,v.value=!0))}function F(l,t){c.value=!!t,n.value=l}function P(){if(p(),!a.search&&w.value&&(w.value.style.opacity="0"),o.value=!o.value,!n.value&&u.value){const l=a.options.find(t=>t[a.label]===u.value);n.value=l?l[a.value]:null}a.search&&(f.value||(v.value=!o.value,d.value=o.value))}function R(l){var t;g.value=!!((t=l.target)!=null&&t.value)}function q(){b.value&&(p(),y.value=!0),f.value=!1,u.value=null,n.value=null,o.value=!1,d.value=!1,v.value=!0,h("update:modelValue"),h("change")}function p(){var l;(l=w.value)==null||l.focus()}function H(l,t,s){a.modelValue!==l&&(u.value=t,n.value=l,h("update:modelValue",l),h("change",l,t,s)),y.value=!1,p()}return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-select",{"select-focused":b.value,"search-select":l.search,"select-small":l.size==="small","select-large":l.size==="large","select-disabled":l.disabled}]),style:e.normalizeStyle(`
+      --select-width: ${M.value};
+      --select-height: ${E.value};
       --select-primary-color-hover: #4096ff;
       --select-primary-color-focus: #4096ff;
       --select-primary-shadow-color: rgba(5, 145, 255, 0.1);
       --select-item-bg-color-active: #e6f4ff;
-    `),onClick:t[6]||(t[6]=s=>l.disabled?()=>!1:R())},[e.createElementVNode("div",{class:"select-wrap",onMouseenter:T,onMouseleave:D},[e.createElementVNode("span",j,[e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:p,class:e.normalizeClass(["search-input",{"caret-show":o.value||C.value}]),type:"text",autocomplete:"off",readonly:!l.search,disabled:l.disabled,onInput:q,"onUpdate:modelValue":t[0]||(t[0]=s=>i.value=s),onBlur:t[1]||(t[1]=s=>!c.value&&o.value&&!l.disabled?L():()=>!1)},null,42,A),[[e.vModelText,i.value]])]),w.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["select-item",{"select-placeholder":!u.value||o.value}]),title:u.value},e.toDisplayString(u.value||l.placeholder),11,U)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["arrow-svg",{"arrow-rotate":o.value,"show-svg":v.value}]),focusable:"false","data-icon":"down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},t[7]||(t[7]=[e.createElementVNode("path",{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"},null,-1)]),2)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["search-svg",{"show-svg":d.value}]),focusable:"false","data-icon":"search",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},t[8]||(t[8]=[e.createElementVNode("path",{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"},null,-1)]),2)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["clear-svg",{"show-svg":f.value}]),focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true","fill-rule":"evenodd",viewBox:"64 64 896 896",onClick:e.withModifiers(F,["stop"])},t[9]||(t[9]=[e.createElementVNode("path",{d:"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"},null,-1)]),2))],32),e.createVNode(e.Transition,{name:"slide-down","enter-from-class":"slide-down-enter","enter-active-class":"slide-down-enter","enter-to-class":"slide-down-enter slide-down-enter-active","leave-from-class":"slide-down-leave","leave-active-class":"slide-down-leave slide-down-leave-active","leave-to-class":"slide-down-leave slide-down-leave-active"},{default:e.withCtx(()=>[o.value&&r.value&&r.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"select-options-panel",onClick:e.withModifiers(k,["stop"]),onMouseenter:t[2]||(t[2]=s=>c.value=!0),onMouseleave:t[3]||(t[3]=s=>c.value=!1)},[e.createVNode(e.unref(I.default),e.mergeProps({ref_key:"scrollbarRef",ref:m,"content-style":{padding:"4px"},style:$.value},l.scrollbarProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,B)=>(e.openBlock(),e.createElementBlock("p",{key:B,class:e.normalizeClass(["select-option",{"option-hover":!s.disabled&&s[l.value]===n.value,"option-selected":s[l.label]===u.value,"option-disabled":s.disabled}]),title:s[l.label],onMouseenter:O=>P(s[l.value],s.disabled),onClick:e.withModifiers(O=>s.disabled?b():H(s[l.value],s[l.label],B),["stop"])},e.toDisplayString(s[l.label]),43,W))),128))]),_:1},16,["style"])],32)):o.value&&r.value&&!r.value.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:"select-options-panel options-empty",onClick:e.withModifiers(k,["stop"]),onMouseenter:t[4]||(t[4]=s=>c.value=!0),onMouseleave:t[5]||(t[5]=s=>c.value=!1)},[e.createVNode(e.unref(x.default),{image:"outlined"})],32)):e.createCommentVNode("",!0)]),_:1})],6))}});exports.default=G;
+    `),onClick:t[7]||(t[7]=s=>l.disabled?()=>!1:P())},[e.createElementVNode("div",{class:"select-wrap",onMouseenter:T,onMouseleave:D},[e.createElementVNode("span",x,[e.withDirectives(e.createElementVNode("input",{ref_key:"inputRef",ref:w,class:e.normalizeClass(["search-input",{"caret-show":o.value||y.value}]),type:"text",autocomplete:"off",readonly:!l.search,disabled:l.disabled,onInput:R,"onUpdate:modelValue":t[0]||(t[0]=s=>i.value=s),onBlur:t[1]||(t[1]=s=>!c.value&&!l.disabled?L():()=>!1),onFocus:t[2]||(t[2]=s=>l.disabled?()=>!1:N())},null,42,A),[[e.vModelText,i.value]])]),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["select-item",{"select-placeholder":!u.value||o.value}]),title:u.value},e.toDisplayString(u.value||l.placeholder),11,U)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["arrow-svg",{"arrow-rotate":o.value,"show-svg":v.value}]),focusable:"false","data-icon":"down",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},t[8]||(t[8]=[e.createElementVNode("path",{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"},null,-1)]),2)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["search-svg",{"show-svg":d.value}]),focusable:"false","data-icon":"search",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},t[9]||(t[9]=[e.createElementVNode("path",{d:"M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"},null,-1)]),2)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["clear-svg",{"show-svg":f.value}]),focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true","fill-rule":"evenodd",viewBox:"64 64 896 896",onClick:e.withModifiers(q,["stop"])},t[10]||(t[10]=[e.createElementVNode("path",{d:"M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"},null,-1)]),2))],32),e.createVNode(e.Transition,{name:"slide-down","enter-from-class":"slide-down-enter","enter-active-class":"slide-down-enter","enter-to-class":"slide-down-enter slide-down-enter-active","leave-from-class":"slide-down-leave","leave-active-class":"slide-down-leave slide-down-leave-active","leave-to-class":"slide-down-leave slide-down-leave-active"},{default:e.withCtx(()=>[o.value&&r.value&&r.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"select-options-panel",onClick:e.withModifiers(p,["stop"]),onMouseenter:t[3]||(t[3]=s=>c.value=!0),onMouseleave:t[4]||(t[4]=s=>c.value=!1)},[e.createVNode(e.unref(j.default),e.mergeProps({ref_key:"scrollbarRef",ref:m,"content-style":{padding:"4px"},style:S.value},l.scrollbarProps),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,k)=>(e.openBlock(),e.createElementBlock("p",{key:k,class:e.normalizeClass(["select-option",{"option-hover":!s.disabled&&s[l.value]===n.value,"option-selected":s[l.label]===u.value,"option-disabled":s.disabled}]),title:s[l.label],onMouseenter:O=>F(s[l.value],s.disabled),onClick:e.withModifiers(O=>s.disabled?p():H(s[l.value],s[l.label],k),["stop"])},e.toDisplayString(s[l.label]),43,W))),128))]),_:1},16,["style"])],32)):o.value&&r.value&&!r.value.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:"select-options-panel options-empty",onClick:e.withModifiers(p,["stop"]),onMouseenter:t[5]||(t[5]=s=>c.value=!0),onMouseleave:t[6]||(t[6]=s=>c.value=!1)},[e.createVNode(e.unref(I.default),{image:"outlined"})],32)):e.createCommentVNode("",!0)]),_:1})],6))}});exports.default=G;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-amazing-ui",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "private": false,
   "type": "module",
   "author": "theMuseCatcher",
@@ -85,7 +85,7 @@
     "vite-plugin-vue-devtools": "^7.7.2",
     "vitepress": "^1.6.3",
     "vue": "^3.5.13",
-    "vue-amazing-ui": "2.2.11",
+    "vue-amazing-ui": "2.2.12",
     "vue-router": "^4.5.0",
     "vue-tsc": "^2.2.0"
   },