vue-devui 1.0.0-beta.2 → 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/back-top/index.es.js +72 -0
- package/back-top/index.umd.js +1 -0
- package/back-top/package.json +7 -0
- package/back-top/style.css +1 -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/checkbox/index.es.js +42 -7
- package/checkbox/index.umd.js +1 -1
- package/date-picker/index.d.ts +7 -0
- package/date-picker/index.es.js +4 -3
- package/date-picker/index.umd.js +1 -1
- package/date-picker/style.css +1 -1
- package/dragdrop/index.d.ts +7 -0
- package/dragdrop/index.es.js +32 -0
- package/dragdrop/index.umd.js +1 -0
- package/dragdrop/package.json +7 -0
- package/drawer/index.d.ts +7 -0
- package/drawer/index.es.js +112 -45
- package/drawer/index.umd.js +1 -1
- package/drawer/style.css +1 -1
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +528 -0
- package/dropdown/index.umd.js +1 -0
- package/dropdown/package.json +7 -0
- package/dropdown/style.css +1 -0
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +5646 -432
- package/editable-select/index.umd.js +27 -1
- package/editable-select/style.css +1 -1
- package/form/index.d.ts +7 -0
- package/form/index.es.js +427 -5554
- package/form/index.umd.js +1 -27
- package/form/style.css +1 -1
- package/fullscreen/index.d.ts +7 -0
- package/gantt/index.d.ts +7 -0
- package/gantt/index.es.js +535 -0
- package/gantt/index.umd.js +1 -0
- package/gantt/package.json +7 -0
- package/gantt/style.css +1 -0
- package/grid/index.d.ts +7 -0
- package/grid/index.es.js +269 -0
- package/grid/index.umd.js +1 -0
- package/grid/package.json +7 -0
- package/grid/style.css +1 -0
- package/icon/index.d.ts +7 -0
- package/image-preview/index.d.ts +7 -0
- package/image-preview/index.es.js +22 -1
- package/image-preview/index.umd.js +1 -1
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input/index.es.js +4 -3
- package/input/index.umd.js +1 -1
- 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/modal/index.es.js +100 -82
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/nav-sprite/index.d.ts +7 -0
- package/overlay/index.d.ts +7 -0
- package/overlay/index.es.js +100 -82
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +5 -4
- 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 +244 -0
- package/read-tip/index.umd.js +1 -0
- package/read-tip/package.json +7 -0
- package/read-tip/style.css +1 -0
- package/ripple/index.d.ts +7 -0
- package/search/index.d.ts +7 -0
- package/search/index.es.js +4 -3
- package/search/index.umd.js +1 -1
- package/select/index.d.ts +7 -0
- package/select/index.es.js +42 -7
- package/select/index.umd.js +1 -1
- 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/slider/index.es.js +8 -6
- package/slider/index.umd.js +1 -1
- package/splitter/index.d.ts +7 -0
- package/status/index.d.ts +7 -0
- package/steps-guide/index.d.ts +7 -0
- package/steps-guide/index.es.js +5 -2
- package/steps-guide/index.umd.js +1 -1
- package/steps-guide/style.css +1 -1
- 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/tabs/index.es.js +1 -0
- package/tabs/index.umd.js +1 -1
- package/tag/index.d.ts +7 -0
- package/tag/index.es.js +49 -0
- package/tag/index.umd.js +1 -0
- package/tag/package.json +7 -0
- package/tag/style.css +1 -0
- package/tag-input/index.d.ts +7 -0
- package/textarea/index.d.ts +7 -0
- package/textarea/index.es.js +132 -0
- package/textarea/index.umd.js +1 -0
- package/textarea/package.json +7 -0
- package/textarea/style.css +1 -0
- package/time-axis/index.d.ts +7 -0
- package/time-axis/index.es.js +238 -21
- package/time-axis/index.umd.js +1 -1
- package/time-axis/style.css +1 -1
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +42 -19
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.d.ts +7 -0
- package/toast/style.css +1 -1
- package/tooltip/index.d.ts +7 -0
- package/transfer/index.d.ts +7 -0
- package/transfer/index.es.js +46 -10
- package/transfer/index.umd.js +1 -1
- package/transfer/style.css +1 -1
- package/tree/index.d.ts +7 -0
- package/tree/index.es.js +11 -4
- package/tree/index.umd.js +1 -1
- 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/upload/style.css +1 -1
- package/vue-devui.es.js +16759 -14226
- package/vue-devui.umd.js +16 -16
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/checkbox/index.es.js
CHANGED
|
@@ -24,10 +24,17 @@ const commonProps = {
|
|
|
24
24
|
type: String,
|
|
25
25
|
default: void 0
|
|
26
26
|
},
|
|
27
|
+
halfchecked: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: false
|
|
30
|
+
},
|
|
27
31
|
isShowTitle: {
|
|
28
32
|
type: Boolean,
|
|
29
33
|
default: true
|
|
30
34
|
},
|
|
35
|
+
title: {
|
|
36
|
+
type: String
|
|
37
|
+
},
|
|
31
38
|
color: {
|
|
32
39
|
type: String,
|
|
33
40
|
default: void 0
|
|
@@ -123,15 +130,15 @@ var Checkbox = defineComponent({
|
|
|
123
130
|
});
|
|
124
131
|
const mergedIsShowTitle = computed(() => {
|
|
125
132
|
var _a;
|
|
126
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle) != null ? _a : props.isShowTitle;
|
|
133
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
|
|
127
134
|
});
|
|
128
135
|
const mergedShowAnimation = computed(() => {
|
|
129
136
|
var _a;
|
|
130
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
|
|
137
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
|
|
131
138
|
});
|
|
132
139
|
const mergedColor = computed(() => {
|
|
133
140
|
var _a;
|
|
134
|
-
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != null ? _a : props.color;
|
|
141
|
+
return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
|
|
135
142
|
});
|
|
136
143
|
const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
|
|
137
144
|
const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
|
|
@@ -158,7 +165,7 @@ var Checkbox = defineComponent({
|
|
|
158
165
|
ctx.emit("change", current);
|
|
159
166
|
};
|
|
160
167
|
const handleClick = () => {
|
|
161
|
-
canChange(!isChecked.value, props.
|
|
168
|
+
canChange(!isChecked.value, props.label).then((res) => res && toggle());
|
|
162
169
|
};
|
|
163
170
|
return {
|
|
164
171
|
itemWidth,
|
|
@@ -273,8 +280,20 @@ var CheckboxGroup = defineComponent({
|
|
|
273
280
|
disabled: false
|
|
274
281
|
};
|
|
275
282
|
const toggleGroupVal = (val) => {
|
|
276
|
-
|
|
283
|
+
let index2 = -1;
|
|
284
|
+
if (typeof valList.value[0] === "string") {
|
|
285
|
+
index2 = valList.value.findIndex((item) => item === val);
|
|
286
|
+
} else if (typeof valList.value[0] === "object") {
|
|
287
|
+
index2 = valList.value.findIndex((item) => item.value === val);
|
|
288
|
+
}
|
|
277
289
|
if (index2 === -1) {
|
|
290
|
+
if (typeof props.options[0] === "object") {
|
|
291
|
+
const newOne = props.options.find((item) => item.value === val);
|
|
292
|
+
const res2 = [...valList.value, newOne];
|
|
293
|
+
ctx.emit("update:modelValue", res2);
|
|
294
|
+
ctx.emit("change", res2);
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
278
297
|
const res = [...valList.value, val];
|
|
279
298
|
ctx.emit("update:modelValue", res);
|
|
280
299
|
ctx.emit("change", res);
|
|
@@ -284,7 +303,13 @@ var CheckboxGroup = defineComponent({
|
|
|
284
303
|
ctx.emit("update:modelValue", valList.value);
|
|
285
304
|
ctx.emit("change", valList.value);
|
|
286
305
|
};
|
|
287
|
-
const isItemChecked = (itemVal) =>
|
|
306
|
+
const isItemChecked = (itemVal) => {
|
|
307
|
+
if (typeof valList.value[0] === "string") {
|
|
308
|
+
return valList.value.includes(itemVal);
|
|
309
|
+
} else if (typeof valList.value[0] === "object") {
|
|
310
|
+
return valList.value.some((item) => item.value === itemVal);
|
|
311
|
+
}
|
|
312
|
+
};
|
|
288
313
|
provide(checkboxGroupInjectionKey, {
|
|
289
314
|
disabled: toRef(props, "disabled"),
|
|
290
315
|
isShowTitle: toRef(props, "isShowTitle"),
|
|
@@ -311,7 +336,17 @@ var CheckboxGroup = defineComponent({
|
|
|
311
336
|
let children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
|
|
312
337
|
if ((options == null ? void 0 : options.length) > 0) {
|
|
313
338
|
children = options.map((opt) => {
|
|
314
|
-
|
|
339
|
+
let mergedOpt = null;
|
|
340
|
+
if (typeof opt === "string") {
|
|
341
|
+
mergedOpt = Object.assign({}, defaultOpt, {
|
|
342
|
+
label: opt,
|
|
343
|
+
value: opt
|
|
344
|
+
});
|
|
345
|
+
} else if (typeof opt === "object") {
|
|
346
|
+
mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
|
|
347
|
+
label: opt.name
|
|
348
|
+
}));
|
|
349
|
+
}
|
|
315
350
|
return createVNode(Checkbox, mergedOpt, null);
|
|
316
351
|
});
|
|
317
352
|
}
|
package/checkbox/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var q=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var F=(
|
|
1
|
+
var q=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var F=(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)&&F(o,s,t[s]);if(B)for(var s of B(t))E.call(t,s)&&F(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}},I=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}}),x=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:I,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:""}`],D={"devui-checkbox-material":!0,"custom-color":r,"devui-checkbox-no-label":!u&&!v.default,"devui-no-animation":!h,"devui-checkbox-default-background":!l},W={"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:D},[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:W},null)])])]),u||((A=v.default)==null?void 0:A.call(v))])])])}}),K="",w=t.defineComponent({name:"DCheckboxGroup",props:x,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:"\u5DF2\u5B8C\u6210",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/date-picker/index.es.js
CHANGED
|
@@ -296,6 +296,7 @@ var Input = defineComponent({
|
|
|
296
296
|
emits: ["update:value", "focus", "blur", "change", "keydown"],
|
|
297
297
|
setup(props, ctx) {
|
|
298
298
|
const formItem = inject(formItemInjectionKey, {});
|
|
299
|
+
const hasFormItem = Object.keys(formItem).length > 0;
|
|
299
300
|
const sizeCls = computed(() => `devui-input-${props.size}`);
|
|
300
301
|
const showPwdIcon = ref(false);
|
|
301
302
|
const inputType = ref("text");
|
|
@@ -317,15 +318,15 @@ var Input = defineComponent({
|
|
|
317
318
|
});
|
|
318
319
|
const onInput = ($event) => {
|
|
319
320
|
ctx.emit("update:value", $event.target.value);
|
|
320
|
-
formItem.formItemMitt.emit(dFormItemEvents.input);
|
|
321
|
+
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
|
|
321
322
|
}, onFocus = () => {
|
|
322
323
|
ctx.emit("focus");
|
|
323
324
|
}, onBlur = () => {
|
|
324
325
|
ctx.emit("blur");
|
|
325
|
-
formItem.formItemMitt.emit(dFormItemEvents.blur);
|
|
326
|
+
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
|
|
326
327
|
}, onChange = ($event) => {
|
|
327
328
|
ctx.emit("change", $event.target.value);
|
|
328
|
-
formItem.formItemMitt.emit(dFormItemEvents.change);
|
|
329
|
+
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
|
|
329
330
|
}, onKeydown = ($event) => {
|
|
330
331
|
ctx.emit("keydown", $event);
|
|
331
332
|
}, onChangeInputType = () => {
|
package/date-picker/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var Me=Object.defineProperty;var G=Object.getOwnPropertySymbols;var Ne=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;var Z=(m,a,h)=>a in m?Me(m,a,{enumerable:!0,configurable:!0,writable:!0,value:h}):m[a]=h,J=(m,a)=>{for(var h in a||(a={}))Ne.call(a,h)&&Z(m,h,a[h]);if(G)for(var h of G(a))De.call(a,h)&&Z(m,h,a[h]);return m};(function(m,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(m=typeof globalThis!="undefined"?globalThis:m||self,a(m.index={},m.Vue))})(this,function(m,a){"use strict";const h=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),c=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),s=e.getMilliseconds();return[n,t,o,l,c,r,i,s]},C=(e,n,t=2,o="0")=>(e+"").padStart(Math.min(n.length,t),o),I=(e,n)=>{const t=h(n);let o=e;return o=o.replace(/y+/g,l=>{const c=t[0]+"";return l.length===2?c.substring(2):c}),o=o.replace(/M+/g,l=>C(t[1],l)),o=o.replace(/d+/g,l=>C(t[2],l)),o=o.replace(/h+/g,l=>C(t[4],l)),o=o.replace(/m+/g,l=>C(t[5],l)),o=o.replace(/s+/g,l=>C(t[6],l)),o},Q=(e,n,t,o="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${I(e,l[0])} ${o} ${I(e,l[1])}`},R=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},O=(e,...n)=>{typeof e=="function"&&e(...n)},ee=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),c=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),s=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:o,d:o,day:l,hour:c,H:c,h:c,minute:r,m:r,second:i,s:i,ms:s}},te=(e,n)=>{const t=new Date(e,n-1,1),o=new Date(e,n,0),l=[];let c=t.getDay();for(;c>0;)c-=1,l.push({date:new Date(e,n-1,-c),current:-1});c=o.getDate()-t.getDate();for(let i=0;i<=c;i++){const s=new Date(t);s.setDate(i+1),l.push({date:s,current:0})}c=o.getDay();let r=o;for(let i=c;i<6;i++)r=new Date(e,n,i-c+1),l.push({date:r,current:1});if(l.length<42){c=r.getDate();for(let i=1;i<=7;i++)r=new Date(e,n,c+i),l.push({date:r,current:1})}return l},ne=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=ee(e),o=te(n,t),l=[];for(;o.length>0;)l.push(o.splice(0,7));return l},ae=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],D=(e,...n)=>{typeof e=="function"&&e(...n)},oe=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),o=n.getFullYear()*12+n.getMonth();return t-o},j=1e3*60*60*24,Y=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-o)/j},y=(e,n,t,o)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>o:oe(n,e)>o,v=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[o,l,c]=n.split(/[^\d]+/),r=M(o),i=M(l),s=M(c)||1;if(!r||!i)return null;const f=re(t);return new Date(r,i-1,s,...f)},M=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},re=e=>{const[n,t,o,l]=e.split(/[\:\.]+/);return[M(n,0),M(t,0),M(o,0),M(l,0)]},x=(e,n,t="d")=>{const o=U(e,t),l=U(n,t);return o<l?-1:o>l?1:0},U=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/j>>0},E=(e,n,t)=>!(n instanceof Date&&x(n,e,"d")>0||t instanceof Date&&x(e,t,"d")>0),le={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var xe="";const ce=Symbol("dFormItem"),B={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var F=a.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:le,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const t=a.inject(ce,{}),o=a.computed(()=>`devui-input-${e.size}`),l=a.ref(!1),c=a.ref("text"),r=a.computed(()=>({error:e.error,[e.cssClass]:!0,[o.value]:e.size!==""})),i=a.computed(()=>c.value==="password");return a.watch(()=>e.showPassword,d=>{c.value=d?"password":"text"},{immediate:!0}),a.watch(()=>e.value,d=>{d&&d.length>0&&i.value?l.value=!0:l.value=!1}),{inputCls:r,inputType:c,showPreviewIcon:i,showPwdIcon:l,onInput:d=>{n.emit("update:value",d.target.value),t.formItemMitt.emit(B.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),t.formItemMitt.emit(B.blur)},onChange:d=>{n.emit("change",d.target.value),t.formItemMitt.emit(B.change)},onKeydown:d=>{n.emit("keydown",d)},onChangeInputType:()=>{c.value=c.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:t,inputCls:o,inputType:l,maxLength:c,autoFocus:r,placeholder:i,disabled:s,onInput:f,onFocus:N,onBlur:u,onChange:p,onKeydown:w,onChangeInputType:d}=this;return a.createVNode("div",{class:"devui-input__wrap"},[a.withDirectives(a.createVNode("input",a.mergeProps({dinput:!0},{value:e,disabled:s,type:l,maxlength:c,placeholder:i,class:o,onInput:f,onFocus:N,onBlur:u,onChange:p,onKeydown:w}),null),[[a.resolveDirective("focus"),r]]),t&&a.createVNode("div",{class:"devui-input__preview",onClick:d},[n?a.createVNode(a.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):a.createVNode(a.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}});F.install=function(e){e.component(F.name,F)};var k=a.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return J({},e)},render(){const{name:e,size:n,color:t,classPrefix:o}=this;return a.createVNode(a.Fragment,null,[/^((https?):)?\/\//.test(e)?a.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:n}},null):a.createVNode("i",{class:`${o} ${o}-${e}`,style:{fontSize:n,color:t}},null)])}});k.install=function(e){e.component(k.name,k)};const $=(e,n,t,o)=>{switch(n){case 0:const l=new Date(o);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const c=new Date(o);c.setMonth(c.getMonth()-1),t===0?e.current=c:e.next=c;break;case 2:const r=new Date(o);r.setMonth(r.getMonth()+1),t===0?e.current=r:e.next=r;break;case 3:const i=new Date(o);i.setFullYear(i.getFullYear()+1),t===0?e.current=i:e.next=i;break}},_=(e,n)=>{const{format:t="y/MM/dd",range:o,rangeSpliter:l="-"}=n||{};if(o){if(e.start){if(!e.end)return I(t,e.start)}else return"";if(e.end<e.start){const c=e.end;e.end=e.start,e.start=c}return Q(t,e.start,e.end,l)}else return e.start?I(t,e.start):""},P=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},S=e=>e.toDateString(),se=(e,n,t="cell")=>{if(E(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const o=S(n.date);if(e.type==="range"){if(e.dateStart){if(S(e.dateStart)===o)return`${t} selected`;if(e.dateEnd&&S(e.dateEnd)===o)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const c=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>c[0]&&n.date<c[1])return`${t} innerday`}}return t}else return e.dateStart&&S(e.dateStart)===o?`${t} selected`:t},ie=(e,n)=>{!E(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?D(e.onReset,n.date):Y(e.dateStart,n.date)!==0&&(D(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):D(e.onSelectStart,n.date):(D(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},de=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:o}=e;if(!(t&&Y(n.date,t)<0)&&!(o&&Y(o,n.date)<0)&&e.type==="range"){const l=S(n.date);if(!e.dateStart||S(e.dateStart)===l||e.dateEnd)return;D(e.onSelecting,n.date)}},X=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[a.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},q=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[a.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var Se="";const T=e=>{const{button:n,disabled:t=!1,rotate:o=0,date:l,pos:c,cb:r}=e,i=t?"#cfd0d3":"#585d6b",s=`${t?"disabled":""}`,f=t?void 0:()=>D(e.cb,l,c);return a.createVNode("a",{class:s,onClick:f},[a.createVNode(n,{color:i,rotate:o},null)])},ue=e=>{const{date:n}=e;return a.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},fe=e=>{const{type:n,current:t,compare:o,pos:l,dateMax:c,dateMin:r,onPreviousYear:i,onPreviousMonth:s,onNextMonth:f,onNextYear:N}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!y(o,t,"year",1),u[1]=!y(o,t,"month",1),u[2]=!y(t,c,"month",0),u[3]=!y(t,c,"year",0)):(u[0]=!y(r,t,"year",0),u[1]=!y(r,t,"month",0),u[2]=!y(t,o,"month",1),u[3]=!y(t,o,"year",1)):(u[0]=!y(r,t,"year",0),u[1]=!y(r,t,"month",0),u[2]=!y(t,c,"month",0),u[3]=!y(t,c,"year",0)),a.createVNode("div",{class:"devui-calendar-toolbar"},[a.createVNode(T,{disabled:u[0],date:t,pos:l,button:X,cb:i},null),a.createVNode(T,{disabled:u[1],date:t,pos:l,button:q,rotate:-90,cb:s},null),a.createVNode(ue,{date:t},null),a.createVNode(T,{disabled:u[2],date:t,pos:l,button:q,rotate:90,cb:f},null),a.createVNode(T,{disabled:u[3],date:t,pos:l,button:X,rotate:180,cb:N},null)])},me=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return a.createVNode("div",{class:`today-container ${t?"disabled":""}`},[a.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[a.createTextVNode("\u4ECA\u5929")])])};var Ve="";const z=e=>{const n=new Date;return a.createVNode("div",{class:"devui-calendar-panel"},[a.createVNode(fe,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),a.createVNode("ol",{class:"head row"},[ae.map(t=>a.createVNode("li",{class:"cell"},[t]))]),a.createVNode("ul",{class:"body"},[ne(e.current).map(t=>a.createVNode("li",{class:"row"},[t.map(o=>a.createVNode("span",{class:se(e,o),onClick:()=>ie(e,o),onMouseenter:()=>de(e,o)},[o.date.getDate()]))]))]),e.type!=="range"?a.createVNode(me,{disabled:!E(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var Ce="";const L=a.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:o=26,className:l="",itemClassNormal:c="",itemClassSelected:r="selected",onChange:i}=e||{};let s=0,f=0;const N=a.ref(),u=a.ref();let p=null,w=null;const d=a.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),we=g=>{g.stopPropagation(),g.preventDefault(),p=[g.clientX,g.clientY],d.transition="none"},pe=g=>{g.stopPropagation(),g.preventDefault(),!(!p||!w)&&(d.x=w[0]+g.clientX-p[0],d.y=Math.min(s,Math.max(f,w[1]+g.clientY-p[1])),d.selectedIndex=(s-d.y+o/2)/o>>0)},W=g=>{if(g.stopPropagation(),g.preventDefault(),p=null,d.y=s-d.selectedIndex*o,d.transition="transform 0.1s",w[0]=d.x,w[1]=d.y,typeof i=="function"){const V=d.selectedIndex,K=n[V];i(K,V)}};return a.onMounted(()=>{const{height:g}=N.value.getBoundingClientRect(),{height:V}=u.value.getBoundingClientRect();s=(g-o)/2,f=(g+o)/2-V,w=[0,s-d.selectedIndex*o],d.x=w[0],d.y=w[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>a.createVNode("div",{ref:N,class:`devui-vertical-slider ${l}`},[a.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((g,V)=>{const K=V===d.selectedIndex?r:c;return a.createVNode("span",{class:`slider-item ${K}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[g])})]),a.createVNode("div",{class:"slider-mask",onMousedown:we,onMousemove:pe,onMouseup:W,onMouseout:W},null)])}});var be="";const A=a.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=a.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),o=Array(24).fill(0).map((c,r)=>`${r}`.padStart(2,"0")),l=Array(60).fill(0).map((c,r)=>`${r}`.padStart(2,"0"));return()=>a.createVNode("div",{class:"devui-calendar-timepicker"},[a.createVNode("div",{class:"head"},[a.createVNode("div",{class:"chars"},[a.createVNode("span",null,[t.hour.toString().padStart(2,"0"),a.createTextVNode(":"),t.minute.toString().padStart(2,"0"),a.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),a.createVNode("div",{class:"select"},[a.createVNode(L,{items:o,selectedIndex:t.hour,onChange:(c,r)=>t.hour=r},null),a.createVNode(L,{items:l,selectedIndex:t.minute,onChange:(c,r)=>t.minute=r},null),a.createVNode(L,{items:l,selectedIndex:t.second,onChange:(c,r)=>t.second=r},null)])])}});var Ie="";const ge=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:o}=e;return o instanceof Date||(o=new Date(t.getFullYear(),t.getMonth()+1,1)),a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(z,a.mergeProps(e,{pos:0,current:t,compare:o}),null),n?a.createVNode(A,{time:t},null):null,a.createVNode(z,a.mergeProps(e,{pos:1,current:o,compare:t}),null),n?a.createVNode(A,{time:o},null):null])}else return a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(z,a.mergeProps(e,{pos:0,current:t}),null),n?a.createVNode(A,{time:t},null):null])};var Fe="";const he=e=>{const[n,t]=[e.start,e.end].sort((o,l)=>o.getTime()-l.getTime());e.start=n,e.end=t,x(n,t,"m")!==0?(e.current=n,e.next=t):(x(n,e.current)<0&&(e.current=n),x(e.next,t)<0&&(e.next=t))};var b=a.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,n){const t=a.ref(null),o=a.ref(null),l=v(e.dateMin)||new Date,c=new Date(l.getFullYear(),l.getMonth()+1,1),r=a.reactive({show:!1,value:"",placeholder:P(e),current:l,next:c});r.value=_(r,e),r.placeholder=P(e);const i=s=>{s.stopPropagation(),!(R(s.target,t.value)||R(s.target,o.value))&&(r.show=!1)};return a.onMounted(()=>{document.addEventListener("click",i)}),a.onUnmounted(()=>{document.removeEventListener("click",i)}),()=>a.createVNode("div",{class:"devui-datepicker-container"},[a.createVNode("div",{class:"input-container",ref:o},[a.createVNode(F,{ref:o,class:"datepicker-input",value:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),a.createVNode(k,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),a.createVNode("div",{class:"devui-datepicker-panel",ref:t},[r.show?a.createVNode(ge,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:v(e.dateMin),dateMax:v(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:s=>{r.end=r.hover=void 0,r.start=s},onChange:(s,f)=>{r.value=_(r,e),r.placeholder=P(e),O(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:s=>{r.current=s,r.start=s,r.value=_(r,e),r.placeholder=P(e),O(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:s=>{r.start=s,x(r.current,s)!==0&&(r.current=s)},onSelectStart:s=>r.start=s,onSelectEnd:s=>{r.end=s,he(r)},onSelecting:s=>r.hover=s,onPreviousYear:(s,f)=>$(r,0,f,s),onPreviousMonth:(s,f)=>$(r,1,f,s),onNextMonth:(s,f)=>$(r,2,f,s),onNextYear:(s,f)=>$(r,3,f,s)},null):null])])}}),ke="";const H=a.defineComponent({name:"DStickSlider",props:{},setup(e){const n=a.reactive({showButtons:!1,selectedIndex:0}),t=()=>{n.showButtons=!1},o=c=>{c.stopPropagation(),n.showButtons=!0},l=c=>{c.stopPropagation(),t()};return()=>a.createVNode("div",{class:"devui-stick-slider",onMousedown:o,onMouseup:l,onMouseleave:l},[a.createVNode("div",{class:"sub-buttons",style:{display:n.showButtons?"":"none"}},[Array(16).fill(null).map((c,r)=>a.createVNode("div",{class:`button ${r===n.selectedIndex?"selected":""}`,onMouseenter:()=>n.selectedIndex=r},[r]))]),a.createVNode("div",{class:"main-button"},null)])}});b.install=function(e){e.component(b.name,b),e.component(H.name,H)};var ye={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(b)}};m.DatePicker=b,m.StickSlider=H,m.default=ye,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
|
|
1
|
+
var Me=Object.defineProperty;var Z=Object.getOwnPropertySymbols;var Ne=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;var J=(m,a,h)=>a in m?Me(m,a,{enumerable:!0,configurable:!0,writable:!0,value:h}):m[a]=h,Q=(m,a)=>{for(var h in a||(a={}))Ne.call(a,h)&&J(m,h,a[h]);if(Z)for(var h of Z(a))De.call(a,h)&&J(m,h,a[h]);return m};(function(m,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(m=typeof globalThis!="undefined"?globalThis:m||self,a(m.index={},m.Vue))})(this,function(m,a){"use strict";const h=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),c=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),s=e.getMilliseconds();return[n,t,o,l,c,r,i,s]},b=(e,n,t=2,o="0")=>(e+"").padStart(Math.min(n.length,t),o),F=(e,n)=>{const t=h(n);let o=e;return o=o.replace(/y+/g,l=>{const c=t[0]+"";return l.length===2?c.substring(2):c}),o=o.replace(/M+/g,l=>b(t[1],l)),o=o.replace(/d+/g,l=>b(t[2],l)),o=o.replace(/h+/g,l=>b(t[4],l)),o=o.replace(/m+/g,l=>b(t[5],l)),o=o.replace(/s+/g,l=>b(t[6],l)),o},ee=(e,n,t,o="-")=>{const l=[n,t];return n.getTime()>t.getTime()&&l.reverse(),`${F(e,l[0])} ${o} ${F(e,l[1])}`},O=(e,n)=>{if(!n)return!1;for(;e;){if(e===n)return!0;e=e.parentNode}return!1},j=(e,...n)=>{typeof e=="function"&&e(...n)},te=e=>{const n=e.getFullYear(),t=e.getMonth()+1,o=e.getDate(),l=e.getDay(),c=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),s=e.getMilliseconds();return{year:n,y:n,month:t,M:t,date:o,d:o,day:l,hour:c,H:c,h:c,minute:r,m:r,second:i,s:i,ms:s}},ne=(e,n)=>{const t=new Date(e,n-1,1),o=new Date(e,n,0),l=[];let c=t.getDay();for(;c>0;)c-=1,l.push({date:new Date(e,n-1,-c),current:-1});c=o.getDate()-t.getDate();for(let i=0;i<=c;i++){const s=new Date(t);s.setDate(i+1),l.push({date:s,current:0})}c=o.getDay();let r=o;for(let i=c;i<6;i++)r=new Date(e,n,i-c+1),l.push({date:r,current:1});if(l.length<42){c=r.getDate();for(let i=1;i<=7;i++)r=new Date(e,n,c+i),l.push({date:r,current:1})}return l},ae=(e=new Date)=>{e instanceof Date||(e=new Date);const{year:n,month:t}=te(e),o=ne(n,t),l=[];for(;o.length>0;)l.push(o.splice(0,7));return l},oe=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],x=(e,...n)=>{typeof e=="function"&&e(...n)},re=(e,n)=>{const t=e.getFullYear()*12+e.getMonth(),o=n.getFullYear()*12+n.getMonth();return t-o},U=1e3*60*60*24,v=(e,n)=>{const t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),o=new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime();return(t-o)/U},y=(e,n,t,o)=>!e||!n?!0:t==="year"?n.getFullYear()-e.getFullYear()>o:re(n,e)>o,E=e=>{if(!e||typeof e!="string")return null;const[n="",t=""]=e.split(/([ ]|T)+/);if(!n)return null;const[o,l,c]=n.split(/[^\d]+/),r=N(o),i=N(l),s=N(c)||1;if(!r||!i)return null;const f=le(t);return new Date(r,i-1,s,...f)},N=(e,n)=>{if(!e||typeof e!="string")return n;const t=parseInt(e);return isNaN(t)?n:t},le=e=>{const[n,t,o,l]=e.split(/[\:\.]+/);return[N(n,0),N(t,0),N(o,0),N(l,0)]},S=(e,n,t="d")=>{const o=X(e,t),l=X(n,t);return o<l?-1:o>l?1:0},X=(e,n)=>{switch(n){case"y":return e.getFullYear();case"m":return e.getFullYear()*12+e.getMonth()}return e.getTime()/U>>0},B=(e,n,t)=>!(n instanceof Date&&S(n,e,"d")>0||t instanceof Date&&S(e,t,"d")>0),ce={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var xe="";const se=Symbol("dFormItem"),_={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var k=a.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,n){n.value&&e.focus()}}},props:ce,emits:["update:value","focus","blur","change","keydown"],setup(e,n){const t=a.inject(se,{}),o=Object.keys(t).length>0,l=a.computed(()=>`devui-input-${e.size}`),c=a.ref(!1),r=a.ref("text"),i=a.computed(()=>({error:e.error,[e.cssClass]:!0,[l.value]:e.size!==""})),s=a.computed(()=>r.value==="password");return a.watch(()=>e.showPassword,w=>{r.value=w?"password":"text"},{immediate:!0}),a.watch(()=>e.value,w=>{w&&w.length>0&&s.value?c.value=!0:c.value=!1}),{inputCls:i,inputType:r,showPreviewIcon:s,showPwdIcon:c,onInput:w=>{n.emit("update:value",w.target.value),o&&t.formItemMitt.emit(_.input)},onFocus:()=>{n.emit("focus")},onBlur:()=>{n.emit("blur"),o&&t.formItemMitt.emit(_.blur)},onChange:w=>{n.emit("change",w.target.value),o&&t.formItemMitt.emit(_.change)},onKeydown:w=>{n.emit("keydown",w)},onChangeInputType:()=>{r.value=r.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:n,showPwdIcon:t,inputCls:o,inputType:l,maxLength:c,autoFocus:r,placeholder:i,disabled:s,onInput:f,onFocus:D,onBlur:u,onChange:M,onKeydown:p,onChangeInputType:d}=this;return a.createVNode("div",{class:"devui-input__wrap"},[a.withDirectives(a.createVNode("input",a.mergeProps({dinput:!0},{value:e,disabled:s,type:l,maxlength:c,placeholder:i,class:o,onInput:f,onFocus:D,onBlur:u,onChange:M,onKeydown:p}),null),[[a.resolveDirective("focus"),r]]),t&&a.createVNode("div",{class:"devui-input__preview",onClick:d},[n?a.createVNode(a.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):a.createVNode(a.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}});k.install=function(e){e.component(k.name,k)};var $=a.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return Q({},e)},render(){const{name:e,size:n,color:t,classPrefix:o}=this;return a.createVNode(a.Fragment,null,[/^((https?):)?\/\//.test(e)?a.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:n}},null):a.createVNode("i",{class:`${o} ${o}-${e}`,style:{fontSize:n,color:t}},null)])}});$.install=function(e){e.component($.name,$)};const P=(e,n,t,o)=>{switch(n){case 0:const l=new Date(o);l.setFullYear(l.getFullYear()-1),t===0?e.current=l:e.next=l;break;case 1:const c=new Date(o);c.setMonth(c.getMonth()-1),t===0?e.current=c:e.next=c;break;case 2:const r=new Date(o);r.setMonth(r.getMonth()+1),t===0?e.current=r:e.next=r;break;case 3:const i=new Date(o);i.setFullYear(i.getFullYear()+1),t===0?e.current=i:e.next=i;break}},z=(e,n)=>{const{format:t="y/MM/dd",range:o,rangeSpliter:l="-"}=n||{};if(o){if(e.start){if(!e.end)return F(t,e.start)}else return"";if(e.end<e.start){const c=e.end;e.end=e.start,e.start=c}return ee(t,e.start,e.end,l)}else return e.start?F(t,e.start):""},T=e=>{if(!e)return"";const n=e.format||"y/MM/dd",t=e.rangeSpliter||"-";return e.range?`${n} ${t} ${n}`:n},V=e=>e.toDateString(),ie=(e,n,t="cell")=>{if(B(n.date,e.dateMin,e.dateMax)){if(n.current!==0)return`${t} not-current`}else return`${t} disabled`;const o=V(n.date);if(e.type==="range"){if(e.dateStart){if(V(e.dateStart)===o)return`${t} selected`;if(e.dateEnd&&V(e.dateEnd)===o)return`${t} selected`;const l=e.dateEnd||e.dateHover;if(l){const c=l>e.dateStart?[e.dateStart,l]:[l,e.dateStart];if(n.date>c[0]&&n.date<c[1])return`${t} innerday`}}return t}else return e.dateStart&&V(e.dateStart)===o?`${t} selected`:t},de=(e,n)=>{!B(n.date,e.dateMin,e.dateMax)||(e.type==="range"?e.dateStart?e.dateEnd?x(e.onReset,n.date):v(e.dateStart,n.date)!==0&&(x(e.onSelectEnd,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)):x(e.onSelectStart,n.date):(x(e.onSelected,n.date),typeof e.onChange=="function"&&e.onChange(e.type,e)))},ue=(e,n)=>{if(n.current!==0)return;const{dateMin:t,dateMax:o}=e;if(!(t&&v(n.date,t)<0)&&!(o&&v(o,n.date)<0)&&e.type==="range"){const l=V(n.date);if(!e.dateStart||V(e.dateStart)===l||e.dateEnd)return;x(e.onSelecting,n.date)}},q=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-1.000000, -1.000000)"},[a.createVNode("path",{d:"M11,1.83333333 L11,10.1666667 L7,7.38833333 L7,10.1666667 L1,6 L7,1.83333333 L7,4.61033333 L11,1.83333333 Z"},null)])])},W=e=>{const{color:n="#585d6b",rotate:t=0}=e;return a.createVNode("svg",{style:{transform:`rotate(${t}deg)`},width:"6px",height:"10px",viewBox:"0 0 6 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[a.createVNode("g",{fill:n,transform:"translate(-3.000000, -1.000000)"},[a.createVNode("polygon",{points:"6 3 10.1666667 9 1.83333333 9"},null)])])};var Se="";const Y=e=>{const{button:n,disabled:t=!1,rotate:o=0,date:l,pos:c,cb:r}=e,i=t?"#cfd0d3":"#585d6b",s=`${t?"disabled":""}`,f=t?void 0:()=>x(e.cb,l,c);return a.createVNode("a",{class:s,onClick:f},[a.createVNode(n,{color:i,rotate:o},null)])},fe=e=>{const{date:n}=e;return a.createVNode("a",{class:"title"},[`${n.getFullYear()}\u5E74${(n.getMonth()+1+"").padStart(2,"0")}\u6708`])},me=e=>{const{type:n,current:t,compare:o,pos:l,dateMax:c,dateMin:r,onPreviousYear:i,onPreviousMonth:s,onNextMonth:f,onNextYear:D}=e,u=[!1,!1,!1,!1];return n==="range"?l===1?(u[0]=!y(o,t,"year",1),u[1]=!y(o,t,"month",1),u[2]=!y(t,c,"month",0),u[3]=!y(t,c,"year",0)):(u[0]=!y(r,t,"year",0),u[1]=!y(r,t,"month",0),u[2]=!y(t,o,"month",1),u[3]=!y(t,o,"year",1)):(u[0]=!y(r,t,"year",0),u[1]=!y(r,t,"month",0),u[2]=!y(t,c,"month",0),u[3]=!y(t,c,"year",0)),a.createVNode("div",{class:"devui-calendar-toolbar"},[a.createVNode(Y,{disabled:u[0],date:t,pos:l,button:q,cb:i},null),a.createVNode(Y,{disabled:u[1],date:t,pos:l,button:W,rotate:-90,cb:s},null),a.createVNode(fe,{date:t},null),a.createVNode(Y,{disabled:u[2],date:t,pos:l,button:W,rotate:90,cb:f},null),a.createVNode(Y,{disabled:u[3],date:t,pos:l,button:q,rotate:180,cb:D},null)])},ge=e=>{const{onSelected:n=()=>0,disabled:t=!1}=e;return a.createVNode("div",{class:`today-container ${t?"disabled":""}`},[a.createVNode("button",{class:"today-button",disabled:t,onClick:t?void 0:()=>n(new Date)},[a.createTextVNode("\u4ECA\u5929")])])};var Ve="";const L=e=>{const n=new Date;return a.createVNode("div",{class:"devui-calendar-panel"},[a.createVNode(me,{current:e.current,compare:e.compare,pos:e.pos,type:e.type,showTime:e.showTime,onPreviousYear:e.onPreviousYear,onPreviousMonth:e.onPreviousMonth,onNextMonth:e.onNextMonth,onNextYear:e.onNextYear,dateMax:e.dateMax,dateMin:e.dateMin},null),a.createVNode("ol",{class:"head row"},[oe.map(t=>a.createVNode("li",{class:"cell"},[t]))]),a.createVNode("ul",{class:"body"},[ae(e.current).map(t=>a.createVNode("li",{class:"row"},[t.map(o=>a.createVNode("span",{class:ie(e,o),onClick:()=>de(e,o),onMouseenter:()=>ue(e,o)},[o.date.getDate()]))]))]),e.type!=="range"?a.createVNode(ge,{disabled:!B(n,e.dateMin,e.dateMax),onSelected:t=>{typeof e.onToday=="function"&&e.onToday(t,0)}},null):null])};var Ce="";const A=a.defineComponent({props:{size:{type:Number,default:26},items:{type:Array},selectedIndex:{type:Number},className:{type:String},itemClassNormal:{type:String},itemClassSelected:{type:String},onChange:{type:Function}},setup(e){const{items:n=[0,1,2,3,4,5,6,7,8,9],selectedIndex:t=0,size:o=26,className:l="",itemClassNormal:c="",itemClassSelected:r="selected",onChange:i}=e||{};let s=0,f=0;const D=a.ref(),u=a.ref();let M=null,p=null;const d=a.reactive({selectedIndex:t,barOpacity:0,x:0,y:0,transition:"none"}),w=g=>{g.stopPropagation(),g.preventDefault(),M=[g.clientX,g.clientY],d.transition="none"},pe=g=>{g.stopPropagation(),g.preventDefault(),!(!M||!p)&&(d.x=p[0]+g.clientX-M[0],d.y=Math.min(s,Math.max(f,p[1]+g.clientY-M[1])),d.selectedIndex=(s-d.y+o/2)/o>>0)},G=g=>{if(g.stopPropagation(),g.preventDefault(),M=null,d.y=s-d.selectedIndex*o,d.transition="transform 0.1s",p[0]=d.x,p[1]=d.y,typeof i=="function"){const C=d.selectedIndex,R=n[C];i(R,C)}};return a.onMounted(()=>{const{height:g}=D.value.getBoundingClientRect(),{height:C}=u.value.getBoundingClientRect();s=(g-o)/2,f=(g+o)/2-C,p=[0,s-d.selectedIndex*o],d.x=p[0],d.y=p[1],d.barOpacity=1,d.transition="transform 0.1s"}),()=>a.createVNode("div",{ref:D,class:`devui-vertical-slider ${l}`},[a.createVNode("div",{ref:u,class:"movable-bar",style:{opacity:d.barOpacity,transform:`translateY(${d.y}px)`,transition:d.transition}},[n.map((g,C)=>{const R=C===d.selectedIndex?r:c;return a.createVNode("span",{class:`slider-item ${R}`,style:{height:`${o}px`,lineHeight:`${o}px`}},[g])})]),a.createVNode("div",{class:"slider-mask",onMousedown:w,onMousemove:pe,onMouseup:G,onMouseout:G},null)])}});var be="";const H=a.defineComponent({props:{time:{type:Date}},setup(e){const{time:n=new Date}=e||{},t=a.reactive({hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()}),o=Array(24).fill(0).map((c,r)=>`${r}`.padStart(2,"0")),l=Array(60).fill(0).map((c,r)=>`${r}`.padStart(2,"0"));return()=>a.createVNode("div",{class:"devui-calendar-timepicker"},[a.createVNode("div",{class:"head"},[a.createVNode("div",{class:"chars"},[a.createVNode("span",null,[t.hour.toString().padStart(2,"0"),a.createTextVNode(":"),t.minute.toString().padStart(2,"0"),a.createTextVNode(":"),t.second.toString().padStart(2,"0")])])]),a.createVNode("div",{class:"select"},[a.createVNode(A,{items:o,selectedIndex:t.hour,onChange:(c,r)=>t.hour=r},null),a.createVNode(A,{items:l,selectedIndex:t.minute,onChange:(c,r)=>t.minute=r},null),a.createVNode(A,{items:l,selectedIndex:t.second,onChange:(c,r)=>t.second=r},null)])])}});var Ie="";const he=e=>{const{showTime:n=!1}=e;let{current:t}=e;if(t instanceof Date||(t=new Date),e.type==="range"){let{next:o}=e;return o instanceof Date||(o=new Date(t.getFullYear(),t.getMonth()+1,1)),a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(L,a.mergeProps(e,{pos:0,current:t,compare:o}),null),n?a.createVNode(H,{time:t},null):null,a.createVNode(L,a.mergeProps(e,{pos:1,current:o,compare:t}),null),n?a.createVNode(H,{time:o},null):null])}else return a.createVNode("div",{class:"devui-calendar-container"},[a.createVNode(L,a.mergeProps(e,{pos:0,current:t}),null),n?a.createVNode(H,{time:t},null):null])};var Fe="";const ye=e=>{const[n,t]=[e.start,e.end].sort((o,l)=>o.getTime()-l.getTime());e.start=n,e.end=t,S(n,t,"m")!==0?(e.current=n,e.next=t):(S(n,e.current)<0&&(e.current=n),S(e.next,t)<0&&(e.next=t))};var I=a.defineComponent({name:"DDatepicker",props:{selectedDateChange:{type:Function},autoClose:{type:Boolean,default:!1},range:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},format:{type:String,default:"y/MM/dd"},rangeSpliter:{type:String,default:"-"},attachInputDom:{type:String},dateMin:{type:String},dateMax:{type:String}},setup(e,n){const t=a.ref(null),o=a.ref(null),l=E(e.dateMin)||new Date,c=new Date(l.getFullYear(),l.getMonth()+1,1),r=a.reactive({show:!1,value:"",placeholder:T(e),current:l,next:c});r.value=z(r,e),r.placeholder=T(e);const i=s=>{s.stopPropagation(),!(O(s.target,t.value)||O(s.target,o.value))&&(r.show=!1)};return a.onMounted(()=>{document.addEventListener("click",i)}),a.onUnmounted(()=>{document.removeEventListener("click",i)}),()=>a.createVNode("div",{class:"devui-datepicker-container"},[a.createVNode("div",{class:"input-container",ref:o},[a.createVNode(k,{ref:o,class:"datepicker-input",value:r.value,placeholder:r.placeholder,onFocus:()=>r.show=!0},null),a.createVNode($,{size:"small",name:"calendar",class:"datepicker-input-icon"},null)]),a.createVNode("div",{class:"devui-datepicker-panel",ref:t},[r.show?a.createVNode(he,{type:e.range?"range":"select",showTime:e.showTime,current:r.current,next:r.next,dateMin:E(e.dateMin),dateMax:E(e.dateMax),dateStart:r.start,dateEnd:r.end,dateHover:r.hover,onReset:s=>{r.end=r.hover=void 0,r.start=s},onChange:(s,f)=>{r.value=z(r,e),r.placeholder=T(e),j(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onToday:s=>{r.current=s,r.start=s,r.value=z(r,e),r.placeholder=T(e),j(e.selectedDateChange,r.value),e.autoClose&&(r.show=!1)},onSelected:s=>{r.start=s,S(r.current,s)!==0&&(r.current=s)},onSelectStart:s=>r.start=s,onSelectEnd:s=>{r.end=s,ye(r)},onSelecting:s=>r.hover=s,onPreviousYear:(s,f)=>P(r,0,f,s),onPreviousMonth:(s,f)=>P(r,1,f,s),onNextMonth:(s,f)=>P(r,2,f,s),onNextYear:(s,f)=>P(r,3,f,s)},null):null])])}}),ke="";const K=a.defineComponent({name:"DStickSlider",props:{},setup(e){const n=a.reactive({showButtons:!1,selectedIndex:0}),t=()=>{n.showButtons=!1},o=c=>{c.stopPropagation(),n.showButtons=!0},l=c=>{c.stopPropagation(),t()};return()=>a.createVNode("div",{class:"devui-stick-slider",onMousedown:o,onMouseup:l,onMouseleave:l},[a.createVNode("div",{class:"sub-buttons",style:{display:n.showButtons?"":"none"}},[Array(16).fill(null).map((c,r)=>a.createVNode("div",{class:`button ${r===n.selectedIndex?"selected":""}`,onMouseenter:()=>n.selectedIndex=r},[r]))]),a.createVNode("div",{class:"main-button"},null)])}});I.install=function(e){e.component(I.name,I),e.component(K.name,K)};var we={title:"DatePicker \u65E5\u671F\u9009\u62E9\u5668",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(e){e.use(I)}};m.DatePicker=I,m.StickSlider=K,m.default=we,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
|
package/date-picker/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-calendar-toolbar{height:32px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;user-select:none}.devui-calendar-toolbar a{width:28px;height:28px;line-height:28px;color:var(--devui-text, #252b3a);display:block;text-align:center;flex-shrink:1;flex-grow:0;cursor:pointer;text-decoration:none}.devui-calendar-toolbar a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-calendar-toolbar a.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-calendar-toolbar a.disabled:hover{color:var(--devui-disabled-text, #adb0b8)}.devui-calendar-toolbar a.title{flex-grow:1;flex-shrink:1}.devui-vertical-slider{display:flex;flex-direction:column;min-width:24px;text-align:center;position:relative;overflow:hidden;flex-grow:1}.devui-vertical-slider .movable-bar{position:relative;overflow:visible}.devui-vertical-slider .movable-bar .slider-item{display:block;flex-grow:0;flex-shrink:0;box-sizing:border-box}.devui-vertical-slider .forcus{position:absolute;box-sizing:border-box;width:100%;height:50%;top:25%}.devui-vertical-slider .slider-mask{position:absolute;left:0;top:0;bottom:0;right:0;background-color:#0000;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent,rgba(0,0,0,.3));z-index:99}.devui-calendar-panel{width:230px;padding:5px;box-sizing:border-box;overflow:hidden}.devui-calendar-panel .row{display:flex;flex-direction:row;justify-content:space-between;height:24px}.devui-calendar-panel .row .cell{width:100%;text-align:center;flex-grow:1;flex-shrink:1;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--devui-border-radius, 2px);background-color:#fff;color:#000}.devui-calendar-panel .row .cell:hover{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-calendar-panel .row .cell.selected{background-color:#06c;color:#f1f1f1}.devui-calendar-panel .row .cell.selected:hover{background-color:#08d;color:#fff}.devui-calendar-panel .row .cell.innerday{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-calendar-panel .row .cell.disabled,.devui-calendar-panel .row .cell.not-current{color:var(--devui-disabled-text, #adb0b8)}.devui-calendar-panel .row .cell.disabled{cursor:not-allowed}.devui-calendar-panel .head{cursor:default;padding:0;margin:0}.devui-calendar-panel .body{padding:0;margin:0;display:flex;flex-direction:column;cursor:pointer;list-style:none}.devui-calendar-panel .today-container{padding:8px;display:flex;flex-direction:row;justify-content:flex-end}.devui-calendar-panel .today-container.disabled .today-button{border:1px solid #cccccc;cursor:not-allowed}.devui-calendar-panel .today-container .today-button{border:1px solid #0066cc;border-radius:3px;padding:2px 20px;font-size:12px}.devui-calendar-timepicker{width:100px;height:210px;overflow:hidden;position:relative}.devui-calendar-timepicker .head{height:32px;line-height:32px;background-color:#f1f1f1;text-align:center;display:flex;justify-content:center}.devui-calendar-timepicker .select{display:flex;flex-direction:row;justify-content:space-around;height:178px}.devui-calendar-timepicker .select .column{cursor:default;overflow:auto;flex-grow:1}.devui-calendar-timepicker .select .column span{display:block;font-size:11px;width:24px;height:24px;line-height:24px;text-align:center;overflow:hidden;border-radius:100%;background-color:#f6f6f6}.devui-calendar-timepicker .select .column span.selected{background-color:#0af;color:#fff}.devui-calendar-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;user-select:none;position:relative}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.mr-content-spacing{margin-right:4px}.padding-element-spacing{padding:16px!important}.ml-element-spacing{margin-left:16px}.mr-element-spacing{margin-right:16px}.mt-element-spacing{margin-top:16px}.mb-element-spacing{margin-bottom:16px}.mlr-element-spacing{margin-left:16px;margin-right:16px}.mtb-element-spacing{margin-top:16px;margin-bottom:16px}.m-element-spacing{margin:16px}.grid{letter-spacing:-.31em;*letter-spacing: normal;word-spacing:-.43em}.u,.u-1,.u-1-2,.u-1-3,.u-2-3,.u-1-4,.u-3-4,.u-1-5,.u-2-5,.u-3-5,.u-4-5,.u-1-6,.u-5-6,.u-1-8,.u-3-8,.u-5-8,.u-7-8,.u-1-12,.u-5-12,.u-7-12,.u-11-12,.u-1-24,.u-5-24,.u-7-24,.u-11-24,.u-13-24,.u-17-24,.u-19-24,.u-23-24{display:inline-block;*display: inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top}.u-1{display:block}.u-1-2{width:49.99999%}.u-1-3{width:33.33333%}.u-2-3{width:66.66666%}.u-1-4{width:24.99999%}.u-3-4{width:74.99999%}.u-1-5{width:19.99999%}.u-2-5{width:39.99999%}.u-3-5{width:59.99999%}.u-4-5{width:79.99999%}.u-1-6{width:16.64999%}.u-5-6{width:83.33333%}.u-1-8{width:12.49999%}.u-3-8{width:37.49999%}.u-5-8{width:62.49999%}.u-7-8{width:87.49999%}.u-1-12{width:8.33333%}.u-5-12{width:41.66666%}.u-7-12{width:58.33333%}.u-11-12{width:91.66666%}.u-1-24{width:4.16666%}.u-5-24{width:20.83333%}.u-7-24{width:29.16666%}.u-11-24{width:45.83333%}.u-13-24{width:54.16666%}.u-17-24{width:70.83333%}.u-19-24{width:79.16666%}.u-23-24{width:95.83333%}.u-content{padding:0 0 10px 10px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;margin:20px 0;border:0;border-top:1px solid var(--devui-line, #adb0b8)}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.5;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{margin:0;padding:0;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-family:"HuaweiFont",helvetica,arial,"PingFang","Microsoft YaHei","Hiragino Sans GB","Microsoft JhengHei",sans-serif;font-variant:tabular-nums;line-height:1.5}*,*:before,*:after{box-sizing:border-box}button{padding:0;border:none;background:transparent;cursor:pointer;outline:0;-webkit-appearance:button}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:inherit}ul,ol{list-style:none;margin:0;padding:0}p{margin:0;padding:0}a,a:hover,a:focus,a:active,a:visited{text-decoration:none}:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar{width:8px;height:8px}body>* ::-webkit-scrollbar-track{background-color:transparent}body>* ::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}body>* ::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar-corner{background-color:transparent}.over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-fix{zoom:1}.clear-fix:after{content:"";display:block;width:0;clear:both}.devui-close{float:right;font-weight:bold;line-height:20px;height:20px;color:var(--devui-text, #252b3a);text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);opacity:.2}.devui-close:hover,.devui-close:focus{color:var(--devui-text, #252b3a);text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.devui-close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}a:hover,a:focus{color:var(--devui-link, #526ecc)}a:active,a:hover{outline:0}.devui-link{color:var(--devui-link, #526ecc)}.devui-link:hover{color:var(--devui-link-active, #344899);text-decoration:underline;cursor:pointer}.devui-link-light{color:var(--devui-link-light, #96adfa)}.devui-link-light:hover{color:var(--devui-link-light-active, #beccfa);text-decoration:underline;cursor:pointer}.devui-disabled,.devui-disabled.devui-input-group-addon{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-disabled,.devui-disabled>input,.devui-disabled>.devui-input-group-addon{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-body-scrollblock{width:100%}.devui-dropdown{position:relative;vertical-align:middle}.devui-dropdown .devui-dropdown-toggle{box-shadow:none;outline:none}.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default{line-height:1.5;padding:4px 10px;border-radius:2px;text-align:center;cursor:pointer;outline:0;border-style:solid;border-width:1px;display:flex;align-items:center}.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default:not(.devui-dropdown-item){display:inline-flex!important}.devui-dropdown .devui-caret{display:inline-block;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.devui-dropdown.devui-dropdown-open .devui-dropdown-toggle span.icon-chevron-down{transform:rotate(180deg)}.devui-dropdown-menu{position:absolute;float:left;top:calc(100% - 1px);left:0;z-index:1000;display:none;min-width:min(100%,102px);margin:4px 0;padding-bottom:5px;background-clip:padding-box;border-radius:2px;list-style:none;background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2));outline:none}.devui-dropdown-menu.devui-dropdown-overlay,.devui-dropdown-menu.devui-dropdown-overlay.popper-container{border:1px solid var(--devui-brand, #5e7ce0)}.devui-dropdown-menu.devui-dropdown-overlay.popper-container{margin-top:-1px;margin-bottom:-1px}.open>.devui-dropdown-menu{display:block}.devui-dropdown-menu>li{position:relative}.devui-dropdown-menu>li>a{height:36px;padding:0 10px;cursor:pointer;display:flex;align-items:center}.devui-dropdown-menu li>input{margin:0 10px}.devui-dropdown-menu>.disabled>a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-dropdown-menu>.disabled>a:hover,.devui-dropdown-menu>.disabled>a:focus{cursor:not-allowed}.devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover:not(:active){background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled):active:hover{background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled).devui-dropdown-bg{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled).active{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-form-group.devui-has-feedback>.devui-form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:28px;height:28px;line-height:28px;text-align:center;pointer-events:none}.devui-form-group.devui-has-feedback>.devui-form-control-feedback:hover{position:absolute}.devui-form-group.devui-has-feedback>.devui-form-control-feedback .devui-caret{display:inline-block;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.form-group.has-feedback[tabindex]{outline:0}.devui-dropdown-no-border{min-height:28px;min-width:min(100%,102px);line-height:1.5;padding:4px 10px;border-radius:2px;text-align:center;outline:0;background-image:none;text-decoration:none;cursor:pointer;background-color:var(--devui-connected-overlay-bg, #ffffff);color:var(--devui-text, #252b3a);display:flex;align-items:center;box-shadow:none;border:none}.devui-dropdown-no-border:hover,.devui-dropdown-no-border:focus{text-decoration:none}.devui-dropdown-no-border:active:hover,.devui-dropdown-no-border:focus{color:var(--devui-brand-active, #526ecc)}.devui-dropdown .devui-dropdown-default{background-color:var(--devui-base-bg, #ffffff);color:var(--devui-text, #252b3a);border-color:var(--devui-form-control-line, #adb0b8)}.devui-dropdown .devui-dropdown-default:active,.devui-dropdown .devui-dropdown-default:focus,.devui-dropdown .devui-dropdown-default:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-dropdown .devui-dropdown-menu{background:var(--devui-connected-overlay-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled){color:var(--devui-text, #252b3a)}.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled):hover,.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled):focus{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-dropdown .devui-dropdown-menu>.disabled>a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-dropdown .devui-dropdown-menu>.disabled>a:hover,.devui-dropdown .devui-dropdown-menu>.disabled>a:focus{background-color:transparent}.devui-image-preview-container img{cursor:zoom-in}.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;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-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.cdk-overlay-container{z-index:1051}.cdk-global-scrollblock body{overflow-x:visible}.devui-datepicker-container .input-container{border:1px solid #0066cc;border-radius:var(--devui-border-radius, 2px);display:flex;flex-direction:row;width:200px;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative}.devui-datepicker-container .datepicker-input{position:relative;width:100%}.devui-datepicker-container .datepicker-input input{border:0 solid #000000;outline:none;margin-right:20px}.devui-datepicker-container .datepicker-input-icon{position:absolute;z-index:9;right:6px}.devui-datepicker-container .devui-datepicker-panel{border:1px solid #000000;margin:0;padding:0;display:inline-block;border-width:1px;border-style:solid;border-color:#ddd;border-radius:var(--devui-border-radius-card, 6px);box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2));background-color:var(--devui-base-bg, #ffffff);font-size:13px;position:absolute;z-index:99}.devui-stick-slider{border:1px solid #000000;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:100%;position:relative;width:36px;height:36px}.devui-stick-slider .main-button{width:36px;height:36px;cursor:pointer;user-select:none;background-color:red;border-radius:100%;position:relative;z-index:10}.devui-stick-slider .sub-buttons{border:1px solid #0000ff;width:240px;height:240px;position:absolute;display:flex;flex-direction:row;flex-wrap:wrap}.devui-stick-slider .sub-buttons .button{width:48px;height:48px;line-height:48px;text-align:center;background-color:#fa0;position:relative;margin:5px;cursor:pointer}.devui-stick-slider .sub-buttons .button.selected{background-color:#f30}
|
|
1
|
+
@charset "UTF-8";.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-calendar-toolbar{height:32px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;user-select:none}.devui-calendar-toolbar a{width:28px;height:28px;line-height:28px;color:var(--devui-text, #252b3a);display:block;text-align:center;flex-shrink:1;flex-grow:0;cursor:pointer;text-decoration:none}.devui-calendar-toolbar a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-calendar-toolbar a.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-calendar-toolbar a.disabled:hover{color:var(--devui-disabled-text, #adb0b8)}.devui-calendar-toolbar a.title{flex-grow:1;flex-shrink:1}.devui-vertical-slider{display:flex;flex-direction:column;min-width:24px;text-align:center;position:relative;overflow:hidden;flex-grow:1}.devui-vertical-slider .movable-bar{position:relative;overflow:visible}.devui-vertical-slider .movable-bar .slider-item{display:block;flex-grow:0;flex-shrink:0;box-sizing:border-box}.devui-vertical-slider .forcus{position:absolute;box-sizing:border-box;width:100%;height:50%;top:25%}.devui-vertical-slider .slider-mask{position:absolute;left:0;top:0;bottom:0;right:0;background-color:#0000;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent,rgba(0,0,0,.3));z-index:99}.devui-calendar-panel{width:230px;padding:5px;box-sizing:border-box;overflow:hidden}.devui-calendar-panel .row{display:flex;flex-direction:row;justify-content:space-between;height:24px}.devui-calendar-panel .row .cell{width:100%;text-align:center;flex-grow:1;flex-shrink:1;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--devui-border-radius, 2px);background-color:#fff;color:#000}.devui-calendar-panel .row .cell:hover{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-calendar-panel .row .cell.selected{background-color:#06c;color:#f1f1f1}.devui-calendar-panel .row .cell.selected:hover{background-color:#08d;color:#fff}.devui-calendar-panel .row .cell.innerday{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-calendar-panel .row .cell.disabled,.devui-calendar-panel .row .cell.not-current{color:var(--devui-disabled-text, #adb0b8)}.devui-calendar-panel .row .cell.disabled{cursor:not-allowed}.devui-calendar-panel .head{cursor:default;padding:0;margin:0}.devui-calendar-panel .body{padding:0;margin:0;display:flex;flex-direction:column;cursor:pointer;list-style:none}.devui-calendar-panel .today-container{padding:8px;display:flex;flex-direction:row;justify-content:flex-end}.devui-calendar-panel .today-container.disabled .today-button{border:1px solid #cccccc;cursor:not-allowed}.devui-calendar-panel .today-container .today-button{border:1px solid #0066cc;border-radius:3px;padding:2px 20px;font-size:12px}.devui-calendar-timepicker{width:100px;height:210px;overflow:hidden;position:relative}.devui-calendar-timepicker .head{height:32px;line-height:32px;background-color:#f1f1f1;text-align:center;display:flex;justify-content:center}.devui-calendar-timepicker .select{display:flex;flex-direction:row;justify-content:space-around;height:178px}.devui-calendar-timepicker .select .column{cursor:default;overflow:auto;flex-grow:1}.devui-calendar-timepicker .select .column span{display:block;font-size:11px;width:24px;height:24px;line-height:24px;text-align:center;overflow:hidden;border-radius:100%;background-color:#f6f6f6}.devui-calendar-timepicker .select .column span.selected{background-color:#0af;color:#fff}.devui-calendar-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;user-select:none;position:relative}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.mr-content-spacing{margin-right:4px}.padding-element-spacing{padding:16px!important}.ml-element-spacing{margin-left:16px}.mr-element-spacing{margin-right:16px}.mt-element-spacing{margin-top:16px}.mb-element-spacing{margin-bottom:16px}.mlr-element-spacing{margin-left:16px;margin-right:16px}.mtb-element-spacing{margin-top:16px;margin-bottom:16px}.m-element-spacing{margin:16px}.grid{letter-spacing:-.31em;*letter-spacing: normal;word-spacing:-.43em}.u,.u-1,.u-1-2,.u-1-3,.u-2-3,.u-1-4,.u-3-4,.u-1-5,.u-2-5,.u-3-5,.u-4-5,.u-1-6,.u-5-6,.u-1-8,.u-3-8,.u-5-8,.u-7-8,.u-1-12,.u-5-12,.u-7-12,.u-11-12,.u-1-24,.u-5-24,.u-7-24,.u-11-24,.u-13-24,.u-17-24,.u-19-24,.u-23-24{display:inline-block;*display: inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top}.u-1{display:block}.u-1-2{width:49.99999%}.u-1-3{width:33.33333%}.u-2-3{width:66.66666%}.u-1-4{width:24.99999%}.u-3-4{width:74.99999%}.u-1-5{width:19.99999%}.u-2-5{width:39.99999%}.u-3-5{width:59.99999%}.u-4-5{width:79.99999%}.u-1-6{width:16.64999%}.u-5-6{width:83.33333%}.u-1-8{width:12.49999%}.u-3-8{width:37.49999%}.u-5-8{width:62.49999%}.u-7-8{width:87.49999%}.u-1-12{width:8.33333%}.u-5-12{width:41.66666%}.u-7-12{width:58.33333%}.u-11-12{width:91.66666%}.u-1-24{width:4.16666%}.u-5-24{width:20.83333%}.u-7-24{width:29.16666%}.u-11-24{width:45.83333%}.u-13-24{width:54.16666%}.u-17-24{width:70.83333%}.u-19-24{width:79.16666%}.u-23-24{width:95.83333%}.u-content{padding:0 0 10px 10px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;margin:20px 0;border:0;border-top:1px solid var(--devui-line, #adb0b8)}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.5;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{margin:0;padding:0;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-family:"HuaweiFont",helvetica,arial,"PingFang","Microsoft YaHei","Hiragino Sans GB","Microsoft JhengHei",sans-serif;font-variant:tabular-nums;line-height:1.5}*,*:before,*:after{box-sizing:border-box}button{padding:0;border:none;background:transparent;cursor:pointer;outline:0;-webkit-appearance:button}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:inherit}ul,ol{list-style:none;margin:0;padding:0}p{margin:0;padding:0}a,a:hover,a:focus,a:active,a:visited{text-decoration:none}:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar{width:8px;height:8px}body>* ::-webkit-scrollbar-track{background-color:transparent}body>* ::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}body>* ::-webkit-scrollbar-thumb:hover{background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar-corner{background-color:transparent}.over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-fix{zoom:1}.clear-fix:after{content:"";display:block;width:0;clear:both}.devui-close{float:right;font-weight:bold;line-height:20px;height:20px;color:var(--devui-text, #252b3a);text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);opacity:.2}.devui-close:hover,.devui-close:focus{color:var(--devui-text, #252b3a);text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.devui-close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}a:hover,a:focus{color:var(--devui-link, #526ecc)}a:active,a:hover{outline:0}.devui-link{color:var(--devui-link, #526ecc)}.devui-link:hover{color:var(--devui-link-active, #344899);text-decoration:underline;cursor:pointer}.devui-link-light{color:var(--devui-link-light, #96adfa)}.devui-link-light:hover{color:var(--devui-link-light-active, #beccfa);text-decoration:underline;cursor:pointer}.devui-disabled,.devui-disabled.devui-input-group-addon{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-disabled,.devui-disabled>input,.devui-disabled>.devui-input-group-addon{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-body-scrollblock{width:100%}.devui-dropdown{position:relative;vertical-align:middle}.devui-dropdown .devui-dropdown-toggle{box-shadow:none;outline:none}.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default{line-height:1.5;padding:4px 10px;border-radius:2px;text-align:center;cursor:pointer;outline:0;border-style:solid;border-width:1px;display:flex;align-items:center}.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default:not(.devui-dropdown-item){display:inline-flex!important}.devui-dropdown .devui-caret{display:inline-block;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.devui-dropdown.devui-dropdown-open .devui-dropdown-toggle span.icon-chevron-down{transform:rotate(180deg)}.devui-dropdown-menu{position:absolute;float:left;top:calc(100% - 1px);left:0;z-index:1000;min-width:min(100%,102px);margin:4px 0;padding-bottom:5px;background-clip:padding-box;border-radius:2px;list-style:none;background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2));outline:none}.devui-dropdown-menu.devui-dropdown-overlay,.devui-dropdown-menu.devui-dropdown-overlay.popper-container{border:1px solid var(--devui-brand, #5e7ce0)}.devui-dropdown-menu.devui-dropdown-overlay.popper-container{margin-top:-1px;margin-bottom:-1px}.devui-dropdown-menu>li{position:relative}.devui-dropdown-menu>li>a{height:36px;padding:0 10px;cursor:pointer;display:flex;align-items:center}.devui-dropdown-menu li>input{margin:0 10px}.devui-dropdown-menu>.disabled>a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-dropdown-menu>.disabled>a:hover,.devui-dropdown-menu>.disabled>a:focus{cursor:not-allowed}.devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover:not(:active){background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled):active:hover{background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled).devui-dropdown-bg{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-dropdown-menu .devui-dropdown-item:not(.disabled).active{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-form-group.devui-has-feedback>.devui-form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:28px;height:28px;line-height:28px;text-align:center;pointer-events:none}.devui-form-group.devui-has-feedback>.devui-form-control-feedback:hover{position:absolute}.devui-form-group.devui-has-feedback>.devui-form-control-feedback .devui-caret{display:inline-block;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.form-group.has-feedback[tabindex]{outline:0}.devui-dropdown-no-border{min-height:28px;min-width:min(100%,102px);line-height:1.5;padding:4px 10px;border-radius:2px;text-align:center;outline:0;background-image:none;text-decoration:none;cursor:pointer;background-color:var(--devui-connected-overlay-bg, #ffffff);color:var(--devui-text, #252b3a);display:flex;align-items:center;box-shadow:none;border:none}.devui-dropdown-no-border:hover,.devui-dropdown-no-border:focus{text-decoration:none}.devui-dropdown-no-border:active:hover,.devui-dropdown-no-border:focus{color:var(--devui-brand-active, #526ecc)}.devui-dropdown .devui-dropdown-default{background-color:var(--devui-base-bg, #ffffff);color:var(--devui-text, #252b3a);border-color:var(--devui-form-control-line, #adb0b8)}.devui-dropdown .devui-dropdown-default:active,.devui-dropdown .devui-dropdown-default:focus,.devui-dropdown .devui-dropdown-default:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-dropdown .devui-dropdown-menu{background:var(--devui-connected-overlay-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled){color:var(--devui-text, #252b3a)}.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled):hover,.devui-dropdown .devui-dropdown-menu>li>a:not(.disabled):focus{background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-dropdown .devui-dropdown-menu>.disabled>a{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-dropdown .devui-dropdown-menu>.disabled>a:hover,.devui-dropdown .devui-dropdown-menu>.disabled>a:focus{background-color:transparent}.devui-image-preview-container img{cursor:zoom-in}.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;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-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.cdk-overlay-container{z-index:1051}.cdk-global-scrollblock body{overflow-x:visible}.devui-datepicker-container .input-container{border:1px solid #0066cc;border-radius:var(--devui-border-radius, 2px);display:flex;flex-direction:row;width:200px;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative}.devui-datepicker-container .datepicker-input{position:relative;width:100%}.devui-datepicker-container .datepicker-input input{border:0 solid #000000;outline:none;margin-right:20px}.devui-datepicker-container .datepicker-input-icon{position:absolute;z-index:9;right:6px}.devui-datepicker-container .devui-datepicker-panel{border:1px solid #000000;margin:0;padding:0;display:inline-block;border-width:1px;border-style:solid;border-color:#ddd;border-radius:var(--devui-border-radius-card, 6px);box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2));background-color:var(--devui-base-bg, #ffffff);font-size:13px;position:absolute;z-index:99}.devui-stick-slider{border:1px solid #000000;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:100%;position:relative;width:36px;height:36px}.devui-stick-slider .main-button{width:36px;height:36px;cursor:pointer;user-select:none;background-color:red;border-radius:100%;position:relative;z-index:10}.devui-stick-slider .sub-buttons{border:1px solid #0000ff;width:240px;height:240px;position:absolute;display:flex;flex-direction:row;flex-wrap:wrap}.devui-stick-slider .sub-buttons .button{width:48px;height:48px;line-height:48px;text-align:center;background-color:#fa0;position:relative;margin:5px;cursor:pointer}.devui-stick-slider .sub-buttons .button.selected{background-color:#f30}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var DraggableDirective = {
|
|
2
|
+
mounted(el) {
|
|
3
|
+
el.setAttribute("draggable", "true");
|
|
4
|
+
el.style.cursor = "grab";
|
|
5
|
+
el.addEventListener("dragstart", (event) => {
|
|
6
|
+
event.dataTransfer.setData("originId", el.id);
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
var DroppableDirective = {
|
|
11
|
+
mounted(el) {
|
|
12
|
+
el.addEventListener("dragover", (event) => {
|
|
13
|
+
event.preventDefault();
|
|
14
|
+
});
|
|
15
|
+
el.addEventListener("drop", (event) => {
|
|
16
|
+
const originId = event.dataTransfer.getData("originId");
|
|
17
|
+
const originNodeCopy = document.getElementById(originId).cloneNode(true);
|
|
18
|
+
const targetNode = event.target;
|
|
19
|
+
targetNode.append(originNodeCopy);
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
var index = {
|
|
24
|
+
title: "Dragdrop \u62D6\u62FD",
|
|
25
|
+
category: "\u901A\u7528",
|
|
26
|
+
status: "10%",
|
|
27
|
+
install(app) {
|
|
28
|
+
app.directive("DDraggable", DraggableDirective);
|
|
29
|
+
app.directive("DDroppable", DroppableDirective);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export { DraggableDirective, DroppableDirective, index as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(t,r){typeof exports=="object"&&typeof module!="undefined"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(t=typeof globalThis!="undefined"?globalThis:t||self,r(t.index={}))})(this,function(t){"use strict";var r={mounted(e){e.setAttribute("draggable","true"),e.style.cursor="grab",e.addEventListener("dragstart",d=>{d.dataTransfer.setData("originId",e.id)})}},i={mounted(e){e.addEventListener("dragover",d=>{d.preventDefault()}),e.addEventListener("drop",d=>{const n=d.dataTransfer.getData("originId"),o=document.getElementById(n).cloneNode(!0);d.target.append(o)})}},a={title:"Dragdrop \u62D6\u62FD",category:"\u901A\u7528",status:"10%",install(e){e.directive("DDraggable",r),e.directive("DDroppable",i)}};t.DraggableDirective=r,t.DroppableDirective=i,t.default=a,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|