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

一个令人窒息的组件库？

!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("lib/button",[],n):"object"==typeof exports?exports["lib/button"]=n():t["lib/button"]=n()}(self,(function(){return function(){var t={728:function(t,n,o){"use strict";o.r(n);var e=o(81),r=o.n(e),a=o(645),c=o.n(a)()(r());c.push([t.id,'\n.cl-button[data-v-9c1304d8]{--btn-border-radius: 5px;--btn-padding: 10px 20px;--btn-spacing: 1px;--btn-bgcolor: transparent;--btn-font-color: var(--main-color-block);--btn-border-color: var(--info-color);--btn-bg-opacity: 0;--btn-opacity: 1;--btn-icon-space: 5px;position:relative;box-sizing:border-box;display:inline-block;width:max-content;min-width:40px;height:40px;border-radius:var(--btn-border-radius);white-space:var(--btn-spacing);letter-spacing:var(--btn-spacing);user-select:none\n}\n.cl-button[data-v-9c1304d8]:has(.disabled,.loading){cursor:not-allowed\n}\n.cl-button__content[data-v-9c1304d8]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--btn-padding);width:100%;height:100%;color:var(--btn-font-color);box-shadow:inset 0 0 0 1px var(--btn-border-color);border-radius:var(--btn-border-radius);transition:box-shadow 200ms,color 200ms;opacity:var(--btn-opacity);cursor:pointer\n}\n.cl-button__content[data-v-9c1304d8]::before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";border-radius:var(--btn-border-radius);background-color:var(--btn-bgcolor);opacity:var(--btn-bg-opacity);transition:box-shadow 200ms,background-color 200ms,opacity 200ms\n}\n.cl-button__content span[data-v-9c1304d8]{position:relative;z-index:1;display:flex;align-items:center;gap:var(--btn-icon-space)\n}\n.cl-button__content span .icon[data-v-9c1304d8]{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden\n}\n.cl-button__content[data-v-9c1304d8]:hover::before{box-shadow:inset 0 0 0 999px rgba(255,255,255,.1882352941)\n}\n.cl-button__content.circle[data-v-9c1304d8]{--btn-border-radius: 50%\n}\n.cl-button__content.round[data-v-9c1304d8]{--btn-border-radius: 999px\n}\n.cl-button__content.text[data-v-9c1304d8]{--btn-bgcolor: transparent;--btn-font-color: var(--primary-color);--btn-padding: 10px 5px;box-shadow:unset\n}\n.cl-button__content.primary[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--primary-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.success[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--success-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.info[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--info-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.warning[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--warning-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.danger[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--danger-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.el-primary[data-v-9c1304d8]{--btn-bg-opacity: 1;--btn-bgcolor: var(--el-primary-color);--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.plain[data-v-9c1304d8]{--btn-bg-opacity: 0.1;--btn-font-color: var(--btn-bgcolor);--btn-border-color: var(--btn-bgcolor);transition:color 200ms\n}\n.cl-button__content.plain.base[data-v-9c1304d8]{--btn-font-color: var(--main-color-block);--btn-border-color: var(--info-color)\n}\n.cl-button__content.plain.base[data-v-9c1304d8]:hover{--btn-bgcolor: transparent\n}\n.cl-button__content.plain[data-v-9c1304d8]:hover{--btn-bg-opacity: 1;--btn-font-color: var(--main-color-white)\n}\n.cl-button__content.base[data-v-9c1304d8]{box-shadow:inset 0 0 0 1px var(--btn-border-color)\n}\n.cl-button__content.base[data-v-9c1304d8]:hover{--btn-bg-opacity: 0.1;--btn-border-color: var(--primary-color);--btn-bgcolor: var(--primary-color);--btn-font-color: var(--primary-color)\n}\n.cl-button__content.icon.circle[data-v-9c1304d8]{--btn-padding: 10px\n}\n.cl-button__content.loading[data-v-9c1304d8]{pointer-events:none\n}\n.cl-button__content.loading .icon[data-v-9c1304d8]{animation:rotate-data-v-9c1304d8 5s linear infinite\n}\n.cl-button__content.loading[data-v-9c1304d8]::before{box-shadow:inset 0 0 0 999px rgba(255,255,255,.2509803922)\n}\n@keyframes rotate-data-v-9c1304d8{\n0%{transform:rotate(0)\n}\n100%{transform:rotate(360deg)\n}\n}\n.cl-button__content.disabled[data-v-9c1304d8]{--btn-opacity: 0.5;pointer-events:none\n}\n.cl-button__content.disabled[data-v-9c1304d8]::before{box-shadow:inset 0 0 0 999px rgba(255,255,255,.2509803922)\n}\n.cl-button__content.disabled.text[data-v-9c1304d8]{--btn-font-color: var(--info-color)\n}',""]),n.default=c},645:function(t){"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var o="",e=void 0!==n[5];return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=t(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o})).join("")},n.i=function(t,o,e,r,a){"string"==typeof t&&(t=[[null,t,void 0]]);var c={};if(e)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(c[l]=!0)}for(var d=0;d<t.length;d++){var s=[].concat(t[d]);e&&c[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),o&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=o):s[2]=o),r&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=r):s[4]="".concat(r)),n.push(s))}},n}},81:function(t){"use strict";t.exports=function(t){return t[1]}},236:function(t,n,o){"use strict";function e(t,n,o,e,r,a,c,i){var l=typeof(t=t||{}).default;"object"!==l&&"function"!==l||(t=t.default);var d,s="function"==typeof t?t.options:t;if(n&&(s.render=n,s.staticRenderFns=o,s._compiled=!0),e&&(s.functional=!0),a&&(s._scopeId=a),c?(d=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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},s._ssrRegister=d):r&&(d=i?function(){r.call(this,this.$root.$options.shadowRoot)}:r),d)if(s.functional){s._injectStyles=d;var u=s.render;s.render=function(t,n){return d.call(n),u(t,n)}}else{var b=s.beforeCreate;s.beforeCreate=b?[].concat(b,d):[d]}return{exports:t,options:s}}o.d(n,{Z:function(){return e}})},214:function(t,n,o){var e=o(728);e.__esModule&&(e=e.default),"string"==typeof e&&(e=[[t.id,e,""]]),e.locals&&(t.exports=e.locals),(0,o(346).Z)("91b10ac2",e,!1,{})},346:function(t,n,o){"use strict";function e(t,n){for(var o=[],e={},r=0;r<n.length;r++){var a=n[r],c=a[0],i={id:t+":"+r,css:a[1],media:a[2],sourceMap:a[3]};e[c]?e[c].parts.push(i):o.push(e[c]={id:c,parts:[i]})}return o}o.d(n,{Z:function(){return f}});var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)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 a={},c=r&&(document.head||document.getElementsByTagName("head")[0]),i=null,l=0,d=!1,s=function(){},u=null,b="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(t,n,o,r){d=o,u=r||{};var c=e(t,n);return v(c),function(n){for(var o=[],r=0;r<c.length;r++){var i=c[r];(l=a[i.id]).refs--,o.push(l)}for(n?v(c=e(t,n)):c=[],r=0;r<o.length;r++){var l;if(0===(l=o[r]).refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete a[l.id]}}}}function v(t){for(var n=0;n<t.length;n++){var o=t[n],e=a[o.id];if(e){e.refs++;for(var r=0;r<e.parts.length;r++)e.parts[r](o.parts[r]);for(;r<o.parts.length;r++)e.parts.push(h(o.parts[r]));e.parts.length>o.parts.length&&(e.parts.length=o.parts.length)}else{var c=[];for(r=0;r<o.parts.length;r++)c.push(h(o.parts[r]));a[o.id]={id:o.id,refs:1,parts:c}}}}function g(){var t=document.createElement("style");return t.type="text/css",c.appendChild(t),t}function h(t){var n,o,e=document.querySelector("style["+b+'~="'+t.id+'"]');if(e){if(d)return s;e.parentNode.removeChild(e)}if(p){var r=l++;e=i||(i=g()),n=y.bind(null,e,r,!1),o=y.bind(null,e,r,!0)}else e=g(),n=x.bind(null,e),o=function(){e.parentNode.removeChild(e)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else o()}}var _,m=(_=[],function(t,n){return _[t]=n,_.filter(Boolean).join("\n")});function y(t,n,o,e){var r=o?"":e.css;if(t.styleSheet)t.styleSheet.cssText=m(n,r);else{var a=document.createTextNode(r),c=t.childNodes;c[n]&&t.removeChild(c[n]),c.length?t.insertBefore(a,c[n]):t.appendChild(a)}}function x(t,n){var o=n.css,e=n.media,r=n.sourceMap;if(e&&t.setAttribute("media",e),u.ssrId&&t.setAttribute(b,n.id),r&&(o+="\n/*# sourceURL="+r.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={id:e,exports:{}};return t[e](a,a.exports,o),a.exports}o.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(n,{a:n}),n},o.d=function(t,n){for(var e in n)o.o(n,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:n[e]})},o.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var e={};return function(){"use strict";o.r(e),o.d(e,{default:function(){return c}});var t={name:"clButton",props:{type:{type:String,default:"base",validator:t=>["text","base","primary","success","info","warning","danger","el-primary"].includes(t)},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{type:String,default:""},iconSize:{type:[String,Number],default:""}},filters:{removeHeadCl(t){return t.replace("cl-cl-","cl-")}}},n=function(){var t=this,n=t.$createElement,o=t._self._c||n;return o("section",{staticClass:"cl-button"},[o("div",t._g({staticClass:"cl-button__content",class:[t.type,{round:t.round,circle:t.circle,plain:t.plain,icon:t.icon,loading:t.loading,disabled:t.disabled}]},!t.loading&&!t.disabled&&t.$listeners),[o("span",[t.icon||t.loading?o("svg",{staticClass:"icon",style:{height:t.iconSize+"px",width:t.iconSize+"px"},attrs:{"aria-hidden":"true"}},[o("use",{attrs:{"xlink:href":t._f("removeHeadCl")("#cl-"+(t.loading?"loading-one":t.icon))}})]):t._e(),t._v(" "),t._t("default")],2)])])};n._withStripped=!0;var r=(0,o(236).Z)(t,n,[],!1,(function(t){o(214)}),"data-v-9c1304d8",null);r.options.__file="components\\lib\\button\\main.vue";var a=r.exports;a.install=t=>{t.component(a.name,a)};var c=a}(),e}()}));