UNPKG

eslink-ui-plus

Version:

vue3 component library, css framework

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