| | |
| | | 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 { wxComponent, SuperComponent } from '../common/src/index'; |
| | | import config from '../common/config'; |
| | | import props from './props'; |
| | | const { prefix } = config; |
| | | const classPrefix = `${prefix}-tab-bar`; |
| | | let Tabbar = class Tabbar extends SuperComponent { |
| | | constructor() { |
| | | super(...arguments); |
| | | this.relations = { |
| | | '../tab-bar-item/tab-bar-item': { |
| | | type: 'descendant', |
| | | }, |
| | | }; |
| | | this.externalClasses = [`${prefix}-class`]; |
| | | this.backupValue = -1; |
| | | this.data = { |
| | | prefix, |
| | | classPrefix, |
| | | }; |
| | | this.properties = props; |
| | | this.controlledProps = [ |
| | | { |
| | | key: 'value', |
| | | event: 'change', |
| | | }, |
| | | ]; |
| | | this.observers = { |
| | | value() { |
| | | this.updateChildren(); |
| | | }, |
| | | }; |
| | | this.lifetimes = { |
| | | ready() { |
| | | this.showChildren(); |
| | | }, |
| | | }; |
| | | this.methods = { |
| | | showChildren() { |
| | | const { value } = this.data; |
| | | this.$children.forEach((child) => { |
| | | if (child.properties.value === value) { |
| | | child.showSpread(); |
| | | child.setData({ crowded: this.$children > 3 }); |
| | | } |
| | | }); |
| | | }, |
| | | updateChildren() { |
| | | const { value } = this.data; |
| | | this.$children.forEach((child) => { |
| | | child.checkActive(value); |
| | | }); |
| | | }, |
| | | updateValue(value) { |
| | | this._trigger('change', { value }); |
| | | }, |
| | | changeOtherSpread(value) { |
| | | this.$children.forEach((child) => { |
| | | if (child.properties.value !== value) { |
| | | child.closeSpread(); |
| | | } |
| | | }); |
| | | }, |
| | | initName() { |
| | | return (this.backupValue += 1); |
| | | }, |
| | | }; |
| | | } |
| | | }; |
| | | Tabbar = __decorate([ |
| | | wxComponent() |
| | | ], Tabbar); |
| | | export default Tabbar; |
| | | import{__decorate}from"tslib";import{wxComponent,SuperComponent}from"../common/src/index";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,classPrefix=`${prefix}-tab-bar`;let Tabbar=class extends SuperComponent{constructor(){super(...arguments),this.relations={"../tab-bar-item/tab-bar-item":{type:"descendant"}},this.externalClasses=[`${prefix}-class`],this.backupValue=-1,this.data={prefix:prefix,classPrefix:classPrefix},this.properties=props,this.controlledProps=[{key:"value",event:"change"}],this.observers={value(){this.updateChildren()}},this.lifetimes={ready(){this.showChildren()}},this.methods={showChildren(){const{value:e}=this.data;this.$children.forEach(r=>{r.setData({crowded:this.$children.length>3}),r.properties.value===e&&r.showSpread()})},updateChildren(){const{value:e}=this.data;this.$children.forEach(r=>{r.checkActive(e)})},updateValue(e){this._trigger("change",{value:e})},changeOtherSpread(e){this.$children.forEach(r=>{r.properties.value!==e&&r.closeSpread()})},initName(){return this.backupValue+=1}}}};Tabbar=__decorate([wxComponent()],Tabbar);export default Tabbar; |