vue-devui 1.0.0-alpha.6 → 1.0.0-beta.12

package/quadrant-diagram/index.umd.js

@@ -1 +1 @@
-!function(i,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],e):e((i="undefined"!=typeof globalThis?globalThis:i||self).index={},i.Vue)}(this,(function(i,e){"use strict";const a={tickWidth:10,spaceBetweenLabelsAxis:20,xAxisLabel:"紧急度",yAxisLabel:"重要度",xAxisRange:{min:0,max:100,step:10},yAxisRange:{min:0,max:50,step:5},originPosition:{left:30,bottom:30},axisMargin:35,xWeight:1,yWeight:1},t={diagramId:{type:String,default:"1"},axisConfigs:{type:Object,default:a},view:{type:Object,default:{height:900,width:950}}},n={diagramId:{type:String},axisConfigs:{type:Object},view:{type:Object}};var s="object"==typeof global&&global&&global.Object===Object&&global,l="object"==typeof self&&self&&self.Object===Object&&self,r=s||l||Function("return this")(),u=r.Symbol,o=Object.prototype,x=o.hasOwnProperty,c=o.toString,g=u?u.toStringTag:void 0;var v=Object.prototype.toString;var f=u?u.toStringTag:void 0;function d(i){return null==i?void 0===i?"[object Undefined]":"[object Null]":f&&f in Object(i)?function(i){var e=x.call(i,g),a=i[g];try{i[g]=void 0;var t=!0}catch(s){}var n=c.call(i);return t&&(e?i[g]=a:delete i[g]),n}(i):function(i){return v.call(i)}(i)}var p=/\s/;var y=/^\s+/;function T(i){return i?i.slice(0,function(i){for(var e=i.length;e--&&p.test(i.charAt(e)););return e}(i)+1).replace(y,""):i}function m(i){var e=typeof i;return null!=i&&("object"==e||"function"==e)}var h=/^[-+]0x[0-9a-f]+$/i,O=/^0b[01]+$/i,b=/^0o[0-7]+$/i,k=parseInt;function A(i){if("number"==typeof i)return i;if(function(i){return"symbol"==typeof i||function(i){return null!=i&&"object"==typeof i}(i)&&"[object Symbol]"==d(i)}(i))return NaN;if(m(i)){var e="function"==typeof i.valueOf?i.valueOf():i;i=m(e)?e+"":e}if("string"!=typeof i)return 0===i?i:+i;i=T(i);var a=O.test(i);return a||b.test(i)?k(i.slice(2),a?2:8):h.test(i)?NaN:+i}var S=function(){return r.Date.now()},N=Math.max,w=Math.min;function R(i,e,a){var t,n,s,l,r,u,o=0,x=!1,c=!1,g=!0;if("function"!=typeof i)throw new TypeError("Expected a function");function v(e){var a=t,s=n;return t=n=void 0,o=e,l=i.apply(s,a)}function f(i){return o=i,r=setTimeout(p,e),x?v(i):l}function d(i){var a=i-u;return void 0===u||a>=e||a<0||c&&i-o>=s}function p(){var i=S();if(d(i))return y(i);r=setTimeout(p,function(i){var a=e-(i-u);return c?w(a,s-(i-o)):a}(i))}function y(i){return r=void 0,g&&t?v(i):(t=n=void 0,l)}function T(){var i=S(),a=d(i);if(t=arguments,n=this,u=i,a){if(void 0===r)return f(u);if(c)return clearTimeout(r),r=setTimeout(p,e),v(u)}return void 0===r&&(r=setTimeout(p,e)),l}return e=A(e)||0,m(a)&&(x=!!a.leading,s=(c="maxWait"in a)?N(A(a.maxWait)||0,e):s,g="trailing"in a?!!a.trailing:g),T.cancel=function(){void 0!==r&&clearTimeout(r),o=0,t=u=n=r=void 0},T.flush=function(){return void 0===r?l:y(S())},T}var j=e.defineComponent({name:"DQuadrantDiagramAxis",props:n,setup(i){const{diagramId:a,view:t,axisConfigs:n}=e.toRefs(i),s=e.ref("#0000ff"),l=e.ref("#ff0000"),r=e.ref(),u=e.ref(),o=e.reactive({axisOrigin:{x:0,y:0},axisTop:0,axisRight:0,axisWidth:0,axisHeight:0,yAxisTicksNum:0,xAxisTicksNum:0,xTickSpacing:0,yTickSpacing:0}),x=n.value;e.onMounted((()=>{c()})),e.watch(t.value,(()=>{c()}));const c=R((()=>{g(),v(),f(),m()}),200),g=()=>{r.value=document.querySelector("#devui-quadrant-axis-"+a.value)},v=()=>{u.value=r.value.getContext("2d"),o.axisOrigin=x.axisOrigin,o.axisTop=x.axisTop,o.axisRight=x.axisRight,o.axisWidth=x.axisWidth,o.axisHeight=x.axisHeight,o.yAxisTicksNum=x.yAxisTicksNum,o.xAxisTicksNum=x.xAxisTicksNum,o.xTickSpacing=x.xTickSpacing,o.yTickSpacing=x.yTickSpacing},f=()=>{u.value.save(),u.value.fillStyle=s.value,u.value.strokeStyle=s.value,p(),d(),u.value.lineWidth=.5,y(),T(),u.value.restore()},d=()=>{u.value.beginPath(),u.value.moveTo(o.axisOrigin.x,o.axisOrigin.y),u.value.lineTo(o.axisOrigin.x,o.axisTop-x.axisMargin),u.value.stroke(),u.value.moveTo(o.axisOrigin.x,o.axisTop-x.axisMargin),u.value.lineTo(o.axisOrigin.x+5,o.axisTop-x.axisMargin+10),u.value.lineTo(o.axisOrigin.x-5,o.axisTop-x.axisMargin+10),u.value.fill()},p=()=>{u.value.beginPath(),u.value.moveTo(o.axisOrigin.x,o.axisOrigin.y),u.value.lineTo(o.axisRight+x.axisMargin-10,o.axisOrigin.y),u.value.stroke(),u.value.moveTo(o.axisRight+x.axisMargin,o.axisOrigin.y),u.value.lineTo(o.axisRight+x.axisMargin-10,o.axisOrigin.y+5),u.value.lineTo(o.axisRight+x.axisMargin-10,o.axisOrigin.y-5),u.value.fill()},y=()=>{let i;for(let e=1;e<o.xAxisTicksNum;e++)u.value.beginPath(),i=e%x.xAxisRange.step==0?x.tickWidth:x.tickWidth/2,u.value.moveTo(o.axisOrigin.x+e*o.xTickSpacing,o.axisOrigin.y-i),u.value.lineTo(o.axisOrigin.x+e*o.xTickSpacing,o.axisOrigin.y+i),u.value.stroke()},T=()=>{let i;for(let e=1;e<o.yAxisTicksNum;e++)u.value.beginPath(),i=e%x.yAxisRange.step==0?x.tickWidth:x.tickWidth/2,u.value.moveTo(o.axisOrigin.x-i,o.axisOrigin.y-e*o.yTickSpacing),u.value.lineTo(o.axisOrigin.x+i,o.axisOrigin.y-e*o.yTickSpacing),u.value.stroke()},m=()=>{u.value.save(),u.value.fillStyle=l.value,h(),O(),u.value.restore(),b()},h=()=>{u.value.textAlign="center",u.value.textBaseline="top";for(let i=0;i<=o.xAxisTicksNum;i++)i%x.xAxisRange.step==0&&u.value.fillText(i,o.axisOrigin.x+i*o.xTickSpacing,o.axisOrigin.y+x.spaceBetweenLabelsAxis)},O=()=>{u.value.textAlign="center",u.value.textBaseline="middle";for(let i=0;i<=o.yAxisTicksNum;i++)i%x.yAxisRange.step==0&&u.value.fillText(i,o.axisOrigin.x-x.spaceBetweenLabelsAxis,o.axisOrigin.y-i*o.yTickSpacing)},b=()=>{u.value.font="12px Microsoft YaHei",u.value.textAlign="left",u.value.fillStyle=l.value;const i=u.value.measureText(x.xAxisLabel).width;k(x.xAxisLabel,o.axisRight+x.axisMargin/2,o.axisOrigin.y-i-15),u.value.fillText(x.yAxisLabel,o.axisOrigin.x+15,o.axisTop-x.axisMargin/2)},k=(i,e,a)=>{for(let t=0;t<i.length;t++){const n=i.slice(t,t+1).toString();n.match(/[A-Za-z0-9]/)?(u.value.save(),u.value.translate(e,a),u.value.rotate(Math.PI/180*90),u.value.textBaseline="bottom",u.value.fillText(n,0,0),u.value.restore(),a+=u.value.measureText(n).width):n.match(/[\u4E00-\u9FA5]/)&&(u.value.save(),u.value.textBaseline="top",u.value.fillText(n,e,a),u.value.restore(),a+=u.value.measureText(n).width)}}},render(){const{diagramId:i,view:a}=this;return e.createVNode("div",null,[e.createVNode("canvas",{id:"devui-quadrant-axis-"+i,height:a.height,width:a.width},null)])}}),M=e.defineComponent({name:"DQuadrantDiagram",props:t,setup(i){const{diagramId:t,axisConfigs:n,view:s}=e.toRefs(i),l=e.reactive({axisOrigin:{x:null,y:null},axisTop:null,axisRight:null,axisWidth:null,axisHeight:null,yAxisTicksNum:null,xAxisTicksNum:null,xTickSpacing:null,yTickSpacing:null}),r=()=>{const i=Object.keys(a);for(let e=0;e<i.length;e++)void 0===l[i[e]]&&(l[i[e]]=a[i[e]]);l.axisOrigin={x:n.value.originPosition.left,y:s.value.height-n.value.originPosition.bottom},l.axisTop=n.value.axisMargin,l.axisRight=s.value.width-n.value.axisMargin,l.axisWidth=l.axisRight-l.axisOrigin.x,l.axisHeight=l.axisOrigin.y-l.axisTop,l.yAxisTicksNum=n.value.yAxisRange.max-n.value.yAxisRange.min,l.xAxisTicksNum=n.value.xAxisRange.max-n.value.xAxisRange.min,l.xTickSpacing=l.axisWidth/l.xAxisTicksNum,l.yTickSpacing=l.axisHeight/l.yAxisTicksNum};return r(),e.watch(s.value,(()=>{r()})),{diagramId:t,calAxisConfig:l}},render(){const{diagramId:i,calAxisConfig:a,view:t}=this;return e.createVNode("div",{class:"devui-quadrant-diagram",id:i},[e.createVNode(j,{diagramId:i,axisConfigs:a,view:t},null)])}});M.install=function(i){i.component(M.name,M)};var W={title:"QuadrantDiagram 象限图",category:"数据展示",status:"10%",install(i){i.use(M)}};i.QuadrantDiagram=M,i.default=W,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"}));
+(function(f,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(f=typeof globalThis!="undefined"?globalThis:f||self,o(f.index={},f.Vue))})(this,function(f,o){"use strict";const j={tickWidth:10,spaceBetweenLabelsAxis:20,xAxisLabel:"\u7D27\u6025\u5EA6",yAxisLabel:"\u91CD\u8981\u5EA6",xAxisRange:{min:0,max:100,step:10},yAxisRange:{min:0,max:50,step:5},originPosition:{left:30,bottom:30},axisMargin:35,xWeight:1,yWeight:1},X={height:900,width:950},E=15,q={diagramId:{type:String,default:"1"},axisConfigs:{type:Object,default:j},view:{type:Object,default:X}},H={diagramId:{type:String},axisConfigs:{type:Object},view:{type:Object}};var V=typeof global=="object"&&global&&global.Object===Object&&global,Q=V,G=typeof self=="object"&&self&&self.Object===Object&&self,Y=Q||G||Function("return this")(),P=Y,U=P.Symbol,S=U,_=Object.prototype,z=_.hasOwnProperty,K=_.toString,p=S?S.toStringTag:void 0;function Z(e){var r=z.call(e,p),l=e[p];try{e[p]=void 0;var c=!0}catch{}var s=K.call(e);return c&&(r?e[p]=l:delete e[p]),s}var J=Object.prototype,ii=J.toString;function ei(e){return ii.call(e)}var ai="[object Null]",ti="[object Undefined]",$=S?S.toStringTag:void 0;function ni(e){return e==null?e===void 0?ti:ai:$&&$ in Object(e)?Z(e):ei(e)}function si(e){return e!=null&&typeof e=="object"}var ri="[object Symbol]";function li(e){return typeof e=="symbol"||si(e)&&ni(e)==ri}var oi=/\s/;function xi(e){for(var r=e.length;r--&&oi.test(e.charAt(r)););return r}var ui=/^\s+/;function ci(e){return e&&e.slice(0,xi(e)+1).replace(ui,"")}function N(e){var r=typeof e;return e!=null&&(r=="object"||r=="function")}var B=0/0,gi=/^[-+]0x[0-9a-f]+$/i,di=/^0b[01]+$/i,fi=/^0o[0-7]+$/i,vi=parseInt;function F(e){if(typeof e=="number")return e;if(li(e))return B;if(N(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=N(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=ci(e);var l=di.test(e);return l||fi.test(e)?vi(e.slice(2),l?2:8):gi.test(e)?B:+e}var Ti=function(){return P.Date.now()},L=Ti,mi="Expected a function",yi=Math.max,pi=Math.min;function hi(e,r,l){var c,s,d,g,i,a,t=0,A=!1,v=!1,b=!0;if(typeof e!="function")throw new TypeError(mi);r=F(r)||0,N(l)&&(A=!!l.leading,v="maxWait"in l,d=v?yi(F(l.maxWait)||0,r):d,b="trailing"in l?!!l.trailing:b);function O(x){var n=c,u=s;return c=s=void 0,t=x,g=e.apply(u,n),g}function C(x){return t=x,i=setTimeout(m,r),A?O(x):g}function M(x){var n=x-a,u=x-t,T=r-n;return v?pi(T,d-u):T}function w(x){var n=x-a,u=x-t;return a===void 0||n>=r||n<0||v&&u>=d}function m(){var x=L();if(w(x))return I(x);i=setTimeout(m,M(x))}function I(x){return i=void 0,b&&c?O(x):(c=s=void 0,g)}function W(){i!==void 0&&clearTimeout(i),t=0,c=a=s=i=void 0}function D(){return i===void 0?g:I(L())}function k(){var x=L(),n=w(x);if(c=arguments,s=this,a=x,n){if(i===void 0)return C(a);if(v)return clearTimeout(i),i=setTimeout(m,r),O(a)}return i===void 0&&(i=setTimeout(m,r)),g}return k.cancel=W,k.flush=D,k}var Oi="",Ai=o.defineComponent({name:"DQuadrantDiagramAxis",props:H,setup(e){const{diagramId:r,view:l,axisConfigs:c}=o.toRefs(e),s=o.ref("#0000ff"),d=o.ref("#ff0000"),g=o.ref(),i=o.ref(),a=o.reactive({axisOrigin:{x:0,y:0},axisTop:0,axisRight:0,axisWidth:0,axisHeight:0,yAxisTicksNum:0,xAxisTicksNum:0,xTickSpacing:0,yTickSpacing:0}),t=c.value;o.onMounted(()=>{A()}),o.watch(l.value,()=>{A()});const A=hi(()=>{v(),b(),O(),I()},200),v=()=>{g.value=document.querySelector("#devui-quadrant-axis-"+r.value)},b=()=>{i.value=g.value.getContext("2d"),a.axisOrigin=t.axisOrigin,a.axisTop=t.axisTop,a.axisRight=t.axisRight,a.axisWidth=t.axisWidth,a.axisHeight=t.axisHeight,a.yAxisTicksNum=t.yAxisTicksNum,a.xAxisTicksNum=t.xAxisTicksNum,a.xTickSpacing=t.xTickSpacing,a.yTickSpacing=t.yTickSpacing},O=()=>{i.value.save(),i.value.fillStyle=s.value,i.value.strokeStyle=s.value,M(),C(),i.value.lineWidth=.5,w(),m(),i.value.restore()},C=()=>{i.value.beginPath(),i.value.moveTo(a.axisOrigin.x,a.axisOrigin.y),i.value.lineTo(a.axisOrigin.x,a.axisTop-t.axisMargin),i.value.stroke(),i.value.moveTo(a.axisOrigin.x,a.axisTop-t.axisMargin),i.value.lineTo(a.axisOrigin.x+5,a.axisTop-t.axisMargin+10),i.value.lineTo(a.axisOrigin.x-5,a.axisTop-t.axisMargin+10),i.value.fill()},M=()=>{i.value.beginPath(),i.value.moveTo(a.axisOrigin.x,a.axisOrigin.y),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y),i.value.stroke(),i.value.moveTo(a.axisRight+t.axisMargin,a.axisOrigin.y),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y+5),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y-5),i.value.fill()},w=()=>{let n;for(let u=1;u<a.xAxisTicksNum;u++)i.value.beginPath(),u%t.xAxisRange.step==0?n=t.tickWidth:n=t.tickWidth/2,i.value.moveTo(a.axisOrigin.x+u*a.xTickSpacing,a.axisOrigin.y-n),i.value.lineTo(a.axisOrigin.x+u*a.xTickSpacing,a.axisOrigin.y+n),i.value.stroke()},m=()=>{let n;for(let u=1;u<a.yAxisTicksNum;u++)i.value.beginPath(),u%t.yAxisRange.step==0?n=t.tickWidth:n=t.tickWidth/2,i.value.moveTo(a.axisOrigin.x-n,a.axisOrigin.y-u*a.yTickSpacing),i.value.lineTo(a.axisOrigin.x+n,a.axisOrigin.y-u*a.yTickSpacing),i.value.stroke()},I=()=>{i.value.save(),i.value.fillStyle=d.value,W(),D(),i.value.restore(),k()},W=()=>{i.value.textAlign="center",i.value.textBaseline="top";for(let n=0;n<=a.xAxisTicksNum;n++)n%t.xAxisRange.step==0&&i.value.fillText(n,a.axisOrigin.x+n*a.xTickSpacing,a.axisOrigin.y+t.spaceBetweenLabelsAxis)},D=()=>{i.value.textAlign="center",i.value.textBaseline="middle";for(let n=0;n<=a.yAxisTicksNum;n++)n%t.yAxisRange.step==0&&i.value.fillText(n,a.axisOrigin.x-t.spaceBetweenLabelsAxis,a.axisOrigin.y-n*a.yTickSpacing)},k=()=>{i.value.font="12px Microsoft YaHei",i.value.textAlign="left",i.value.fillStyle=d.value;const n=i.value.measureText(t.xAxisLabel).width;x(t.xAxisLabel,a.axisRight+t.axisMargin/2,a.axisOrigin.y-n-E),i.value.fillText(t.yAxisLabel,a.axisOrigin.x+E,a.axisTop-t.axisMargin/2)},x=(n,u,T)=>{for(let R=0;R<n.length;R++){const y=n.slice(R,R+1).toString();y.match(/[A-Za-z0-9]/)?(i.value.save(),i.value.translate(u,T),i.value.rotate(Math.PI/180*90),i.value.textBaseline="bottom",i.value.fillText(y,0,0),i.value.restore(),T+=i.value.measureText(y).width):y.match(/[\u4E00-\u9FA5]/)&&(i.value.save(),i.value.textBaseline="top",i.value.fillText(y,u,T),i.value.restore(),T+=i.value.measureText(y).width)}}},render(){const{diagramId:e,view:r}=this;return o.createVNode("div",null,[o.createVNode("canvas",{id:"devui-quadrant-axis-"+e,height:r.height,width:r.width},null)])}}),h=o.defineComponent({name:"DQuadrantDiagram",props:q,setup(e){const{diagramId:r,axisConfigs:l,view:c}=o.toRefs(e),s=o.reactive({axisOrigin:{x:null,y:null},axisTop:null,axisRight:null,axisWidth:null,axisHeight:null,yAxisTicksNum:null,xAxisTicksNum:null,xTickSpacing:null,yTickSpacing:null}),d=()=>{const g=Object.keys(j);for(let i=0;i<g.length;i++)s[g[i]]===void 0&&(s[g[i]]=j[g[i]]);s.axisOrigin={x:l.value.originPosition.left,y:c.value.height-l.value.originPosition.bottom},s.axisTop=l.value.axisMargin,s.axisRight=c.value.width-l.value.axisMargin,s.axisWidth=s.axisRight-s.axisOrigin.x,s.axisHeight=s.axisOrigin.y-s.axisTop,s.yAxisTicksNum=l.value.yAxisRange.max-l.value.yAxisRange.min,s.xAxisTicksNum=l.value.xAxisRange.max-l.value.xAxisRange.min,s.xTickSpacing=s.axisWidth/s.xAxisTicksNum,s.yTickSpacing=s.axisHeight/s.yAxisTicksNum};return d(),o.watch(c.value,()=>{d()}),{diagramId:r,calAxisConfig:s}},render(){const{diagramId:e,calAxisConfig:r,view:l}=this;return o.createVNode("div",{class:"devui-quadrant-diagram",id:e},[o.createVNode(Ai,{diagramId:e,axisConfigs:r,view:l},null)])}});h.install=function(e){e.component(h.name,h)};var bi={title:"QuadrantDiagram \u8C61\u9650\u56FE",category:"\u6570\u636E\u5C55\u793A",status:"10%",install(e){e.use(h)}};f.QuadrantDiagram=h,f.default=bi,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/radio/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/radio/index.es.js

@@ -1 +1,225 @@
-var e=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,o=(a,l,t)=>l in a?e(a,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[l]=t,i=(e,a)=>{for(var l in a||(a={}))r.call(a,l)&&o(e,l,a[l]);if(t)for(var l of t(a))n.call(a,l)&&o(e,l,a[l]);return e},u=(e,t)=>a(e,l(t));"undefined"!=typeof require&&require;import{defineComponent as d,inject as s,computed as c,createVNode as p,provide as m,toRef as v,isVNode as f}from"vue";const b={modelValue:{type:String,default:null},name:{type:String,default:null},beforeChange:{type:Function,default:null},disabled:{type:Boolean,default:!1}},y=u(i({},b),{value:{type:String,required:!0,default:null}}),g=u(i({},b),{values:{type:Array,default:null},cssStyle:{type:String,default:"column"}}),h=Symbol("DRadioGroup");var w=d({name:"DRadio",props:y,emits:["change","update:modelValue"],setup(e,{emit:a}){const l=s(h,null),t=c((()=>e.disabled||(null==l?void 0:l.disabled.value))),r=c((()=>{const a=l?l.modelValue.value:e.modelValue;return e.value===a})),n=c((()=>l?l.name.value:e.name));return{isChecked:r,radioName:n,disabled:t,handleChange:async t=>{const r=e.value;await(a=>{const t=e.beforeChange||(l?l.beforeChange:null);let r=Promise.resolve(!0);if(t){const e=t(a);if(void 0===e)return r;r="boolean"==typeof e?Promise.resolve(e):e}return r})(r)?(null==l||l.emitChange(r),a("update:modelValue",r),a("change",r)):t.preventDefault()}}},render(){var e;const{disabled:a,radioName:l,value:t,isChecked:r,$slots:n,handleChange:o}=this;return p("label",{class:["devui-radio",{active:r,disabled:a}]},[p("input",{type:"radio",name:l,class:"devui-radio-input",disabled:a,onChange:o,value:t,checked:r},null),p("span",{class:"devui-radio-material"},[p("svg",{height:"100%",width:"100%",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},[p("circle",{class:"devui-radio-material-outer",cx:"512",cy:"512",r:"486.5","stroke-width":"51"},null),p("circle",{class:"devui-radio-material-inner",cx:"512","fill-rule":"nonzero",cy:"512",r:"320"},null)])]),p("span",{class:"devui-radio-label"},[null==(e=n.default)?void 0:e.call(n)])])}});var C=d({name:"DRadioGroup",props:g,emits:["change","update:modelValue"],setup(e,{emit:a}){m(h,{modelValue:v(e,"modelValue"),name:v(e,"name"),disabled:v(e,"disabled"),beforeChange:e.beforeChange,emitChange:e=>{a("update:modelValue",e),a("change",e)}})},render(){const{cssStyle:e,values:a}=this;return p("div",{class:["devui-radio-group",{"is-row":"row"===e,"is-column":"column"===e}]},[(()=>{const e=this.$slots.default;return e?e():Array.isArray(a)?a.map((e=>{return p(w,{key:e,value:e},"function"==typeof(a=e)||"[object Object]"===Object.prototype.toString.call(a)&&!f(a)?e:{default:()=>[e]});var a})):""})()])}});w.install=function(e){e.component(w.name,w)},C.install=function(e){e.component(C.name,C)};var O={title:"Radio 单选框",category:"数据录入",status:"已完成",install(e){e.use(w),e.use(C)}};export{w as Radio,C as RadioGroup,O as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, inject, computed, createVNode, provide, toRef, isVNode } from "vue";
+const radioCommonProps = {
+  modelValue: {
+    type: String,
+    default: null
+  },
+  name: {
+    type: String,
+    default: null
+  },
+  beforeChange: {
+    type: Function,
+    default: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+const radioProps = __spreadProps(__spreadValues({}, radioCommonProps), {
+  value: {
+    type: String,
+    required: true,
+    default: null
+  }
+});
+const radioGroupProps = __spreadProps(__spreadValues({}, radioCommonProps), {
+  values: {
+    type: Array,
+    default: null
+  },
+  direction: {
+    type: String,
+    default: "column"
+  }
+});
+const radioGroupInjectionKey = Symbol("DRadioGroup");
+var radio = "";
+var Radio = defineComponent({
+  name: "DRadio",
+  props: radioProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const radioGroupConf = inject(radioGroupInjectionKey, null);
+    const isDisabled = computed(() => {
+      return props.disabled || (radioGroupConf == null ? void 0 : radioGroupConf.disabled.value);
+    });
+    const isChecked = computed(() => {
+      const _value = radioGroupConf ? radioGroupConf.modelValue.value : props.modelValue;
+      return props.value === _value;
+    });
+    const radioName = computed(() => {
+      return radioGroupConf ? radioGroupConf.name.value : props.name;
+    });
+    const judgeCanChange = (_value) => {
+      const beforeChange = props.beforeChange || (radioGroupConf ? radioGroupConf.beforeChange : null);
+      let flag = Promise.resolve(true);
+      if (beforeChange) {
+        const canChange = beforeChange(_value);
+        if (typeof canChange === "undefined") {
+          return flag;
+        }
+        if (typeof canChange === "boolean") {
+          flag = Promise.resolve(canChange);
+        } else {
+          flag = canChange;
+        }
+      }
+      return flag;
+    };
+    return {
+      isChecked,
+      radioName,
+      disabled: isDisabled,
+      handleChange: async (event) => {
+        const _value = props.value;
+        const canChange = await judgeCanChange(_value);
+        if (!canChange) {
+          event.preventDefault();
+          return;
+        }
+        radioGroupConf == null ? void 0 : radioGroupConf.emitChange(_value);
+        emit("update:modelValue", _value);
+        emit("change", _value);
+      }
+    };
+  },
+  render() {
+    var _a;
+    const {
+      disabled,
+      radioName,
+      value,
+      isChecked,
+      $slots,
+      handleChange
+    } = this;
+    const labelCls = ["devui-radio", {
+      active: isChecked,
+      disabled
+    }];
+    return createVNode("label", {
+      "class": labelCls
+    }, [createVNode("input", {
+      "type": "radio",
+      "name": radioName,
+      "class": "devui-radio-input",
+      "disabled": disabled,
+      "onChange": handleChange,
+      "value": value,
+      "checked": isChecked
+    }, null), createVNode("span", {
+      "class": "devui-radio-material"
+    }, [createVNode("svg", {
+      "height": "100%",
+      "width": "100%",
+      "viewBox": "0 0 1024 1024",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }, [createVNode("circle", {
+      "class": "devui-radio-material-outer",
+      "cx": "512",
+      "cy": "512",
+      "r": "486.5",
+      "stroke-width": "51"
+    }, null), createVNode("circle", {
+      "class": "devui-radio-material-inner",
+      "cx": "512",
+      "fill-rule": "nonzero",
+      "cy": "512",
+      "r": "320"
+    }, null)])]), createVNode("span", {
+      "class": "devui-radio-label"
+    }, [(_a = $slots.default) == null ? void 0 : _a.call($slots)])]);
+  }
+});
+var radioGroup = "";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var RadioGroup = defineComponent({
+  name: "DRadioGroup",
+  props: radioGroupProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const emitChange = (radioValue) => {
+      emit("update:modelValue", radioValue);
+      emit("change", radioValue);
+    };
+    provide(radioGroupInjectionKey, {
+      modelValue: toRef(props, "modelValue"),
+      name: toRef(props, "name"),
+      disabled: toRef(props, "disabled"),
+      beforeChange: props.beforeChange,
+      emitChange
+    });
+  },
+  render() {
+    const {
+      values,
+      direction
+    } = this;
+    const getContent = () => {
+      const defaultSlot = this.$slots.default;
+      if (defaultSlot) {
+        return defaultSlot();
+      } else if (Array.isArray(values)) {
+        return values.map((item) => {
+          return createVNode(Radio, {
+            "key": item,
+            "value": item
+          }, _isSlot(item) ? item : {
+            default: () => [item]
+          });
+        });
+      } else {
+        return "";
+      }
+    };
+    return createVNode("div", {
+      "class": ["devui-radio-group", {
+        "is-row": direction === "row",
+        "is-column": direction === "column"
+      }]
+    }, [getContent()]);
+  }
+});
+Radio.install = function(app) {
+  app.component(Radio.name, Radio);
+};
+RadioGroup.install = function(app) {
+  app.component(RadioGroup.name, RadioGroup);
+};
+var index = {
+  title: "Radio \u5355\u9009\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.use(Radio);
+    app.use(RadioGroup);
+  }
+};
+export { Radio, RadioGroup, index as default };

package/radio/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,a)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[o]=a,__spreadValues=(e,o)=>{for(var a in o||(o={}))__hasOwnProp.call(o,a)&&__defNormalProp(e,a,o[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(o))__propIsEnum.call(o,a)&&__defNormalProp(e,a,o[a]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";const a={modelValue:{type:String,default:null},name:{type:String,default:null},beforeChange:{type:Function,default:null},disabled:{type:Boolean,default:!1}},r=__spreadProps(__spreadValues({},a),{value:{type:String,required:!0,default:null}}),t=__spreadProps(__spreadValues({},a),{values:{type:Array,default:null},cssStyle:{type:String,default:"column"}}),l=Symbol("DRadioGroup");var n=o.defineComponent({name:"DRadio",props:r,emits:["change","update:modelValue"],setup(e,{emit:a}){const r=o.inject(l,null),t=o.computed((()=>e.disabled||(null==r?void 0:r.disabled.value))),n=o.computed((()=>{const o=r?r.modelValue.value:e.modelValue;return e.value===o})),d=o.computed((()=>r?r.name.value:e.name));return{isChecked:n,radioName:d,disabled:t,handleChange:async o=>{const t=e.value;await(o=>{const a=e.beforeChange||(r?r.beforeChange:null);let t=Promise.resolve(!0);if(a){const e=a(o);if(void 0===e)return t;t="boolean"==typeof e?Promise.resolve(e):e}return t})(t)?(null==r||r.emitChange(t),a("update:modelValue",t),a("change",t)):o.preventDefault()}}},render(){var e;const{disabled:a,radioName:r,value:t,isChecked:l,$slots:n,handleChange:d}=this,i=["devui-radio",{active:l,disabled:a}];return o.createVNode("label",{class:i},[o.createVNode("input",{type:"radio",name:r,class:"devui-radio-input",disabled:a,onChange:d,value:t,checked:l},null),o.createVNode("span",{class:"devui-radio-material"},[o.createVNode("svg",{height:"100%",width:"100%",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},[o.createVNode("circle",{class:"devui-radio-material-outer",cx:"512",cy:"512",r:"486.5","stroke-width":"51"},null),o.createVNode("circle",{class:"devui-radio-material-inner",cx:"512","fill-rule":"nonzero",cy:"512",r:"320"},null)])]),o.createVNode("span",{class:"devui-radio-label"},[null==(e=n.default)?void 0:e.call(n)])])}});var d=o.defineComponent({name:"DRadioGroup",props:t,emits:["change","update:modelValue"],setup(e,{emit:a}){o.provide(l,{modelValue:o.toRef(e,"modelValue"),name:o.toRef(e,"name"),disabled:o.toRef(e,"disabled"),beforeChange:e.beforeChange,emitChange:e=>{a("update:modelValue",e),a("change",e)}})},render(){const{cssStyle:e,values:a}=this;return o.createVNode("div",{class:["devui-radio-group",{"is-row":"row"===e,"is-column":"column"===e}]},[(()=>{const e=this.$slots.default;return e?e():Array.isArray(a)?a.map((e=>{return o.createVNode(n,{key:e,value:e},"function"==typeof(a=e)||"[object Object]"===Object.prototype.toString.call(a)&&!o.isVNode(a)?e:{default:()=>[e]});var a})):""})()])}});n.install=function(e){e.component(n.name,n)},d.install=function(e){e.component(d.name,d)};var i={title:"Radio 单选框",category:"数据录入",status:"已完成",install(e){e.use(n),e.use(d)}};e.Radio=n,e.RadioGroup=d,e.default=i,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var S=Object.defineProperty,j=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var V=(n,e,o)=>e in n?S(n,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[e]=o,p=(n,e)=>{for(var o in e||(e={}))k.call(e,o)&&V(n,o,e[o]);if(C)for(var o of C(e))x.call(e,o)&&V(n,o,e[o]);return n},y=(n,e)=>j(n,P(e));(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={modelValue:{type:String,default:null},name:{type:String,default:null},beforeChange:{type:Function,default:null},disabled:{type:Boolean,default:!1}},v=y(p({},o),{value:{type:String,required:!0,default:null}}),N=y(p({},o),{values:{type:Array,default:null},direction:{type:String,default:"column"}}),b=Symbol("DRadioGroup");var D="",s=e.defineComponent({name:"DRadio",props:v,emits:["change","update:modelValue"],setup(a,{emit:d}){const t=e.inject(b,null),i=e.computed(()=>a.disabled||(t==null?void 0:t.disabled.value)),l=e.computed(()=>{const r=t?t.modelValue.value:a.modelValue;return a.value===r}),h=e.computed(()=>t?t.name.value:a.name),g=r=>{const u=a.beforeChange||(t?t.beforeChange:null);let f=Promise.resolve(!0);if(u){const m=u(r);if(typeof m=="undefined")return f;typeof m=="boolean"?f=Promise.resolve(m):f=m}return f};return{isChecked:l,radioName:h,disabled:i,handleChange:async r=>{const u=a.value;if(!await g(u)){r.preventDefault();return}t==null||t.emitChange(u),d("update:modelValue",u),d("change",u)}}},render(){var r;const{disabled:a,radioName:d,value:t,isChecked:i,$slots:l,handleChange:h}=this,g=["devui-radio",{active:i,disabled:a}];return e.createVNode("label",{class:g},[e.createVNode("input",{type:"radio",name:d,class:"devui-radio-input",disabled:a,onChange:h,value:t,checked:i},null),e.createVNode("span",{class:"devui-radio-material"},[e.createVNode("svg",{height:"100%",width:"100%",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("circle",{class:"devui-radio-material-outer",cx:"512",cy:"512",r:"486.5","stroke-width":"51"},null),e.createVNode("circle",{class:"devui-radio-material-inner",cx:"512","fill-rule":"nonzero",cy:"512",r:"320"},null)])]),e.createVNode("span",{class:"devui-radio-label"},[(r=l.default)==null?void 0:r.call(l)])])}}),_="";function R(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}var c=e.defineComponent({name:"DRadioGroup",props:N,emits:["change","update:modelValue"],setup(a,{emit:d}){const t=i=>{d("update:modelValue",i),d("change",i)};e.provide(b,{modelValue:e.toRef(a,"modelValue"),name:e.toRef(a,"name"),disabled:e.toRef(a,"disabled"),beforeChange:a.beforeChange,emitChange:t})},render(){const{values:a,direction:d}=this,t=()=>{const i=this.$slots.default;return i?i():Array.isArray(a)?a.map(l=>e.createVNode(s,{key:l,value:l},R(l)?l:{default:()=>[l]})):""};return e.createVNode("div",{class:["devui-radio-group",{"is-row":d==="row","is-column":d==="column"}]},[t()])}});s.install=function(a){a.component(s.name,s)},c.install=function(a){a.component(c.name,c)};var w={title:"Radio \u5355\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(a){a.use(s),a.use(c)}};n.Radio=s,n.RadioGroup=c,n.default=w,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/rate/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/rate/index.es.js

@@ -1 +1,220 @@
-import{defineComponent as e,reactive as t,ref as o,onMounted as l,createVNode as a,resolveComponent as n}from"vue";var i=e({name:"DRate",props:{modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}},emits:["change","update:modelValue"],setup(e,a){const n=t([]),i=o(0),r=(e,t,o)=>{for(let l=e;l<t;l++)n[l].width=o};l((()=>{for(let t=0;t<e.count;t++)n.push({width:"0"});(()=>{if(!e.modelValue)return;i.value=e.modelValue-1;const t=i.value%1,o=Math.floor(i.value);r(0,o+1,"100%"),t>0?(n[o+1].width=100*t+"%",r(o+2,e.count,"0")):r(o+1,e.count,"0")})()}));return{totalLevelArray:n,chooseValue:i,hoverToggle:(t,o,l=!1)=>{e.read||(l?i.value>=0?(r(0,i.value+1,"100%"),r(i.value+1,e.count,"0")):r(0,e.count,"0"):(r(0,o+1,"100%"),e.allowHalf&&2*t.offsetX<=t.target.clientWidth?r(o,o+1,"50%"):r(o,o+1,"100%"),r(o+1,e.count,"0")))},selectValue:(t,o)=>{e.read||(r(0,o,"100%"),e.allowHalf&&2*t.offsetX<=t.target.clientWidth?(r(o,o+1,"50%"),i.value=o-.5):(r(o,o+1,"100%"),i.value=o),r(o+1,e.count,"0"),o=i.value,e.onChange&&e.onChange(o+1),e.onTouched&&e.onTouched(),a.emit("update:modelValue",o+1))}}},render(){const{totalLevelArray:e,chooseValue:t,icon:o,character:l,read:i,type:r,color:s,hoverToggle:u,selectValue:d}=this;return a("div",{class:"devui-star-container",onMouseleave:e=>u(e,t,!0)},[e.map(((e,t)=>a("div",{class:"devui-star-align devui-pointer "+(i?"devui-only-read":""),key:t,onMouseover:e=>u(e,t),onClick:e=>d(e,t)},[o&&!l&&a("span",{class:"devui-star-color"},[a(n("d-icon"),{name:o},null)]),l&&!o&&a("span",{class:"devui-star-color"},[l]),!o&&!l&&a("span",{class:"devui-star-color"},[a("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[a("g",{fill:"#E3E5E9",id:"Mask"},[a("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),o&&!l&&a("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{width:e.width}},[a(n("d-icon"),{name:o,color:s},null)]),l&&!o&&a("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{color:s,width:e.width}},[l]),!l&&!o&&a("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{color:s,width:e.width}},[a("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[a("g",{id:"Mask"},[a("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])])))])}});i.install=function(e){e.component(i.name,i)};var r={title:"Rate 评分",category:"数据录入",status:"已完成",install(e){e.use(i)}};export{i as Rate,r as default};
+import { defineComponent, reactive, ref, onMounted, createVNode, resolveComponent } from "vue";
+const rateProps = {
+  modelValue: {
+    type: Number
+  },
+  read: {
+    type: Boolean,
+    default: false
+  },
+  count: {
+    type: Number,
+    default: 5
+  },
+  type: {
+    type: String,
+    default: ""
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: String,
+    default: ""
+  },
+  character: {
+    type: String,
+    default: ""
+  },
+  allowHalf: {
+    type: Boolean,
+    default: false
+  },
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  onTouched: {
+    type: Function,
+    default: void 0
+  }
+};
+var rate = "";
+var Rate = defineComponent({
+  name: "DRate",
+  props: rateProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, ctx) {
+    const totalLevelArray = reactive([]);
+    const chooseValue = ref(0);
+    const setChange = (start, end, width) => {
+      for (let i = start; i < end; i++) {
+        totalLevelArray[i]["width"] = width;
+      }
+    };
+    const initRating = () => {
+      if (!props.modelValue) {
+        return;
+      }
+      chooseValue.value = props.modelValue - 1;
+      const halfStar = chooseValue.value % 1;
+      const intCurrentLevel = Math.floor(chooseValue.value);
+      setChange(0, intCurrentLevel + 1, "100%");
+      if (halfStar > 0) {
+        totalLevelArray[intCurrentLevel + 1]["width"] = halfStar * 100 + "%";
+        setChange(intCurrentLevel + 2, props.count, "0");
+      } else {
+        setChange(intCurrentLevel + 1, props.count, "0");
+      }
+    };
+    onMounted(() => {
+      for (let i = 0; i < props.count; i++) {
+        totalLevelArray.push({
+          width: "0"
+        });
+      }
+      initRating();
+    });
+    const hoverToggle = (e, index2, reset = false) => {
+      if (props.read) {
+        return;
+      }
+      if (reset) {
+        if (chooseValue.value >= 0) {
+          setChange(0, chooseValue.value + 1, "100%");
+          setChange(chooseValue.value + 1, props.count, "0");
+        } else {
+          setChange(0, props.count, "0");
+        }
+      } else {
+        setChange(0, index2 + 1, "100%");
+        if (props.allowHalf && e.offsetX * 2 <= e.target.clientWidth) {
+          setChange(index2, index2 + 1, "50%");
+        } else {
+          setChange(index2, index2 + 1, "100%");
+        }
+        setChange(index2 + 1, props.count, "0");
+      }
+    };
+    const selectValue = (e, index2) => {
+      if (props.read) {
+        return;
+      }
+      setChange(0, index2, "100%");
+      if (props.allowHalf && e.offsetX * 2 <= e.target.clientWidth) {
+        setChange(index2, index2 + 1, "50%");
+        chooseValue.value = index2 - 0.5;
+      } else {
+        setChange(index2, index2 + 1, "100%");
+        chooseValue.value = index2;
+      }
+      setChange(index2 + 1, props.count, "0");
+      index2 = chooseValue.value;
+      props.onChange && props.onChange(index2 + 1);
+      props.onTouched && props.onTouched();
+      ctx.emit("update:modelValue", index2 + 1);
+    };
+    return {
+      totalLevelArray,
+      chooseValue,
+      hoverToggle,
+      selectValue
+    };
+  },
+  render() {
+    const {
+      totalLevelArray,
+      chooseValue,
+      icon,
+      character,
+      read,
+      type,
+      color,
+      hoverToggle,
+      selectValue
+    } = this;
+    return createVNode("div", {
+      "class": "devui-star-container",
+      "onMouseleave": (e) => hoverToggle(e, chooseValue, true)
+    }, [totalLevelArray.map((item, index2) => createVNode("div", {
+      "class": `devui-star-align devui-pointer ${read ? "devui-only-read" : ""}`,
+      "key": index2,
+      "onMouseover": (e) => hoverToggle(e, index2),
+      "onClick": (e) => selectValue(e, index2)
+    }, [icon && !character && createVNode("span", {
+      "class": "devui-star-color"
+    }, [createVNode(resolveComponent("d-icon"), {
+      "name": icon
+    }, null)]), character && !icon && createVNode("span", {
+      "class": "devui-star-color"
+    }, [character]), !icon && !character && createVNode("span", {
+      "class": "devui-star-color"
+    }, [createVNode("svg", {
+      "width": "16px",
+      "height": "16px",
+      "viewBox": "0 0 16 16",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns-xlink": "http://www.w3.org/1999/xlink"
+    }, [createVNode("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [createVNode("g", {
+      "fill": "#E3E5E9",
+      "id": "Mask"
+    }, [createVNode("polygon", {
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
+    }, null)])])])]), icon && !character && createVNode("span", {
+      "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
+      "style": {
+        width: item.width
+      }
+    }, [createVNode(resolveComponent("d-icon"), {
+      "name": icon,
+      "color": color
+    }, null)]), character && !icon && createVNode("span", {
+      "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
+      "style": {
+        color,
+        width: item.width
+      }
+    }, [character]), !character && !icon && createVNode("span", {
+      "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
+      "style": {
+        color,
+        width: item.width
+      }
+    }, [createVNode("svg", {
+      "width": "16px",
+      "height": "16px",
+      "viewBox": "0 0 16 16",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "xmlns-xlink": "http://www.w3.org/1999/xlink"
+    }, [createVNode("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [createVNode("g", {
+      "id": "Mask"
+    }, [createVNode("polygon", {
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
+    }, null)])])])])]))]);
+  }
+});
+Rate.install = function(app) {
+  app.component(Rate.name, Rate);
+};
+var index = {
+  title: "Rate \u8BC4\u5206",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.use(Rate);
+  }
+};
+export { Rate, index as default };

package/rate/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const o={modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var a=t.defineComponent({name:"DRate",props:o,emits:["change","update:modelValue"],setup(e,o){const a=t.reactive([]),l=t.ref(0),n=(e,t,o)=>{for(let l=e;l<t;l++)a[l].width=o};t.onMounted((()=>{for(let t=0;t<e.count;t++)a.push({width:"0"});(()=>{if(!e.modelValue)return;l.value=e.modelValue-1;const t=l.value%1,o=Math.floor(l.value);n(0,o+1,"100%"),t>0?(a[o+1].width=100*t+"%",n(o+2,e.count,"0")):n(o+1,e.count,"0")})()}));return{totalLevelArray:a,chooseValue:l,hoverToggle:(t,o,a=!1)=>{e.read||(a?l.value>=0?(n(0,l.value+1,"100%"),n(l.value+1,e.count,"0")):n(0,e.count,"0"):(n(0,o+1,"100%"),e.allowHalf&&2*t.offsetX<=t.target.clientWidth?n(o,o+1,"50%"):n(o,o+1,"100%"),n(o+1,e.count,"0")))},selectValue:(t,a)=>{e.read||(n(0,a,"100%"),e.allowHalf&&2*t.offsetX<=t.target.clientWidth?(n(a,a+1,"50%"),l.value=a-.5):(n(a,a+1,"100%"),l.value=a),n(a+1,e.count,"0"),a=l.value,e.onChange&&e.onChange(a+1),e.onTouched&&e.onTouched(),o.emit("update:modelValue",a+1))}}},render(){const{totalLevelArray:e,chooseValue:o,icon:a,character:l,read:n,type:r,color:d,hoverToggle:i,selectValue:u}=this;return t.createVNode("div",{class:"devui-star-container",onMouseleave:e=>i(e,o,!0)},[e.map(((e,o)=>t.createVNode("div",{class:"devui-star-align devui-pointer "+(n?"devui-only-read":""),key:o,onMouseover:e=>i(e,o),onClick:e=>u(e,o)},[a&&!l&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode(t.resolveComponent("d-icon"),{name:a},null)]),l&&!a&&t.createVNode("span",{class:"devui-star-color"},[l]),!a&&!l&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{fill:"#E3E5E9",id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),a&&!l&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{width:e.width}},[t.createVNode(t.resolveComponent("d-icon"),{name:a,color:d},null)]),l&&!a&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{color:d,width:e.width}},[l]),!l&&!a&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${r}`,style:{color:d,width:e.width}},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])])))])}});a.install=function(e){e.component(a.name,a)};var l={title:"Rate 评分",category:"数据录入",status:"已完成",install(e){e.use(a)}};e.Rate=a,e.default=l,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const g={modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var V="",d=t.defineComponent({name:"DRate",props:g,emits:["change","update:modelValue"],setup(o,h){const r=t.reactive([]),a=t.ref(0),l=(n,e,c)=>{for(let s=n;s<e;s++)r[s].width=c},u=()=>{if(!o.modelValue)return;a.value=o.modelValue-1;const n=a.value%1,e=Math.floor(a.value);l(0,e+1,"100%"),n>0?(r[e+1].width=n*100+"%",l(e+2,o.count,"0")):l(e+1,o.count,"0")};return t.onMounted(()=>{for(let n=0;n<o.count;n++)r.push({width:"0"});u()}),{totalLevelArray:r,chooseValue:a,hoverToggle:(n,e,c=!1)=>{o.read||(c?a.value>=0?(l(0,a.value+1,"100%"),l(a.value+1,o.count,"0")):l(0,o.count,"0"):(l(0,e+1,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?l(e,e+1,"50%"):l(e,e+1,"100%"),l(e+1,o.count,"0")))},selectValue:(n,e)=>{o.read||(l(0,e,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?(l(e,e+1,"50%"),a.value=e-.5):(l(e,e+1,"100%"),a.value=e),l(e+1,o.count,"0"),e=a.value,o.onChange&&o.onChange(e+1),o.onTouched&&o.onTouched(),h.emit("update:modelValue",e+1))}}},render(){const{totalLevelArray:o,chooseValue:h,icon:r,character:a,read:l,type:u,color:f,hoverToggle:v,selectValue:n}=this;return t.createVNode("div",{class:"devui-star-container",onMouseleave:e=>v(e,h,!0)},[o.map((e,c)=>t.createVNode("div",{class:`devui-star-align devui-pointer ${l?"devui-only-read":""}`,key:c,onMouseover:s=>v(s,c),onClick:s=>n(s,c)},[r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode(t.resolveComponent("d-icon"),{name:r},null)]),a&&!r&&t.createVNode("span",{class:"devui-star-color"},[a]),!r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{fill:"#E3E5E9",id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),r&&!a&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{width:e.width}},[t.createVNode(t.resolveComponent("d-icon"),{name:r,color:f},null)]),a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{color:f,width:e.width}},[a]),!a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{color:f,width:e.width}},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])]))])}});d.install=function(o){o.component(d.name,d)};var w={title:"Rate \u8BC4\u5206",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(o){o.use(d)}};i.Rate=d,i.default=w,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/read-tip/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;