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

一个令人窒息的组件库？

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("lib/submanu",[],e):"object"==typeof exports?exports["lib/submanu"]=e():t["lib/submanu"]=e()}(self,(function(){return function(){var t={235:function(t,e,n){"use strict";n.r(e);var a=n(81),i=n.n(a),r=n(645),o=n.n(r)()(i());o.push([t.id,'\n.cl-manu-item{box-sizing:border-box;padding:var(--manu-item-padding);position:relative;display:flex;align-items:center\n}\n.cl-manu-item:has(.active.cl-manu-item)>.title-box,.cl-manu-item.active>.title-box{color:var(--manu-active-color)\n}\n.cl-manu-item:has(.active.cl-manu-item)::before,.cl-manu-item.active::before{box-shadow:inset 0 -2px 0 0 var(--manu-active-border-color)\n}\n.cl-manu-item::before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";transition:background-color 300ms,box-shadow 300ms\n}\n.cl-manu-item .title-box{position:relative;z-index:1;display:flex;height:100%;align-items:center;transition:color 300ms\n}\n.cl-manu-item .title-box>i,.cl-manu-item .title-box>.cl-icon{padding-right:5px;font-weight:700\n}\n.cl-manu-item .title-box .title{width:max-content;height:100%;display:flex;align-items:center;gap:5px\n}\n.cl-manu-item .title-box .title i.cl-down{transition:transform 300ms\n}\n.cl-manu-item .cl-submanu{padding-top:var(--manu-child-spacing);position:absolute;bottom:0;left:0;min-width:100%;opacity:0;transform:translateY(100%) scaleY(0);transform-origin:top;transition:transform 300ms,opacity 300ms;background-color:var(--submanu-bgc);z-index:2\n}\n.cl-manu-item .cl-submanu .cl-submanu__content{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-item .cl-submanu .cl-submanu{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-item .cl-submanu .cl-manu-item{padding:var(--submanu-item-padding)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:has(.active.cl-manu-item)>.title-box,.cl-manu-item .cl-submanu .cl-manu-item.active>.title-box{color:var(--manu-active-color)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:has(.active.cl-manu-item)::before,.cl-manu-item .cl-submanu .cl-manu-item.active::before{box-shadow:none\n}\n.cl-manu-item .cl-submanu .cl-manu-item .title i.cl-down{transform:rotate(-90deg)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:hover>.cl-submanu{opacity:1;transform:translateX(100%) scale(1)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:hover>.title-box{color:var(--manu-item-hover-color)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:hover>.title-box>.title i.cl-down{transform:rotate(90deg)\n}\n.cl-manu-item .cl-submanu .cl-manu-item:first-child::before{border-radius:var(--manu-border-radius) var(--manu-border-radius) 0 0\n}\n.cl-manu-item .cl-submanu .cl-manu-item:last-child::before{border-radius:0 0 var(--manu-border-radius) var(--manu-border-radius)\n}\n.cl-manu-item:hover::before{background-color:var(--manu-item-hover-bgc)\n}\n.cl-manu-item:hover>.cl-submanu{opacity:1;transform:translateY(100%) scaleY(1)\n}\n.cl-manu-item:hover>.title-box{color:var(--manu-item-hover-color)\n}\n.cl-manu-item:hover>.title-box>.title>i.cl-down{transform:rotate(180deg)\n}\n.cl-manu-item.disabled{color:var(--manu-item-disabled-color);pointer-events:none;opacity:.5\n}\n.cl-manu-item.disabled>.title-box{color:currentColor\n}\n.cl-manu-item.disabled::before{box-shadow:none\n}\n.vertical{--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.vertical .cl-manu-item{--manu-child-spacing: 0;--manu-border-radius: 0;height:var(--manu-v-item-height);flex-direction:column;align-items:flex-start\n}\n.vertical .cl-manu-item .title-box{height:var(--manu-v-item-height)\n}\n.vertical .cl-manu-item .title-box>.title{max-width:100vw;transition:max-width 300ms\n}\n.vertical .cl-manu-item .title-box>.title>i.cl-down{transform:rotate(-90deg)\n}\n.vertical .cl-manu-item .cl-submanu{top:0;left:unset;right:0;transform:translateX(100%) scaleX(0);transform-origin:left;height:max-content\n}\n.vertical .cl-manu-item:hover::before{background-color:var(--manu-item-hover-bgc)\n}\n.vertical .cl-manu-item:hover>.cl-submanu{opacity:1;transform:translateX(100%) scaleX(1)\n}\n.vertical .cl-manu-item:hover>.title-box{color:var(--manu-item-hover-color)\n}\n.vertical .cl-manu-item:hover>.title-box>.title>i.cl-down{transform:rotate(90deg)\n}\n.vertical.collapse>.cl-manu-item>.title-box>i{padding:0\n}\n.vertical.collapse>.cl-manu-item>.title-box .title{width:0;overflow:hidden\n}',""]),e.default=o},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,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var o={};if(a)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(o[l]=!0)}for(var s=0;s<t.length;s++){var u=[].concat(t[s]);a&&o[u[0]]||(void 0!==r&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=r),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),e.push(u))}},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,i,r,o,c){var l=typeof(t=t||{}).default;"object"!==l&&"function"!==l||(t=t.default);var s,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),a&&(u.functional=!0),r&&(u._scopeId=r),o?(s=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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},u._ssrRegister=s):i&&(s=c?function(){i.call(this,this.$root.$options.shadowRoot)}:i),s)if(u.functional){u._injectStyles=s;var m=u.render;u.render=function(t,e){return s.call(e),m(t,e)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,s):[s]}return{exports:t,options:u}}n.d(e,{Z:function(){return a}})},374:function(t,e,n){var a=n(235);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals),(0,n(346).Z)("0f77abba",a,!1,{})},346:function(t,e,n){"use strict";function a(t,e){for(var n=[],a={},i=0;i<e.length;i++){var r=e[i],o=r[0],c={id:t+":"+i,css:r[1],media:r[2],sourceMap:r[3]};a[o]?a[o].parts.push(c):n.push(a[o]={id:o,parts:[c]})}return n}n.d(e,{Z:function(){return p}});var i="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!i)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 r={},o=i&&(document.head||document.getElementsByTagName("head")[0]),c=null,l=0,s=!1,u=function(){},m=null,d="data-vue-ssr-id",f="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function p(t,e,n,i){s=n,m=i||{};var o=a(t,e);return v(o),function(e){for(var n=[],i=0;i<o.length;i++){var c=o[i];(l=r[c.id]).refs--,n.push(l)}for(e?v(o=a(t,e)):o=[],i=0;i<n.length;i++){var l;if(0===(l=n[i]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete r[l.id]}}}}function v(t){for(var e=0;e<t.length;e++){var n=t[e],a=r[n.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](n.parts[i]);for(;i<n.parts.length;i++)a.parts.push(h(n.parts[i]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{var o=[];for(i=0;i<n.parts.length;i++)o.push(h(n.parts[i]));r[n.id]={id:n.id,refs:1,parts:o}}}}function b(){var t=document.createElement("style");return t.type="text/css",o.appendChild(t),t}function h(t){var e,n,a=document.querySelector("style["+d+'~="'+t.id+'"]');if(a){if(s)return u;a.parentNode.removeChild(a)}if(f){var i=l++;a=c||(c=b()),e=y.bind(null,a,i,!1),n=y.bind(null,a,i,!0)}else a=b(),e=_.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,x=(g=[],function(t,e){return g[t]=e,g.filter(Boolean).join("\n")});function y(t,e,n,a){var i=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=x(e,i);else{var r=document.createTextNode(i),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(r,o[e]):t.appendChild(r)}}function _(t,e){var n=e.css,a=e.media,i=e.sourceMap;if(a&&t.setAttribute("media",a),m.ssrId&&t.setAttribute(d,e.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}}},e={};function n(a){var i=e[a];if(void 0!==i)return i.exports;var r=e[a]={id:a,exports:{}};return t[a](r,r.exports,n),r.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 o}});var t={name:"clSubmanu",props:{idx:[String,Number],icon:String,disabled:{type:Boolean,default:!1}},inject:["$parent"],data(){return{}},methods:{},filters:{formatIconName(t){return(t="cl-"+t).replace("cl-cl-","cl-")}}},e=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{key:t.idx,staticClass:"cl-manu-item",class:{active:t.$parent.active==t.idx,disabled:t.disabled},attrs:{"data-idx":t.idx}},[n("div",{staticClass:"title-box"},[t._t("icon",(function(){return[t.icon?n("i",{staticClass:"clfont",class:t._f("formatIconName")(t.icon)}):t._e()]})),t._v(" "),n("div",{staticClass:"title"},[t._t("title"),n("i",{staticClass:"clfont cl-down"})],2)],2),t._v(" "),n("div",{staticClass:"cl-submanu"},[n("div",{staticClass:"cl-submanu__content"},[t._t("default")],2)])])};e._withStripped=!0;var i=(0,n(236).Z)(t,e,[],!1,(function(t){n(374)}),null,null);i.options.__file="components\\lib\\submanu\\main.vue";var r=i.exports;r.install=t=>{t.component(r.name,r)};var o=r}(),a}()}));