eslink-ui-plus/es/option-group/index.js

vue3 component library, css framework

import{ref as D,defineComponent as F,reactive as ge,toRefs as U,watch as N,pushScopeId as I,popScopeId as z,openBlock as E,createElementBlock as S,normalizeClass as Y,withModifiers as _e,createElementVNode as V,renderSlot as K,createTextVNode as G,toDisplayString as L,computed as ke,toRaw as $,resolveComponent as X,normalizeStyle as q,Fragment as J,renderList as Q,withDirectives as xe,createBlock as we,withCtx as W,vShow as Ee,nextTick as Se,createVNode as Ce}from"vue";import{isEqual as Te}from"lodash-es";const Z={labelKey:"label",valueKey:"value",disabledKey:"disabled",childrenKey:"children"},ee={type:Object,default:()=>Z},te={type:Boolean,default:!1},Oe=(t=null)=>{const i=D(t);return[i,h=>{i.value=h},()=>i.value]};var Ae=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},Pe={exports:{}};/*!
 * clipboard.js v2.0.8
 * https://clipboardjs.com/
 *
 * Licensed MIT © Zeno Rocha
 */(function(t,i){(function(f,h){t.exports=h()})(Ae,function(){return function(){var l={134:function(d,a,e){e.d(a,{default:function(){return ye}});var r=e(279),s=e.n(r),y=e(370),k=e.n(y),u=e(817),g=e.n(u);function v(c){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?v=function(n){return typeof n}:v=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},v(c)}function _(c,o){if(!(c instanceof o))throw new TypeError("Cannot call a class as a function")}function m(c,o){for(var n=0;n<o.length;n++){var p=o[n];p.enumerable=p.enumerable||!1,p.configurable=!0,"value"in p&&(p.writable=!0),Object.defineProperty(c,p.key,p)}}function w(c,o,n){return o&&m(c.prototype,o),n&&m(c,n),c}var le=function(){function c(o){_(this,c),this.resolveOptions(o),this.initSelection()}return w(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 p=window.pageYOffset||document.documentElement.scrollTop;return this.fakeElem.style.top="".concat(p,"px"),this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.fakeElem}},{key:"selectFake",value:function(){var n=this,p=this.createFakeElement();this.fakeHandlerCallback=function(){return n.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.container.appendChild(p),this.selectedText=g()(p),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=g()(this.target),this.copyText()}},{key:"copyText",value:function(){var n;try{n=document.execCommand(this.action)}catch(p){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&&v(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}(),se=le;function A(c){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?A=function(n){return typeof n}:A=function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},A(c)}function ce(c,o){if(!(c instanceof o))throw new TypeError("Cannot call a class as a function")}function M(c,o){for(var n=0;n<o.length;n++){var p=o[n];p.enumerable=p.enumerable||!1,p.configurable=!0,"value"in p&&(p.writable=!0),Object.defineProperty(c,p.key,p)}}function ue(c,o,n){return o&&M(c.prototype,o),n&&M(c,n),c}function fe(c,o){if(typeof o!="function"&&o!==null)throw new TypeError("Super expression must either be null or a function");c.prototype=Object.create(o&&o.prototype,{constructor:{value:c,writable:!0,configurable:!0}}),o&&R(c,o)}function R(c,o){return R=Object.setPrototypeOf||function(p,b){return p.__proto__=b,p},R(c,o)}function de(c){var o=be();return function(){var p=j(c),b;if(o){var x=j(this).constructor;b=Reflect.construct(p,arguments,x)}else b=p.apply(this,arguments);return pe(this,b)}}function pe(c,o){return o&&(A(o)==="object"||typeof o=="function")?o:he(c)}function he(c){if(c===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return c}function be(){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 j(c){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)},j(c)}function B(c,o){var n="data-clipboard-".concat(c);if(!!o.hasAttribute(n))return o.getAttribute(n)}var ve=function(c){fe(n,c);var o=de(n);function n(p,b){var x;return ce(this,n),x=o.call(this),x.resolveOptions(b),x.listenClick(p),x}return ue(n,[{key:"resolveOptions",value:function(){var b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof b.action=="function"?b.action:this.defaultAction,this.target=typeof b.target=="function"?b.target:this.defaultTarget,this.text=typeof b.text=="function"?b.text:this.defaultText,this.container=A(b.container)==="object"?b.container:document.body}},{key:"listenClick",value:function(b){var x=this;this.listener=k()(b,"click",function(P){return x.onClick(P)})}},{key:"onClick",value:function(b){var x=b.delegateTarget||b.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new se({action:this.action(x),target:this.target(x),text:this.text(x),container:this.container,trigger:x,emitter:this})}},{key:"defaultAction",value:function(b){return B("action",b)}},{key:"defaultTarget",value:function(b){var x=B("target",b);if(x)return document.querySelector(x)}},{key:"defaultText",value:function(b){return B("text",b)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],x=typeof b=="string"?[b]:b,P=!!document.queryCommandSupported;return x.forEach(function(me){P=P&&!!document.queryCommandSupported(me)}),P}}]),n}(s()),ye=ve},828:function(d){var a=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 r(s,y){for(;s&&s.nodeType!==a;){if(typeof s.matches=="function"&&s.matches(y))return s;s=s.parentNode}}d.exports=r},438:function(d,a,e){var r=e(828);function s(u,g,v,_,m){var w=k.apply(this,arguments);return u.addEventListener(v,w,m),{destroy:function(){u.removeEventListener(v,w,m)}}}function y(u,g,v,_,m){return typeof u.addEventListener=="function"?s.apply(null,arguments):typeof v=="function"?s.bind(null,document).apply(null,arguments):(typeof u=="string"&&(u=document.querySelectorAll(u)),Array.prototype.map.call(u,function(w){return s(w,g,v,_,m)}))}function k(u,g,v,_){return function(m){m.delegateTarget=r(m.target,g),m.delegateTarget&&_.call(u,m)}}d.exports=y},879:function(d,a){a.node=function(e){return e!==void 0&&e instanceof HTMLElement&&e.nodeType===1},a.nodeList=function(e){var r=Object.prototype.toString.call(e);return e!==void 0&&(r==="[object NodeList]"||r==="[object HTMLCollection]")&&"length"in e&&(e.length===0||a.node(e[0]))},a.string=function(e){return typeof e=="string"||e instanceof String},a.fn=function(e){var r=Object.prototype.toString.call(e);return r==="[object Function]"}},370:function(d,a,e){var r=e(879),s=e(438);function y(v,_,m){if(!v&&!_&&!m)throw new Error("Missing required arguments");if(!r.string(_))throw new TypeError("Second argument must be a String");if(!r.fn(m))throw new TypeError("Third argument must be a Function");if(r.node(v))return k(v,_,m);if(r.nodeList(v))return u(v,_,m);if(r.string(v))return g(v,_,m);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function k(v,_,m){return v.addEventListener(_,m),{destroy:function(){v.removeEventListener(_,m)}}}function u(v,_,m){return Array.prototype.forEach.call(v,function(w){w.addEventListener(_,m)}),{destroy:function(){Array.prototype.forEach.call(v,function(w){w.removeEventListener(_,m)})}}}function g(v,_,m){return s(document.body,v,_,m)}d.exports=y},817:function(d){function a(e){var r;if(e.nodeName==="SELECT")e.focus(),r=e.value;else if(e.nodeName==="INPUT"||e.nodeName==="TEXTAREA"){var s=e.hasAttribute("readonly");s||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),s||e.removeAttribute("readonly"),r=e.value}else{e.hasAttribute("contenteditable")&&e.focus();var y=window.getSelection(),k=document.createRange();k.selectNodeContents(e),y.removeAllRanges(),y.addRange(k),r=y.toString()}return r}d.exports=a},279:function(d){function a(){}a.prototype={on:function(e,r,s){var y=this.e||(this.e={});return(y[e]||(y[e]=[])).push({fn:r,ctx:s}),this},once:function(e,r,s){var y=this;function k(){y.off(e,k),r.apply(s,arguments)}return k._=r,this.on(e,k,s)},emit:function(e){var r=[].slice.call(arguments,1),s=((this.e||(this.e={}))[e]||[]).slice(),y=0,k=s.length;for(y;y<k;y++)s[y].fn.apply(s[y].ctx,r);return this},off:function(e,r){var s=this.e||(this.e={}),y=s[e],k=[];if(y&&r)for(var u=0,g=y.length;u<g;u++)y[u].fn!==r&&y[u].fn._!==r&&k.push(y[u]);return k.length?s[e]=k:delete s[e],this}},d.exports=a,d.exports.TinyEmitter=a}},f={};function h(d){if(f[d])return f[d].exports;var a=f[d]={exports:{}};return l[d](a,a.exports,h),a.exports}return function(){h.n=function(d){var a=d&&d.__esModule?function(){return d.default}:function(){return d};return h.d(a,{a}),a}}(),function(){h.d=function(d,a){for(var e in a)h.o(a,e)&&!h.o(d,e)&&Object.defineProperty(d,e,{enumerable:!0,get:a[e]})}}(),function(){h.o=function(d,a){return Object.prototype.hasOwnProperty.call(d,a)}}(),h(134)}().default})})(Pe);var Ve=Object.defineProperty,$e=Object.defineProperties,je=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertySymbols,Ne=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable,oe=(t,i,l)=>i in t?Ve(t,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[i]=l,Re=(t,i)=>{for(var l in i||(i={}))Ne.call(i,l)&&oe(t,l,i[l]);if(ne)for(var l of ne(i))Le.call(i,l)&&oe(t,l,i[l]);return t},Be=(t,i)=>$e(t,je(i)),C=F({props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelText:{type:String,default:""},indeterminate:Boolean},emits:["update:modelValue","change","select"],setup(t,i){const{emit:l}=i,f=ge({checked:t.modelValue,indeterminate:t.indeterminate}),{modelValue:h,disabled:d}=U(t),a=e=>{if(d.value)return;const r=!h.value;f.indeterminate?(f.checked=!0,f.indeterminate=!1):(f.checked=!f.checked,f.checked&&(f.indeterminate=!1)),l("select",{e,data:r}),l("update:modelValue",r)};return N(h,(e,r)=>{e!==r&&(f.checked=e,l("change",e))}),N(()=>f.indeterminate,()=>{f.indeterminate&&(f.checked=!1)}),Be(Re({},U(f)),{toggleChecked:a})}});I("data-v-ab10b2fe");const Fe=["checked"],Ie={class:"es-checkbox__name"};z();function ze(t,i,l,f,h,d){return E(),S("label",{class:Y(["es-checkbox",{"is-disabled":t.disabled}]),onClick:i[0]||(i[0]=_e((...a)=>t.toggleChecked&&t.toggleChecked(...a),["prevent"]))},[V("span",{class:Y(["es-checkbox__label",{"is-checked":t.checked,"is-disabled":t.disabled,"is-indeterminate":t.indeterminate}])},null,2),V("input",{class:"es-checkbox__value",type:"checkbox",checked:t.checked},null,8,Fe),V("span",Ie,[K(t.$slots,"default",{},()=>[G(L(t.labelText),1)])])],2)}function H(t,i){i===void 0&&(i={});var l=i.insertAt;if(!(!t||typeof document=="undefined")){var f=document.head||document.getElementsByTagName("head")[0],h=document.createElement("style");h.type="text/css",l==="top"&&f.firstChild?f.insertBefore(h,f.firstChild):f.appendChild(h),h.styleSheet?h.styleSheet.cssText=t:h.appendChild(document.createTextNode(t))}}var Ye=`.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;
}`;H(Ye),C.render=ze,C.__scopeId="data-v-ab10b2fe",C.__file="components/checkbox/index.vue",C.install=t=>{t.component("es-checkbox",C)};var Ke=Object.defineProperty,re=Object.getOwnPropertySymbols,He=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable,ie=(t,i,l)=>i in t?Ke(t,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[i]=l,ae=(t,i)=>{for(var l in i||(i={}))He.call(i,l)&&ie(t,l,i[l]);if(re)for(var l of re(i))Me.call(i,l)&&ie(t,l,i[l]);return t},T=F({components:{EsCheckbox:C},props:{styles:{type:Object,default:()=>({})},modelValue:{type:[Array,String,Number],default:""},keyConfig:ee,source:{type:Object,default:()=>[]},multiple:te,showCheckBox:{type:Boolean,default:!0},maxLen:{type:Number,default:10}},emits:["change","select","update:modelValue"],setup(t,{emit:i}){const{valueKey:l,labelKey:f,disabledKey:h,childrenKey:d}=ae(ae({},Z),t.keyConfig),a=u=>{if(u=$(u),!t.multiple)return new Set([u]);const g=Array.isArray(u);return new Set(g?[...u]:[u])},[e]=Oe(a(t.modelValue)),r=ke(()=>t.multiple?[...e.value]:[...e.value][0]);return N(()=>t.modelValue,(u,g)=>{Te(u,g)||(e.value=a(u))}),{active:e,isActived:u=>e.value.has(u[l]),toggleActived:u=>{const g=u[l];t.multiple?e.value.has(g)?e.value.delete(g):e.value.add(g):e.value=new Set([g]);const v=r.value;i("select",{item:u,value:v}),i("change",r.value),i("update:modelValue",v)},valueKey:l,labelKey:f,disabledKey:h,childrenKey:d,emitValue:r,useShow:u=>Reflect.has(u,"show")?u.show:!0}}});I("data-v-bfbc4d1a");const De={class:"es-option__content"},Ue=["onClick"],Ge={key:1,class:"es-option__content__item__label"},Xe={key:1,class:"es-option__content__no-source"};z();function qe(t,i,l,f,h,d){const a=X("es-checkbox");return E(),S("div",{class:"es-option",style:q(t.styles)},[V("div",De,[t.source&&t.source.length?(E(!0),S(J,{key:0},Q(t.source,(e,r)=>xe((E(),S("div",{class:Y(["es-option__content__item",{active:t.isActived(e)}]),key:e[t.valueKey],onClick:s=>t.toggleActived(e)},[K(t.$slots,"default",{item:e,active:t.emitValue},()=>[t.multiple&&t.showCheckBox?(E(),we(a,{key:0,class:"es-option__content__item__checkbox",modelValue:t.isActived(e)},{default:W(()=>[G(L(e[t.labelKey]),1)]),_:2},1032,["modelValue"])):(E(),S("span",Ge,L(e[t.labelKey]),1))])],10,Ue)),[[Ee,t.useShow(e)&&r+1<=t.maxLen]])),128)):(E(),S("div",Xe,"\u6682\u65E0\u6570\u636E"))])],4)}var Je=`.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;
}`;H(Je),T.render=qe,T.__scopeId="data-v-bfbc4d1a",T.__file="components/option/index.vue",T.install=t=>{t.component("es-option",T)};var Qe=(t,i,l)=>new Promise((f,h)=>{var d=r=>{try{e(l.next(r))}catch(s){h(s)}},a=r=>{try{e(l.throw(r))}catch(s){h(s)}},e=r=>r.done?f(r.value):Promise.resolve(r.value).then(d,a);e((l=l.apply(t,i)).next())}),O=F({components:{EsOption:T},props:{styles:{type:Object,default:()=>({})},modelValue:{type:Array,default:()=>[]},keyConfig:ee,source:{type:Object,default:()=>[]},multiple:te,showCheckBox:{type:Boolean,default:!0}},emits:["change","select","update:modelValue"],setup(t,{emit:i}){function l(){var a,e;return Array((e=(a=t.source)==null?void 0:a.length)!=null?e:1).fill([])}const f=D(l());return N(()=>t.modelValue,a=>{f.value=a},{immediate:!0}),{valueChangeEvt:()=>Qe(this,null,function*(){yield Se(),i("change",$(f.value)),i("update:modelValue",$(f.value))}),groupSelectedValue:f,selectEvt:(a,{item:e})=>{i("select",{item:$(e),value:$(f.value),index:a})}}}});I("data-v-6706db65");const We={class:"es-option-group__content__title"};z();function Ze(t,i,l,f,h,d){const a=X("es-option");return E(),S("div",{class:"es-option-group",style:q(t.styles)},[(E(!0),S(J,null,Q(t.source,(e,r)=>(E(),S("div",{class:"es-option-group__content",key:e.value},[V("div",We,L(e.title),1),Ce(a,{source:e.source,multiple:t.multiple,modelValue:t.groupSelectedValue[r],"onUpdate:modelValue":s=>t.groupSelectedValue[r]=s,onChange:t.valueChangeEvt,onSelect:s=>t.selectEvt(r,s),keyConfig:t.keyConfig,showCheckBox:t.showCheckBox},{default:W(({item:s})=>[K(t.$slots,"default",{item:s,value:t.groupSelectedValue})]),_:2},1032,["source","multiple","modelValue","onUpdate:modelValue","onChange","onSelect","keyConfig","showCheckBox"])]))),128))],4)}var et=`.es-option-group[data-v-6706db65] {
  display: inline-block;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
  border-radius: 4px;
  padding: 8px 0;
}
.es-option-group__content[data-v-6706db65] {
  display: flex;
  flex-direction: column;
}
.es-option-group__content:nth-of-type(1) .es-option-group__content__title[data-v-6706db65] {
  margin-top: 0;
}
.es-option-group__content__title[data-v-6706db65] {
  color: #5c5e70;
  font-size: 12px;
  padding: 0 12px;
  line-height: 18px;
  margin-bottom: 8px;
  margin-top: 15px;
}
.es-option-group__content__item[data-v-6706db65] {
  display: flex;
  align-items: center;
  color: #3e4051;
  line-height: 21px;
  min-width: 331px;
  font-size: 14px;
  margin-top: 1px;
  cursor: pointer;
  padding: 6px 12px 5px 12px;
}
.es-option-group__content__item.active[data-v-6706db65] {
  background: #eaf1ff;
  color: #282934;
  font-weight: 600;
}
[data-v-6706db65] .es-option {
  box-shadow: unset;
}`;H(et),O.render=Ze,O.__scopeId="data-v-6706db65",O.__file="components/option-group/index.vue",O.install=t=>{t.component("es-option-group",O)};export{O as default};