UNPKG

eslink-ui-plus

Version:

vue3 component library, css framework

323 lines (322 loc) 33.8 kB
import{ref as W,defineComponent as M,pushScopeId as L,popScopeId as z,resolveComponent as P,openBlock as k,createBlock as X,withCtx as C,createElementVNode as $,normalizeClass as O,normalizeStyle as ne,renderSlot as T,createElementBlock as S,toDisplayString as I,useCssVars as Te,createCommentVNode as V,computed as j,createVNode as q,mergeProps as Ve,withModifiers as re,createSlots as Ae,normalizeProps as Pe,guardReactiveProps as Me,createTextVNode as J,reactive as ue,toRefs as ie,watch as R,toRaw as Ie,Fragment as je,renderList as Ne,withDirectives as Be,vShow as Le,nextTick as ze}from"vue";import{ElPopover as Re,ElInput as Fe}from"element-plus";import{isEqual as De}from"lodash-es";const le={labelKey:"label",valueKey:"value",disabledKey:"disabled",childrenKey:"children"},de={type:Object,default:()=>le},fe={type:Boolean,default:!1},Ke=(e=null)=>{const n=W(e);return[n,d=>{n.value=d},()=>n.value]};var Ye=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},He={exports:{}};/*! * clipboard.js v2.0.8 * https://clipboardjs.com/ * * Licensed MIT © Zeno Rocha */(function(e,n){(function(c,d){e.exports=d()})(Ye,function(){return function(){var o={134:function(u,i,t){t.d(i,{default:function(){return Ce}});var s=t(279),r=t.n(s),f=t(370),y=t.n(f),h=t(817),x=t.n(h);function g(b){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?g=function(a){return typeof a}:g=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},g(b)}function p(b,l){if(!(b instanceof l))throw new TypeError("Cannot call a class as a function")}function m(b,l){for(var a=0;a<l.length;a++){var v=l[a];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(b,v.key,v)}}function w(b,l,a){return l&&m(b.prototype,l),a&&m(b,a),b}var B=function(){function b(l){p(this,b),this.resolveOptions(l),this.initSelection()}return w(b,[{key:"resolveOptions",value:function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=a.action,this.container=a.container,this.emitter=a.emitter,this.target=a.target,this.text=a.text,this.trigger=a.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"createFakeElement",value:function(){var a=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[a?"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 a=this,v=this.createFakeElement();this.fakeHandlerCallback=function(){return a.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.container.appendChild(v),this.selectedText=x()(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=x()(this.target),this.copyText()}},{key:"copyText",value:function(){var a;try{a=document.execCommand(this.action)}catch(v){a=!1}this.handleResult(a)}},{key:"handleResult",value:function(a){this.emitter.emit(a?"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 a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"copy";if(this._action=a,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(a){if(a!==void 0)if(a&&g(a)==="object"&&a.nodeType===1){if(this.action==="copy"&&a.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if(this.action==="cut"&&(a.hasAttribute("readonly")||a.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);this._target=a}else throw new Error('Invalid "target" value, use a valid Element')},get:function(){return this._target}}]),b}(),U=B;function A(b){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?A=function(a){return typeof a}:A=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},A(b)}function ee(b,l){if(!(b instanceof l))throw new TypeError("Cannot call a class as a function")}function ce(b,l){for(var a=0;a<l.length;a++){var v=l[a];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(b,v.key,v)}}function _e(b,l,a){return l&&ce(b.prototype,l),a&&ce(b,a),b}function ke(b,l){if(typeof l!="function"&&l!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(l&&l.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),l&&oe(b,l)}function oe(b,l){return oe=Object.setPrototypeOf||function(v,_){return v.__proto__=_,v},oe(b,l)}function xe(b){var l=Ee();return function(){var v=te(b),_;if(l){var E=te(this).constructor;_=Reflect.construct(v,arguments,E)}else _=v.apply(this,arguments);return we(this,_)}}function we(b,l){return l&&(A(l)==="object"||typeof l=="function")?l:Se(b)}function Se(b){if(b===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return b}function Ee(){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 te(b){return te=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},te(b)}function ae(b,l){var a="data-clipboard-".concat(b);if(!!l.hasAttribute(a))return l.getAttribute(a)}var $e=function(b){ke(a,b);var l=xe(a);function a(v,_){var E;return ee(this,a),E=l.call(this),E.resolveOptions(_),E.listenClick(v),E}return _e(a,[{key:"resolveOptions",value:function(){var _=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof _.action=="function"?_.action:this.defaultAction,this.target=typeof _.target=="function"?_.target:this.defaultTarget,this.text=typeof _.text=="function"?_.text:this.defaultText,this.container=A(_.container)==="object"?_.container:document.body}},{key:"listenClick",value:function(_){var E=this;this.listener=y()(_,"click",function(G){return E.onClick(G)})}},{key:"onClick",value:function(_){var E=_.delegateTarget||_.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new U({action:this.action(E),target:this.target(E),text:this.text(E),container:this.container,trigger:E,emitter:this})}},{key:"defaultAction",value:function(_){return ae("action",_)}},{key:"defaultTarget",value:function(_){var E=ae("target",_);if(E)return document.querySelector(E)}},{key:"defaultText",value:function(_){return ae("text",_)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var _=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],E=typeof _=="string"?[_]:_,G=!!document.queryCommandSupported;return E.forEach(function(Oe){G=G&&!!document.queryCommandSupported(Oe)}),G}}]),a}(r()),Ce=$e},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 s(r,f){for(;r&&r.nodeType!==i;){if(typeof r.matches=="function"&&r.matches(f))return r;r=r.parentNode}}u.exports=s},438:function(u,i,t){var s=t(828);function r(h,x,g,p,m){var w=y.apply(this,arguments);return h.addEventListener(g,w,m),{destroy:function(){h.removeEventListener(g,w,m)}}}function f(h,x,g,p,m){return typeof h.addEventListener=="function"?r.apply(null,arguments):typeof g=="function"?r.bind(null,document).apply(null,arguments):(typeof h=="string"&&(h=document.querySelectorAll(h)),Array.prototype.map.call(h,function(w){return r(w,x,g,p,m)}))}function y(h,x,g,p){return function(m){m.delegateTarget=s(m.target,x),m.delegateTarget&&p.call(h,m)}}u.exports=f},879:function(u,i){i.node=function(t){return t!==void 0&&t instanceof HTMLElement&&t.nodeType===1},i.nodeList=function(t){var s=Object.prototype.toString.call(t);return t!==void 0&&(s==="[object NodeList]"||s==="[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 s=Object.prototype.toString.call(t);return s==="[object Function]"}},370:function(u,i,t){var s=t(879),r=t(438);function f(g,p,m){if(!g&&!p&&!m)throw new Error("Missing required arguments");if(!s.string(p))throw new TypeError("Second argument must be a String");if(!s.fn(m))throw new TypeError("Third argument must be a Function");if(s.node(g))return y(g,p,m);if(s.nodeList(g))return h(g,p,m);if(s.string(g))return x(g,p,m);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function y(g,p,m){return g.addEventListener(p,m),{destroy:function(){g.removeEventListener(p,m)}}}function h(g,p,m){return Array.prototype.forEach.call(g,function(w){w.addEventListener(p,m)}),{destroy:function(){Array.prototype.forEach.call(g,function(w){w.removeEventListener(p,m)})}}}function x(g,p,m){return r(document.body,g,p,m)}u.exports=f},817:function(u){function i(t){var s;if(t.nodeName==="SELECT")t.focus(),s=t.value;else if(t.nodeName==="INPUT"||t.nodeName==="TEXTAREA"){var r=t.hasAttribute("readonly");r||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),r||t.removeAttribute("readonly"),s=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var f=window.getSelection(),y=document.createRange();y.selectNodeContents(t),f.removeAllRanges(),f.addRange(y),s=f.toString()}return s}u.exports=i},279:function(u){function i(){}i.prototype={on:function(t,s,r){var f=this.e||(this.e={});return(f[t]||(f[t]=[])).push({fn:s,ctx:r}),this},once:function(t,s,r){var f=this;function y(){f.off(t,y),s.apply(r,arguments)}return y._=s,this.on(t,y,r)},emit:function(t){var s=[].slice.call(arguments,1),r=((this.e||(this.e={}))[t]||[]).slice(),f=0,y=r.length;for(f;f<y;f++)r[f].fn.apply(r[f].ctx,s);return this},off:function(t,s){var r=this.e||(this.e={}),f=r[t],y=[];if(f&&s)for(var h=0,x=f.length;h<x;h++)f[h].fn!==s&&f[h].fn._!==s&&y.push(f[h]);return y.length?r[t]=y:delete r[t],this}},u.exports=i,u.exports.TinyEmitter=i}},c={};function d(u){if(c[u])return c[u].exports;var i=c[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})})(He);var F=M({components:{ElPopover:Re},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 c=W(!1),d=W(null);return{panelVisible:c,closePanel:()=>{c.value=!1},slots:o,popoverEl:d,emit:n}}});L("data-v-8823a666");const Ue={key:1,class:"es-search-label__container"},Ge={key:0,class:"es-search-label__container__label"},We={key:1,class:"es-search-label__container__label"},Xe={key:2,class:"es-search-label__container__value"},qe={key:3,class:"es-search-label__container__value"},Je=$("div",{class:"es-search-label__container__icon es-icon-arrow-down-s-fill"},null,-1);z();function Qe(e,n,o,c,d,u){const i=P("el-popover");return k(),X(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(()=>[$("div",{class:O(["es-search-label",e.class]),style:ne(e.styles)},[e.slots.main?T(e.$slots,"main",{key:0}):(k(),S("div",Ue,[e.slots.label?(k(),S("div",Ge,[T(e.$slots,"label")])):(k(),S("div",We,I(e.label),1)),e.slots.value?(k(),S("div",Xe,[T(e.$slots,"value")])):(k(),S("div",qe,I(e.value),1)),Je]))],6)]),default:C(()=>[$("div",{class:O(["es-search-label__slot",e.panelClass])},[T(e.$slots,"panel",{closePanel:e.closePanel,popoverEl:e.popoverEl})],2)]),_:3},8,["popper-class","visible"])}function N(e,n){n===void 0&&(n={});var o=n.insertAt;if(!(!e||typeof document=="undefined")){var c=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css",o==="top"&&c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.appendChild(document.createTextNode(e))}}var Ze=`.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; }`;N(Ze);var et=`.el-popover--no-padding { padding: 0 !important; } .el-popover.el-popper { min-width: unset !important; } .el-popper__arrow { display: none; }`;N(et),F.render=Qe,F.__scopeId="data-v-8823a666",F.__file="components/search-label/index.vue",F.install=e=>{e.component("es-search-label",F)},L("data-v-2ca3eff0");const tt={key:2,class:"button__text"};z();var Q=M({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 Te(o=>({"2ca3eff0-fontColor":e.fontColor})),(o,c)=>e.type==="icon"?(k(),S("button",{key:0,class:"button__icon es-cursor--pointer",style:ne(e.styles),onClick:c[0]||(c[0]=d=>n("click"))},[$("i",{class:O(e.icon)},null,2)],4)):(k(),S("button",{key:1,class:O(["button",[e.type,{plain:e.plain}]]),style:ne(e.styles),onClick:c[1]||(c[1]=d=>n("click"))},[e.iconBefore===""?T(o.$slots,"before",{key:0}):V("v-if",!0),e.iconBefore!==""?(k(),S("i",{key:1,class:O(["icon",e.iconBefore])},null,2)):V("v-if",!0),e.text!==""?(k(),S("span",tt,I(e.text),1)):T(o.$slots,"default",{key:3}),e.iconAfter!==""?(k(),S("i",{key:4,class:O(["icon",e.iconAfter])},null,2)):V("v-if",!0),e.iconAfter===""?T(o.$slots,"after",{key:5}):V("v-if",!0)],6))}}),nt=`.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); }`;N(nt),Q.__scopeId="data-v-2ca3eff0",Q.__file="components/button/index.vue",Q.install=e=>{e.component("es-button",Q)};var D=M({components:{ElInput:Fe},props:{prependText:{type:String,default:""},modelValue:{type:String,default:""},hasSuffix:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const o=W("es-icon-search-line"),c=W(!1),d=j({get(){return e.modelValue},set(x){n("update:modelValue",x)}}),u=()=>{o.value="es-icon-close-line"},i=()=>{o.value="es-icon-search-line"},t=()=>{d.value=""},s=()=>{c.value=!0,u()},r=()=>{u()},f=()=>{c.value||i()},y=()=>{c.value=!1,i()},h=j(()=>d.value===""?"es-icon-search-line":o.value);return{suffixIcon:o,suffixIcon2Clear:u,suffixIcon2Search:i,clearInput:t,suffixIconShow:h,inputModel:d,blur:y,focus:s,mouseout:f,mouseover:r}}});L("data-v-4da67c3c");const ot={class:"es-input"},at={class:"es-input__prepend"};z();function rt(e,n,o,c,d,u){const i=P("el-input");return k(),S("div",ot,[q(i,Ve(e.$attrs,{modelValue:e.inputModel,"onUpdate:modelValue":n[3]||(n[3]=t=>e.inputModel=t),onFocus:e.focus,onBlur:e.blur,onMouseover:re(e.mouseover,["self"]),onMouseout:re(e.mouseout,["self"])}),Ae({_:2},[e.prependText!==""?{name:"prepend",fn:C(()=>[$("span",at,I(e.prependText),1)])}:void 0,e.hasSuffix?void 0:{name:"suffix",fn:C(()=>[$("span",{class:O(["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 it=`.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; }`;N(it),D.render=rt,D.__scopeId="data-v-4da67c3c",D.__file="components/input/index.vue",D.install=e=>{e.component("es-input",D)};var K=M({components:{EsButton:Q,EsInput:D},props:{showBtm:{type:Array,default:()=>["delete","close","update"]}},emits:["done","close","delete"],setup(e,{slots:n,emit:o}){const c=j(()=>e.showBtm.length),d=j(()=>{var f;return(f=e.showBtm)==null?void 0:f.includes("delete")}),u=j(()=>{var f;return(f=e.showBtm)==null?void 0:f.includes("close")}),i=j(()=>{var f;return(f=e.showBtm)==null?void 0:f.includes("update")});return{btmVisible:c,deleteVisible:d,closeVisible:u,updateVisible:i,slots:n,update:()=>{o("done")},deleteEvt:()=>{o("delete")},close:()=>{o("close")}}}});L("data-v-f553ffa8");const lt={class:"es-search-wrapper"},st={key:0,class:"es-search-wrapper__content"},ct={key:1,class:"es-search-wrapper__bottom"},ut={class:"es-search-wrapper__bottom__left"},dt=J("\u6E05\u7A7A"),ft={class:"es-search-wrapper__bottom__right"},pt=J("\u5173\u95ED"),bt=J("\u67E5\u8BE2");z();function ht(e,n,o,c,d,u){const i=P("es-input"),t=P("es-button");return k(),S("div",lt,[q(i,Pe(Me(e.$attrs)),null,16),e.slots.content?(k(),S("div",st,[T(e.$slots,"content")])):V("v-if",!0),e.btmVisible?(k(),S("div",ct,[$("div",ut,[e.deleteVisible?(k(),X(t,{key:0,type:"error",onClick:e.deleteEvt},{default:C(()=>[dt]),_:1},8,["onClick"])):V("v-if",!0)]),$("div",ft,[e.closeVisible?(k(),X(t,{key:0,plain:"",onClick:e.close},{default:C(()=>[pt]),_:1},8,["onClick"])):V("v-if",!0),e.updateVisible?(k(),X(t,{key:1,class:"es-margin-l--base",onClick:e.update},{default:C(()=>[bt]),_:1},8,["onClick"])):V("v-if",!0)])])):V("v-if",!0)])}var vt=`.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; }`;N(vt),K.render=ht,K.__scopeId="data-v-f553ffa8",K.__file="components/search-wrapper/index.vue",K.install=e=>{e.component("es-search-wrapper",K)};var mt=Object.defineProperty,yt=Object.defineProperties,gt=Object.getOwnPropertyDescriptors,pe=Object.getOwnPropertySymbols,_t=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,be=(e,n,o)=>n in e?mt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,xt=(e,n)=>{for(var o in n||(n={}))_t.call(n,o)&&be(e,o,n[o]);if(pe)for(var o of pe(n))kt.call(n,o)&&be(e,o,n[o]);return e},wt=(e,n)=>yt(e,gt(n)),Y=M({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,c=ue({checked:e.modelValue,indeterminate:e.indeterminate}),{modelValue:d,disabled:u}=ie(e),i=t=>{if(u.value)return;const s=!d.value;c.indeterminate?(c.checked=!0,c.indeterminate=!1):(c.checked=!c.checked,c.checked&&(c.indeterminate=!1)),o("select",{e:t,data:s}),o("update:modelValue",s)};return R(d,(t,s)=>{t!==s&&(c.checked=t,o("change",t))}),R(()=>c.indeterminate,()=>{c.indeterminate&&(c.checked=!1)}),wt(xt({},ie(c)),{toggleChecked:i})}});L("data-v-ab10b2fe");const St=["checked"],Et={class:"es-checkbox__name"};z();function $t(e,n,o,c,d,u){return k(),S("label",{class:O(["es-checkbox",{"is-disabled":e.disabled}]),onClick:n[0]||(n[0]=re((...i)=>e.toggleChecked&&e.toggleChecked(...i),["prevent"]))},[$("span",{class:O(["es-checkbox__label",{"is-checked":e.checked,"is-disabled":e.disabled,"is-indeterminate":e.indeterminate}])},null,2),$("input",{class:"es-checkbox__value",type:"checkbox",checked:e.checked},null,8,St),$("span",Et,[T(e.$slots,"default",{},()=>[J(I(e.labelText),1)])])],2)}var Ct=`.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; }`;N(Ct),Y.render=$t,Y.__scopeId="data-v-ab10b2fe",Y.__file="components/checkbox/index.vue",Y.install=e=>{e.component("es-checkbox",Y)};var Ot=Object.defineProperty,he=Object.getOwnPropertySymbols,Tt=Object.prototype.hasOwnProperty,Vt=Object.prototype.propertyIsEnumerable,ve=(e,n,o)=>n in e?Ot(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,me=(e,n)=>{for(var o in n||(n={}))Tt.call(n,o)&&ve(e,o,n[o]);if(he)for(var o of he(n))Vt.call(n,o)&&ve(e,o,n[o]);return e},H=M({components:{EsCheckbox:Y},props:{styles:{type:Object,default:()=>({})},modelValue:{type:[Array,String,Number],default:""},keyConfig:de,source:{type:Object,default:()=>[]},multiple:fe,showCheckBox:{type:Boolean,default:!0},maxLen:{type:Number,default:10}},emits:["change","select","update:modelValue"],setup(e,{emit:n}){const{valueKey:o,labelKey:c,disabledKey:d,childrenKey:u}=me(me({},le),e.keyConfig),i=h=>{if(h=Ie(h),!e.multiple)return new Set([h]);const x=Array.isArray(h);return new Set(x?[...h]:[h])},[t]=Ke(i(e.modelValue)),s=j(()=>e.multiple?[...t.value]:[...t.value][0]);return R(()=>e.modelValue,(h,x)=>{De(h,x)||(t.value=i(h))}),{active:t,isActived:h=>t.value.has(h[o]),toggleActived:h=>{const x=h[o];e.multiple?t.value.has(x)?t.value.delete(x):t.value.add(x):t.value=new Set([x]);const g=s.value;n("select",{item:h,value:g}),n("change",s.value),n("update:modelValue",g)},valueKey:o,labelKey:c,disabledKey:d,childrenKey:u,emitValue:s,useShow:h=>Reflect.has(h,"show")?h.show:!0}}});L("data-v-bfbc4d1a");const At={class:"es-option__content"},Pt=["onClick"],Mt={key:1,class:"es-option__content__item__label"},It={key:1,class:"es-option__content__no-source"};z();function jt(e,n,o,c,d,u){const i=P("es-checkbox");return k(),S("div",{class:"es-option",style:ne(e.styles)},[$("div",At,[e.source&&e.source.length?(k(!0),S(je,{key:0},Ne(e.source,(t,s)=>Be((k(),S("div",{class:O(["es-option__content__item",{active:e.isActived(t)}]),key:t[e.valueKey],onClick:r=>e.toggleActived(t)},[T(e.$slots,"default",{item:t,active:e.emitValue},()=>[e.multiple&&e.showCheckBox?(k(),X(i,{key:0,class:"es-option__content__item__checkbox",modelValue:e.isActived(t)},{default:C(()=>[J(I(t[e.labelKey]),1)]),_:2},1032,["modelValue"])):(k(),S("span",Mt,I(t[e.labelKey]),1))])],10,Pt)),[[Le,e.useShow(t)&&s+1<=e.maxLen]])),128)):(k(),S("div",It,"\u6682\u65E0\u6570\u636E"))])],4)}var Nt=`.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; }`;N(Nt),H.render=jt,H.__scopeId="data-v-bfbc4d1a",H.__file="components/option/index.vue",H.install=e=>{e.component("es-option",H)};var Bt=Object.defineProperty,Lt=Object.defineProperties,zt=Object.getOwnPropertyDescriptors,ye=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,Ft=Object.prototype.propertyIsEnumerable,ge=(e,n,o)=>n in e?Bt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,se=(e,n)=>{for(var o in n||(n={}))Rt.call(n,o)&&ge(e,o,n[o]);if(ye)for(var o of ye(n))Ft.call(n,o)&&ge(e,o,n[o]);return e},Dt=(e,n)=>Lt(e,zt(n)),Z=M({components:{EsSearchLabel:F,EsSearchWrapper:K,EsOption:H},props:{label:[String,Number],modelValue:[String,Number,Array],placeholder:String,prependText:String,defaultValue:{type:String,default:""},source:Array,multiple:fe,keyConfig:de},emits:["done","close","clear","update:modelValue","change"],setup(e,{emit:n}){const o=e.multiple,c=se(se({},le),e.keyConfig),{labelKey:d,valueKey:u}=c,i=(p=[],m=o?[]:"")=>{if(!o){const w=p.find(B=>B[u]===m);return w&&w[d]||""}return p.filter(w=>m.includes(w[u])).map(w=>w[d]).join("\uFF0C")};let t=e.source||[];const s=e.modelValue||o&&[]||"",r=ue({inputModel:"",sourceModel:t,selectedModel:s,labelModel:i(t,s)});R(()=>e.source,p=>{t=p||[],r.sourceModel=p||[]}),R(()=>e.modelValue,p=>{r.selectedModel=p,r.labelModel=i(e.source,r.selectedModel)}),R(()=>r.inputModel,p=>{p||(r.sourceModel=t),r.sourceModel=t.filter(m=>{var w,B,U,A,ee;return(ee=(U=(B=(w=m[d])==null?void 0:w.toLowerCase)==null?void 0:B.call(w))==null?void 0:U.includes)==null?void 0:ee.call(U,(A=p==null?void 0:p.toLowerCase)==null?void 0:A.call(p))})});const f=p=>{r.labelModel=i(e.source,r.selectedModel),r.inputModel="",n("update:modelValue",r.selectedModel),n("done",r.selectedModel),p&&p()},y=p=>{r.selectedModel=o&&[]||"",r.inputModel="",n("update:modelValue",r.selectedModel),n("clear",r.selectedModel),p&&p()},h=p=>{r.inputModel="",n("close",r.selectedModel),p&&p()},x=()=>{r.selectedModel=e.modelValue||o&&[]||""},g=(p,m)=>{ze(m.update),n("change",p)};return Dt(se({},ie(r)),{panelOpen:x,selectChange:g,done:f,deleteEvt:y,close:h})}});const Kt={class:"es-search-option"};function Yt(e,n,o,c,d,u){const i=P("es-option"),t=P("es-search-wrapper"),s=P("es-search-label");return k(),S("div",Kt,[q(s,{label:e.label,value:e.labelModel||e.defaultValue,onOpen:e.panelOpen,onClose:e.close},{panel:C(({closePanel:r,popoverEl:f})=>[q(t,{placeholder:e.placeholder,prependText:e.prependText,onDone:y=>e.done(r),onDelete:y=>e.deleteEvt(r),onClose:y=>e.close(r),modelValue:e.inputModel,"onUpdate:modelValue":n[1]||(n[1]=y=>e.inputModel=y)},{content:C(()=>[q(i,{modelValue:e.selectedModel,"onUpdate:modelValue":n[0]||(n[0]=y=>e.selectedModel=y),source:e.sourceModel,multiple:e.multiple,keyConfig:e.keyConfig,onChange:y=>e.selectChange(y,f)},null,8,["modelValue","source","multiple","keyConfig","onChange"])]),_:2},1032,["placeholder","prependText","onDone","onDelete","onClose","modelValue"])]),_:1},8,["label","value","onOpen","onClose"])])}Z.render=Yt,Z.__file="components/search-option/index.vue",Z.install=e=>{e.component("es-search-option",Z)};export{Z as default};