1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
  | 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; 
 |  
  |