'初始化'

admin

2020-12-08 7f2d1daf6af6ecebad84d80de46a0e5024bbf5da

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
var noop = function noop() {};
 
var prefixKey = function prefixKey(prefix) {
  return function (key) {
    return prefix + "-" + key;
  };
};
 
var collapsePrefix = prefixKey('am-collapse');
Component({
  data: {
    id: '',
    activeArr: []
  },
  props: {
    activeKey: [],
    accordion: false,
    onChange: noop,
    openAnimation: {},
    collapseKey: '',
    className: ''
  },
  didMount: function didMount() {
    this.initData();
  },
  didUnmount: function didUnmount() {
    // clear cache in page when didUnmount
    delete this.$page[collapsePrefix("ids-" + this.props.collapseKey)];
    delete this.$page[collapsePrefix("updates-" + this.props.collapseKey)];
  },
  methods: {
    initData: function initData() {
      var _this$props = this.props,
          accordion = _this$props.accordion,
          activeKey = _this$props.activeKey,
          collapseKey = _this$props.collapseKey;
      var activeArr = [];
      this.$page[collapsePrefix("handleItemTap-" + collapseKey)] = this.handleItemTap.bind(this);
 
      if (accordion) {
        if (typeof activeKey === 'string') {
          activeArr = [activeKey];
        } else {
          activeArr = [this.$page[collapsePrefix("ids-" + collapseKey)] && this.$page[collapsePrefix("ids-" + collapseKey)][0]];
        }
      } else if (typeof activeKey === 'string') {
        activeArr = [activeKey];
      } else if (activeKey instanceof Array) {
        activeArr = activeKey;
      }
 
      this.updateItems(activeArr);
    },
    handleItemTap: function handleItemTap(key) {
      var activeArr = this.data.activeArr;
 
      if (this.props.accordion) {
        if (activeArr.indexOf(key) === -1) {
          this.updateItems([key]);
        } else {
          this.updateItems([]);
        }
      } else {
        var index = activeArr.indexOf(key);
 
        if (index !== -1) {
          activeArr.splice(index, 1);
        } else {
          activeArr.push(key);
        }
 
        this.updateItems(activeArr);
      }
    },
    updateItems: function updateItems(activeArr) {
      var _this = this;
 
      var collapseKey = this.props.collapseKey;
      this.setData({
        activeArr: activeArr
      });
      this.props.onChange(activeArr);
      this.$page[collapsePrefix("updates-" + collapseKey)].forEach(function (update) {
        if (typeof update === 'function') {
          update({
            activeKey: _this.data.activeArr
          });
        }
      });
    }
  }
});