gg-y-ui/lib/layout/index.js

An enterprise-class UI design language and Vue-based implementation for web

/*!
 * 
 * y-ui v0.1.0
 * 
 * Copyright 2021-present, Y-UI-Design.
 * All rights reserved.
 * 
 */
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=82)}({0:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getPrefixCls=function(e){return"y-"+e}},82:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=u(r(83)),o=u(r(84));function u(e){return e&&e.__esModule?e:{default:e}}n.default.Sider=o.default,n.default.install=function(e){e.component(n.default.name,n.default),e.component(n.default.Header.name,n.default.Header),e.component(n.default.Footer.name,n.default.Footer),e.component(n.default.Content.name,n.default.Content),e.component(n.default.Sider.name,n.default.Sider)},t.default=n.default},83:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u={prefixCls:String,tagName:String},a=function(e){var t=e.suffixCls,r=e.tagName,o=e.name;return function(e){return{name:o,props:e.props,render:function(){var o=arguments[0],u=this.$slots,a=(0,n.getPrefixCls)(t),i={props:{prefixCls:a,tagName:r}};return o(e,i,[u.default])}}}},i={props:u,render:function(){var e=arguments[0],t=this.prefixCls,r=this.tagName,n=this.$slots,o={class:t};return e(r,o,[n.default])}},l={props:u,data:function(){return{siders:[]}},provide:function(){var e=this;return{yunUILayoutHook:{addSider:function(t){e.siders=[].concat(function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}(e.siders),[t])},removeSider:function(t){e.siders=e.siders.filter((function(e){return e!==t}))}}}},watch:{siders:{handler:function(e){var t=this.prefixCls,r=this.$el.classList,n=t+"-has-sider";e.length&&!r.contains(n)?r.add(n):r.remove(n)}}},render:function(){var e=arguments[0],t=this.prefixCls,r=this.tagName,n=this.$slots,u={class:o({},""+t,!0)};return e(r,u,[n.default])}},s=a({suffixCls:"layout",tagName:"section",name:"YLayout"})(l),d=a({suffixCls:"layout-header",tagName:"header",name:"YLayoutHeader"})(i),f=a({suffixCls:"layout-footer",tagName:"footer",name:"YLayoutFooter"})(i),c=a({suffixCls:"layout-content",tagName:"main",name:"YLayoutContent"})(i);s.Header=d,s.Footer=f,s.Content=c,t.default=s},84:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u,a=(u=0,function(e){return""+e+(u+=1)}),i={name:"YLayoutSider",props:{width:{type:Number,default:220},collapsible:{type:Boolean,default:!1},collapsedWidth:{type:Number,default:80}},inject:{yunUILayoutHook:{default:function(){return{}}}},data:function(){return{siderId:a("y-layout-sider-")}},mounted:function(){var e=this;this.$nextTick((function(){e.yunUILayoutHook.addSider&&e.yunUILayoutHook.addSider(e.siderId)}))},beforeDestroy:function(){this.yunUILayoutHook.removeSider&&this.yunUILayoutHook.removeSider(this.siderId)},render:function(){var e,t=arguments[0],r=this.width,u=this.collapsible,a=this.collapsedWidth,i=this.$slots,l=(0,n.getPrefixCls)("layout-sider"),s=(0,n.getPrefixCls)("layout-sider-children"),d={width:(u?a:r)+"px"},f={style:d,class:(e={},o(e,""+l,!0),o(e,l+"-collapsed",u),e)},c={class:o({},""+s,!0)};return t("aside",f,[t("div",c,[i.default])])}};t.default=i}});