UNPKG

eslink-ui-plus

Version:

vue3 component library, css framework

367 lines (366 loc) 36.8 kB
import{defineComponent as B,ref as R,pushScopeId as I,popScopeId as j,resolveComponent as T,openBlock as _,createBlock as J,withCtx as C,createElementVNode as E,normalizeClass as V,normalizeStyle as Q,renderSlot as O,createElementBlock as x,toDisplayString as N,useCssVars as Ie,createCommentVNode as A,computed as z,createVNode as F,mergeProps as je,withModifiers as le,createSlots as Ne,normalizeProps as ze,guardReactiveProps as Le,createTextVNode as Z,reactive as pe,toRefs as se,watch as L,toRaw as ee,Fragment as be,renderList as he,withDirectives as Re,vShow as Fe,nextTick as ve}from"vue";import{ElPopover as De,ElInput as Ke}from"element-plus";import{isEqual as Ye}from"lodash-es";var D=B({components:{ElPopover:De},props:{styles:{type:Object,default:()=>({})},label:{type:[String,Number],default:""},value:{type:[String,Number],default:""},useSlot:{type:Boolean,default:!0},class:{type:String,default:""},panelClass:{type:String,default:""},popoverClass:{type:String,default:""}},emits:["open","close"],setup(e,{emit:n,slots:o}){const s=R(!1),d=R(null);return{panelVisible:s,closePanel:()=>{s.value=!1},slots:o,popoverEl:d,emit:n}}});I("data-v-8823a666");const He={key:1,class:"es-search-label__container"},Ue={key:0,class:"es-search-label__container__label"},Ge={key:1,class:"es-search-label__container__label"},We={key:2,class:"es-search-label__container__value"},Xe={key:3,class:"es-search-label__container__value"},qe=E("div",{class:"es-search-label__container__icon es-icon-arrow-down-s-fill"},null,-1);j();function Je(e,n,o,s,d,u){const i=T("el-popover");return _(),J(i,{ref:"popoverEl",placement:"bottom-start",offset:6,width:"unset","hide-after":0,"popper-class":`el-popover--no-padding ${e.popoverClass}`,visible:e.panelVisible,"onUpdate:visible":n[0]||(n[0]=t=>e.panelVisible=t),onShow:n[1]||(n[1]=t=>e.emit("open")),onHide:n[2]||(n[2]=t=>e.emit("close"))},{reference:C(()=>[E("div",{class:V(["es-search-label",e.class]),style:Q(e.styles)},[e.slots.main?O(e.$slots,"main",{key:0}):(_(),x("div",He,[e.slots.label?(_(),x("div",Ue,[O(e.$slots,"label")])):(_(),x("div",Ge,N(e.label),1)),e.slots.value?(_(),x("div",We,[O(e.$slots,"value")])):(_(),x("div",Xe,N(e.value),1)),qe]))],6)]),default:C(()=>[E("div",{class:V(["es-search-label__slot",e.panelClass])},[O(e.$slots,"panel",{closePanel:e.closePanel,popoverEl:e.popoverEl})],2)]),_:3},8,["popper-class","visible"])}function P(e,n){n===void 0&&(n={});var o=n.insertAt;if(!(!e||typeof document=="undefined")){var s=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css",o==="top"&&s.firstChild?s.insertBefore(d,s.firstChild):s.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}var Qe=`.es-search-label[data-v-8823a666] { font-size: 14px; line-height: 20px; display: inline-block; cursor: pointer; } .es-search-label__container[data-v-8823a666] { display: flex; } .es-search-label__container__label[data-v-8823a666] { color: #7a7c90; } .es-search-label__container__icon[data-v-8823a666] { width: 16px; height: 16px; margin-left: 4px; } .es-search-label__container__icon[data-v-8823a666]::before { color: #a7baf1; }`;P(Qe);var Ze=`.el-popover--no-padding { padding: 0 !important; } .el-popover.el-popper { min-width: unset !important; } .el-popper__arrow { display: none; }`;P(Ze),D.render=Je,D.__scopeId="data-v-8823a666",D.__file="components/search-label/index.vue",D.install=e=>{e.component("es-search-label",D)},I("data-v-2ca3eff0");const et={key:2,class:"button__text"};j();var te=B({props:{styles:{type:Object,default:()=>({})},type:{type:String,default:"default"},text:{type:String,default:""},plain:{type:Boolean,default:!1},iconBefore:{type:String,default:""},iconAfter:{type:String,default:""},fontColor:{type:String,default:""},icon:{type:String,default:""}},emits:["click"],setup(e,{emit:n}){return Ie(o=>({"2ca3eff0-fontColor":e.fontColor})),(o,s)=>e.type==="icon"?(_(),x("button",{key:0,class:"button__icon es-cursor--pointer",style:Q(e.styles),onClick:s[0]||(s[0]=d=>n("click"))},[E("i",{class:V(e.icon)},null,2)],4)):(_(),x("button",{key:1,class:V(["button",[e.type,{plain:e.plain}]]),style:Q(e.styles),onClick:s[1]||(s[1]=d=>n("click"))},[e.iconBefore===""?O(o.$slots,"before",{key:0}):A("v-if",!0),e.iconBefore!==""?(_(),x("i",{key:1,class:V(["icon",e.iconBefore])},null,2)):A("v-if",!0),e.text!==""?(_(),x("span",et,N(e.text),1)):O(o.$slots,"default",{key:3}),e.iconAfter!==""?(_(),x("i",{key:4,class:V(["icon",e.iconAfter])},null,2)):A("v-if",!0),e.iconAfter===""?O(o.$slots,"after",{key:5}):A("v-if",!0)],6))}}),tt=`.button[data-v-2ca3eff0] { padding: 0 12px; border-radius: 4px; cursor: pointer; box-sizing: border-box; font-size: 14px; height: 30px; line-height: 30px; --button-font-color: var(--2ca3eff0-fontColor); } .button[data-v-2ca3eff0]:disabled { cursor: not-allowed; } .button__icon[data-v-2ca3eff0] { display: inline-block; } .button__text[data-v-2ca3eff0] { display: inline-block; height: 21px; } .button.error[data-v-2ca3eff0] { background-color: #ea4444; color: var(--button-font-color, #ffffff); } .button.pure[data-v-2ca3eff0] { background-color: unset; color: var(--button-font-color, #e4e5ec); } .button.default[data-v-2ca3eff0] { background: #5075e2; color: var(--button-font-color, #ffffff); } .button.default[data-v-2ca3eff0]:disabled { background: #5075e290; } .button.default.plain[data-v-2ca3eff0] { border: 1px solid #a7baf1; background: #ffffff; color: var(--button-font-color, #3e4051); box-shadow: 0px 1px 3px rgba(48, 88, 208, 0.1), 0px 2px 1px rgba(48, 88, 208, 0.06), 0px 1px 1px rgba(48, 88, 208, 0.08); } .button.error.plain[data-v-2ca3eff0] { border: 1px solid #a7baf1; background: #ffffff; color: var(--button-font-color, #da0000); }`;P(tt),te.__scopeId="data-v-2ca3eff0",te.__file="components/button/index.vue",te.install=e=>{e.component("es-button",te)};var K=B({components:{ElInput:Ke},props:{prependText:{type:String,default:""},modelValue:{type:String,default:""},hasSuffix:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const o=R("es-icon-search-line"),s=R(!1),d=z({get(){return e.modelValue},set(k){n("update:modelValue",k)}}),u=()=>{o.value="es-icon-close-line"},i=()=>{o.value="es-icon-search-line"},t=()=>{d.value=""},l=()=>{s.value=!0,u()},a=()=>{u()},p=()=>{s.value||i()},m=()=>{s.value=!1,i()},h=z(()=>d.value===""?"es-icon-search-line":o.value);return{suffixIcon:o,suffixIcon2Clear:u,suffixIcon2Search:i,clearInput:t,suffixIconShow:h,inputModel:d,blur:m,focus:l,mouseout:p,mouseover:a}}});I("data-v-4da67c3c");const nt={class:"es-input"},ot={class:"es-input__prepend"};j();function at(e,n,o,s,d,u){const i=T("el-input");return _(),x("div",nt,[F(i,je(e.$attrs,{modelValue:e.inputModel,"onUpdate:modelValue":n[3]||(n[3]=t=>e.inputModel=t),onFocus:e.focus,onBlur:e.blur,onMouseover:le(e.mouseover,["self"]),onMouseout:le(e.mouseout,["self"])}),Ne({_:2},[e.prependText!==""?{name:"prepend",fn:C(()=>[E("span",ot,N(e.prependText),1)])}:void 0,e.hasSuffix?void 0:{name:"suffix",fn:C(()=>[E("span",{class:V(["el-input__icon",e.suffixIconShow]),onClick:n[0]||(n[0]=(...t)=>e.clearInput&&e.clearInput(...t)),onMouseover:n[1]||(n[1]=(...t)=>e.suffixIcon2Clear&&e.suffixIcon2Clear(...t)),onMouseout:n[2]||(n[2]=(...t)=>e.suffixIcon2Search&&e.suffixIcon2Search(...t))},null,34)])}]),1040,["modelValue","onFocus","onBlur","onMouseover","onMouseout"])])}var rt=`.es-input[data-v-4da67c3c] { display: inline-block; } .es-input__prepend[data-v-4da67c3c] { color: #9c9eb0; } [data-v-4da67c3c] .el-input { box-sizing: border-box; padding: 5px 12px 0 12px !important; line-height: 21px !important; } [data-v-4da67c3c] .el-input__inner { height: 28px !important; border: 0 !important; color: #282934 !important; line-height: 21px; border-bottom: 1px solid #a7baf1 !important; border-radius: unset !important; padding-right: 18px !important; padding-left: 0px !important; padding-bottom: 6px; } [data-v-4da67c3c] .el-input__suffix { position: absolute; right: 12px; top: 0; } [data-v-4da67c3c] .el-input__icon { line-height: 32px; } [data-v-4da67c3c] .el-input-group__prepend { background-color: unset; border: 0; border-bottom: 1px solid #a7baf1 !important; border-radius: 0; padding-left: 0; line-height: 21px; padding-bottom: 6px; padding-right: 6px; } [data-v-4da67c3c] .el-input__suffix .el-input__suffix-inner .el-input__icon.es-icon-close-line { cursor: pointer; }`;P(rt),K.render=at,K.__scopeId="data-v-4da67c3c",K.__file="components/input/index.vue",K.install=e=>{e.component("es-input",K)};var Y=B({components:{EsButton:te,EsInput:K},props:{showBtm:{type:Array,default:()=>["delete","close","update"]}},emits:["done","close","delete"],setup(e,{slots:n,emit:o}){const s=z(()=>e.showBtm.length),d=z(()=>{var p;return(p=e.showBtm)==null?void 0:p.includes("delete")}),u=z(()=>{var p;return(p=e.showBtm)==null?void 0:p.includes("close")}),i=z(()=>{var p;return(p=e.showBtm)==null?void 0:p.includes("update")});return{btmVisible:s,deleteVisible:d,closeVisible:u,updateVisible:i,slots:n,update:()=>{o("done")},deleteEvt:()=>{o("delete")},close:()=>{o("close")}}}});I("data-v-f553ffa8");const it={class:"es-search-wrapper"},lt={key:0,class:"es-search-wrapper__content"},st={key:1,class:"es-search-wrapper__bottom"},ct={class:"es-search-wrapper__bottom__left"},ut=Z("\u6E05\u7A7A"),dt={class:"es-search-wrapper__bottom__right"},ft=Z("\u5173\u95ED"),pt=Z("\u67E5\u8BE2");j();function bt(e,n,o,s,d,u){const i=T("es-input"),t=T("es-button");return _(),x("div",it,[F(i,ze(Le(e.$attrs)),null,16),e.slots.content?(_(),x("div",lt,[O(e.$slots,"content")])):A("v-if",!0),e.btmVisible?(_(),x("div",st,[E("div",ct,[e.deleteVisible?(_(),J(t,{key:0,type:"error",onClick:e.deleteEvt},{default:C(()=>[ut]),_:1},8,["onClick"])):A("v-if",!0)]),E("div",dt,[e.closeVisible?(_(),J(t,{key:0,plain:"",onClick:e.close},{default:C(()=>[ft]),_:1},8,["onClick"])):A("v-if",!0),e.updateVisible?(_(),J(t,{key:1,class:"es-margin-l--base",onClick:e.update},{default:C(()=>[pt]),_:1},8,["onClick"])):A("v-if",!0)])])):A("v-if",!0)])}var ht=`.es-search-wrapper[data-v-f553ffa8] { display: inline-block; background: #ffffff; flex-direction: column; /* shadow/400 */ box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08); border-radius: 4px; } .es-search-wrapper__content[data-v-f553ffa8] { width: 100%; margin-top: 8px; } .es-search-wrapper__bottom[data-v-f553ffa8] { height: 36px; margin-top: 8px; display: flex; justify-content: space-between; } .es-search-wrapper__bottom__left[data-v-f553ffa8] { margin-left: 12px; } .es-search-wrapper__bottom__right[data-v-f553ffa8] { margin-right: 12px; } [data-v-f553ffa8] .es-input { width: 100%; min-width: 331px; padding: 0 12px; } [data-v-f553ffa8] .el-input-group { display: flex; } [data-v-f553ffa8] .el-input__inner { flex: 1; } [data-v-f553ffa8] .es-option { box-shadow: unset !important; border-radius: unset !important; } [data-v-f553ffa8] .es-option__content__item { width: 100%; box-sizing: border-box; }`;P(ht),Y.render=bt,Y.__scopeId="data-v-f553ffa8",Y.__file="components/search-wrapper/index.vue",Y.install=e=>{e.component("es-search-wrapper",Y)};const ce={labelKey:"label",valueKey:"value",disabledKey:"disabled",childrenKey:"children"},ue={type:Object,default:()=>ce},de={type:Boolean,default:!1},vt=(e=null)=>{const n=R(e);return[n,d=>{n.value=d},()=>n.value]};var mt=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},gt={exports:{}};/*! * clipboard.js v2.0.8 * https://clipboardjs.com/ * * Licensed MIT © Zeno Rocha */(function(e,n){(function(s,d){e.exports=d()})(mt,function(){return function(){var o={134:function(u,i,t){t.d(i,{default:function(){return Me}});var l=t(279),a=t.n(l),p=t(370),m=t.n(p),h=t(817),k=t.n(h);function g(b){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?g=function(r){return typeof r}:g=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},g(b)}function w(b,c){if(!(b instanceof c))throw new TypeError("Cannot call a class as a function")}function f(b,c){for(var r=0;r<c.length;r++){var v=c[r];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(b,v.key,v)}}function S(b,c,r){return c&&f(b.prototype,c),r&&f(b,r),b}var M=function(){function b(c){w(this,b),this.resolveOptions(c),this.initSelection()}return S(b,[{key:"resolveOptions",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=r.action,this.container=r.container,this.emitter=r.emitter,this.target=r.target,this.text=r.text,this.trigger=r.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"createFakeElement",value:function(){var r=document.documentElement.getAttribute("dir")==="rtl";this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[r?"right":"left"]="-9999px";var v=window.pageYOffset||document.documentElement.scrollTop;return this.fakeElem.style.top="".concat(v,"px"),this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.fakeElem}},{key:"selectFake",value:function(){var r=this,v=this.createFakeElement();this.fakeHandlerCallback=function(){return r.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.container.appendChild(v),this.selectedText=k()(v),this.copyText(),this.removeFake()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=k()(this.target),this.copyText()}},{key:"copyText",value:function(){var r;try{r=document.execCommand(this.action)}catch(v){r=!1}this.handleResult(r)}},{key:"handleResult",value:function(r){this.emitter.emit(r?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),document.activeElement.blur(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"copy";if(this._action=r,this._action!=="copy"&&this._action!=="cut")throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(r){if(r!==void 0)if(r&&g(r)==="object"&&r.nodeType===1){if(this.action==="copy"&&r.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if(this.action==="cut"&&(r.hasAttribute("readonly")||r.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);this._target=r}else throw new Error('Invalid "target" value, use a valid Element')},get:function(){return this._target}}]),b}(),ae=M;function X(b){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?X=function(r){return typeof r}:X=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},X(b)}function $e(b,c){if(!(b instanceof c))throw new TypeError("Cannot call a class as a function")}function fe(b,c){for(var r=0;r<c.length;r++){var v=c[r];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(b,v.key,v)}}function Ee(b,c,r){return c&&fe(b.prototype,c),r&&fe(b,r),b}function Ce(b,c){if(typeof c!="function"&&c!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(c&&c.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),c&&re(b,c)}function re(b,c){return re=Object.setPrototypeOf||function(v,y){return v.__proto__=y,v},re(b,c)}function Oe(b){var c=Ae();return function(){var v=ne(b),y;if(c){var $=ne(this).constructor;y=Reflect.construct(v,arguments,$)}else y=v.apply(this,arguments);return Ve(this,y)}}function Ve(b,c){return c&&(X(c)==="object"||typeof c=="function")?c:Te(b)}function Te(b){if(b===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return b}function Ae(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(b){return!1}}function ne(b){return ne=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},ne(b)}function ie(b,c){var r="data-clipboard-".concat(b);if(!!c.hasAttribute(r))return c.getAttribute(r)}var Pe=function(b){Ce(r,b);var c=Oe(r);function r(v,y){var $;return $e(this,r),$=c.call(this),$.resolveOptions(y),$.listenClick(v),$}return Ee(r,[{key:"resolveOptions",value:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof y.action=="function"?y.action:this.defaultAction,this.target=typeof y.target=="function"?y.target:this.defaultTarget,this.text=typeof y.text=="function"?y.text:this.defaultText,this.container=X(y.container)==="object"?y.container:document.body}},{key:"listenClick",value:function(y){var $=this;this.listener=m()(y,"click",function(q){return $.onClick(q)})}},{key:"onClick",value:function(y){var $=y.delegateTarget||y.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new ae({action:this.action($),target:this.target($),text:this.text($),container:this.container,trigger:$,emitter:this})}},{key:"defaultAction",value:function(y){return ie("action",y)}},{key:"defaultTarget",value:function(y){var $=ie("target",y);if($)return document.querySelector($)}},{key:"defaultText",value:function(y){return ie("text",y)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],$=typeof y=="string"?[y]:y,q=!!document.queryCommandSupported;return $.forEach(function(Be){q=q&&!!document.queryCommandSupported(Be)}),q}}]),r}(a()),Me=Pe},828:function(u){var i=9;if(typeof Element!="undefined"&&!Element.prototype.matches){var t=Element.prototype;t.matches=t.matchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector||t.webkitMatchesSelector}function l(a,p){for(;a&&a.nodeType!==i;){if(typeof a.matches=="function"&&a.matches(p))return a;a=a.parentNode}}u.exports=l},438:function(u,i,t){var l=t(828);function a(h,k,g,w,f){var S=m.apply(this,arguments);return h.addEventListener(g,S,f),{destroy:function(){h.removeEventListener(g,S,f)}}}function p(h,k,g,w,f){return typeof h.addEventListener=="function"?a.apply(null,arguments):typeof g=="function"?a.bind(null,document).apply(null,arguments):(typeof h=="string"&&(h=document.querySelectorAll(h)),Array.prototype.map.call(h,function(S){return a(S,k,g,w,f)}))}function m(h,k,g,w){return function(f){f.delegateTarget=l(f.target,k),f.delegateTarget&&w.call(h,f)}}u.exports=p},879:function(u,i){i.node=function(t){return t!==void 0&&t instanceof HTMLElement&&t.nodeType===1},i.nodeList=function(t){var l=Object.prototype.toString.call(t);return t!==void 0&&(l==="[object NodeList]"||l==="[object HTMLCollection]")&&"length"in t&&(t.length===0||i.node(t[0]))},i.string=function(t){return typeof t=="string"||t instanceof String},i.fn=function(t){var l=Object.prototype.toString.call(t);return l==="[object Function]"}},370:function(u,i,t){var l=t(879),a=t(438);function p(g,w,f){if(!g&&!w&&!f)throw new Error("Missing required arguments");if(!l.string(w))throw new TypeError("Second argument must be a String");if(!l.fn(f))throw new TypeError("Third argument must be a Function");if(l.node(g))return m(g,w,f);if(l.nodeList(g))return h(g,w,f);if(l.string(g))return k(g,w,f);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function m(g,w,f){return g.addEventListener(w,f),{destroy:function(){g.removeEventListener(w,f)}}}function h(g,w,f){return Array.prototype.forEach.call(g,function(S){S.addEventListener(w,f)}),{destroy:function(){Array.prototype.forEach.call(g,function(S){S.removeEventListener(w,f)})}}}function k(g,w,f){return a(document.body,g,w,f)}u.exports=p},817:function(u){function i(t){var l;if(t.nodeName==="SELECT")t.focus(),l=t.value;else if(t.nodeName==="INPUT"||t.nodeName==="TEXTAREA"){var a=t.hasAttribute("readonly");a||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),a||t.removeAttribute("readonly"),l=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var p=window.getSelection(),m=document.createRange();m.selectNodeContents(t),p.removeAllRanges(),p.addRange(m),l=p.toString()}return l}u.exports=i},279:function(u){function i(){}i.prototype={on:function(t,l,a){var p=this.e||(this.e={});return(p[t]||(p[t]=[])).push({fn:l,ctx:a}),this},once:function(t,l,a){var p=this;function m(){p.off(t,m),l.apply(a,arguments)}return m._=l,this.on(t,m,a)},emit:function(t){var l=[].slice.call(arguments,1),a=((this.e||(this.e={}))[t]||[]).slice(),p=0,m=a.length;for(p;p<m;p++)a[p].fn.apply(a[p].ctx,l);return this},off:function(t,l){var a=this.e||(this.e={}),p=a[t],m=[];if(p&&l)for(var h=0,k=p.length;h<k;h++)p[h].fn!==l&&p[h].fn._!==l&&m.push(p[h]);return m.length?a[t]=m:delete a[t],this}},u.exports=i,u.exports.TinyEmitter=i}},s={};function d(u){if(s[u])return s[u].exports;var i=s[u]={exports:{}};return o[u](i,i.exports,d),i.exports}return function(){d.n=function(u){var i=u&&u.__esModule?function(){return u.default}:function(){return u};return d.d(i,{a:i}),i}}(),function(){d.d=function(u,i){for(var t in i)d.o(i,t)&&!d.o(u,t)&&Object.defineProperty(u,t,{enumerable:!0,get:i[t]})}}(),function(){d.o=function(u,i){return Object.prototype.hasOwnProperty.call(u,i)}}(),d(134)}().default})})(gt);var yt=Object.defineProperty,_t=Object.defineProperties,kt=Object.getOwnPropertyDescriptors,me=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,wt=Object.prototype.propertyIsEnumerable,ge=(e,n,o)=>n in e?yt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,St=(e,n)=>{for(var o in n||(n={}))xt.call(n,o)&&ge(e,o,n[o]);if(me)for(var o of me(n))wt.call(n,o)&&ge(e,o,n[o]);return e},$t=(e,n)=>_t(e,kt(n)),H=B({props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelText:{type:String,default:""},indeterminate:Boolean},emits:["update:modelValue","change","select"],setup(e,n){const{emit:o}=n,s=pe({checked:e.modelValue,indeterminate:e.indeterminate}),{modelValue:d,disabled:u}=se(e),i=t=>{if(u.value)return;const l=!d.value;s.indeterminate?(s.checked=!0,s.indeterminate=!1):(s.checked=!s.checked,s.checked&&(s.indeterminate=!1)),o("select",{e:t,data:l}),o("update:modelValue",l)};return L(d,(t,l)=>{t!==l&&(s.checked=t,o("change",t))}),L(()=>s.indeterminate,()=>{s.indeterminate&&(s.checked=!1)}),$t(St({},se(s)),{toggleChecked:i})}});I("data-v-ab10b2fe");const Et=["checked"],Ct={class:"es-checkbox__name"};j();function Ot(e,n,o,s,d,u){return _(),x("label",{class:V(["es-checkbox",{"is-disabled":e.disabled}]),onClick:n[0]||(n[0]=le((...i)=>e.toggleChecked&&e.toggleChecked(...i),["prevent"]))},[E("span",{class:V(["es-checkbox__label",{"is-checked":e.checked,"is-disabled":e.disabled,"is-indeterminate":e.indeterminate}])},null,2),E("input",{class:"es-checkbox__value",type:"checkbox",checked:e.checked},null,8,Et),E("span",Ct,[O(e.$slots,"default",{},()=>[Z(N(e.labelText),1)])])],2)}var Vt=`.es-checkbox[data-v-ab10b2fe] { height: 22px; line-height: 22px; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: inline-block; } .es-checkbox.is-disabled[data-v-ab10b2fe] { cursor: not-allowed; } .es-checkbox:hover .es-checkbox__label[data-v-ab10b2fe] { border-color: #1b9dde; } .es-checkbox:hover .es-checkbox__label.is-disabled[data-v-ab10b2fe] { border-color: #e4e7ec; } .es-checkbox__label[data-v-ab10b2fe] { width: 16px; height: 16px; background: #ffffff; border: 1px solid #e4e7ec; box-sizing: border-box; border-radius: 2px; display: inline-block; position: relative; vertical-align: middle; } .es-checkbox__label[data-v-ab10b2fe]::after { content: ""; position: absolute; width: 1px; height: 9px; left: 8px; top: 3px; background: #ffffff; border-radius: 1px; -webkit-transform-origin: center; transform-origin: center; } .es-checkbox__label[data-v-ab10b2fe]::before { content: ""; position: absolute; width: 1px; height: 4px; left: 4px; top: 7px; background: #ffffff; border-radius: 1px; -webkit-transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(0); transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(0); -webkit-transform-origin: center; transform-origin: center; } .es-checkbox__label.is-checked[data-v-ab10b2fe] { background: #148dd2; border: 0; } .es-checkbox__label.is-checked[data-v-ab10b2fe]::before { -webkit-transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(1); transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(1); } .es-checkbox__label.is-checked[data-v-ab10b2fe]::after { -webkit-transform: rotate(42deg) scaleY(1); transform: rotate(42deg) scaleY(1); } .es-checkbox__label.is-indeterminate[data-v-ab10b2fe] { background-color: #148dd2; border-color: #148dd2; } .es-checkbox__label.is-indeterminate[data-v-ab10b2fe]::before { content: ""; position: absolute; display: block; background-color: #fff; width: 14px; height: 3px; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; right: 0; top: 5px; } .es-checkbox__label.is-indeterminate[data-v-ab10b2fe]::after { display: none; } .es-checkbox__label.is-disabled[data-v-ab10b2fe] { background: #f5f7fa; border: 1px solid #e4e7ec; } .es-checkbox__label.is-disabled ~ span.es-checkbox__name[data-v-ab10b2fe] { color: #a3a9b3; } .es-checkbox__label.is-checked.is-disabled[data-v-ab10b2fe]::before { background: #a3a9b3; -webkit-transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(1); transform: matrix(-0.74, 0.67, 0.67, 0.74, 0, 0) scaleY(1); } .es-checkbox__label.is-checked.is-disabled[data-v-ab10b2fe]::after { background: #a3a9b3; -webkit-transform: rotate(42deg) scaleY(1); transform: rotate(42deg) scaleY(1); } .es-checkbox__value[data-v-ab10b2fe] { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; } .es-checkbox__name[data-v-ab10b2fe] { height: 22px; color: #515c70; font-family: PingFangSC; font-size: 14px; line-height: 22px; margin-left: 8px; vertical-align: middle; }`;P(Vt),H.render=Ot,H.__scopeId="data-v-ab10b2fe",H.__file="components/checkbox/index.vue",H.install=e=>{e.component("es-checkbox",H)};var Tt=Object.defineProperty,ye=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,Pt=Object.prototype.propertyIsEnumerable,_e=(e,n,o)=>n in e?Tt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,ke=(e,n)=>{for(var o in n||(n={}))At.call(n,o)&&_e(e,o,n[o]);if(ye)for(var o of ye(n))Pt.call(n,o)&&_e(e,o,n[o]);return e},U=B({components:{EsCheckbox:H},props:{styles:{type:Object,default:()=>({})},modelValue:{type:[Array,String,Number],default:""},keyConfig:ue,source:{type:Object,default:()=>[]},multiple:de,showCheckBox:{type:Boolean,default:!0},maxLen:{type:Number,default:10}},emits:["change","select","update:modelValue"],setup(e,{emit:n}){const{valueKey:o,labelKey:s,disabledKey:d,childrenKey:u}=ke(ke({},ce),e.keyConfig),i=h=>{if(h=ee(h),!e.multiple)return new Set([h]);const k=Array.isArray(h);return new Set(k?[...h]:[h])},[t]=vt(i(e.modelValue)),l=z(()=>e.multiple?[...t.value]:[...t.value][0]);return L(()=>e.modelValue,(h,k)=>{Ye(h,k)||(t.value=i(h))}),{active:t,isActived:h=>t.value.has(h[o]),toggleActived:h=>{const k=h[o];e.multiple?t.value.has(k)?t.value.delete(k):t.value.add(k):t.value=new Set([k]);const g=l.value;n("select",{item:h,value:g}),n("change",l.value),n("update:modelValue",g)},valueKey:o,labelKey:s,disabledKey:d,childrenKey:u,emitValue:l,useShow:h=>Reflect.has(h,"show")?h.show:!0}}});I("data-v-bfbc4d1a");const Mt={class:"es-option__content"},Bt=["onClick"],It={key:1,class:"es-option__content__item__label"},jt={key:1,class:"es-option__content__no-source"};j();function Nt(e,n,o,s,d,u){const i=T("es-checkbox");return _(),x("div",{class:"es-option",style:Q(e.styles)},[E("div",Mt,[e.source&&e.source.length?(_(!0),x(be,{key:0},he(e.source,(t,l)=>Re((_(),x("div",{class:V(["es-option__content__item",{active:e.isActived(t)}]),key:t[e.valueKey],onClick:a=>e.toggleActived(t)},[O(e.$slots,"default",{item:t,active:e.emitValue},()=>[e.multiple&&e.showCheckBox?(_(),J(i,{key:0,class:"es-option__content__item__checkbox",modelValue:e.isActived(t)},{default:C(()=>[Z(N(t[e.labelKey]),1)]),_:2},1032,["modelValue"])):(_(),x("span",It,N(t[e.labelKey]),1))])],10,Bt)),[[Fe,e.useShow(t)&&l+1<=e.maxLen]])),128)):(_(),x("div",jt,"\u6682\u65E0\u6570\u636E"))])],4)}var zt=`.es-option[data-v-bfbc4d1a] { display: inline-block; width: 100%; background: #ffffff; box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08); border-radius: 4px; } .es-option__content[data-v-bfbc4d1a] { display: flex; flex-direction: column; } .es-option__content__no-source[data-v-bfbc4d1a] { display: flex; align-items: center; justify-content: center; color: #bbbcc9; } .es-option__content__item[data-v-bfbc4d1a] { display: flex; align-items: center; color: #3e4051; line-height: 21px; min-width: 331px; font-size: 14px; margin-top: 1px; cursor: pointer; padding: 6px 12px 5px 12px; } .es-option__content__item.active[data-v-bfbc4d1a] { background: #eaf1ff; color: #282934; font-weight: 600; } .es-option__content__item[data-v-bfbc4d1a]:hover { background: #eaf1ff; }`;P(zt),U.render=Nt,U.__scopeId="data-v-bfbc4d1a",U.__file="components/option/index.vue",U.install=e=>{e.component("es-option",U)};var Lt=(e,n,o)=>new Promise((s,d)=>{var u=l=>{try{t(o.next(l))}catch(a){d(a)}},i=l=>{try{t(o.throw(l))}catch(a){d(a)}},t=l=>l.done?s(l.value):Promise.resolve(l.value).then(u,i);t((o=o.apply(e,n)).next())}),G=B({components:{EsOption:U},props:{styles:{type:Object,default:()=>({})},modelValue:{type:Array,default:()=>[]},keyConfig:ue,source:{type:Object,default:()=>[]},multiple:de,showCheckBox:{type:Boolean,default:!0}},emits:["change","select","update:modelValue"],setup(e,{emit:n}){function o(){var i,t;return Array((t=(i=e.source)==null?void 0:i.length)!=null?t:1).fill([])}const s=R(o());return L(()=>e.modelValue,i=>{s.value=i},{immediate:!0}),{valueChangeEvt:()=>Lt(this,null,function*(){yield ve(),n("change",ee(s.value)),n("update:modelValue",ee(s.value))}),groupSelectedValue:s,selectEvt:(i,{item:t})=>{n("select",{item:ee(t),value:ee(s.value),index:i})}}}});I("data-v-6706db65");const Rt={class:"es-option-group__content__title"};j();function Ft(e,n,o,s,d,u){const i=T("es-option");return _(),x("div",{class:"es-option-group",style:Q(e.styles)},[(_(!0),x(be,null,he(e.source,(t,l)=>(_(),x("div",{class:"es-option-group__content",key:t.value},[E("div",Rt,N(t.title),1),F(i,{source:t.source,multiple:e.multiple,modelValue:e.groupSelectedValue[l],"onUpdate:modelValue":a=>e.groupSelectedValue[l]=a,onChange:e.valueChangeEvt,onSelect:a=>e.selectEvt(l,a),keyConfig:e.keyConfig,showCheckBox:e.showCheckBox},{default:C(({item:a})=>[O(e.$slots,"default",{item:a,value:e.groupSelectedValue})]),_:2},1032,["source","multiple","modelValue","onUpdate:modelValue","onChange","onSelect","keyConfig","showCheckBox"])]))),128))],4)}var Dt=`.es-option-group[data-v-6706db65] { display: inline-block; width: 100%; background: #ffffff; box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08); border-radius: 4px; padding: 8px 0; } .es-option-group__content[data-v-6706db65] { display: flex; flex-direction: column; } .es-option-group__content:nth-of-type(1) .es-option-group__content__title[data-v-6706db65] { margin-top: 0; } .es-option-group__content__title[data-v-6706db65] { color: #5c5e70; font-size: 12px; padding: 0 12px; line-height: 18px; margin-bottom: 8px; margin-top: 15px; } .es-option-group__content__item[data-v-6706db65] { display: flex; align-items: center; color: #3e4051; line-height: 21px; min-width: 331px; font-size: 14px; margin-top: 1px; cursor: pointer; padding: 6px 12px 5px 12px; } .es-option-group__content__item.active[data-v-6706db65] { background: #eaf1ff; color: #282934; font-weight: 600; } [data-v-6706db65] .es-option { box-shadow: unset; }`;P(Dt),G.render=Ft,G.__scopeId="data-v-6706db65",G.__file="components/option-group/index.vue",G.install=e=>{e.component("es-option-group",G)};var Kt=Object.defineProperty,Yt=Object.defineProperties,Ht=Object.getOwnPropertyDescriptors,xe=Object.getOwnPropertySymbols,Ut=Object.prototype.hasOwnProperty,Gt=Object.prototype.propertyIsEnumerable,we=(e,n,o)=>n in e?Kt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,oe=(e,n)=>{for(var o in n||(n={}))Ut.call(n,o)&&we(e,o,n[o]);if(xe)for(var o of xe(n))Gt.call(n,o)&&we(e,o,n[o]);return e},Se=(e,n)=>Yt(e,Ht(n)),W=B({components:{EsSearchLabel:D,EsSearchWrapper:Y,EsOptionGroup:G},props:{label:[String,Number],modelValue:Array,placeholder:String,prependText:String,defaultValue:{type:String,default:""},source:Array,multiple:de,keyConfig:ue,showBtm:Array},emits:["done","close","clear","update:modelValue","change"],setup(e,{emit:n}){const o=e.multiple,s=oe(oe({},ce),e.keyConfig),{labelKey:d,valueKey:u}=s,i=(f=[],S=o?[]:"")=>{if(!o){const M=f.find(ae=>ae[u]===S);return M&&M[d]||""}return f.filter(M=>S.includes(M[u])).map(M=>M[d]).join("\uFF0C")};let t=e.source||[];const l=e.modelValue||o&&Array(t.length||1).fill([])||[],a=pe({inputModel:"",sourceModel:t,selectedModel:l,labelModel:i(t,l)}),p=()=>{a.sourceModel=t.map(f=>Se(oe({},f),{source:f.source.filter(S=>S.show!==!1&&S[d].includes(a.inputModel))}))};L(()=>e.source,f=>{t=f||[],a.sourceModel=f||[]}),L(()=>e.modelValue,f=>{a.selectedModel=f||o&&Array(t.length||1).fill([])||[],p()}),L(()=>a.inputModel,f=>{if(!f){a.sourceModel=t;return}p()});const m=f=>{a.labelModel=i(e.source,a.selectedModel),a.inputModel="",n("update:modelValue",a.selectedModel),n("done",a.selectedModel),f&&f()},h=f=>{a.selectedModel=o&&Array(t.length||1).fill([])||[],a.inputModel="",a.labelModel="",n("update:modelValue",a.selectedModel),n("clear",a.selectedModel),f&&f()},k=f=>{a.inputModel="",n("close",a.selectedModel),f&&f()},g=()=>{a.selectedModel=e.modelValue||o&&Array(t.length||1).fill([])||[]},w=(f,S)=>{ve(S.update),n("change",f)};return Se(oe({},se(a)),{panelOpen:g,done:m,deleteEvt:h,close:k,selectChange:w})}});I("data-v-6bb09004");const Wt={class:"es-search-option-group"};j();function Xt(e,n,o,s,d,u){const i=T("es-option-group"),t=T("es-search-wrapper"),l=T("es-search-label");return _(),x("div",Wt,[F(l,{label:e.label,value:e.labelModel||e.defaultValue,onOpen:e.panelOpen,onClose:e.close},{main:C(()=>[O(e.$slots,"main")]),panel:C(({closePanel:a,popoverEl:p})=>[F(t,{placeholder:e.placeholder,prependText:e.prependText,showBtm:e.showBtm,onDone:m=>e.done(a),onDelete:m=>e.deleteEvt(a),onClose:m=>e.close(a),modelValue:e.inputModel,"onUpdate:modelValue":n[1]||(n[1]=m=>e.inputModel=m)},{content:C(()=>[F(i,{modelValue:e.selectedModel,"onUpdate:modelValue":n[0]||(n[0]=m=>e.selectedModel=m),source:e.sourceModel,multiple:e.multiple,keyConfig:e.keyConfig,onChange:m=>e.selectChange(m,p)},null,8,["modelValue","source","multiple","keyConfig","onChange"])]),_:2},1032,["placeholder","prependText","showBtm","onDone","onDelete","onClose","modelValue"])]),_:3},8,["label","value","onOpen","onClose"])])}var qt=`[data-v-6bb09004] .es-option-group { box-shadow: unset; border-radius: unset; }`;P(qt),W.render=Xt,W.__scopeId="data-v-6bb09004",W.__file="components/search-option-group/index.vue",W.install=e=>{e.component("es-search-option-group",W)};export{W as default};