| | |
| | | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { |
| | | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; |
| | | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); |
| | | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; |
| | | return c > 3 && r && Object.defineProperty(target, key, r), r; |
| | | }; |
| | | import { isObject, SuperComponent, wxComponent } from '../common/src/index'; |
| | | import config from '../common/config'; |
| | | import props from './props'; |
| | | const { prefix } = config; |
| | | const name = `${prefix}-grid`; |
| | | let Grid = class Grid extends SuperComponent { |
| | | constructor() { |
| | | super(...arguments); |
| | | this.externalClasses = ['t-class']; |
| | | this.relations = { |
| | | '../grid-item/grid-item': { |
| | | type: 'descendant', |
| | | }, |
| | | }; |
| | | this.properties = props; |
| | | this.data = { |
| | | prefix, |
| | | classPrefix: name, |
| | | contentStyle: '', |
| | | }; |
| | | this.observers = { |
| | | 'column,hover,align,gutter,border'() { |
| | | this.updateContentStyle(); |
| | | this.doForChild((child) => child.updateStyle()); |
| | | }, |
| | | }; |
| | | this.lifetimes = { |
| | | attached() { |
| | | this.updateContentStyle(); |
| | | }, |
| | | }; |
| | | this.methods = { |
| | | doForChild(action) { |
| | | this.$children.forEach(action); |
| | | }, |
| | | updateContentStyle() { |
| | | const contentStyles = []; |
| | | const marginStyle = this.getContentMargin(); |
| | | marginStyle && contentStyles.push(marginStyle); |
| | | this.setData({ |
| | | contentStyle: contentStyles.join(';'), |
| | | }); |
| | | }, |
| | | getContentMargin() { |
| | | const { gutter } = this.properties; |
| | | let { border } = this.properties; |
| | | if (!border) |
| | | return `margin-left:-${gutter}rpx; margin-top:-${gutter}rpx`; |
| | | if (!isObject(border)) |
| | | border = {}; |
| | | const { width = 2 } = border; |
| | | return `margin-left:-${width}rpx; margin-top:-${width}rpx`; |
| | | }, |
| | | }; |
| | | } |
| | | }; |
| | | Grid = __decorate([ |
| | | wxComponent() |
| | | ], Grid); |
| | | export default Grid; |
| | | import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import{isObject}from"../common/validator";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-grid`;let Grid=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=["t-class"],this.relations={"../grid-item/grid-item":{type:"descendant"}},this.properties=props,this.data={prefix:prefix,classPrefix:name,contentStyle:""},this.observers={"column,hover,align,gutter,border"(){this.updateContentStyle(),this.doForChild(t=>t.updateStyle())}},this.lifetimes={attached(){this.updateContentStyle()}},this.methods={doForChild(t){this.$children.forEach(t)},updateContentStyle(){const t=[],e=this.getContentMargin();e&&t.push(e),this.setData({contentStyle:t.join(";")})},getContentMargin(){const{gutter:t}=this.properties;let{border:e}=this.properties;if(!e)return`margin-bottom:-${t}rpx; margin-right:-${t}rpx`;isObject(e)||(e={});const{width:r=2}=e;return`margin-bottom:-${r}rpx; margin-right:-${r}rpx`}}}};Grid=__decorate([wxComponent()],Grid);export default Grid; |