vue-devui 1.0.0-alpha.5 → 1.0.0-beta.11

package/cascader/index.umd.js

@@ -1 +1 @@
-!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={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}};const n={cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}};let d;const l=e=>{e&&(d=o.reactive([e]));return{cascaderOptions:d,changeCascaderIndexs:(e,o)=>{var a;d&&((null==(a=null==e?void 0:e.children)?void 0:a.length)>0?d[o+1]=e.children:d.splice(o+1,d.length-1-o))}}};const r=e=>{var a;const{cascaderli:n,ulIndex:d}=e,{changeCascaderIndexs:r}=l(),t=o.computed((()=>({"devui-cascader-li devui-dropdown-item":!0})));return o.createVNode("li",{class:t.value,onMouseover:()=>{r(n,d)}},[o.createVNode("div",{class:"dropdown-item-label"},[o.createVNode("span",null,[n.label])]),(null==(a=null==n?void 0:n.children)?void 0:a.length)>0&&o.createVNode(o.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var t=o.defineComponent({name:"DCascaderList",props:n,setup(e){const a=o.computed((()=>({"devui-cascader-ul":!0})));return()=>o.createVNode("ul",{class:a.value},[e.cascaderlis.map(((a,n)=>o.createVNode(r,o.mergeProps({cascaderli:a,liIndex:n},e),null)))])}}),i=o.defineComponent({name:"DCascader",props:a,setup(e,a){const n=o.ref(null),d=o.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:r,menuOpenClass:i,openPopup:s}=(()=>{const e=o.ref(!1),a=o.ref("");return o.watch(e,(e=>{a.value=e?"devui-drop-menu-wrapper":""})),{menuShow:e,menuOpenClass:a,openPopup:()=>{e.value=!e.value}}})(),c=((e,a)=>o.computed((()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":a.value,"devui-cascader__disbaled":e.disabled}))))(e,r),{cascaderOptions:u}=l(e.options);return()=>o.createVNode(o.Fragment,null,[o.createVNode("div",o.mergeProps({class:c.value,onClick:s,ref:n},a.attrs),[o.createVNode(o.resolveComponent("d-input"),{disabled:e.disabled,placeholder:e.placeholder},null),o.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[o.createVNode(o.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),o.createVNode(o.resolveComponent("d-flexible-overlay"),{origin:n,visible:r.value,"onUpdate:visible":e=>r.value=e,position:d},{default:()=>[o.createVNode("div",{class:"devui-drop-menu-animation"},[o.createVNode("div",{class:`${i.value} devui-dropdown-menu`},[u.map(((e,a)=>o.createVNode(t,{cascaderlis:e,"ul-index":a},null)))])])]})])}});i.install=function(e){e.component(i.name,i)};var s={title:"Cascader 级联菜单",category:"数据录入",status:void 0,install(e){e.use(i)}};e.Cascader=i,e.default=s,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(p,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(p=typeof globalThis!="undefined"?globalThis:p||self,o(p.index={},p.Vue))})(this,function(p,o){"use strict";var dt=typeof global=="object"&&global&&global.Object===Object&&global,pe=dt,ft=typeof self=="object"&&self&&self.Object===Object&&self,ht=pe||ft||Function("return this")(),T=ht,pt=T.Symbol,N=pt,ge=Object.prototype,gt=ge.hasOwnProperty,bt=ge.toString,F=N?N.toStringTag:void 0;function yt(e){var t=gt.call(e,F),r=e[F];try{e[F]=void 0;var n=!0}catch{}var a=bt.call(e);return n&&(t?e[F]=r:delete e[F]),a}var vt=Object.prototype,mt=vt.toString;function _t(e){return mt.call(e)}var Tt="[object Null]",$t="[object Undefined]",be=N?N.toStringTag:void 0;function B(e){return e==null?e===void 0?$t:Tt:be&&be in Object(e)?yt(e):_t(e)}function L(e){return e!=null&&typeof e=="object"}var Ct=Array.isArray,Q=Ct;function U(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var jt="[object AsyncFunction]",wt="[object Function]",Ot="[object GeneratorFunction]",St="[object Proxy]";function ye(e){if(!U(e))return!1;var t=B(e);return t==wt||t==Ot||t==jt||t==St}var At=T["__core-js_shared__"],ee=At,ve=function(){var e=/[^.]+$/.exec(ee&&ee.keys&&ee.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function Pt(e){return!!ve&&ve in e}var Nt=Function.prototype,It=Nt.toString;function w(e){if(e!=null){try{return It.call(e)}catch{}try{return e+""}catch{}}return""}var Vt=/[\\^$.*+?()[\]{}|]/g,Et=/^\[object .+?Constructor\]$/,Dt=Function.prototype,xt=Object.prototype,Mt=Dt.toString,Ft=xt.hasOwnProperty,Bt=RegExp("^"+Mt.call(Ft).replace(Vt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Lt(e){if(!U(e)||Pt(e))return!1;var t=ye(e)?Bt:Et;return t.test(w(e))}function Ut(e,t){return e==null?void 0:e[t]}function O(e,t){var r=Ut(e,t);return Lt(r)?r:void 0}var kt=O(T,"WeakMap"),te=kt,me=Object.create,Gt=function(){function e(){}return function(t){if(!U(t))return{};if(me)return me(t);e.prototype=t;var r=new e;return e.prototype=void 0,r}}(),zt=Gt;function Rt(e,t){var r=-1,n=e.length;for(t||(t=Array(n));++r<n;)t[r]=e[r];return t}var Wt=function(){try{var e=O(Object,"defineProperty");return e({},"",{}),e}catch{}}(),_e=Wt;function Ht(e,t){for(var r=-1,n=e==null?0:e.length;++r<n&&t(e[r],r,e)!==!1;);return e}var Kt=9007199254740991,qt=/^(?:0|[1-9]\d*)$/;function Yt(e,t){var r=typeof e;return t=t==null?Kt:t,!!t&&(r=="number"||r!="symbol"&&qt.test(e))&&e>-1&&e%1==0&&e<t}function Te(e,t,r){t=="__proto__"&&_e?_e(e,t,{configurable:!0,enumerable:!0,value:r,writable:!0}):e[t]=r}function $e(e,t){return e===t||e!==e&&t!==t}var Xt=Object.prototype,Jt=Xt.hasOwnProperty;function Ce(e,t,r){var n=e[t];(!(Jt.call(e,t)&&$e(n,r))||r===void 0&&!(t in e))&&Te(e,t,r)}function H(e,t,r,n){var a=!r;r||(r={});for(var i=-1,c=t.length;++i<c;){var s=t[i],g=n?n(r[s],e[s],s,r,e):void 0;g===void 0&&(g=e[s]),a?Te(r,s,g):Ce(r,s,g)}return r}var Zt=9007199254740991;function je(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Zt}function we(e){return e!=null&&je(e.length)&&!ye(e)}var Qt=Object.prototype;function re(e){var t=e&&e.constructor,r=typeof t=="function"&&t.prototype||Qt;return e===r}function er(e,t){for(var r=-1,n=Array(e);++r<e;)n[r]=t(r);return n}var tr="[object Arguments]";function Oe(e){return L(e)&&B(e)==tr}var Se=Object.prototype,rr=Se.hasOwnProperty,nr=Se.propertyIsEnumerable,ar=Oe(function(){return arguments}())?Oe:function(e){return L(e)&&rr.call(e,"callee")&&!nr.call(e,"callee")},or=ar;function ir(){return!1}var Ae=typeof p=="object"&&p&&!p.nodeType&&p,Pe=Ae&&typeof module=="object"&&module&&!module.nodeType&&module,cr=Pe&&Pe.exports===Ae,Ne=cr?T.Buffer:void 0,sr=Ne?Ne.isBuffer:void 0,lr=sr||ir,Ie=lr,ur="[object Arguments]",dr="[object Array]",fr="[object Boolean]",hr="[object Date]",pr="[object Error]",gr="[object Function]",br="[object Map]",yr="[object Number]",vr="[object Object]",mr="[object RegExp]",_r="[object Set]",Tr="[object String]",$r="[object WeakMap]",Cr="[object ArrayBuffer]",jr="[object DataView]",wr="[object Float32Array]",Or="[object Float64Array]",Sr="[object Int8Array]",Ar="[object Int16Array]",Pr="[object Int32Array]",Nr="[object Uint8Array]",Ir="[object Uint8ClampedArray]",Vr="[object Uint16Array]",Er="[object Uint32Array]",u={};u[wr]=u[Or]=u[Sr]=u[Ar]=u[Pr]=u[Nr]=u[Ir]=u[Vr]=u[Er]=!0,u[ur]=u[dr]=u[Cr]=u[fr]=u[jr]=u[hr]=u[pr]=u[gr]=u[br]=u[yr]=u[vr]=u[mr]=u[_r]=u[Tr]=u[$r]=!1;function Dr(e){return L(e)&&je(e.length)&&!!u[B(e)]}function ne(e){return function(t){return e(t)}}var Ve=typeof p=="object"&&p&&!p.nodeType&&p,k=Ve&&typeof module=="object"&&module&&!module.nodeType&&module,xr=k&&k.exports===Ve,ae=xr&&pe.process,Mr=function(){try{var e=k&&k.require&&k.require("util").types;return e||ae&&ae.binding&&ae.binding("util")}catch{}}(),I=Mr,Ee=I&&I.isTypedArray,Fr=Ee?ne(Ee):Dr,Br=Fr,Lr=Object.prototype,Ur=Lr.hasOwnProperty;function De(e,t){var r=Q(e),n=!r&&or(e),a=!r&&!n&&Ie(e),i=!r&&!n&&!a&&Br(e),c=r||n||a||i,s=c?er(e.length,String):[],g=s.length;for(var d in e)(t||Ur.call(e,d))&&!(c&&(d=="length"||a&&(d=="offset"||d=="parent")||i&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||Yt(d,g)))&&s.push(d);return s}function xe(e,t){return function(r){return e(t(r))}}var kr=xe(Object.keys,Object),Gr=kr,zr=Object.prototype,Rr=zr.hasOwnProperty;function Wr(e){if(!re(e))return Gr(e);var t=[];for(var r in Object(e))Rr.call(e,r)&&r!="constructor"&&t.push(r);return t}function oe(e){return we(e)?De(e):Wr(e)}function Hr(e){var t=[];if(e!=null)for(var r in Object(e))t.push(r);return t}var Kr=Object.prototype,qr=Kr.hasOwnProperty;function Yr(e){if(!U(e))return Hr(e);var t=re(e),r=[];for(var n in e)n=="constructor"&&(t||!qr.call(e,n))||r.push(n);return r}function ie(e){return we(e)?De(e,!0):Yr(e)}var Xr=O(Object,"create"),G=Xr;function Jr(){this.__data__=G?G(null):{},this.size=0}function Zr(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var Qr="__lodash_hash_undefined__",en=Object.prototype,tn=en.hasOwnProperty;function rn(e){var t=this.__data__;if(G){var r=t[e];return r===Qr?void 0:r}return tn.call(t,e)?t[e]:void 0}var nn=Object.prototype,an=nn.hasOwnProperty;function on(e){var t=this.__data__;return G?t[e]!==void 0:an.call(t,e)}var cn="__lodash_hash_undefined__";function sn(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=G&&t===void 0?cn:t,this}function S(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}S.prototype.clear=Jr,S.prototype.delete=Zr,S.prototype.get=rn,S.prototype.has=on,S.prototype.set=sn;function ln(){this.__data__=[],this.size=0}function K(e,t){for(var r=e.length;r--;)if($e(e[r][0],t))return r;return-1}var un=Array.prototype,dn=un.splice;function fn(e){var t=this.__data__,r=K(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():dn.call(t,r,1),--this.size,!0}function hn(e){var t=this.__data__,r=K(t,e);return r<0?void 0:t[r][1]}function pn(e){return K(this.__data__,e)>-1}function gn(e,t){var r=this.__data__,n=K(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}function C(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}C.prototype.clear=ln,C.prototype.delete=fn,C.prototype.get=hn,C.prototype.has=pn,C.prototype.set=gn;var bn=O(T,"Map"),z=bn;function yn(){this.size=0,this.__data__={hash:new S,map:new(z||C),string:new S}}function vn(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}function q(e,t){var r=e.__data__;return vn(t)?r[typeof t=="string"?"string":"hash"]:r.map}function mn(e){var t=q(this,e).delete(e);return this.size-=t?1:0,t}function _n(e){return q(this,e).get(e)}function Tn(e){return q(this,e).has(e)}function $n(e,t){var r=q(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}function V(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}V.prototype.clear=yn,V.prototype.delete=mn,V.prototype.get=_n,V.prototype.has=Tn,V.prototype.set=$n;function Me(e,t){for(var r=-1,n=t.length,a=e.length;++r<n;)e[a+r]=t[r];return e}var Cn=xe(Object.getPrototypeOf,Object),Fe=Cn;function jn(){this.__data__=new C,this.size=0}function wn(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}function On(e){return this.__data__.get(e)}function Sn(e){return this.__data__.has(e)}var An=200;function Pn(e,t){var r=this.__data__;if(r instanceof C){var n=r.__data__;if(!z||n.length<An-1)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new V(n)}return r.set(e,t),this.size=r.size,this}function E(e){var t=this.__data__=new C(e);this.size=t.size}E.prototype.clear=jn,E.prototype.delete=wn,E.prototype.get=On,E.prototype.has=Sn,E.prototype.set=Pn;function Nn(e,t){return e&&H(t,oe(t),e)}function In(e,t){return e&&H(t,ie(t),e)}var Be=typeof p=="object"&&p&&!p.nodeType&&p,Le=Be&&typeof module=="object"&&module&&!module.nodeType&&module,Vn=Le&&Le.exports===Be,Ue=Vn?T.Buffer:void 0,ke=Ue?Ue.allocUnsafe:void 0;function En(e,t){if(t)return e.slice();var r=e.length,n=ke?ke(r):new e.constructor(r);return e.copy(n),n}function Dn(e,t){for(var r=-1,n=e==null?0:e.length,a=0,i=[];++r<n;){var c=e[r];t(c,r,e)&&(i[a++]=c)}return i}function Ge(){return[]}var xn=Object.prototype,Mn=xn.propertyIsEnumerable,ze=Object.getOwnPropertySymbols,Fn=ze?function(e){return e==null?[]:(e=Object(e),Dn(ze(e),function(t){return Mn.call(e,t)}))}:Ge,ce=Fn;function Bn(e,t){return H(e,ce(e),t)}var Ln=Object.getOwnPropertySymbols,Un=Ln?function(e){for(var t=[];e;)Me(t,ce(e)),e=Fe(e);return t}:Ge,Re=Un;function kn(e,t){return H(e,Re(e),t)}function We(e,t,r){var n=t(e);return Q(e)?n:Me(n,r(e))}function Gn(e){return We(e,oe,ce)}function zn(e){return We(e,ie,Re)}var Rn=O(T,"DataView"),se=Rn,Wn=O(T,"Promise"),le=Wn,Hn=O(T,"Set"),ue=Hn,He="[object Map]",Kn="[object Object]",Ke="[object Promise]",qe="[object Set]",Ye="[object WeakMap]",Xe="[object DataView]",qn=w(se),Yn=w(z),Xn=w(le),Jn=w(ue),Zn=w(te),A=B;(se&&A(new se(new ArrayBuffer(1)))!=Xe||z&&A(new z)!=He||le&&A(le.resolve())!=Ke||ue&&A(new ue)!=qe||te&&A(new te)!=Ye)&&(A=function(e){var t=B(e),r=t==Kn?e.constructor:void 0,n=r?w(r):"";if(n)switch(n){case qn:return Xe;case Yn:return He;case Xn:return Ke;case Jn:return qe;case Zn:return Ye}return t});var de=A,Qn=Object.prototype,ea=Qn.hasOwnProperty;function ta(e){var t=e.length,r=new e.constructor(t);return t&&typeof e[0]=="string"&&ea.call(e,"index")&&(r.index=e.index,r.input=e.input),r}var ra=T.Uint8Array,Je=ra;function fe(e){var t=new e.constructor(e.byteLength);return new Je(t).set(new Je(e)),t}function na(e,t){var r=t?fe(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.byteLength)}var aa=/\w*$/;function oa(e){var t=new e.constructor(e.source,aa.exec(e));return t.lastIndex=e.lastIndex,t}var Ze=N?N.prototype:void 0,Qe=Ze?Ze.valueOf:void 0;function ia(e){return Qe?Object(Qe.call(e)):{}}function ca(e,t){var r=t?fe(e.buffer):e.buffer;return new e.constructor(r,e.byteOffset,e.length)}var sa="[object Boolean]",la="[object Date]",ua="[object Map]",da="[object Number]",fa="[object RegExp]",ha="[object Set]",pa="[object String]",ga="[object Symbol]",ba="[object ArrayBuffer]",ya="[object DataView]",va="[object Float32Array]",ma="[object Float64Array]",_a="[object Int8Array]",Ta="[object Int16Array]",$a="[object Int32Array]",Ca="[object Uint8Array]",ja="[object Uint8ClampedArray]",wa="[object Uint16Array]",Oa="[object Uint32Array]";function Sa(e,t,r){var n=e.constructor;switch(t){case ba:return fe(e);case sa:case la:return new n(+e);case ya:return na(e,r);case va:case ma:case _a:case Ta:case $a:case Ca:case ja:case wa:case Oa:return ca(e,r);case ua:return new n;case da:case pa:return new n(e);case fa:return oa(e);case ha:return new n;case ga:return ia(e)}}function Aa(e){return typeof e.constructor=="function"&&!re(e)?zt(Fe(e)):{}}var Pa="[object Map]";function Na(e){return L(e)&&de(e)==Pa}var et=I&&I.isMap,Ia=et?ne(et):Na,Va=Ia,Ea="[object Set]";function Da(e){return L(e)&&de(e)==Ea}var tt=I&&I.isSet,xa=tt?ne(tt):Da,Ma=xa,Fa=1,Ba=2,La=4,rt="[object Arguments]",Ua="[object Array]",ka="[object Boolean]",Ga="[object Date]",za="[object Error]",nt="[object Function]",Ra="[object GeneratorFunction]",Wa="[object Map]",Ha="[object Number]",at="[object Object]",Ka="[object RegExp]",qa="[object Set]",Ya="[object String]",Xa="[object Symbol]",Ja="[object WeakMap]",Za="[object ArrayBuffer]",Qa="[object DataView]",eo="[object Float32Array]",to="[object Float64Array]",ro="[object Int8Array]",no="[object Int16Array]",ao="[object Int32Array]",oo="[object Uint8Array]",io="[object Uint8ClampedArray]",co="[object Uint16Array]",so="[object Uint32Array]",l={};l[rt]=l[Ua]=l[Za]=l[Qa]=l[ka]=l[Ga]=l[eo]=l[to]=l[ro]=l[no]=l[ao]=l[Wa]=l[Ha]=l[at]=l[Ka]=l[qa]=l[Ya]=l[Xa]=l[oo]=l[io]=l[co]=l[so]=!0,l[za]=l[nt]=l[Ja]=!1;function Y(e,t,r,n,a,i){var c,s=t&Fa,g=t&Ba,d=t&La;if(r&&(c=a?r(e,n,a,i):r(e)),c!==void 0)return c;if(!U(e))return e;var j=Q(e);if(j){if(c=ta(e),!s)return Rt(e,c)}else{var m=de(e),D=m==nt||m==Ra;if(Ie(e))return En(e,s);if(m==at||m==rt||D&&!a){if(c=g||D?{}:Aa(e),!s)return g?kn(e,In(c,e)):Bn(e,Nn(c,e))}else{if(!l[m])return a?e:{};c=Sa(e,m,s)}}i||(i=new E);var x=i.get(e);if(x)return x;i.set(e,c),Ma(e)?e.forEach(function(f){c.add(Y(f,t,r,f,e,i))}):Va(e)&&e.forEach(function(f,v){c.set(v,Y(f,t,r,v,e,i))});var W=d?g?zn:Gn:g?ie:oe,M=j?void 0:W(e);return Ht(M||e,function(f,v){M&&(v=f,f=e[v]),Ce(c,v,Y(f,t,r,v,e,i))}),c}var lo=1,uo=4;function X(e){return Y(e,lo|uo)}const fo=(e,t)=>o.computed(()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":t.value,"devui-cascader__disbaled":e.disabled})),ho=e=>{var a,i;const t=e==null?void 0:e.cascaderItemNeedProps,r=(t==null?void 0:t.valueCache[e.ulIndex])===((a=e.cascaderItem)==null?void 0:a.value),n=(i=e.cascaderItem)==null?void 0:i.disabled;return o.computed(()=>({"devui-cascader-li devui-dropdown-item":!0,"devui-leaf-active":r,disabled:n}))},po=e=>o.computed(()=>{var t;return{"devui-cascader-ul":!0,"devui-drop-no-data":((t=e==null?void 0:e.cascaderItems)==null?void 0:t.length)===0}}),go=e=>e?"devui-drop-menu-wrapper":"",bo=e=>({inputWidth:`width: ${e.width}px`}),yo=e=>({dropdownWidth:`width: ${e==null?void 0:e.dropdownWidth}px`}),vo={trigger:{type:String,default:"hover"},width:{type:Number||String,default:200},dropdownWidth:{type:Number||String,default:200},options:{type:Array,default:[],required:!0},multiple:{type:Boolean,default:!1},showPath:{type:Boolean,default:!1},value:{type:Array,default:[]},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},change:{type:Function,default:void 0}},mo={cascaderItems:{type:Array,default:()=>[{label:"",value:null}]},dropdownWidth:{type:Number||String,default:200},ulIndex:{type:Number,default:0},cascaderItemNeedProps:{type:Object,default:()=>({})},stopDefault:{type:Boolean,default:!1},cascaderOptions:{type:Array,default:()=>[[{label:"",value:null}]]}},_o=e=>{e.splice(0,e.length)},ot=(e,t)=>{e.push(t)},it=(e,t)=>{const r=e.findIndex(n=>n.value===t.value);e.splice(r,1)},To=(e,t,r)=>{ct(e,t,0,r)},ct=(e,t,r,n)=>{var i;let a=t.find(c=>c.value===e[r]);((i=a==null?void 0:a.children)==null?void 0:i.length)>0?(r+=1,a=$o(a),ct(e,a.children,r,n)):(ot(n,a),a.checked=!0,st(a==null?void 0:a.parent))},$o=e=>(e==null||e.children.forEach(t=>{t.parent=e}),e),Co=e=>{const t=(a,i,c)=>{r(a,c),c-=1;const s=a==null?void 0:a.parent;lt(s,i,c)},r=(a,i)=>{(a==null?void 0:a.halfChecked)?(a.halfChecked=!1,a.checked=!1,n(a,"halfChecked",i)):(a.checked=!a.checked,n(a,"checked",i,a.checked))},n=(a,i,c,s)=>{var g;((g=a==null?void 0:a.children)==null?void 0:g.length)>0?a.children.forEach(d=>{d.disabled||(i==="checked"?(d[i]=s,d.halfChecked=!1,n(d,i,c,s)):i==="halfChecked"&&(d.halfChecked=!1,d.checked=!1,!s&&n(d,i,c)))}):a.checked?ot(e,a):it(e,a)};return{updateStatus:t}},st=e=>{var a,i,c;const t=(a=e==null?void 0:e.children)==null?void 0:a.find(s=>s.checked),r=(i=e==null?void 0:e.children)==null?void 0:i.find(s=>s.halfChecked),n=(c=e==null?void 0:e.children)==null?void 0:c.find(s=>!s.halfChecked&&!s.checked);r||t&&n?(e.checked=!1,e.halfChecked=!0):!t&&!r?(e.checked=!1,e.halfChecked=!1):(e.checked=!0,e.halfChecked=!1)},lt=(e,t,r)=>{if(r<0)return;st(e),r-=1;const n=e==null?void 0:e.parent;lt(n,t,r)},ut=(e,t,r,n)=>{var i,c;let a=null;for(let s=0;s<t.length;s++)if(((i=t[s])==null?void 0:i.value)===e[r]){a=(c=t[s])==null?void 0:c.children,n[r]=s;break}r<e.length-1&&a&&(r+=1,ut(e,a,r,n))},jo=e=>{e.value=""},wo=(e,t,r)=>{t.splice(e,t.length-e),t[e]=r==null?void 0:r.value};var Eo="";const Oo=e=>{var y;const{cascaderItem:t,ulIndex:r,liIndex:n,cascaderItemNeedProps:a,cascaderOptions:i}=e,{multiple:c,stopDefault:s,valueCache:g,activeIndexs:d,trigger:j,confirmInputValueFlg:m,tagList:D}=a,x=j==="hover",W=ho(e),{updateStatus:M}=Co(D),f=o.computed(()=>t==null?void 0:t.disabled),v=()=>{s.value||(d.splice(r,d.length-r),d[r]=n,c||wo(r,g,t))},J=()=>{f.value||c||v()},Z={[x&&"onMouseenter"]:J},he=()=>{var b;f.value||(v(),!c&&(!t.children||((b=t==null?void 0:t.children)==null?void 0:b.length)===0)&&(m.value=!m.value))},h=()=>{M(t,i,r)};return o.createVNode("li",{class:W.value},[c&&o.createVNode("div",{class:"cascader-li__checkbox"},[o.createVNode(o.resolveComponent("d-checkbox"),{checked:t==null?void 0:t.checked,disabled:t.disabled,halfchecked:t==null?void 0:t.halfChecked,onChange:h},null)]),o.createVNode("div",o.mergeProps({class:"cascader-li__wraper"},Z,{onClick:he}),[t.icon&&o.createVNode("div",{class:"cascader-li__icon"+(t.disabled?" disabled":"")},[o.createVNode(o.resolveComponent("d-icon"),{name:t.icon,size:"inherit"},null)]),o.createVNode("div",{class:"dropdown-item-label"},[o.createVNode("span",null,[t.label])]),((y=t==null?void 0:t.children)==null?void 0:y.length)>0&&o.createVNode(o.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])])};var Do="",So=o.defineComponent({name:"DCascaderList",props:mo,setup(e){const t=po(e),r=yo(e);return()=>{var n;return o.createVNode("ul",{class:t.value,style:r.dropdownWidth},[((n=e==null?void 0:e.cascaderItems)==null?void 0:n.length)>0?e.cascaderItems.map((a,i)=>o.createVNode(Oo,o.mergeProps({cascaderItem:a,liIndex:i},e),null)):o.createVNode("span",null,[o.createTextVNode("\u6CA1\u6709\u6570\u636E")])])}}}),xo="",Ao=e=>{const{tagList:t,tag:r}=e,n=a=>{a.stopPropagation(),it(t,r)};return o.createVNode("div",{class:"devui-tag"},[o.createVNode("span",null,[r==null?void 0:r.label]),o.createVNode("div",{class:"devui-tag__close",onClick:n},[o.createVNode(o.resolveComponent("d-icon"),{name:"close"},null)])])},Mo="",Po=e=>o.createVNode("div",{class:"devui-tags-input"},[o.createVNode("div",{class:"devui-tags-box"},[e.activeOptions.length>0?e.activeOptions.map(t=>o.createVNode(Ao,{tag:t,tagList:e.activeOptions},null)):o.createVNode("div",{class:"devui-tags-placeholder"},[e.placeholder])])]);const No=(e,t,r)=>({cascaderItemNeedProps:{trigger:e.trigger,inputValueCache:o.ref(""),confirmInputValueFlg:o.ref(!1),valueCache:o.reactive(X(e.value)),value:o.reactive(X(e.value)),multiple:e.multiple,activeIndexs:o.reactive([]),tagList:r,stopDefault:t}}),Io=e=>{const t=o.ref(!1),r=o.ref(""),n=o.computed(()=>e.disabled),a=o.ref(!1),i=()=>{a.value=!t.value},c=()=>{n.value||(t.value=!t.value,i())};return o.watch(t,s=>{r.value=go(s)}),{menuShow:t,stopDefault:a,menuOpenClass:r,updateStopDefaultType:i,openPopup:c}};var Fo="",R=o.defineComponent({name:"DCascader",props:vo,setup(e,t){const r=o.ref(null),n=o.reactive(X([e==null?void 0:e.options])),a=o.toRef(e,"multiple"),i=o.ref(""),c=o.reactive([]),s=bo(e);let g=e.value.length>0;const d=o.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:j,menuOpenClass:m,openPopup:D,stopDefault:x,updateStopDefaultType:W}=Io(e),M=fo(e,j),{cascaderItemNeedProps:f}=No(e,x,c),v=(h,y,b,P)=>{P?b.value+=h+((y==null?void 0:y.length)>0?" / ":""):b.value=h},J=(h,y,b)=>{if(b===h.length)return;const P=h[b],$=y[P],_=$==null?void 0:$.children;(_==null?void 0:_.length)>0?(n[b+1]=_,J(h,_,b+1)):n.splice(b+1,n.length-1)},Z=(h,y,b)=>{if(a.value){const P=n[0]||[];h.forEach($=>{To($,P,c)})}else{if(b===h.length)return;const P=h[b],$=he(y,P),_=$==null?void 0:$.children;v($.label,_,f.inputValueCache,e.showPath),(_==null?void 0:_.length)>0&&Z(h,_,b+1)}},he=(h,y)=>h.filter(b=>(b==null?void 0:b.value)===y)[0];return o.watch(f.activeIndexs,h=>{n.splice(h.length,n.length-1),J(h,n[0],0)}),o.watch(()=>f.confirmInputValueFlg.value,()=>{a.value?_o(c):jo(f.inputValueCache),f.value=o.reactive(X(f.valueCache)),j.value=!1,W(),Z(f.value,n[0],0),i.value=f.inputValueCache.value,g&&!a.value&&(ut(e.value,n[0],0,f.activeIndexs),g=!1)},{immediate:!0}),()=>o.createVNode(o.Fragment,null,[o.createVNode("div",o.mergeProps({class:M.value,style:s.inputWidth,onClick:D,ref:r},t.attrs),[a.value?o.createVNode(Po,{placeholder:e.placeholder,activeOptions:c},null):o.createVNode(o.resolveComponent("d-input"),{disabled:e.disabled,placeholder:e.placeholder,modelValue:i.value},null),o.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[o.createVNode(o.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),o.createVNode(o.resolveComponent("d-flexible-overlay"),{origin:r,backgroundStyle:"background: transparent",visible:j.value,"onUpdate:visible":h=>j.value=h,position:d},{default:()=>[o.createVNode("div",{class:"devui-drop-menu-animation"},[o.createVNode("div",{class:`${m.value} devui-dropdown-menu`},[n.map((h,y)=>o.createVNode(So,o.mergeProps({cascaderItems:h,"ul-index":y,cascaderItemNeedProps:f,cascaderOptions:n,dropdownWidth:e.dropdownWidth},e),null))])])]})])}});R.install=function(e){e.component(R.name,R)};var Vo={title:"Cascader \u7EA7\u8054\u83DC\u5355",category:"\u6570\u636E\u5F55\u5165",status:"30%",install(e){e.use(R)}};p.Cascader=R,p.default=Vo,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/cascader/style.css

@@ -1 +1 @@
-.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}.devui-cascader-ul{width:200px;height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}
+.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.devui-cascader-li .cascader-li__wraper{flex:1;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}.devui-cascader-li.devui-leaf-active{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-cascader-li.devui-leaf-active span{color:var(--devui-brand-active, #526ecc)}.devui-cascader-li.disabled{background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-cascader-li .cascader-li__checkbox{margin-right:4px}.devui-cascader-li .cascader-li__icon{margin-right:4px;font-size:var(--devui-font-size-icon, 16px);color:var(--devui-text, #252b3a)}.devui-cascader-li .cascader-li__icon.disabled{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader-ul{height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-ul.devui-drop-no-data{color:var(--devui-disabled-text, #adb0b8);padding:8px;display:block;height:36px;line-height:36px;overflow-y:hidden;background-color:var(--devui-disabled-bg, #f5f5f6);font-size:var(--devui-font-size, 12px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.devui-tag{margin:2px 4px 2px 0;display:inline-block;position:relative;display:flex;align-items:center;padding:0 8px;background-color:var(--devui-label-bg, #eef0f5);border-radius:var(--devui-border-radius, 2px);border-color:inherit;border:0 solid}.devui-tag span{min-height:20px;line-height:20px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);position:relative;cursor:default}.devui-tag__close{margin-left:12px;font-size:var(--devui-font-size, 12px);cursor:pointer;color:#fff;width:14px;height:14px;line-height:14px;background-color:var(--devui-line, #adb0b8);border-radius:50%;display:inline-block;text-align:center}.devui-tag__close:hover{background-color:var(--devui-brand, #5e7ce0)}.devui-tags-input{flex:1;padding:1px 20px 1px 4px;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-tags-box{width:100%;overflow:auto;min-height:28px;max-height:56px;display:flex;align-items:center;flex-wrap:wrap}.devui-tags-placeholder{font-size:var(--devui-font-size, 12px);line-height:22px;margin-left:6px;color:var(--devui-placeholder, #8a8e99)}.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader__disbaled .icon{color:var(--devui-disabled-text, #adb0b8)!important}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}

package/checkbox/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/checkbox/index.es.js

@@ -1 +1,377 @@
-var e=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,a=(l,o,t)=>o in l?e(l,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[o]=t,d=(e,l)=>{for(var o in l||(l={}))i.call(l,o)&&a(e,o,l[o]);if(t)for(var o of t(l))n.call(l,o)&&a(e,o,l[o]);return e},r=(e,t)=>l(e,o(t));"undefined"!=typeof require&&require;import{defineComponent as u,inject as c,computed as s,createVNode as h,mergeProps as v,toRef as p,provide as m}from"vue";const b={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},f=r(d({},b),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),g=r(d({},b),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),k=Symbol("d-checkbox-group");var y=u({name:"DCheckbox",props:f,emits:["change","update:checked","update:modelValue"],setup(e,l){const o=c(k,null),t=s((()=>e.checked||e.modelValue)),i=s((()=>(null==o?void 0:o.disabled.value)||e.disabled)),n=s((()=>{var l,i;return null!=(i=null==(l=null==o?void 0:o.isItemChecked)?void 0:l.call(o,e.value))?i:t.value})),a=s((()=>{var l;return null!=(l=null==o?void 0:o.isShowTitle)?l:e.isShowTitle})),d=s((()=>{var l;return null!=(l=null==o?void 0:o.showAnimation)?l:e.showAnimation})),r=s((()=>{var l;return null!=(l=null==o?void 0:o.color)?l:e.color})),u=null==o?void 0:o.itemWidth.value,h=null==o?void 0:o.direction.value;return{itemWidth:u,direction:h,mergedColor:r,mergedDisabled:i,mergedIsShowTitle:a,mergedChecked:n,mergedShowAnimation:d,handleClick:()=>{((l,t)=>{var n;if(i.value)return Promise.resolve(!1);const a=null!=(n=e.beforeChange)?n:null==o?void 0:o.beforeChange;if(a){const e=a(l,t);return"boolean"==typeof e?Promise.resolve(e):e}return Promise.resolve(!0)})(!t.value,e.value).then((i=>i&&(()=>{const i=!t.value;null==o||o.toggleGroupVal(e.value),l.emit("update:checked",i),l.emit("update:modelValue",i),l.emit("change",i)})()))}}},render(){var e;const{itemWidth:l,direction:o,mergedChecked:t,mergedDisabled:i,mergedIsShowTitle:n,mergedShowAnimation:a,halfchecked:d,title:r,label:u,handleClick:c,name:s,value:p,mergedColor:m,$slots:b}=this,f={"devui-checkbox-column-margin":"column"===o,"devui-checkbox-wrap":void 0!==l},g=l?[`width: ${l}px`]:[],k={"devui-checkbox":!0,active:t,halfchecked:d,disabled:i,unchecked:!t},y=n?r||u:"",w=[`border-color:${(t||d)&&m?m:""}`,`background-image:${m&&d||m?`linear-gradient(${m}, ${m})`:""}`,`background-color:${m&&d?m:""}`],x={"devui-checkbox-material":!0,"custom-color":m,"devui-checkbox-no-label":!u&&!b.default,"devui-no-animation":!a,"devui-checkbox-default-background":!d},C={"devui-tick":!0,"devui-no-animation":!a},S=e=>e.stopPropagation();return h("div",{class:f,style:g},[h("div",{class:k},[h("label",{title:y,onClick:c},[h("input",v({name:s||p,class:"devui-checkbox-input",type:"checkbox"},{indeterminate:d},{checked:t,disabled:i,onClick:S,onChange:S}),null),h("span",{style:w,class:x},[h("span",{class:"devui-checkbox-halfchecked-bg"},null),h("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[h("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[h("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:C},null)])])]),u||(null==(e=b.default)?void 0:e.call(b))])])])}}),w=u({name:"DCheckboxGroup",props:g,emits:["change","update:modelValue"],setup(e,l){const o=p(e,"modelValue");return m(k,{disabled:p(e,"disabled"),isShowTitle:p(e,"isShowTitle"),color:p(e,"color"),showAnimation:p(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:e=>o.value.includes(e),toggleGroupVal:e=>{const t=o.value.findIndex((l=>l===e));if(-1===t){const t=[...o.value,e];return l.emit("update:modelValue",t),void l.emit("change",t)}o.value.splice(t,1),l.emit("update:modelValue",o.value),l.emit("change",o.value)},itemWidth:p(e,"itemWidth"),direction:p(e,"direction")}),{defaultOpt:{checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1}}},render(){var e;const{direction:l,$slots:o,defaultOpt:t,options:i}=this;let n=null==(e=o.default)?void 0:e.call(o);return(null==i?void 0:i.length)>0&&(n=i.map((e=>{const l=Object.assign({},t,e);return h(y,l,null)}))),h("div",{class:"devui-checkbox-group"},[h("div",{class:{"devui-checkbox-list-inline":"row"===l}},[n])])}});y.install=function(e){e.component(y.name,y)},w.install=function(e){e.component(w.name,w)};var x={title:"Checkbox 复选框",category:"数据录入",install(e){e.use(y),e.use(w)}};export{y as Checkbox,x 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, mergeProps, toRef, provide } from "vue";
+var checkbox = "";
+const commonProps = {
+  name: {
+    type: String,
+    default: void 0
+  },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
+  title: {
+    type: String
+  },
+  color: {
+    type: String,
+    default: void 0
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: Function,
+    default: void 0
+  }
+};
+const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  checked: {
+    type: Boolean,
+    default: false
+  },
+  value: {
+    type: String
+  },
+  label: {
+    type: String,
+    default: void 0
+  },
+  title: {
+    type: String,
+    default: void 0
+  },
+  "onUpdate:checked": {
+    type: Function,
+    default: void 0
+  },
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  modelValue: {
+    type: Boolean
+  },
+  "onUpdate:modelValue": {
+    type: Function
+  }
+});
+const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
+  modelValue: {
+    type: Array,
+    required: true
+  },
+  direction: {
+    type: String,
+    default: "column"
+  },
+  itemWidth: {
+    type: Number,
+    default: void 0
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  onChange: {
+    type: Function,
+    default: void 0
+  },
+  "onUpdate:modelValue": {
+    type: Function,
+    default: void 0
+  }
+});
+const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
+var Checkbox = defineComponent({
+  name: "DCheckbox",
+  props: checkboxProps,
+  emits: ["change", "update:checked", "update:modelValue"],
+  setup(props, ctx) {
+    const checkboxGroupConf = inject(checkboxGroupInjectionKey, null);
+    const isChecked = computed(() => props.checked || props.modelValue);
+    const mergedDisabled = computed(() => {
+      return (checkboxGroupConf == null ? void 0 : checkboxGroupConf.disabled.value) || props.disabled;
+    });
+    const mergedChecked = computed(() => {
+      var _a, _b;
+      return (_b = (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isItemChecked) == null ? void 0 : _a.call(checkboxGroupConf, props.value)) != null ? _b : isChecked.value;
+    });
+    const mergedIsShowTitle = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
+    });
+    const mergedShowAnimation = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
+    });
+    const mergedColor = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
+    });
+    const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
+    const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+    const canChange = (isChecked2, val) => {
+      var _a;
+      if (mergedDisabled.value) {
+        return Promise.resolve(false);
+      }
+      const beforeChange = (_a = props.beforeChange) != null ? _a : checkboxGroupConf == null ? void 0 : checkboxGroupConf.beforeChange;
+      if (beforeChange) {
+        const res = beforeChange(isChecked2, val);
+        if (typeof res === "boolean") {
+          return Promise.resolve(res);
+        }
+        return res;
+      }
+      return Promise.resolve(true);
+    };
+    const toggle = () => {
+      const current = !isChecked.value;
+      checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
+      ctx.emit("update:checked", current);
+      ctx.emit("update:modelValue", current);
+      ctx.emit("change", current);
+    };
+    const handleClick = () => {
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
+    };
+    return {
+      itemWidth,
+      direction,
+      mergedColor,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedChecked,
+      mergedShowAnimation,
+      handleClick
+    };
+  },
+  render() {
+    var _a;
+    const {
+      itemWidth,
+      direction,
+      mergedChecked,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedShowAnimation,
+      halfchecked,
+      title,
+      label,
+      handleClick,
+      name,
+      value,
+      mergedColor,
+      $slots
+    } = this;
+    const wrapperCls = {
+      "devui-checkbox-column-margin": direction === "column",
+      "devui-checkbox-wrap": typeof itemWidth !== "undefined"
+    };
+    const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+    const checkboxCls = {
+      "devui-checkbox": true,
+      active: mergedChecked,
+      halfchecked,
+      disabled: mergedDisabled,
+      unchecked: !mergedChecked
+    };
+    const labelTitle = mergedIsShowTitle ? title || label : "";
+    const bgImgStyle = mergedColor && halfchecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
+    const spanStyle = [`border-color:${(mergedChecked || halfchecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfchecked ? mergedColor : ""}`];
+    const spanCls = {
+      "devui-checkbox-material": true,
+      "custom-color": mergedColor,
+      "devui-checkbox-no-label": !label && !$slots.default,
+      "devui-no-animation": !mergedShowAnimation,
+      "devui-checkbox-default-background": !halfchecked
+    };
+    const polygonCls = {
+      "devui-tick": true,
+      "devui-no-animation": !mergedShowAnimation
+    };
+    const stopPropagation = ($event) => $event.stopPropagation();
+    const inputProps = {
+      indeterminate: halfchecked
+    };
+    return createVNode("div", {
+      "class": wrapperCls,
+      "style": wrapperStyle
+    }, [createVNode("div", {
+      "class": checkboxCls
+    }, [createVNode("label", {
+      "title": labelTitle,
+      "onClick": handleClick
+    }, [createVNode("input", mergeProps({
+      "name": name || value,
+      "class": "devui-checkbox-input",
+      "type": "checkbox"
+    }, inputProps, {
+      "checked": mergedChecked,
+      "disabled": mergedDisabled,
+      "onClick": stopPropagation,
+      "onChange": stopPropagation
+    }), null), createVNode("span", {
+      "style": spanStyle,
+      "class": spanCls
+    }, [createVNode("span", {
+      "class": "devui-checkbox-halfchecked-bg"
+    }, null), createVNode("svg", {
+      "viewBox": "0 0 16 16",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "class": "devui-checkbox-tick"
+    }, [createVNode("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [createVNode("polygon", {
+      "fill-rule": "nonzero",
+      "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
+      "class": polygonCls
+    }, null)])])]), label || ((_a = $slots.default) == null ? void 0 : _a.call($slots))])])]);
+  }
+});
+var checkboxGroup = "";
+var CheckboxGroup = defineComponent({
+  name: "DCheckboxGroup",
+  props: checkboxGroupProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, ctx) {
+    const valList = toRef(props, "modelValue");
+    const defaultOpt = {
+      checked: false,
+      isShowTitle: true,
+      halfchecked: false,
+      showAnimation: true,
+      disabled: false
+    };
+    const toggleGroupVal = (val) => {
+      let index2 = -1;
+      if (typeof valList.value[0] === "string") {
+        index2 = valList.value.findIndex((item) => item === val);
+      } else if (typeof valList.value[0] === "object") {
+        index2 = valList.value.findIndex((item) => item.value === val);
+      }
+      if (index2 === -1) {
+        if (typeof props.options[0] === "object") {
+          const newOne = props.options.find((item) => item.value === val);
+          const res2 = [...valList.value, newOne];
+          ctx.emit("update:modelValue", res2);
+          ctx.emit("change", res2);
+          return;
+        }
+        const res = [...valList.value, val];
+        ctx.emit("update:modelValue", res);
+        ctx.emit("change", res);
+        return;
+      }
+      valList.value.splice(index2, 1);
+      ctx.emit("update:modelValue", valList.value);
+      ctx.emit("change", valList.value);
+    };
+    const isItemChecked = (itemVal) => {
+      if (typeof valList.value[0] === "string") {
+        return valList.value.includes(itemVal);
+      } else if (typeof valList.value[0] === "object") {
+        return valList.value.some((item) => item.value === itemVal);
+      }
+    };
+    provide(checkboxGroupInjectionKey, {
+      disabled: toRef(props, "disabled"),
+      isShowTitle: toRef(props, "isShowTitle"),
+      color: toRef(props, "color"),
+      showAnimation: toRef(props, "showAnimation"),
+      beforeChange: props.beforeChange,
+      isItemChecked,
+      toggleGroupVal,
+      itemWidth: toRef(props, "itemWidth"),
+      direction: toRef(props, "direction")
+    });
+    return {
+      defaultOpt
+    };
+  },
+  render() {
+    var _a;
+    const {
+      direction,
+      $slots,
+      defaultOpt,
+      options
+    } = this;
+    let children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
+    if ((options == null ? void 0 : options.length) > 0) {
+      children = options.map((opt) => {
+        let mergedOpt = null;
+        if (typeof opt === "string") {
+          mergedOpt = Object.assign({}, defaultOpt, {
+            label: opt,
+            value: opt
+          });
+        } else if (typeof opt === "object") {
+          mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
+            label: opt.name
+          }));
+        }
+        return createVNode(Checkbox, mergedOpt, null);
+      });
+    }
+    return createVNode("div", {
+      "class": "devui-checkbox-group"
+    }, [createVNode("div", {
+      "class": {
+        "devui-checkbox-list-inline": direction === "row"
+      }
+    }, [children])]);
+  }
+});
+Checkbox.install = function(app) {
+  app.component(Checkbox.name, Checkbox);
+};
+CheckboxGroup.install = function(app) {
+  app.component(CheckboxGroup.name, CheckboxGroup);
+};
+var index = {
+  title: "Checkbox \u590D\u9009\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.use(Checkbox);
+    app.use(CheckboxGroup);
+  }
+};
+export { Checkbox, index as default };

package/checkbox/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,t)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,__spreadValues=(e,o)=>{for(var t in o||(o={}))__hasOwnProp.call(o,t)&&__defNormalProp(e,t,o[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(o))__propIsEnum.call(o,t)&&__defNormalProp(e,t,o[t]);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 t={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},l=__spreadProps(__spreadValues({},t),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),n=__spreadProps(__spreadValues({},t),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),i=Symbol("d-checkbox-group");var d=o.defineComponent({name:"DCheckbox",props:l,emits:["change","update:checked","update:modelValue"],setup(e,t){const l=o.inject(i,null),n=o.computed((()=>e.checked||e.modelValue)),d=o.computed((()=>(null==l?void 0:l.disabled.value)||e.disabled)),a=o.computed((()=>{var o,t;return null!=(t=null==(o=null==l?void 0:l.isItemChecked)?void 0:o.call(l,e.value))?t:n.value})),r=o.computed((()=>{var o;return null!=(o=null==l?void 0:l.isShowTitle)?o:e.isShowTitle})),u=o.computed((()=>{var o;return null!=(o=null==l?void 0:l.showAnimation)?o:e.showAnimation})),c=o.computed((()=>{var o;return null!=(o=null==l?void 0:l.color)?o:e.color})),s=null==l?void 0:l.itemWidth.value,p=null==l?void 0:l.direction.value;return{itemWidth:s,direction:p,mergedColor:c,mergedDisabled:d,mergedIsShowTitle:r,mergedChecked:a,mergedShowAnimation:u,handleClick:()=>{((o,t)=>{var n;if(d.value)return Promise.resolve(!1);const i=null!=(n=e.beforeChange)?n:null==l?void 0:l.beforeChange;if(i){const e=i(o,t);return"boolean"==typeof e?Promise.resolve(e):e}return Promise.resolve(!0)})(!n.value,e.value).then((o=>o&&(()=>{const o=!n.value;null==l||l.toggleGroupVal(e.value),t.emit("update:checked",o),t.emit("update:modelValue",o),t.emit("change",o)})()))}}},render(){var e;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:i,mergedIsShowTitle:d,mergedShowAnimation:a,halfchecked:r,title:u,label:c,handleClick:s,name:p,value:m,mergedColor:h,$slots:v}=this,f={"devui-checkbox-column-margin":"column"===l,"devui-checkbox-wrap":void 0!==t},b=t?[`width: ${t}px`]:[],g={"devui-checkbox":!0,active:n,halfchecked:r,disabled:i,unchecked:!n},y=d?u||c:"",_=[`border-color:${(n||r)&&h?h:""}`,`background-image:${h&&r||h?`linear-gradient(${h}, ${h})`:""}`,`background-color:${h&&r?h:""}`],k={"devui-checkbox-material":!0,"custom-color":h,"devui-checkbox-no-label":!c&&!v.default,"devui-no-animation":!a,"devui-checkbox-default-background":!r},w={"devui-tick":!0,"devui-no-animation":!a},V=e=>e.stopPropagation(),P={indeterminate:r};return o.createVNode("div",{class:f,style:b},[o.createVNode("div",{class:g},[o.createVNode("label",{title:y,onClick:s},[o.createVNode("input",o.mergeProps({name:p||m,class:"devui-checkbox-input",type:"checkbox"},P,{checked:n,disabled:i,onClick:V,onChange:V}),null),o.createVNode("span",{style:_,class:k},[o.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),o.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[o.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[o.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:w},null)])])]),c||(null==(e=v.default)?void 0:e.call(v))])])])}}),a=o.defineComponent({name:"DCheckboxGroup",props:n,emits:["change","update:modelValue"],setup(e,t){const l=o.toRef(e,"modelValue");return o.provide(i,{disabled:o.toRef(e,"disabled"),isShowTitle:o.toRef(e,"isShowTitle"),color:o.toRef(e,"color"),showAnimation:o.toRef(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:e=>l.value.includes(e),toggleGroupVal:e=>{const o=l.value.findIndex((o=>o===e));if(-1===o){const o=[...l.value,e];return t.emit("update:modelValue",o),void t.emit("change",o)}l.value.splice(o,1),t.emit("update:modelValue",l.value),t.emit("change",l.value)},itemWidth:o.toRef(e,"itemWidth"),direction:o.toRef(e,"direction")}),{defaultOpt:{checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1}}},render(){var e;const{direction:t,$slots:l,defaultOpt:n,options:i}=this;let a=null==(e=l.default)?void 0:e.call(l);return(null==i?void 0:i.length)>0&&(a=i.map((e=>{const t=Object.assign({},n,e);return o.createVNode(d,t,null)}))),o.createVNode("div",{class:"devui-checkbox-group"},[o.createVNode("div",{class:{"devui-checkbox-list-inline":"row"===t}},[a])])}});d.install=function(e){e.component(d.name,d)},a.install=function(e){e.component(a.name,a)};var r={title:"Checkbox 复选框",category:"数据录入",install(e){e.use(d),e.use(a)}};e.Checkbox=d,e.default=r,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var q=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var I=(o,t,s)=>t in o?q(o,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[t]=s,C=(o,t)=>{for(var s in t||(t={}))z.call(t,s)&&I(o,s,t[s]);if(B)for(var s of B(t))E.call(t,s)&&I(o,s,t[s]);return o},N=(o,t)=>M(o,_(t));(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.index={},o.Vue))})(this,function(o,t){"use strict";var s="";const T={name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},x=N(C({},T),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),F=N(C({},T),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),P=Symbol("d-checkbox-group");var f=t.defineComponent({name:"DCheckbox",props:x,emits:["change","update:checked","update:modelValue"],setup(n,a){const e=t.inject(P,null),c=t.computed(()=>n.checked||n.modelValue),m=t.computed(()=>(e==null?void 0:e.disabled.value)||n.disabled),h=t.computed(()=>{var i,y;return(y=(i=e==null?void 0:e.isItemChecked)==null?void 0:i.call(e,n.value))!=null?y:c.value}),l=t.computed(()=>{var i;return(i=e==null?void 0:e.isShowTitle.value)!=null?i:n.isShowTitle}),d=t.computed(()=>{var i;return(i=e==null?void 0:e.showAnimation.value)!=null?i:n.showAnimation}),u=t.computed(()=>{var i;return(i=e==null?void 0:e.color.value)!=null?i:n.color}),b=e==null?void 0:e.itemWidth.value,g=e==null?void 0:e.direction.value,p=(i,y)=>{var S;if(m.value)return Promise.resolve(!1);const V=(S=n.beforeChange)!=null?S:e==null?void 0:e.beforeChange;if(V){const k=V(i,y);return typeof k=="boolean"?Promise.resolve(k):k}return Promise.resolve(!0)},r=()=>{const i=!c.value;e==null||e.toggleGroupVal(n.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:b,direction:g,mergedColor:u,mergedDisabled:m,mergedIsShowTitle:l,mergedChecked:h,mergedShowAnimation:d,handleClick:()=>{p(!c.value,n.label).then(i=>i&&r())}}},render(){var A;const{itemWidth:n,direction:a,mergedChecked:e,mergedDisabled:c,mergedIsShowTitle:m,mergedShowAnimation:h,halfchecked:l,title:d,label:u,handleClick:b,name:g,value:p,mergedColor:r,$slots:v}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof n!="undefined"},y=n?[`width: ${n}px`]:[],V={"devui-checkbox":!0,active:e,halfchecked:l,disabled:c,unchecked:!e},S=m?d||u:"",k=r&&l||r?`linear-gradient(${r}, ${r})`:"",R=[`border-color:${(e||l)&&r?r:""}`,`background-image:${k}`,`background-color:${r&&l?r:""}`],W={"devui-checkbox-material":!0,"custom-color":r,"devui-checkbox-no-label":!u&&!v.default,"devui-no-animation":!h,"devui-checkbox-default-background":!l},D={"devui-tick":!0,"devui-no-animation":!h},j=U=>U.stopPropagation(),$={indeterminate:l};return t.createVNode("div",{class:i,style:y},[t.createVNode("div",{class:V},[t.createVNode("label",{title:S,onClick:b},[t.createVNode("input",t.mergeProps({name:g||p,class:"devui-checkbox-input",type:"checkbox"},$,{checked:e,disabled:c,onClick:j,onChange:j}),null),t.createVNode("span",{style:R,class:W},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:D},null)])])]),u||((A=v.default)==null?void 0:A.call(v))])])])}}),K="",w=t.defineComponent({name:"DCheckboxGroup",props:F,emits:["change","update:modelValue"],setup(n,a){const e=t.toRef(n,"modelValue"),c={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},m=l=>{let d=-1;if(typeof e.value[0]=="string"?d=e.value.findIndex(u=>u===l):typeof e.value[0]=="object"&&(d=e.value.findIndex(u=>u.value===l)),d===-1){if(typeof n.options[0]=="object"){const b=n.options.find(p=>p.value===l),g=[...e.value,b];a.emit("update:modelValue",g),a.emit("change",g);return}const u=[...e.value,l];a.emit("update:modelValue",u),a.emit("change",u);return}e.value.splice(d,1),a.emit("update:modelValue",e.value),a.emit("change",e.value)},h=l=>{if(typeof e.value[0]=="string")return e.value.includes(l);if(typeof e.value[0]=="object")return e.value.some(d=>d.value===l)};return t.provide(P,{disabled:t.toRef(n,"disabled"),isShowTitle:t.toRef(n,"isShowTitle"),color:t.toRef(n,"color"),showAnimation:t.toRef(n,"showAnimation"),beforeChange:n.beforeChange,isItemChecked:h,toggleGroupVal:m,itemWidth:t.toRef(n,"itemWidth"),direction:t.toRef(n,"direction")}),{defaultOpt:c}},render(){var h;const{direction:n,$slots:a,defaultOpt:e,options:c}=this;let m=(h=a.default)==null?void 0:h.call(a);return(c==null?void 0:c.length)>0&&(m=c.map(l=>{let d=null;return typeof l=="string"?d=Object.assign({},e,{label:l,value:l}):typeof l=="object"&&(d=Object.assign({},e,N(C({},l),{label:l.name}))),t.createVNode(f,d,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":n==="row"}},[m])])}});f.install=function(n){n.component(f.name,f)},w.install=function(n){n.component(w.name,w)};var O={title:"Checkbox \u590D\u9009\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(n){n.use(f),n.use(w)}};o.Checkbox=f,o.default=O,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package/comment/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/comment/index.es.js

@@ -0,0 +1,85 @@
+import { defineComponent, createVNode } from "vue";
+const commentProps = {
+  actions: {
+    type: Object,
+    default: null
+  },
+  author: {
+    type: Object,
+    default: null
+  },
+  avatar: {
+    type: Object,
+    default: null
+  },
+  content: {
+    type: Object,
+    default: null
+  },
+  datetime: {
+    type: Object,
+    default: null
+  }
+};
+var comment = "";
+var Comment = defineComponent({
+  name: "DComment",
+  props: commentProps,
+  emits: [],
+  slots: ["actions", "author", "avatar", "content", "datetime"],
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      const getAction = (actions2) => {
+        if (!actions2 || !actions2.length) {
+          return null;
+        }
+        const actionList = actions2.map((action, index2) => createVNode("li", {
+          "key": `devui-comment-action-${index2}`
+        }, [action]));
+        return actionList;
+      };
+      const actions = (_b = props.actions) != null ? _b : (_a = slots.actions) == null ? void 0 : _a.call(slots);
+      const author = (_d = props.author) != null ? _d : (_c = slots.author) == null ? void 0 : _c.call(slots);
+      const avatar = (_f = props.avatar) != null ? _f : (_e = slots.avatar) == null ? void 0 : _e.call(slots);
+      const content = (_h = props.content) != null ? _h : (_g = slots.content) == null ? void 0 : _g.call(slots);
+      const datetime = (_j = props.datetime) != null ? _j : (_i = slots.datetime) == null ? void 0 : _i.call(slots);
+      const avatarDom = createVNode("div", {
+        "class": `devui-comment-avatar`
+      }, [typeof avatar === "string" ? createVNode("img", {
+        "src": avatar,
+        "alt": "comment-avatar"
+      }, null) : avatar]);
+      const actionDom = actions ? createVNode("ul", {
+        "class": `devui-comment-actions`
+      }, [getAction(Array.isArray(actions) ? actions : [actions])]) : null;
+      return createVNode("div", {
+        "class": "devui-comment"
+      }, [avatarDom, createVNode("div", {
+        "class": "devui-comment-right"
+      }, [createVNode("div", {
+        "class": "devui-comment-head"
+      }, [createVNode("div", {
+        "class": "devui-comment-author"
+      }, [author]), createVNode("div", {
+        "class": "devui-comment-datetime"
+      }, [datetime])]), createVNode("div", {
+        "class": "devui-comment-content"
+      }, [content]), actionDom])]);
+    };
+  }
+});
+Comment.install = function(app) {
+  app.component(Comment.name, Comment);
+};
+var index = {
+  title: "Comment \u8BC4\u8BBA",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "70%",
+  install(app) {
+    app.use(Comment);
+  }
+};
+export { Comment, index as default };

package/comment/index.umd.js

@@ -0,0 +1 @@
+(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 N={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var x="",c=e.defineComponent({name:"DComment",props:N,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const g=o=>!o||!o.length?null:o.map((D,T)=>e.createVNode("li",{key:`devui-comment-action-${T}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),j=(f=a.author)!=null?f:(r=t.author)==null?void 0:r.call(t),d=(v=a.avatar)!=null?v:(l=t.avatar)==null?void 0:l.call(t),C=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),O=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),A=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),B=i?e.createVNode("ul",{class:"devui-comment-actions"},[g(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[A,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[j]),e.createVNode("div",{class:"devui-comment-datetime"},[O])]),e.createVNode("div",{class:"devui-comment-content"},[C]),B])])}}});c.install=function(a){a.component(c.name,c)};var b={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"70%",install(a){a.use(c)}};n.Comment=c,n.default=b,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/comment/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "comment",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/comment/style.css

@@ -0,0 +1 @@
+.devui-comment{display:flex;align-items:flex-start}.devui-comment-avatar{margin:0 16px 0 0}.devui-comment-head{display:flex;align-items:center}.devui-comment-author{padding:0 8px 0 0;font-size:var(--devui-font-size, 12px);color:var(--devui-text-weak, #575d6c)}.devui-comment-datetime{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99)}.devui-comment-content{font-size:var(--devui-text, #252b3a)}.devui-comment-actions{list-style-type:none;margin:12px 0 0}

package/countdown/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;