@cmtlyt/chlorine-ui/dist/lib/manu/index.js

一个令人窒息的组件库？

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("lib/manu",[],e):"object"==typeof exports?exports["lib/manu"]=e():t["lib/manu"]=e()}(self,(function(){return function(){var t={529:function(t,e,n){"use strict";n.r(e);var a=n(81),o=n.n(a),i=n(645),c=n.n(i)()(o());c.push([t.id,'\n.cl-manu[data-v-320edecb]{--manu-bgc: var(--main-color-white);--manu-item-hover-bgc: transparent;--manu-font-color: var(--info-color);--manu-border-bottom-color: #dddee0;--manu-child-spacing: 5px;--manu-item-padding: 0 20px;--submanu-item-padding: 5px 10px;--manu-border-radius: 5px;--manu-active-border-color: var(--primary-color);--manu-active-color: #000;--manu-item-hover-color: #000;--manu-item-disabled-color: #adadad;--submanu-bgc: var(--manu-bgc);--manu-v-item-height: 40px;--manu-icon-size: 1em;height:40px;display:flex\n}\n.cl-manu[data-v-320edecb]:has(.vertical){flex-direction:column;height:100%;width:max-content\n}\n.cl-manu__content[data-v-320edecb]{flex:1;display:flex;align-items:stretch;height:100%;background-color:var(--manu-bgc);color:var(--manu-font-color);box-shadow:0 1px 0 0 var(--manu-border-bottom-color)\n}\n.cl-manu__content .cl-manu-item[data-v-320edecb]{box-sizing:border-box;padding:var(--manu-item-padding);position:relative;display:flex;align-items:center\n}\n.cl-manu__content .cl-manu-item:has(.active.cl-manu-item)>.title-box[data-v-320edecb],.cl-manu__content .cl-manu-item.active>.title-box[data-v-320edecb]{color:var(--manu-active-color)\n}\n.cl-manu__content .cl-manu-item[data-v-320edecb]:has(.active.cl-manu-item)::before,.cl-manu__content .cl-manu-item.active[data-v-320edecb]::before{box-shadow:inset 0 -2px 0 0 var(--manu-active-border-color)\n}\n.cl-manu__content .cl-manu-item[data-v-320edecb]::before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";transition:background-color 300ms,box-shadow 300ms\n}\n.cl-manu__content .cl-manu-item .title-box[data-v-320edecb]{position:relative;z-index:1;display:flex;height:100%;align-items:center;transition:color 300ms\n}\n.cl-manu__content .cl-manu-item .title-box>i[data-v-320edecb],.cl-manu__content .cl-manu-item .title-box>.cl-icon[data-v-320edecb]{padding-right:5px;font-weight:700;font-size:var(--manu-icon-size)\n}\n.cl-manu__content .cl-manu-item .title-box .title[data-v-320edecb]{width:max-content;height:100%;display:flex;align-items:center;gap:5px\n}\n.cl-manu__content .cl-manu-item .title-box .title i.cl-down[data-v-320edecb]{transition:transform 300ms\n}\n.cl-manu__content .cl-manu-item .cl-submanu[data-v-320edecb]{padding-top:var(--manu-child-spacing);position:absolute;bottom:0;left:0;min-width:100%;width:max-content;opacity:0;transform:translateY(100%) scaleY(0);transform-origin:top;transition:transform 300ms,opacity 300ms;background-color:var(--submanu-bgc)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-submanu__content[data-v-320edecb]{padding:5px 0;border-radius:var(--manu-border-radius);box-shadow:0 0 10px -5px var(--main-color-block);background-color:var(--manu-bgc)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-submanu[data-v-320edecb]{padding:0;padding-left:var(--manu-child-spacing);left:unset;bottom:unset;top:0;right:0;opacity:0;transform:translateX(100%) scale(0);transform-origin:left top\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item[data-v-320edecb]{padding:var(--submanu-item-padding)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item:has(.active.cl-manu-item)>.title-box[data-v-320edecb],.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item.active>.title-box[data-v-320edecb]{color:var(--manu-active-color)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item[data-v-320edecb]:has(.active.cl-manu-item)::before,.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item.active[data-v-320edecb]::before{box-shadow:none\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item .title i.cl-down[data-v-320edecb]{transform:rotate(-90deg)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item:hover>.cl-submanu[data-v-320edecb]{opacity:1;transform:translateX(100%) scale(1)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item:hover>.title-box[data-v-320edecb]{color:var(--manu-item-hover-color)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item:hover>.title-box>.title i.cl-down[data-v-320edecb]{transform:rotate(90deg)\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item[data-v-320edecb]:first-child::before{border-radius:var(--manu-border-radius) var(--manu-border-radius) 0 0\n}\n.cl-manu__content .cl-manu-item .cl-submanu .cl-manu-item[data-v-320edecb]:last-child::before{border-radius:0 0 var(--manu-border-radius) var(--manu-border-radius)\n}\n.cl-manu__content .cl-manu-item[data-v-320edecb]:hover::before{background-color:var(--manu-item-hover-bgc)\n}\n.cl-manu__content .cl-manu-item:hover>.cl-submanu[data-v-320edecb]{opacity:1;transform:translateY(100%) scaleY(1)\n}\n.cl-manu__content .cl-manu-item:hover>.title-box[data-v-320edecb]{color:var(--manu-item-hover-color)\n}\n.cl-manu__content .cl-manu-item:hover>.title-box>.title>i.cl-down[data-v-320edecb]{transform:rotate(180deg)\n}\n.cl-manu__content .cl-manu-item.disabled[data-v-320edecb]{color:var(--manu-item-disabled-color);pointer-events:none;opacity:.5\n}\n.cl-manu__content .cl-manu-item.disabled>.title-box[data-v-320edecb]{color:currentColor\n}\n.cl-manu__content .cl-manu-item.disabled[data-v-320edecb]::before{box-shadow:none\n}\n.cl-manu__content.vertical[data-v-320edecb]{--manu-active-border-color: transparent !important;flex-direction:column;width:max-content;box-shadow:1px 0 0 0 var(--manu-border-bottom-color)\n}\n.cl-manu__content.vertical .cl-manu-item[data-v-320edecb]{--manu-child-spacing: 0;--manu-border-radius: 0;height:var(--manu-v-item-height);flex-direction:column;align-items:flex-start\n}\n.cl-manu__content.vertical .cl-manu-item .title-box[data-v-320edecb]{height:var(--manu-v-item-height)\n}\n.cl-manu__content.vertical .cl-manu-item .title-box>i[data-v-320edecb]{transition:padding 0s\n}\n.cl-manu__content.vertical .cl-manu-item .title-box>.title[data-v-320edecb]{max-width:50vw;width:max-content;transition:max-width 1s ease-in-out;overflow:hidden\n}\n.cl-manu__content.vertical .cl-manu-item .title-box>.title>i.cl-down[data-v-320edecb]{transform:rotate(-90deg)\n}\n.cl-manu__content.vertical .cl-manu-item .cl-submanu[data-v-320edecb]{top:0;left:unset;right:0;transform:translateX(100%) scaleX(0);transform-origin:left;height:max-content\n}\n.cl-manu__content.vertical .cl-manu-item[data-v-320edecb]:hover::before{background-color:var(--manu-item-hover-bgc)\n}\n.cl-manu__content.vertical .cl-manu-item:hover>.cl-submanu[data-v-320edecb]{opacity:1;transform:translateX(100%) scaleX(1)\n}\n.cl-manu__content.vertical .cl-manu-item:hover>.title-box[data-v-320edecb]{color:var(--manu-item-hover-color)\n}\n.cl-manu__content.vertical .cl-manu-item:hover>.title-box>.title>i.cl-down[data-v-320edecb]{transform:rotate(90deg)\n}\n.cl-manu__content.vertical.collapse>.cl-manu-item>.title-box>i[data-v-320edecb]{padding:0;transition:padding 500ms\n}\n.cl-manu__content.vertical.collapse>.cl-manu-item>.title-box .title[data-v-320edecb]{max-width:0;transition:max-width 500ms cubic-bezier(0, 1, 0, 1)\n}',""]),e.default=c},645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",a=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),a&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),a&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,a,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var c={};if(a)for(var r=0;r<this.length;r++){var l=this[r][0];null!=l&&(c[l]=!0)}for(var u=0;u<t.length;u++){var d=[].concat(t[u]);a&&c[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),e.push(d))}},e}},81:function(t){"use strict";t.exports=function(t){return t[1]}},236:function(t,e,n){"use strict";function a(t,e,n,a,o,i,c,r){var l=typeof(t=t||{}).default;"object"!==l&&"function"!==l||(t=t.default);var u,d="function"==typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=n,d._compiled=!0),a&&(d.functional=!0),i&&(d._scopeId=i),c?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},d._ssrRegister=u):o&&(u=r?function(){o.call(this,this.$root.$options.shadowRoot)}:o),u)if(d.functional){d._injectStyles=u;var s=d.render;d.render=function(t,e){return u.call(e),s(t,e)}}else{var m=d.beforeCreate;d.beforeCreate=m?[].concat(m,u):[u]}return{exports:t,options:d}}n.d(e,{Z:function(){return a}})},1:function(t,e,n){var a=n(529);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals),(0,n(346).Z)("07298f06",a,!1,{})},346:function(t,e,n){"use strict";function a(t,e){for(var n=[],a={},o=0;o<e.length;o++){var i=e[o],c=i[0],r={id:t+":"+o,css:i[1],media:i[2],sourceMap:i[3]};a[c]?a[c].parts.push(r):n.push(a[c]={id:c,parts:[r]})}return n}n.d(e,{Z:function(){return b}});var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},c=o&&(document.head||document.getElementsByTagName("head")[0]),r=null,l=0,u=!1,d=function(){},s=null,m="data-vue-ssr-id",v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function b(t,e,n,o){u=n,s=o||{};var c=a(t,e);return f(c),function(e){for(var n=[],o=0;o<c.length;o++){var r=c[o];(l=i[r.id]).refs--,n.push(l)}for(e?f(c=a(t,e)):c=[],o=0;o<n.length;o++){var l;if(0===(l=n[o]).refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete i[l.id]}}}}function f(t){for(var e=0;e<t.length;e++){var n=t[e],a=i[n.id];if(a){a.refs++;for(var o=0;o<a.parts.length;o++)a.parts[o](n.parts[o]);for(;o<n.parts.length;o++)a.parts.push(h(n.parts[o]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{var c=[];for(o=0;o<n.parts.length;o++)c.push(h(n.parts[o]));i[n.id]={id:n.id,refs:1,parts:c}}}}function p(){var t=document.createElement("style");return t.type="text/css",c.appendChild(t),t}function h(t){var e,n,a=document.querySelector("style["+m+'~="'+t.id+'"]');if(a){if(u)return d;a.parentNode.removeChild(a)}if(v){var o=l++;a=r||(r=p()),e=x.bind(null,a,o,!1),n=x.bind(null,a,o,!0)}else a=p(),e=C.bind(null,a),n=function(){a.parentNode.removeChild(a)};return e(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;e(t=a)}else n()}}var _,g=(_=[],function(t,e){return _[t]=e,_.filter(Boolean).join("\n")});function x(t,e,n,a){var o=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=g(e,o);else{var i=document.createTextNode(o),c=t.childNodes;c[e]&&t.removeChild(c[e]),c.length?t.insertBefore(i,c[e]):t.appendChild(i)}}function C(t,e){var n=e.css,a=e.media,o=e.sourceMap;if(a&&t.setAttribute("media",a),s.ssrId&&t.setAttribute(m,e.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}}},e={};function n(a){var o=e[a];if(void 0!==o)return o.exports;var i=e[a]={id:a,exports:{}};return t[a](i,i.exports,n),i.exports}n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var a in e)n.o(e,a)&&!n.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var a={};return function(){"use strict";n.r(a),n.d(a,{default:function(){return c}});var t={name:"clManu",props:{manuData:{type:Object},value:{type:[String,Number]},backgroundColor:String,textColor:String,activeTextColor:String,hoverColor:String,disabledColor:String,activeBoderColor:String,hoverBackground:String,collapse:{type:Boolean,default:!1},mode:{type:String,default:"horizontal",validator(t){return["horizontal","vertical"].includes(t)}}},data(){return{dropIdx:null}},provide(){return{$parent:this}},methods:{clickHander(t){if(t.path.find((t=>Array.from(t.classList||[]).includes("cl-manu-item"))).querySelector(".cl-submanu"))return;const e=t.path.filter((t=>Array.from(t.classList||[]).includes("cl-manu-item"))).map((t=>t.dataset.idx));this.active=e[0]||this.active,this.$emit("select",e)},dropClick(t){this.dropIdx==t?this.dropIdx=null:this.dropIdx=t}},computed:{active:{get(){return this.value},set(t){this.$emit("input",t)}}},filters:{formatIconName(t){return(t="cl-"+t).replace("cl-cl-","cl-")}}},e=function(){var t,e,n,a,o,i,c,r,l=this,u=l.$createElement,d=l._self._c||u;return d("section",{staticClass:"cl-manu"},[d("div",{staticClass:"cl-manu__content",class:[l.mode,{collapse:l.collapse}],style:[{"--manu-bgc":l.backgroundColor||(null===(t=l.manuData)||void 0===t?void 0:t.backgroundColor),"--manu-font-color":l.textColor||(null===(e=l.manuData)||void 0===e?void 0:e.textColor),"--manu-active-color":l.activeTextColor||(null===(n=l.manuData)||void 0===n?void 0:n.activeTextColor),"--manu-item-hover-color":l.hoverColor||(null===(a=l.manuData)||void 0===a?void 0:a.hoverColor),"--manu-item-disabled-color":l.disabledColor||(null===(o=l.manuData)||void 0===o?void 0:o.disabledColor),"--manu-active-border-color":l.activeBoderColor||(null===(i=l.manuData)||void 0===i?void 0:i.activeBoderColor)||l.activeTextColor||(null===(c=l.manuData)||void 0===c?void 0:c.activeTextColor),"--manu-item-hover-bgc":l.hoverBackground||(null===(r=l.manuData)||void 0===r?void 0:r.hoverBackground)}],on:{click:l.clickHander}},[l._t("default",(function(){return l._l(l.manuData.manuList,(function(t,e){var n,a;return d("div",{key:e,staticClass:"cl-manu-item",class:{active:l.active==t.idx,disabled:t.disabled,"drop-down":l.dropIdx==t.idx},attrs:{"data-idx":t.idx},on:{click:function(e){return l.dropClick(t.idx)}}},[d("div",{staticClass:"title-box"},[t.icon?d("i",{staticClass:"clfont",class:l._f("formatIconName")(t.icon)}):l._e(),l._v(" "),d("div",{staticClass:"title"},[l._v(l._s(t.title)+" "),null!==(n=t.submanu)&&void 0!==n&&n.length?d("i",{staticClass:"clfont cl-down"}):l._e()])]),l._v(" "),null!==(a=t.submanu)&&void 0!==a&&a.length?d("div",{staticClass:"cl-submanu"},[d("div",{staticClass:"cl-submanu__content"},l._l(t.submanu,(function(t,e){var n,a;return d("div",{key:e,staticClass:"cl-manu-item",class:{active:l.active==t.idx,disabled:t.disabled,"drop-down":l.dropIdx==t.idx},attrs:{"data-idx":t.idx},on:{click:function(e){return l.dropClick(t.idx)}}},[d("div",{staticClass:"title-box"},[t.icon?d("i",{staticClass:"clfont",class:l._f("formatIconName")(t.icon)}):l._e(),l._v(" "),d("div",{staticClass:"title"},[l._v("\n                  "+l._s(t.title)+" "),null!==(n=t.submanu)&&void 0!==n&&n.length?d("i",{staticClass:"clfont cl-down"}):l._e()])]),l._v(" "),null!==(a=t.submanu)&&void 0!==a&&a.length?d("div",{staticClass:"cl-submanu"},[d("div",{staticClass:"cl-submanu__content"},l._l(t.submanu,(function(t,e){var n;return d("div",{key:e,staticClass:"cl-manu-item",class:{active:l.active==t.idx,disabled:t.disabled,"drop-down":l.dropIdx==t.idx},attrs:{"data-idx":t.idx},on:{click:function(e){return l.dropClick(t.idx)}}},[d("div",{staticClass:"title-box"},[t.icon?d("i",{staticClass:"clfont",class:l._f("formatIconName")(t.icon)}):l._e(),l._v(" "),d("div",{staticClass:"title"},[l._v("\n                        "+l._s(t.title)+" "),null!==(n=t.submanu)&&void 0!==n&&n.length?d("i",{staticClass:"clfont cl-down"}):l._e()])])])})),0)]):l._e()])})),0)]):l._e()])}))}))],2)])};e._withStripped=!0;var o=(0,n(236).Z)(t,e,[],!1,(function(t){n(1)}),"data-v-320edecb",null);o.options.__file="components\\lib\\manu\\main.vue";var i=o.exports;i.install=t=>{t.component(i.name,i)};var c=i}(),a}()}));