UNPKG

eslink-ui-plus

Version:

vue3 component library, css framework

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