eslink-ui-plus/es/operate-bar/index.js

vue3 component library, css framework

import{ref as xe,pushScopeId as F,popScopeId as D,defineComponent as Y,useCssVars as we,openBlock as w,createElementBlock as S,normalizeStyle as K,createElementVNode as T,normalizeClass as C,renderSlot as A,createCommentVNode as O,toDisplayString as P,reactive as ee,toRefs as X,watch as H,withModifiers as Se,createTextVNode as q,computed as Ee,toRaw as Ce,resolveComponent as M,Fragment as J,renderList as te,withDirectives as Oe,createBlock as Q,withCtx as L,vShow as Te,createVNode as ne}from"vue";import{isEqual as Ae}from"lodash-es";const W={labelKey:"label",valueKey:"value",disabledKey:"disabled",childrenKey:"children"},Pe={type:Object,default:()=>W},$e={type:Boolean,default:!1},je=(t=null)=>{const o=xe(t);return[o,y=>{o.value=y},()=>o.value]};var Ve=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},Be={exports:{}};/*!
 * clipboard.js v2.0.8
 * https://clipboardjs.com/
 *
 * Licensed MIT © Zeno Rocha
 */(function(t,o){(function(f,y){t.exports=y()})(Ve,function(){return function(){var a={134:function(p,l,e){e.d(l,{default:function(){return me}});var s=e(279),r=e.n(s),b=e(370),g=e.n(b),u=e(817),m=e.n(u);function h(c){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?h=function(n){return typeof n}:h=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},h(c)}function k(c,i){if(!(c instanceof i))throw new TypeError("Cannot call a class as a function")}function _(c,i){for(var n=0;n<i.length;n++){var d=i[n];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(c,d.key,d)}}function E(c,i,n){return i&&_(c.prototype,i),n&&_(c,n),c}var ue=function(){function c(i){k(this,c),this.resolveOptions(i),this.initSelection()}return E(c,[{key:"resolveOptions",value:function(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=n.action,this.container=n.container,this.emitter=n.emitter,this.target=n.target,this.text=n.text,this.trigger=n.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"createFakeElement",value:function(){var n=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[n?"right":"left"]="-9999px";var d=window.pageYOffset||document.documentElement.scrollTop;return this.fakeElem.style.top="".concat(d,"px"),this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.fakeElem}},{key:"selectFake",value:function(){var n=this,d=this.createFakeElement();this.fakeHandlerCallback=function(){return n.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.container.appendChild(d),this.selectedText=m()(d),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=m()(this.target),this.copyText()}},{key:"copyText",value:function(){var n;try{n=document.execCommand(this.action)}catch(d){n=!1}this.handleResult(n)}},{key:"handleResult",value:function(n){this.emitter.emit(n?"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 n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"copy";if(this._action=n,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(n){if(n!==void 0)if(n&&h(n)==="object"&&n.nodeType===1){if(this.action==="copy"&&n.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if(this.action==="cut"&&(n.hasAttribute("readonly")||n.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);this._target=n}else throw new Error('Invalid "target" value, use a valid Element')},get:function(){return this._target}}]),c}(),fe=ue;function B(c){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?B=function(n){return typeof n}:B=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},B(c)}function de(c,i){if(!(c instanceof i))throw new TypeError("Cannot call a class as a function")}function Z(c,i){for(var n=0;n<i.length;n++){var d=i[n];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(c,d.key,d)}}function pe(c,i,n){return i&&Z(c.prototype,i),n&&Z(c,n),c}function be(c,i){if(typeof i!="function"&&i!==null)throw new TypeError("Super expression must either be null or a function");c.prototype=Object.create(i&&i.prototype,{constructor:{value:c,writable:!0,configurable:!0}}),i&&U(c,i)}function U(c,i){return U=Object.setPrototypeOf||function(d,v){return d.__proto__=v,d},U(c,i)}function he(c){var i=ge();return function(){var d=z(c),v;if(i){var x=z(this).constructor;v=Reflect.construct(d,arguments,x)}else v=d.apply(this,arguments);return ye(this,v)}}function ye(c,i){return i&&(B(i)==="object"||typeof i=="function")?i:ve(c)}function ve(c){if(c===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c}function ge(){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(c){return!1}}function z(c){return z=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)},z(c)}function G(c,i){var n="data-clipboard-".concat(c);if(!!i.hasAttribute(n))return i.getAttribute(n)}var _e=function(c){be(n,c);var i=he(n);function n(d,v){var x;return de(this,n),x=i.call(this),x.resolveOptions(v),x.listenClick(d),x}return pe(n,[{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=B(v.container)==="object"?v.container:document.body}},{key:"listenClick",value:function(v){var x=this;this.listener=g()(v,"click",function(N){return x.onClick(N)})}},{key:"onClick",value:function(v){var x=v.delegateTarget||v.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new fe({action:this.action(x),target:this.target(x),text:this.text(x),container:this.container,trigger:x,emitter:this})}},{key:"defaultAction",value:function(v){return G("action",v)}},{key:"defaultTarget",value:function(v){var x=G("target",v);if(x)return document.querySelector(x)}},{key:"defaultText",value:function(v){return G("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"],x=typeof v=="string"?[v]:v,N=!!document.queryCommandSupported;return x.forEach(function(ke){N=N&&!!document.queryCommandSupported(ke)}),N}}]),n}(r()),me=_e},828:function(p){var l=9;if(typeof Element!="undefined"&&!Element.prototype.matches){var e=Element.prototype;e.matches=e.matchesSelector||e.mozMatchesSelector||e.msMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector}function s(r,b){for(;r&&r.nodeType!==l;){if(typeof r.matches=="function"&&r.matches(b))return r;r=r.parentNode}}p.exports=s},438:function(p,l,e){var s=e(828);function r(u,m,h,k,_){var E=g.apply(this,arguments);return u.addEventListener(h,E,_),{destroy:function(){u.removeEventListener(h,E,_)}}}function b(u,m,h,k,_){return typeof u.addEventListener=="function"?r.apply(null,arguments):typeof h=="function"?r.bind(null,document).apply(null,arguments):(typeof u=="string"&&(u=document.querySelectorAll(u)),Array.prototype.map.call(u,function(E){return r(E,m,h,k,_)}))}function g(u,m,h,k){return function(_){_.delegateTarget=s(_.target,m),_.delegateTarget&&k.call(u,_)}}p.exports=b},879:function(p,l){l.node=function(e){return e!==void 0&&e instanceof HTMLElement&&e.nodeType===1},l.nodeList=function(e){var s=Object.prototype.toString.call(e);return e!==void 0&&(s==="[object NodeList]"||s==="[object HTMLCollection]")&&"length"in e&&(e.length===0||l.node(e[0]))},l.string=function(e){return typeof e=="string"||e instanceof String},l.fn=function(e){var s=Object.prototype.toString.call(e);return s==="[object Function]"}},370:function(p,l,e){var s=e(879),r=e(438);function b(h,k,_){if(!h&&!k&&!_)throw new Error("Missing required arguments");if(!s.string(k))throw new TypeError("Second argument must be a String");if(!s.fn(_))throw new TypeError("Third argument must be a Function");if(s.node(h))return g(h,k,_);if(s.nodeList(h))return u(h,k,_);if(s.string(h))return m(h,k,_);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function g(h,k,_){return h.addEventListener(k,_),{destroy:function(){h.removeEventListener(k,_)}}}function u(h,k,_){return Array.prototype.forEach.call(h,function(E){E.addEventListener(k,_)}),{destroy:function(){Array.prototype.forEach.call(h,function(E){E.removeEventListener(k,_)})}}}function m(h,k,_){return r(document.body,h,k,_)}p.exports=b},817:function(p){function l(e){var s;if(e.nodeName==="SELECT")e.focus(),s=e.value;else if(e.nodeName==="INPUT"||e.nodeName==="TEXTAREA"){var r=e.hasAttribute("readonly");r||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),r||e.removeAttribute("readonly"),s=e.value}else{e.hasAttribute("contenteditable")&&e.focus();var b=window.getSelection(),g=document.createRange();g.selectNodeContents(e),b.removeAllRanges(),b.addRange(g),s=b.toString()}return s}p.exports=l},279:function(p){function l(){}l.prototype={on:function(e,s,r){var b=this.e||(this.e={});return(b[e]||(b[e]=[])).push({fn:s,ctx:r}),this},once:function(e,s,r){var b=this;function g(){b.off(e,g),s.apply(r,arguments)}return g._=s,this.on(e,g,r)},emit:function(e){var s=[].slice.call(arguments,1),r=((this.e||(this.e={}))[e]||[]).slice(),b=0,g=r.length;for(b;b<g;b++)r[b].fn.apply(r[b].ctx,s);return this},off:function(e,s){var r=this.e||(this.e={}),b=r[e],g=[];if(b&&s)for(var u=0,m=b.length;u<m;u++)b[u].fn!==s&&b[u].fn._!==s&&g.push(b[u]);return g.length?r[e]=g:delete r[e],this}},p.exports=l,p.exports.TinyEmitter=l}},f={};function y(p){if(f[p])return f[p].exports;var l=f[p]={exports:{}};return a[p](l,l.exports,y),l.exports}return function(){y.n=function(p){var l=p&&p.__esModule?function(){return p.default}:function(){return p};return y.d(l,{a:l}),l}}(),function(){y.d=function(p,l){for(var e in l)y.o(l,e)&&!y.o(p,e)&&Object.defineProperty(p,e,{enumerable:!0,get:l[e]})}}(),function(){y.o=function(p,l){return Object.prototype.hasOwnProperty.call(p,l)}}(),y(134)}().default})})(Be),F("data-v-2ca3eff0");const Ne={key:2,class:"button__text"};D();var R=Y({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 we(a=>({"2ca3eff0-fontColor":t.fontColor})),(a,f)=>t.type==="icon"?(w(),S("button",{key:0,class:"button__icon es-cursor--pointer",style:K(t.styles),onClick:f[0]||(f[0]=y=>o("click"))},[T("i",{class:C(t.icon)},null,2)],4)):(w(),S("button",{key:1,class:C(["button",[t.type,{plain:t.plain}]]),style:K(t.styles),onClick:f[1]||(f[1]=y=>o("click"))},[t.iconBefore===""?A(a.$slots,"before",{key:0}):O("v-if",!0),t.iconBefore!==""?(w(),S("i",{key:1,class:C(["icon",t.iconBefore])},null,2)):O("v-if",!0),t.text!==""?(w(),S("span",Ne,P(t.text),1)):A(a.$slots,"default",{key:3}),t.iconAfter!==""?(w(),S("i",{key:4,class:C(["icon",t.iconAfter])},null,2)):O("v-if",!0),t.iconAfter===""?A(a.$slots,"after",{key:5}):O("v-if",!0)],6))}});function I(t,o){o===void 0&&(o={});var a=o.insertAt;if(!(!t||typeof document=="undefined")){var f=document.head||document.getElementsByTagName("head")[0],y=document.createElement("style");y.type="text/css",a==="top"&&f.firstChild?f.insertBefore(y,f.firstChild):f.appendChild(y),y.styleSheet?y.styleSheet.cssText=t:y.appendChild(document.createTextNode(t))}}var Le=`.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);
}`;I(Le),R.__scopeId="data-v-2ca3eff0",R.__file="components/button/index.vue",R.install=t=>{t.component("es-button",R)};var Re=Object.defineProperty,Ie=Object.defineProperties,ze=Object.getOwnPropertyDescriptors,oe=Object.getOwnPropertySymbols,Fe=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable,re=(t,o,a)=>o in t?Re(t,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[o]=a,Ye=(t,o)=>{for(var a in o||(o={}))Fe.call(o,a)&&re(t,a,o[a]);if(oe)for(var a of oe(o))De.call(o,a)&&re(t,a,o[a]);return t},Ke=(t,o)=>Ie(t,ze(o)),$=Y({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:a}=o,f=ee({checked:t.modelValue,indeterminate:t.indeterminate}),{modelValue:y,disabled:p}=X(t),l=e=>{if(p.value)return;const s=!y.value;f.indeterminate?(f.checked=!0,f.indeterminate=!1):(f.checked=!f.checked,f.checked&&(f.indeterminate=!1)),a("select",{e,data:s}),a("update:modelValue",s)};return H(y,(e,s)=>{e!==s&&(f.checked=e,a("change",e))}),H(()=>f.indeterminate,()=>{f.indeterminate&&(f.checked=!1)}),Ke(Ye({},X(f)),{toggleChecked:l})}});F("data-v-ab10b2fe");const He=["checked"],Me={class:"es-checkbox__name"};D();function Ue(t,o,a,f,y,p){return w(),S("label",{class:C(["es-checkbox",{"is-disabled":t.disabled}]),onClick:o[0]||(o[0]=Se((...l)=>t.toggleChecked&&t.toggleChecked(...l),["prevent"]))},[T("span",{class:C(["es-checkbox__label",{"is-checked":t.checked,"is-disabled":t.disabled,"is-indeterminate":t.indeterminate}])},null,2),T("input",{class:"es-checkbox__value",type:"checkbox",checked:t.checked},null,8,He),T("span",Me,[A(t.$slots,"default",{},()=>[q(P(t.labelText),1)])])],2)}var Ge=`.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;
}`;I(Ge),$.render=Ue,$.__scopeId="data-v-ab10b2fe",$.__file="components/checkbox/index.vue",$.install=t=>{t.component("es-checkbox",$)};var Xe=Object.defineProperty,ae=Object.getOwnPropertySymbols,qe=Object.prototype.hasOwnProperty,Je=Object.prototype.propertyIsEnumerable,ie=(t,o,a)=>o in t?Xe(t,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[o]=a,le=(t,o)=>{for(var a in o||(o={}))qe.call(o,a)&&ie(t,a,o[a]);if(ae)for(var a of ae(o))Je.call(o,a)&&ie(t,a,o[a]);return t},j=Y({components:{EsCheckbox:$},props:{styles:{type:Object,default:()=>({})},modelValue:{type:[Array,String,Number],default:""},keyConfig:Pe,source:{type:Object,default:()=>[]},multiple:$e,showCheckBox:{type:Boolean,default:!0},maxLen:{type:Number,default:10}},emits:["change","select","update:modelValue"],setup(t,{emit:o}){const{valueKey:a,labelKey:f,disabledKey:y,childrenKey:p}=le(le({},W),t.keyConfig),l=u=>{if(u=Ce(u),!t.multiple)return new Set([u]);const m=Array.isArray(u);return new Set(m?[...u]:[u])},[e]=je(l(t.modelValue)),s=Ee(()=>t.multiple?[...e.value]:[...e.value][0]);return H(()=>t.modelValue,(u,m)=>{Ae(u,m)||(e.value=l(u))}),{active:e,isActived:u=>e.value.has(u[a]),toggleActived:u=>{const m=u[a];t.multiple?e.value.has(m)?e.value.delete(m):e.value.add(m):e.value=new Set([m]);const h=s.value;o("select",{item:u,value:h}),o("change",s.value),o("update:modelValue",h)},valueKey:a,labelKey:f,disabledKey:y,childrenKey:p,emitValue:s,useShow:u=>Reflect.has(u,"show")?u.show:!0}}});F("data-v-bfbc4d1a");const Qe={class:"es-option__content"},We=["onClick"],Ze={key:1,class:"es-option__content__item__label"},et={key:1,class:"es-option__content__no-source"};D();function tt(t,o,a,f,y,p){const l=M("es-checkbox");return w(),S("div",{class:"es-option",style:K(t.styles)},[T("div",Qe,[t.source&&t.source.length?(w(!0),S(J,{key:0},te(t.source,(e,s)=>Oe((w(),S("div",{class:C(["es-option__content__item",{active:t.isActived(e)}]),key:e[t.valueKey],onClick:r=>t.toggleActived(e)},[A(t.$slots,"default",{item:e,active:t.emitValue},()=>[t.multiple&&t.showCheckBox?(w(),Q(l,{key:0,class:"es-option__content__item__checkbox",modelValue:t.isActived(e)},{default:L(()=>[q(P(e[t.labelKey]),1)]),_:2},1032,["modelValue"])):(w(),S("span",Ze,P(e[t.labelKey]),1))])],10,We)),[[Te,t.useShow(e)&&s+1<=t.maxLen]])),128)):(w(),S("div",et,"\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;
}`;I(nt),j.render=tt,j.__scopeId="data-v-bfbc4d1a",j.__file="components/option/index.vue",j.install=t=>{t.component("es-option",j)};var ot=Object.defineProperty,rt=Object.defineProperties,at=Object.getOwnPropertyDescriptors,se=Object.getOwnPropertySymbols,it=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable,ce=(t,o,a)=>o in t?ot(t,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[o]=a,st=(t,o)=>{for(var a in o||(o={}))it.call(o,a)&&ce(t,a,o[a]);if(se)for(var a of se(o))lt.call(o,a)&&ce(t,a,o[a]);return t},ct=(t,o)=>rt(t,at(o)),V=Y({components:{EsOption:j,EsButton:R},props:{styles:{type:Object,default:()=>({})},source:{type:Array,default:()=>[]}},setup(t,{emit:o}){const a=(l=[])=>Array.isArray(l)?l.map(e=>{var s,r,b,g,u,m,h,k;return e.type=(s=e.type)!=null?s:"button",e.buttonType=(r=e.buttonType)!=null?r:"default",e.buttonPlain=(b=e.buttonPlain)!=null?b:!1,e.buttonDisabled=(g=e.buttonDisabled)!=null?g:!1,e.keyConfig=(u=e.keyConfig)!=null?u:W,e.source=(m=e.source)!=null?m:[],e.click=(h=e.click)!=null?h:()=>({}),e.select=(k=e.select)!=null?k:()=>({}),e}):[],f=ee({stateSource:a(t.source)});H(()=>t.source,l=>{f.stateSource=a(l)},{deep:!0});const y=l=>{var e;(e=l==null?void 0:l.click)==null||e.call(l,l)},p=(l,e,s)=>{var r;s==null||s(),(r=e==null?void 0:e.select)==null||r.call(e,l,e)};return ct(st({},X(f)),{selectBtnClick:y,selectBtnSelect:p})}});F("data-v-2e8510a2");const ut=T("i",{class:"es-icon-arrow-down-s-fill es-margin-l--sm"},null,-1);D();function ft(t,o,a,f,y,p){const l=M("es-button"),e=M("es-option"),s=M("es-search-label");return w(),S("div",{class:"es-operater-bar",style:K(t.styles)},[(w(!0),S(J,null,te(t.stateSource,r=>(w(),S(J,{key:r.key},[O("  \u6309\u94AE\u7C7B\u578B "),r.type==="button"?(w(),Q(l,{key:0,type:r.buttonType,plain:r.buttonPlain,disabled:r.buttonDisabled,icon:r.icon,class:C(r.classList),fontColor:r.fontColor,onClick:b=>{var g;return(g=r==null?void 0:r.click)==null?void 0:g.call(r,r)}},{default:L(()=>[q(P(r.label),1)]),_:2},1032,["type","plain","disabled","icon","class","fontColor","onClick"])):O("v-if",!0),O("  select\u7C7B\u578B "),r.type==="select"?(w(),Q(s,{key:1,class:"es-margin-l--base",popoverClass:"option-item__min-width--unset"},{main:L(()=>[ne(l,{type:r.buttonType,plain:r.buttonPlain,disabled:r.buttonDisabled,onClick:b=>t.selectBtnClick(r)},{default:L(()=>[T("span",null,P(r.label),1),ut]),_:2},1032,["type","plain","disabled","onClick"])]),panel:L(({closePanel:b})=>[ne(e,{keyConfig:r.keyConfig,source:r.source,onSelect:g=>t.selectBtnSelect(g,r,b)},null,8,["keyConfig","source","onSelect"])]),_:2},1024)):O("v-if",!0)],64))),128)),A(t.$slots,"default")],4)}var dt=`.es-operater-bar[data-v-2e8510a2] {
  width: 100%;
  display: flex;
  align-items: center;
  height: 36px;
}`;I(dt);var pt=`.option-item__min-width--unset .es-option__content__item {
  min-width: 80px !important;
}`;I(pt),V.render=ft,V.__scopeId="data-v-2e8510a2",V.__file="components/operate-bar/index.vue",V.install=t=>{t.component("es-operate-bar",V)};export{V as default};