cy-element-ui 1.1.13 → 1.1.15

package/packages/table/src/layout-observer.js

@@ -1,68 +1,68 @@
 export default {
-  created() {
-    this.tableLayout.addObserver(this);
-  },
+	created() {
+		this.tableLayout.addObserver(this);
+	},
 
-  destroyed() {
-    this.tableLayout.removeObserver(this);
-  },
+	destroyed() {
+		this.tableLayout.removeObserver(this);
+	},
 
-  computed: {
-    tableLayout() {
-      let layout = this.layout;
-      if (!layout && this.table) {
-        layout = this.table.layout;
-      }
-      if (!layout) {
-        throw new Error('Can not find table layout.');
-      }
-      return layout;
-    }
-  },
+	computed: {
+		tableLayout() {
+			let layout = this.layout;
+			if (!layout && this.table) {
+				layout = this.table.layout;
+			}
+			if (!layout) {
+				throw new Error('Can not find table layout.');
+			}
+			return layout;
+		}
+	},
 
-  mounted() {
-    this.onColumnsChange(this.tableLayout);
-    this.onScrollableChange(this.tableLayout);
-  },
+	mounted() {
+		this.onColumnsChange(this.tableLayout);
+		this.onScrollableChange(this.tableLayout);
+	},
 
-  updated() {
-    if (this.__updated__) return;
-    this.onColumnsChange(this.tableLayout);
-    this.onScrollableChange(this.tableLayout);
-    this.__updated__ = true;
-  },
+	updated() {
+		if (this.__updated__) return;
+		this.onColumnsChange(this.tableLayout);
+		this.onScrollableChange(this.tableLayout);
+		this.__updated__ = true;
+	},
 
-  methods: {
-    onColumnsChange(layout) {
-      const cols = this.$el.querySelectorAll('colgroup > col');
-      if (!cols.length) return;
-      const flattenColumns = layout.getFlattenColumns();
-      const columnsMap = {};
-      flattenColumns.forEach((column) => {
-        columnsMap[column.id] = column;
-      });
-      for (let i = 0, j = cols.length; i < j; i++) {
-        const col = cols[i];
-        const name = col.getAttribute('name');
-        const column = columnsMap[name];
-        if (column) {
-          col.setAttribute('width', column.realWidth || column.width);
-        }
-      }
-    },
+	methods: {
+		onColumnsChange(layout) {
+			const cols = this.$el.querySelectorAll('colgroup > col');
+			if (!cols.length) return;
+			const flattenColumns = layout.getFlattenColumns();
+			const columnsMap = {};
+			flattenColumns.forEach((column) => {
+				columnsMap[column.id] = column;
+			});
+			for (let i = 0, j = cols.length; i < j; i++) {
+				const col = cols[i];
+				const name = col.getAttribute('name');
+				const column = columnsMap[name];
+				if (column) {
+					col.setAttribute('width', column.realWidth || column.width);
+				}
+			}
+		},
 
-    onScrollableChange(layout) {
-      const cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
-      for (let i = 0, j = cols.length; i < j; i++) {
-        const col = cols[i];
-        col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
-      }
-      const ths = this.$el.querySelectorAll('th.gutter');
-      for (let i = 0, j = ths.length; i < j; i++) {
-        const th = ths[i];
-        th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
-        th.style.display = layout.scrollY ? '' : 'none';
-      }
-    }
-  }
+		onScrollableChange(layout) {
+			const cols = this.$el.querySelectorAll('colgroup > col[name=gutter]');
+			for (let i = 0, j = cols.length; i < j; i++) {
+				const col = cols[i];
+				col.setAttribute('width', layout.scrollY ? layout.gutterWidth : '0');
+			}
+			const ths = this.$el.querySelectorAll('th.gutter');
+			for (let i = 0, j = ths.length; i < j; i++) {
+				const th = ths[i];
+				th.style.width = layout.scrollY ? layout.gutterWidth + 'px' : '0';
+				th.style.display = layout.scrollY ? '' : 'none';
+			}
+		}
+	}
 };

package/packages/table/src/store/current.js

@@ -2,75 +2,75 @@ import { arrayFind } from 'element-ui/src/utils/util';
 import { getRowIdentity } from '../util';
 
 export default {
-  data() {
-    return {
-      states: {
-        // 不可响应的，设置 currentRowKey 时，data 不一定存在，也许无法算出正确的 currentRow
-        // 把该值缓存一下，当用户点击修改 currentRow 时，把该值重置为 null
-        _currentRowKey: null,
-        currentRow: null
-      }
-    };
-  },
+	data() {
+		return {
+			states: {
+				// 不可响应的，设置 currentRowKey 时，data 不一定存在，也许无法算出正确的 currentRow
+				// 把该值缓存一下，当用户点击修改 currentRow 时，把该值重置为 null
+				_currentRowKey: null,
+				currentRow: null
+			}
+		};
+	},
 
-  methods: {
-    setCurrentRowKey(key) {
-      this.assertRowKey();
-      this.states._currentRowKey = key;
-      this.setCurrentRowByKey(key);
-    },
+	methods: {
+		setCurrentRowKey(key) {
+			this.assertRowKey();
+			this.states._currentRowKey = key;
+			this.setCurrentRowByKey(key);
+		},
 
-    restoreCurrentRowKey() {
-      this.states._currentRowKey = null;
-    },
+		restoreCurrentRowKey() {
+			this.states._currentRowKey = null;
+		},
 
-    setCurrentRowByKey(key) {
-      const { states } = this;
-      const { data = [], rowKey } = states;
-      let currentRow = null;
-      if (rowKey) {
-        currentRow = arrayFind(data, item => getRowIdentity(item, rowKey) === key);
-      }
-      states.currentRow = currentRow;
-    },
+		setCurrentRowByKey(key) {
+			const { states } = this;
+			const { data = [], rowKey } = states;
+			let currentRow = null;
+			if (rowKey) {
+				currentRow = arrayFind(data, item => getRowIdentity(item, rowKey) === key);
+			}
+			states.currentRow = currentRow;
+		},
 
-    updateCurrentRow(currentRow) {
-      const { states, table } = this;
-      const oldCurrentRow = states.currentRow;
-      if (currentRow && currentRow !== oldCurrentRow) {
-        states.currentRow = currentRow;
-        table.$emit('current-change', currentRow, oldCurrentRow);
-        return;
-      }
-      if (!currentRow && oldCurrentRow) {
-        states.currentRow = null;
-        table.$emit('current-change', null, oldCurrentRow);
-      }
-    },
+		updateCurrentRow(currentRow) {
+			const { states, table } = this;
+			const oldCurrentRow = states.currentRow;
+			if (currentRow && currentRow !== oldCurrentRow) {
+				states.currentRow = currentRow;
+				table.$emit('current-change', currentRow, oldCurrentRow);
+				return;
+			}
+			if (!currentRow && oldCurrentRow) {
+				states.currentRow = null;
+				table.$emit('current-change', null, oldCurrentRow);
+			}
+		},
 
-    updateCurrentRowData() {
-      const { states, table } = this;
-      const { rowKey, _currentRowKey } = states;
-      // data 为 null 时，解构时的默认值会被忽略
-      const data = states.data || [];
-      const oldCurrentRow = states.currentRow;
+		updateCurrentRowData() {
+			const { states, table } = this;
+			const { rowKey, _currentRowKey } = states;
+			// data 为 null 时，解构时的默认值会被忽略
+			const data = states.data || [];
+			const oldCurrentRow = states.currentRow;
 
-      // 当 currentRow 不在 data 中时尝试更新数据
-      if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
-        if (rowKey) {
-          const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
-          this.setCurrentRowByKey(currentRowKey);
-        } else {
-          states.currentRow = null;
-        }
-        if (states.currentRow === null) {
-          table.$emit('current-change', null, oldCurrentRow);
-        }
-      } else if (_currentRowKey) {
-        // 把初始时下设置的 rowKey 转化成 rowData
-        this.setCurrentRowByKey(_currentRowKey);
-        this.restoreCurrentRowKey();
-      }
-    }
-  }
+			// 当 currentRow 不在 data 中时尝试更新数据
+			if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
+				if (rowKey) {
+					const currentRowKey = getRowIdentity(oldCurrentRow, rowKey);
+					this.setCurrentRowByKey(currentRowKey);
+				} else {
+					states.currentRow = null;
+				}
+				if (states.currentRow === null) {
+					table.$emit('current-change', null, oldCurrentRow);
+				}
+			} else if (_currentRowKey) {
+				// 把初始时下设置的 rowKey 转化成 rowData
+				this.setCurrentRowByKey(_currentRowKey);
+				this.restoreCurrentRowKey();
+			}
+		}
+	}
 };

package/packages/table/src/store/expand.js

@@ -1,65 +1,65 @@
 import { toggleRowStatus, getKeysMap, getRowIdentity } from '../util';
 
 export default {
-  data() {
-    return {
-      states: {
-        defaultExpandAll: false,
-        expandRows: []
-      }
-    };
-  },
+	data() {
+		return {
+			states: {
+				defaultExpandAll: false,
+				expandRows: []
+			}
+		};
+	},
 
-  methods: {
-    updateExpandRows() {
-      const { data = [], rowKey, defaultExpandAll, expandRows } = this.states;
-      if (defaultExpandAll) {
-        this.states.expandRows = data.slice();
-      } else if (rowKey) {
-        // TODO：这里的代码可以优化
-        const expandRowsMap = getKeysMap(expandRows, rowKey);
-        this.states.expandRows = data.reduce((prev, row) => {
-          const rowId = getRowIdentity(row, rowKey);
-          const rowInfo = expandRowsMap[rowId];
-          if (rowInfo) {
-            prev.push(row);
-          }
-          return prev;
-        }, []);
-      } else {
-        this.states.expandRows = [];
-      }
-    },
+	methods: {
+		updateExpandRows() {
+			const { data = [], rowKey, defaultExpandAll, expandRows } = this.states;
+			if (defaultExpandAll) {
+				this.states.expandRows = data.slice();
+			} else if (rowKey) {
+				// TODO：这里的代码可以优化
+				const expandRowsMap = getKeysMap(expandRows, rowKey);
+				this.states.expandRows = data.reduce((prev, row) => {
+					const rowId = getRowIdentity(row, rowKey);
+					const rowInfo = expandRowsMap[rowId];
+					if (rowInfo) {
+						prev.push(row);
+					}
+					return prev;
+				}, []);
+			} else {
+				this.states.expandRows = [];
+			}
+		},
 
-    toggleRowExpansion(row, expanded) {
-      const changed = toggleRowStatus(this.states.expandRows, row, expanded);
-      if (changed) {
-        this.table.$emit('expand-change', row, this.states.expandRows.slice());
-        this.scheduleLayout();
-      }
-    },
+		toggleRowExpansion(row, expanded) {
+			const changed = toggleRowStatus(this.states.expandRows, row, expanded);
+			if (changed) {
+				this.table.$emit('expand-change', row, this.states.expandRows.slice());
+				this.scheduleLayout();
+			}
+		},
 
-    setExpandRowKeys(rowKeys) {
-      this.assertRowKey();
-      // TODO：这里的代码可以优化
-      const { data, rowKey } = this.states;
-      const keysMap = getKeysMap(data, rowKey);
-      this.states.expandRows = rowKeys.reduce((prev, cur) => {
-        const info = keysMap[cur];
-        if (info) {
-          prev.push(info.row);
-        }
-        return prev;
-      }, []);
-    },
+		setExpandRowKeys(rowKeys) {
+			this.assertRowKey();
+			// TODO：这里的代码可以优化
+			const { data, rowKey } = this.states;
+			const keysMap = getKeysMap(data, rowKey);
+			this.states.expandRows = rowKeys.reduce((prev, cur) => {
+				const info = keysMap[cur];
+				if (info) {
+					prev.push(info.row);
+				}
+				return prev;
+			}, []);
+		},
 
-    isRowExpanded(row) {
-      const { expandRows = [], rowKey } = this.states;
-      if (rowKey) {
-        const expandMap = getKeysMap(expandRows, rowKey);
-        return !!expandMap[getRowIdentity(row, rowKey)];
-      }
-      return expandRows.indexOf(row) !== -1;
-    }
-  }
+		isRowExpanded(row) {
+			const { expandRows = [], rowKey } = this.states;
+			if (rowKey) {
+				const expandMap = getKeysMap(expandRows, rowKey);
+				return !!expandMap[getRowIdentity(row, rowKey)];
+			}
+			return expandRows.indexOf(row) !== -1;
+		}
+	}
 };

package/packages/table/src/store/helper.js

@@ -2,40 +2,40 @@ import Store from './index';
 import debounce from 'throttle-debounce/debounce';
 
 export function createStore(table, initialState = {}) {
-  if (!table) {
-    throw new Error('Table is required.');
-  }
+	if (!table) {
+		throw new Error('Table is required.');
+	}
 
-  const store = new Store();
-  store.table = table;
-  // fix https://github.com/ElemeFE/element/issues/14075
-  // related pr https://github.com/ElemeFE/element/pull/14146
-  store.toggleAllSelection = debounce(10, store._toggleAllSelection);
-  Object.keys(initialState).forEach(key => {
-    store.states[key] = initialState[key];
-  });
-  return store;
+	const store = new Store();
+	store.table = table;
+	// fix https://github.com/ElemeFE/element/issues/14075
+	// related pr https://github.com/ElemeFE/element/pull/14146
+	store.toggleAllSelection = debounce(10, store._toggleAllSelection);
+	Object.keys(initialState).forEach(key => {
+		store.states[key] = initialState[key];
+	});
+	return store;
 }
 
 export function mapStates(mapper) {
-  const res = {};
-  Object.keys(mapper).forEach(key => {
-    const value = mapper[key];
-    let fn;
-    if (typeof value === 'string') {
-      fn = function() {
-        return this.store.states[value];
-      };
-    } else if (typeof value === 'function') {
-      fn = function() {
-        return value.call(this, this.store.states);
-      };
-    } else {
-      console.error('invalid value type');
-    }
-    if (fn) {
-      res[key] = fn;
-    }
-  });
-  return res;
+	const res = {};
+	Object.keys(mapper).forEach(key => {
+		const value = mapper[key];
+		let fn;
+		if (typeof value === 'string') {
+			fn = function() {
+				return this.store.states[value];
+			};
+		} else if (typeof value === 'function') {
+			fn = function() {
+				return value.call(this, this.store.states);
+			};
+		} else {
+			console.error('invalid value type');
+		}
+		if (fn) {
+			res[key] = fn;
+		}
+	});
+	return res;
 };