vue-devui 1.0.0-beta.5 → 1.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.d.ts +7 -0
- package/accordion/index.es.js +186 -139
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.d.ts +7 -0
- package/anchor/index.d.ts +7 -0
- package/avatar/index.d.ts +7 -0
- package/back-top/index.d.ts +7 -0
- package/badge/index.d.ts +7 -0
- package/breadcrumb/index.d.ts +7 -0
- package/button/index.d.ts +7 -0
- package/card/index.d.ts +7 -0
- package/carousel/index.d.ts +7 -0
- package/cascader/index.d.ts +7 -0
- package/cascader/index.es.js +1239 -83
- package/cascader/index.umd.js +1 -1
- package/cascader/style.css +1 -1
- package/checkbox/index.d.ts +7 -0
- package/date-picker/index.d.ts +7 -0
- package/dragdrop/index.d.ts +7 -0
- package/drawer/index.d.ts +7 -0
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +1 -1
- package/dropdown/index.umd.js +1 -1
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +49 -22
- package/editable-select/index.umd.js +10 -10
- package/form/index.d.ts +7 -0
- package/form/style.css +1 -1
- package/fullscreen/index.d.ts +7 -0
- package/gantt/index.d.ts +7 -0
- package/grid/index.d.ts +7 -0
- package/icon/index.d.ts +7 -0
- package/image-preview/index.d.ts +7 -0
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input-number/index.d.ts +7 -0
- package/layout/index.d.ts +7 -0
- package/loading/index.d.ts +7 -0
- package/modal/index.d.ts +7 -0
- package/nav-sprite/index.d.ts +7 -0
- package/overlay/index.d.ts +7 -0
- package/package.json +3 -2
- package/pagination/index.d.ts +7 -0
- package/panel/index.d.ts +7 -0
- package/popover/index.d.ts +7 -0
- package/progress/index.d.ts +7 -0
- package/quadrant-diagram/index.d.ts +7 -0
- package/radio/index.d.ts +7 -0
- package/rate/index.d.ts +7 -0
- package/read-tip/index.d.ts +7 -0
- package/read-tip/index.es.js +59 -23
- package/read-tip/index.umd.js +1 -1
- package/read-tip/style.css +1 -1
- package/ripple/index.d.ts +7 -0
- package/search/index.d.ts +7 -0
- package/select/index.d.ts +7 -0
- package/skeleton/index.d.ts +7 -0
- package/skeleton/index.es.js +147 -25
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.d.ts +7 -0
- package/splitter/index.d.ts +7 -0
- package/status/index.d.ts +7 -0
- package/steps-guide/index.d.ts +7 -0
- package/sticky/index.d.ts +7 -0
- package/style.css +1 -1
- package/switch/index.d.ts +7 -0
- package/table/index.d.ts +7 -0
- package/tabs/index.d.ts +7 -0
- package/tag/index.d.ts +7 -0
- package/tag-input/index.d.ts +7 -0
- package/textarea/index.d.ts +7 -0
- package/time-axis/index.d.ts +7 -0
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +9 -4
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.d.ts +7 -0
- package/tooltip/index.d.ts +7 -0
- package/transfer/index.d.ts +7 -0
- package/tree/index.d.ts +7 -0
- package/tree-select/index.d.ts +7 -0
- package/tree-select/index.es.js +435 -110
- package/tree-select/index.umd.js +1 -1
- package/tree-select/style.css +1 -1
- package/upload/index.d.ts +7 -0
- package/vue-devui.es.js +12067 -11394
- package/vue-devui.umd.js +11 -11
package/cascader/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var _="";const f={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}},m=(a,n)=>e.computed(()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":n.value,"devui-cascader__disbaled":a.disabled})),C=()=>{const a=e.ref(!1),n=e.ref(""),o=()=>{a.value=!a.value};return e.watch(a,r=>{n.value=r?"devui-drop-menu-wrapper":""}),{menuShow:a,menuOpenClass:n,openPopup:o}},g=()=>e.computed(()=>({"devui-cascader-ul":!0}));var P="";const h={cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}},v=()=>e.computed(()=>({"devui-cascader-li devui-dropdown-item":!0}));let d;const p=a=>(a&&(d=e.reactive([a])),{cascaderOptions:d,changeCascaderIndexs:(o,r)=>{var s;!d||(((s=o==null?void 0:o.children)==null?void 0:s.length)>0?d[r+1]=o.children:d.splice(r+1,d.length-1-r))}});var S="";const y=a=>{var c;const{cascaderli:n,ulIndex:o}=a,{changeCascaderIndexs:r}=p(),s=v(),i=()=>{r(n,o)};return e.createVNode("li",{class:s.value,onMouseover:i},[e.createVNode("div",{class:"dropdown-item-label"},[e.createVNode("span",null,[n.label])]),((c=n==null?void 0:n.children)==null?void 0:c.length)>0&&e.createVNode(e.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var N=e.defineComponent({name:"DCascaderList",props:h,setup(a){const n=g();return()=>e.createVNode("ul",{class:n.value},[a.cascaderlis.map((o,r)=>e.createVNode(y,e.mergeProps({cascaderli:o,liIndex:r},a),null))])}}),l=e.defineComponent({name:"DCascader",props:f,setup(a,n){const o=e.ref(null),r=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:s,menuOpenClass:i,openPopup:c}=C(),b=m(a,s),{cascaderOptions:x}=p(a.options);return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:b.value,onClick:c,ref:o},n.attrs),[e.createVNode(e.resolveComponent("d-input"),{disabled:a.disabled,placeholder:a.placeholder},null),e.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:o,visible:s.value,"onUpdate:visible":u=>s.value=u,position:r},{default:()=>[e.createVNode("div",{class:"devui-drop-menu-animation"},[e.createVNode("div",{class:`${i.value} devui-dropdown-menu`},[x.map((u,w)=>e.createVNode(N,{cascaderlis:u,"ul-index":w},null))])])]})])}});l.install=function(a){a.component(l.name,l)};var V={title:"Cascader \u7EA7\u8054\u83DC\u5355",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(a){a.use(l)}};t.Cascader=l,t.default=V,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
|
1
|
+
(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,_t=vt.toString;function mt(e){return _t.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):mt(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,_e=Object.create,Gt=function(){function e(){}return function(t){if(!U(t))return{};if(_e)return _e(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{}}(),me=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__"&&me?me(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]",_r="[object RegExp]",mr="[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[_r]=u[mr]=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 _n(e){var t=q(this,e).delete(e);return this.size-=t?1:0,t}function mn(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=_n,V.prototype.get=mn,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]",_a="[object Float64Array]",ma="[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 _a:case ma: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 _=de(e),D=_==nt||_==Ra;if(Ie(e))return En(e,s);if(_==at||_==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[_])return a?e:{};c=Sa(e,_,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}},_o={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}]]}},mo=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:_,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)&&(_.value=!_.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:_o,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:_,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],m=$==null?void 0:$.children;(m==null?void 0:m.length)>0?(n[b+1]=m,J(h,m,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),m=$==null?void 0:$.children;v($.label,m,f.inputValueCache,e.showPath),(m==null?void 0:m.length)>0&&Z(h,m,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?mo(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,value: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:`${_.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
CHANGED
|
@@ -1 +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}
|
|
1
|
+
.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/dropdown/index.es.js
CHANGED
package/dropdown/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var K=Object.defineProperty,Q=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var j=(a,t,f)=>t in a?K(a,t,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[t]=f,V=(a,t)=>{for(var f in t||(t={}))Z.call(t,f)&&j(a,f,t[f]);if(L)for(var f of L(t))ee.call(t,f)&&j(a,f,t[f]);return a},X=(a,t)=>Q(a,W(t));(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a.index={},a.Vue))})(this,function(a,t){"use strict";const f={origin:{type:Object},isOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},closeOnMouseLeaveMenu:{type:Boolean,default:!
|
|
1
|
+
var K=Object.defineProperty,Q=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var j=(a,t,f)=>t in a?K(a,t,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[t]=f,V=(a,t)=>{for(var f in t||(t={}))Z.call(t,f)&&j(a,f,t[f]);if(L)for(var f of L(t))ee.call(t,f)&&j(a,f,t[f]);return a},X=(a,t)=>Q(a,W(t));(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a.index={},a.Vue))})(this,function(a,t){"use strict";const f={origin:{type:Object},isOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0}};function Y(e){return!!(e==null?void 0:e.$el)}function S(e){return e instanceof Element?e:e&&typeof e=="object"&&e.$el instanceof Element?e.$el:null}function g(e,o,n){return e==null||e.addEventListener(o,n),()=>{e==null||e.removeEventListener(o,n)}}const F=({visible:e,trigger:o,origin:n,closeScope:r,closeOnMouseLeaveMenu:i})=>{const l=t.ref(),s=()=>{r.value!=="none"&&(e.value=!1)};return t.watch([o,n,l],([u,v,y],m,b)=>{const c=S(v);if(!c||!y)return;const p=[g(y,"click",()=>{r.value==="all"&&(e.value=!1)})];if(u==="click")p.push(g(c,"click",()=>e.value=!e.value),g(document,"click",d=>{if(!e.value)return;const h=d.target;c.contains(h)||y.contains(h)||s()}),g(y,"mouseleave",()=>{i.value&&(e.value=!1)}));else if(u==="hover"){let d=!1,h=!1;const O=async w=>{await new Promise(C=>setTimeout(C,50)),!(w==="origin"&&d||w==="dropdown"&&h)&&s()};p.push(g(c,"mouseenter",()=>{h=!0,e.value=!0}),g(c,"mouseleave",()=>{h=!1,i.value||O("origin")}),g(y,"mouseenter",()=>{d=!0,e.value=!0}),g(y,"mouseleave",()=>{d=!1,O("dropdown")}))}b(()=>p.forEach(d=>d()))}),{dropdownEl:l}};var te="";function _(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const R=t.defineComponent({setup(e,o){return()=>{let n;return t.createVNode(t.Teleport,{to:"#d-overlay-anchor"},{default:()=>[t.createVNode(t.Transition,{name:"devui-overlay-fade"},_(n=t.renderSlot(o.slots,"default"))?n:{default:()=>[n]})]})}}}),D={visible:{type:Boolean},"onUpdate:visible":{type:Function},backgroundBlock:{type:Boolean,default:!1},backgroundClass:{type:String,default:""},backgroundStyle:{type:[String,Object]},backdropClick:{type:Function},backdropClose:{type:Boolean,default:!0},hasBackdrop:{type:Boolean,default:!0}},M=X(V({},D),{overlayStyle:{type:[String,Object],default:void 0}}),T=V({origin:{type:Object,require:!0},position:{type:Object,default:()=>({originX:"left",originY:"top",overlayX:"left",overlayY:"top"})}},D);function N(e){const o=t.computed(()=>["devui-overlay-background",e.backgroundClass,e.hasBackdrop?"devui-overlay-background__color":"devui-overlay-background__disabled"]),n=t.computed(()=>"devui-overlay"),r=l=>{var s,u;l.preventDefault(),(s=e.backdropClick)==null||s.call(e),e.backdropClose&&((u=e["onUpdate:visible"])==null||u.call(e,!1))},i=l=>l.cancelBubble=!0;return t.onMounted(()=>{const l=document.body,s=l.style.overflow,u=l.style.position;t.watch([()=>e.visible,()=>e.backgroundBlock],([v,y])=>{if(y){const m=l.getBoundingClientRect().y;v?(l.style.overflowY="scroll",l.style.position=v?"fixed":"",l.style.top=`${m}px`):(l.style.overflowY=s,l.style.position=u,l.style.top="",window.scrollTo(0,-m))}}),t.onUnmounted(()=>{document.body.style.overflow=s})}),{backgroundClass:o,overlayClass:n,handleBackdropClick:r,handleOverlayBubbleCancel:i}}const x=t.defineComponent({name:"DFixedOverlay",props:M,setup(e,o){const{backgroundClass:n,overlayClass:r,handleBackdropClick:i,handleOverlayBubbleCancel:l}=N(e);return()=>t.createVNode(R,null,{default:()=>[t.withDirectives(t.createVNode("div",{class:n.value,style:e.backgroundStyle,onClick:i},[t.createVNode("div",{class:r.value,style:e.overlayStyle,onClick:l},[t.renderSlot(o.slots,"default")])]),[[t.vShow,e.visible]])]})}}),B=t.defineComponent({name:"DFlexibleOverlay",props:T,emits:["onUpdate:visible"],setup(e,o){const n=t.ref(null),r=t.reactive({position:"absolute"});t.onMounted(async()=>{const v=(c,p,d)=>{const h=P(c,p,d);r.left=`${h.x}px`,r.top=`${h.y}px`},y=t.computed(()=>{const c=n.value,p=z(e.origin);if(!(!c||!p))return{origin:p,overlay:c}}),m=t.toRef(e,"visible"),b=t.toRef(e,"position");t.watch([y,m,b],async([c,p,d],h,O)=>{if(!p||!c)return;const{origin:w,overlay:C}=c;v(d,C.getBoundingClientRect(),w);const J=[q(()=>v(d,C.getBoundingClientRect(),w)),G(C,E=>v(d,E[0].contentRect,w)),H(w,()=>v(d,C.getBoundingClientRect(),w))];O(()=>{J.forEach(E=>E())})})});const{backgroundClass:i,overlayClass:l,handleBackdropClick:s,handleOverlayBubbleCancel:u}=N(e);return()=>t.createVNode(R,null,{default:()=>[t.withDirectives(t.createVNode("div",{style:e.backgroundStyle,class:i.value,onClick:s},[t.createVNode("div",{ref:n,class:l.value,style:r,onClick:u},[t.renderSlot(o.slots,"default")])]),[[t.vShow,e.visible]])]})}});function z(e){return e instanceof Element?e:t.isRef(e)?S(e.value):Y(e)?S(e):e}function P(e,o,n){const r=$(n),i=A(r,e);return U(i,o,e)}function $(e){if(e instanceof Element)return e.getBoundingClientRect();const o=e.width||0,n=e.height||0;return{top:e.y,bottom:e.y+n,left:e.x,right:e.x+o,height:n,width:o}}function U(e,o,n){let r;const{width:i,height:l}=o;n.overlayX=="center"?r=e.x-i/2:r=n.overlayX=="left"?e.x:e.x-i;let s;return n.overlayY=="center"?s=e.y-l/2:s=n.overlayY=="top"?e.y:e.y-l,{x:r,y:s}}function A(e,o){let n;if(o.originX=="center")n=e.left+e.width/2;else{const i=e.left,l=e.right;n=o.originX=="left"?i:l}let r;return o.originY=="center"?r=e.top+e.height/2:r=o.originY=="top"?e.top:e.bottom,{x:n,y:r}}function q(e){return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),window.addEventListener("orientationchange",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}}function G(e,o){if(e instanceof Element){const n=new ResizeObserver(o);return n.observe(e),()=>n.disconnect()}return()=>{}}function H(e,o){if(e instanceof Element){const n=new MutationObserver(o);return n.observe(e,{attributeFilter:["style"]}),()=>n.disconnect()}return()=>{}}B.install=function(e){e.component(B.name,B)},x.install=function(e){e.component(x.name,x)};var ne="",k=t.defineComponent({name:"DDropdown",props:f,emits:[],setup(e,o){const{isOpen:n,origin:r,trigger:i,closeScope:l,closeOnMouseLeaveMenu:s}=t.toRefs(e),u=t.ref(!1);t.watch(n,b=>{u.value=b},{immediate:!0});const v={originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"},{dropdownEl:y}=F({visible:u,origin:r,trigger:i,closeScope:l,closeOnMouseLeaveMenu:s}),m=t.computed(()=>e.showAnimation?u.value:!0);return()=>t.createVNode(t.Fragment,null,[t.createVNode(B,{origin:e.origin,visible:u.value,"onUpdate:visible":b=>u.value=b,position:v,hasBackdrop:!1},{default:()=>[t.createVNode(t.Transition,{name:"devui-dropdown-fade"},{default:()=>{var b,c;return[t.withDirectives(t.createVNode("div",{ref:y,style:"min-width:102px"},[(c=(b=o.slots).default)==null?void 0:c.call(b)]),[[t.vShow,m.value]])]}})]})])}});k.install=function(e){e.component(k.name,k)};var I={title:"Dropdown \u4E0B\u62C9\u83DC\u5355",category:"\u5BFC\u822A",status:void 0,install(e){e.use(k)}};a.Dropdown=k,a.default=I,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
|
|
@@ -43,6 +43,10 @@ const editableSelectProps = {
|
|
|
43
43
|
loading: {
|
|
44
44
|
type: Boolean
|
|
45
45
|
},
|
|
46
|
+
enableLazyLoad: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: false
|
|
49
|
+
},
|
|
46
50
|
remoteMethod: {
|
|
47
51
|
type: Function
|
|
48
52
|
},
|
|
@@ -5586,24 +5590,15 @@ var EditableSelect = defineComponent({
|
|
|
5586
5590
|
props: editableSelectProps,
|
|
5587
5591
|
emits: ["update:modelValue"],
|
|
5588
5592
|
setup(props, ctx2) {
|
|
5589
|
-
const
|
|
5590
|
-
disabled: props.disabled
|
|
5591
|
-
});
|
|
5592
|
-
const getLiCls = (item) => {
|
|
5593
|
-
const {
|
|
5594
|
-
disabledKey
|
|
5595
|
-
} = props;
|
|
5596
|
-
return className("devui-dropdown-item", {
|
|
5597
|
-
disabled: disabledKey ? !!item[disabledKey] : false
|
|
5598
|
-
});
|
|
5599
|
-
};
|
|
5593
|
+
const dropdownRef = ref(null);
|
|
5600
5594
|
const visible = ref(false);
|
|
5601
5595
|
const inputValue = ref("");
|
|
5596
|
+
const activeIndex = ref(0);
|
|
5602
5597
|
const query = ref(props.modelValue);
|
|
5603
5598
|
const wait = computed(() => props.remote ? 300 : 0);
|
|
5604
5599
|
const emptyText = computed(() => {
|
|
5605
5600
|
const options = filteredOptions.value;
|
|
5606
|
-
if (!props.remote &&
|
|
5601
|
+
if (!props.remote && options.length === 0) {
|
|
5607
5602
|
return "\u6CA1\u6709\u76F8\u5173\u8BB0\u5F55";
|
|
5608
5603
|
}
|
|
5609
5604
|
if (options.length === 0) {
|
|
@@ -5626,7 +5621,7 @@ var EditableSelect = defineComponent({
|
|
|
5626
5621
|
const filteredOptions = computed(() => {
|
|
5627
5622
|
const isValidOption = (o) => {
|
|
5628
5623
|
const query2 = inputValue.value;
|
|
5629
|
-
const containsQueryString = query2 ? o.name.
|
|
5624
|
+
const containsQueryString = query2 ? o.name.toLocaleLowerCase().indexOf(query2.toLocaleLowerCase()) >= 0 : true;
|
|
5630
5625
|
return containsQueryString;
|
|
5631
5626
|
};
|
|
5632
5627
|
return normalizeOptions.value.map((item) => {
|
|
@@ -5636,6 +5631,11 @@ var EditableSelect = defineComponent({
|
|
|
5636
5631
|
return null;
|
|
5637
5632
|
}).filter((item) => item !== null);
|
|
5638
5633
|
});
|
|
5634
|
+
const findIndex = (o) => {
|
|
5635
|
+
return normalizeOptions.value.findIndex((item) => {
|
|
5636
|
+
return item.name === o.name;
|
|
5637
|
+
});
|
|
5638
|
+
};
|
|
5639
5639
|
const handleClose = () => {
|
|
5640
5640
|
visible.value = false;
|
|
5641
5641
|
};
|
|
@@ -5644,11 +5644,11 @@ var EditableSelect = defineComponent({
|
|
|
5644
5644
|
visible.value = !visible.value;
|
|
5645
5645
|
}
|
|
5646
5646
|
};
|
|
5647
|
-
const onInputChange = () => {
|
|
5647
|
+
const onInputChange = (val) => {
|
|
5648
5648
|
if (props.filterMethod) {
|
|
5649
|
-
props.filterMethod(
|
|
5649
|
+
props.filterMethod(val);
|
|
5650
5650
|
} else if (props.remote) {
|
|
5651
|
-
props.remoteMethod(
|
|
5651
|
+
props.remoteMethod(val);
|
|
5652
5652
|
}
|
|
5653
5653
|
};
|
|
5654
5654
|
const debouncedOnInputChange = lodash.exports.debounce(onInputChange, wait.value);
|
|
@@ -5657,9 +5657,9 @@ var EditableSelect = defineComponent({
|
|
|
5657
5657
|
inputValue.value = value;
|
|
5658
5658
|
query.value = value;
|
|
5659
5659
|
if (props.remote) {
|
|
5660
|
-
debouncedOnInputChange();
|
|
5660
|
+
debouncedOnInputChange(value);
|
|
5661
5661
|
} else {
|
|
5662
|
-
onInputChange();
|
|
5662
|
+
onInputChange(value);
|
|
5663
5663
|
}
|
|
5664
5664
|
};
|
|
5665
5665
|
const selectOptionClick = (e, item) => {
|
|
@@ -5670,12 +5670,37 @@ var EditableSelect = defineComponent({
|
|
|
5670
5670
|
e.stopPropagation();
|
|
5671
5671
|
} else {
|
|
5672
5672
|
query.value = item.name;
|
|
5673
|
+
activeIndex.value = findIndex(item);
|
|
5674
|
+
inputValue.value = "";
|
|
5673
5675
|
ctx2.emit("update:modelValue", item.name);
|
|
5674
5676
|
}
|
|
5675
5677
|
};
|
|
5678
|
+
const loadMore = () => {
|
|
5679
|
+
if (!props.enableLazyLoad)
|
|
5680
|
+
return;
|
|
5681
|
+
const dropdownVal = dropdownRef.value;
|
|
5682
|
+
if (dropdownVal.clientHeight + dropdownVal.scrollTop >= dropdownVal.scrollHeight) {
|
|
5683
|
+
props.remoteMethod(inputValue.value);
|
|
5684
|
+
}
|
|
5685
|
+
};
|
|
5676
5686
|
return () => {
|
|
5687
|
+
const selectCls = className("devui-form-group devui-has-feedback", {
|
|
5688
|
+
"devui-select-open": visible.value
|
|
5689
|
+
});
|
|
5690
|
+
const inputCls = className("devui-form-control devui-dropdown-origin devui-dropdown-origin-open", {
|
|
5691
|
+
disabled: props.disabled
|
|
5692
|
+
});
|
|
5693
|
+
const getLiCls = (item, index2) => {
|
|
5694
|
+
const {
|
|
5695
|
+
disabledKey
|
|
5696
|
+
} = props;
|
|
5697
|
+
return className("devui-dropdown-item", {
|
|
5698
|
+
disabled: disabledKey ? !!item[disabledKey] : false,
|
|
5699
|
+
selected: activeIndex.value === index2
|
|
5700
|
+
});
|
|
5701
|
+
};
|
|
5677
5702
|
return withDirectives(createVNode("div", {
|
|
5678
|
-
"class":
|
|
5703
|
+
"class": selectCls,
|
|
5679
5704
|
"onClick": toggleMenu
|
|
5680
5705
|
}, [createVNode("input", {
|
|
5681
5706
|
"class": inputCls,
|
|
@@ -5697,12 +5722,14 @@ var EditableSelect = defineComponent({
|
|
|
5697
5722
|
"class": "devui-dropdown-menu"
|
|
5698
5723
|
}, [createVNode("ul", {
|
|
5699
5724
|
"class": "devui-list-unstyled scroll-height",
|
|
5725
|
+
"ref": dropdownRef,
|
|
5700
5726
|
"style": {
|
|
5701
5727
|
maxHeight: props.maxHeight + "px"
|
|
5702
|
-
}
|
|
5703
|
-
|
|
5728
|
+
},
|
|
5729
|
+
"onScroll": loadMore
|
|
5730
|
+
}, [filteredOptions.value.map((item, index2) => {
|
|
5704
5731
|
return createVNode("li", {
|
|
5705
|
-
"class": getLiCls(item),
|
|
5732
|
+
"class": getLiCls(item, index2),
|
|
5706
5733
|
"onClick": ($evnet) => selectOptionClick($evnet, item),
|
|
5707
5734
|
"key": item.name
|
|
5708
5735
|
}, [ctx2.slots.default ? renderSlot(ctx2.slots, "default", {
|