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

一个令人窒息的组件库？

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("lib/viewWindow",[],e):"object"==typeof exports?exports["lib/viewWindow"]=e():t["lib/viewWindow"]=e()}(self,(function(){return function(){var t={515:function(t,e,n){"use strict";n.r(e);var o=n(81),i=n.n(o),r=n(645),a=n.n(r)()(i());a.push([t.id,"\n.cl-view-window[data-v-5939a8b1]{box-sizing:border-box\n}\n.cl-view-window__content[data-v-5939a8b1]{box-sizing:border-box;width:100%;height:100%;box-shadow:0 0 10px -3px var(--info-color);border-radius:10px\n}\n.cl-view-window__content-hide-view[data-v-5939a8b1]{box-sizing:border-box;background-color:#f3f3f3;transition:height 300ms;overflow:hidden\n}\n.cl-view-window__content-btns[data-v-5939a8b1]{box-shadow:0 0 10px -5px var(--info-color);transition:background-color 300ms,color 300ms;color:var(--info-color)\n}\n.cl-view-window__content-btns[data-v-5939a8b1]:hover{background-color:#f7f7f7;color:var(--primary-color)\n}\n.cl-view-window__content-btns .btn-text[data-v-5939a8b1]{display:flex;align-items:center;justify-content:center;height:40px;gap:10px\n}\n.cl-view-window__content-btns .btn-text i[data-v-5939a8b1]{font-size:20px\n}\n.cl-view-window__content-btns .btn-text span[data-v-5939a8b1]{position:relative;transform:translateX(100%);opacity:0;overflow:hidden;max-width:0;transition:max-width 300ms,transform 300ms,opacity 300ms\n}\n.cl-view-window__content:hover .btn-text span[data-v-5939a8b1]{width:max-content;opacity:1;max-width:300px;transform:translateX(0)\n}",""]),e.default=a},645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0)}for(var d=0;d<t.length;d++){var l=[].concat(t[d]);o&&a[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),e.push(l))}},e}},81:function(t){"use strict";t.exports=function(t){return t[1]}},236:function(t,e,n){"use strict";function o(t,e,n,o,i,r,a,s){var c=typeof(t=t||{}).default;"object"!==c&&"function"!==c||(t=t.default);var d,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),o&&(l.functional=!0),r&&(l._scopeId=r),a?(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__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},l._ssrRegister=d):i&&(d=s?function(){i.call(this,this.$root.$options.shadowRoot)}:i),d)if(l.functional){l._injectStyles=d;var u=l.render;l.render=function(t,e){return d.call(e),u(t,e)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,d):[d]}return{exports:t,options:l}}n.d(e,{Z:function(){return o}})},592:function(t,e,n){var o=n(515);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[t.id,o,""]]),o.locals&&(t.exports=o.locals),(0,n(346).Z)("9d00e870",o,!1,{})},346:function(t,e,n){"use strict";function o(t,e){for(var n=[],o={},i=0;i<e.length;i++){var r=e[i],a=r[0],s={id:t+":"+i,css:r[1],media:r[2],sourceMap:r[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}n.d(e,{Z:function(){return v}});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={},a=i&&(document.head||document.getElementsByTagName("head")[0]),s=null,c=0,d=!1,l=function(){},u=null,f="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(t,e,n,i){d=n,u=i||{};var a=o(t,e);return h(a),function(e){for(var n=[],i=0;i<a.length;i++){var s=a[i];(c=r[s.id]).refs--,n.push(c)}for(e?h(a=o(t,e)):a=[],i=0;i<n.length;i++){var c;if(0===(c=n[i]).refs){for(var d=0;d<c.parts.length;d++)c.parts[d]();delete r[c.id]}}}}function h(t){for(var e=0;e<t.length;e++){var n=t[e],o=r[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(b(n.parts[i]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var a=[];for(i=0;i<n.parts.length;i++)a.push(b(n.parts[i]));r[n.id]={id:n.id,refs:1,parts:a}}}}function w(){var t=document.createElement("style");return t.type="text/css",a.appendChild(t),t}function b(t){var e,n,o=document.querySelector("style["+f+'~="'+t.id+'"]');if(o){if(d)return l;o.parentNode.removeChild(o)}if(p){var i=c++;o=s||(s=w()),e=g.bind(null,o,i,!1),n=g.bind(null,o,i,!0)}else o=w(),e=x.bind(null,o),n=function(){o.parentNode.removeChild(o)};return e(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;e(t=o)}else n()}}var _,m=(_=[],function(t,e){return _[t]=e,_.filter(Boolean).join("\n")});function g(t,e,n,o){var i=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=m(e,i);else{var r=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(r,a[e]):t.appendChild(r)}}function x(t,e){var n=e.css,o=e.media,i=e.sourceMap;if(o&&t.setAttribute("media",o),u.ssrId&&t.setAttribute(f,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(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o](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 o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},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 o={};return function(){"use strict";n.r(o),n.d(o,{default:function(){return a}});var t={name:"clViewWindow",props:{showBtnText:{type:String,default:"显示"},hideBtnText:{type:String,default:"隐藏"},showBtnBox:{type:Boolean,default:!1}},data(){return{isHide:!0,hideViewHeight:0}},watch:{isHide(t){t?this.hideViewHeight=0:setTimeout((()=>{this.hideViewHeight=this.$refs.hideContent.offsetHeight}))}}},e=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("section",{staticClass:"cl-view-window"},[n("div",{staticClass:"cl-view-window__content"},[n("div",{staticClass:"cl-view-window__content-view"},[t._t("default")],2),t._v(" "),n("div",{staticClass:"cl-view-window__content-hide-view",style:{height:t.hideViewHeight+"px"}},[n("div",{ref:"hideContent",staticClass:"content"},[t._t("hide")],2)]),t._v(" "),t.showBtnBox?n("div",{staticClass:"cl-view-window__content-btns",on:{click:function(e){t.isHide=!t.isHide}}},[t._t("btns",(function(){return[n("div",{staticClass:"btn-text"},[n("i",{class:"clfont cl-"+(t.isHide?"preview-open":"preview-close-one")}),t._v(" "),n("span",[t._v(t._s(t.isHide?t.showBtnText:t.hideBtnText))])])]}))],2):t._e()])])};e._withStripped=!0;var i=(0,n(236).Z)(t,e,[],!1,(function(t){n(592)}),"data-v-5939a8b1",null);i.options.__file="components\\lib\\viewWindow\\main.vue";var r=i.exports;r.install=t=>{t.component(r.name,r)};var a=r}(),o}()}));