@element-plus/nightly 0.0.20211230

package/es/components/table/src/store/tree.mjs

@@ -0,0 +1,197 @@
+import { ref, getCurrentInstance, computed, unref, watch } from 'vue';
+import { getRowIdentity, walkTreeNode } from '../util.mjs';
+
+function useTree(watcherData) {
+  const expandRowKeys = ref([]);
+  const treeData = ref({});
+  const indent = ref(16);
+  const lazy = ref(false);
+  const lazyTreeNodeMap = ref({});
+  const lazyColumnIdentifier = ref("hasChildren");
+  const childrenColumnName = ref("children");
+  const instance = getCurrentInstance();
+  const normalizedData = computed(() => {
+    if (!watcherData.rowKey.value)
+      return {};
+    const data = watcherData.data.value || [];
+    return normalize(data);
+  });
+  const normalizedLazyNode = computed(() => {
+    const rowKey = watcherData.rowKey.value;
+    const keys = Object.keys(lazyTreeNodeMap.value);
+    const res = {};
+    if (!keys.length)
+      return res;
+    keys.forEach((key) => {
+      if (lazyTreeNodeMap.value[key].length) {
+        const item = { children: [] };
+        lazyTreeNodeMap.value[key].forEach((row) => {
+          const currentRowKey = getRowIdentity(row, rowKey);
+          item.children.push(currentRowKey);
+          if (row[lazyColumnIdentifier.value] && !res[currentRowKey]) {
+            res[currentRowKey] = { children: [] };
+          }
+        });
+        res[key] = item;
+      }
+    });
+    return res;
+  });
+  const normalize = (data) => {
+    const rowKey = watcherData.rowKey.value;
+    const res = {};
+    walkTreeNode(data, (parent, children, level) => {
+      const parentId = getRowIdentity(parent, rowKey);
+      if (Array.isArray(children)) {
+        res[parentId] = {
+          children: children.map((row) => getRowIdentity(row, rowKey)),
+          level
+        };
+      } else if (lazy.value) {
+        res[parentId] = {
+          children: [],
+          lazy: true,
+          level
+        };
+      }
+    }, childrenColumnName.value, lazyColumnIdentifier.value);
+    return res;
+  };
+  const updateTreeData = (ifChangeExpandRowKeys = false, ifExpandAll = ((_a) => (_a = instance.store) == null ? void 0 : _a.states.defaultExpandAll.value)()) => {
+    var _a2;
+    const nested = normalizedData.value;
+    const normalizedLazyNode_ = normalizedLazyNode.value;
+    const keys = Object.keys(nested);
+    const newTreeData = {};
+    if (keys.length) {
+      const oldTreeData = unref(treeData);
+      const rootLazyRowKeys = [];
+      const getExpanded = (oldValue, key) => {
+        if (ifChangeExpandRowKeys) {
+          if (expandRowKeys.value) {
+            return ifExpandAll || expandRowKeys.value.includes(key);
+          } else {
+            return !!(ifExpandAll || (oldValue == null ? void 0 : oldValue.expanded));
+          }
+        } else {
+          const included = ifExpandAll || expandRowKeys.value && expandRowKeys.value.includes(key);
+          return !!((oldValue == null ? void 0 : oldValue.expanded) || included);
+        }
+      };
+      keys.forEach((key) => {
+        const oldValue = oldTreeData[key];
+        const newValue = { ...nested[key] };
+        newValue.expanded = getExpanded(oldValue, key);
+        if (newValue.lazy) {
+          const { loaded = false, loading = false } = oldValue || {};
+          newValue.loaded = !!loaded;
+          newValue.loading = !!loading;
+          rootLazyRowKeys.push(key);
+        }
+        newTreeData[key] = newValue;
+      });
+      const lazyKeys = Object.keys(normalizedLazyNode_);
+      if (lazy.value && lazyKeys.length && rootLazyRowKeys.length) {
+        lazyKeys.forEach((key) => {
+          const oldValue = oldTreeData[key];
+          const lazyNodeChildren = normalizedLazyNode_[key].children;
+          if (rootLazyRowKeys.indexOf(key) !== -1) {
+            if (newTreeData[key].children.length !== 0) {
+              throw new Error("[ElTable]children must be an empty array.");
+            }
+            newTreeData[key].children = lazyNodeChildren;
+          } else {
+            const { loaded = false, loading = false } = oldValue || {};
+            newTreeData[key] = {
+              lazy: true,
+              loaded: !!loaded,
+              loading: !!loading,
+              expanded: getExpanded(oldValue, key),
+              children: lazyNodeChildren,
+              level: ""
+            };
+          }
+        });
+      }
+    }
+    treeData.value = newTreeData;
+    (_a2 = instance.store) == null ? void 0 : _a2.updateTableScrollY();
+  };
+  watch(() => expandRowKeys.value, () => {
+    updateTreeData(true);
+  });
+  watch(() => normalizedData.value, () => {
+    updateTreeData();
+  });
+  watch(() => normalizedLazyNode.value, () => {
+    updateTreeData();
+  });
+  const updateTreeExpandKeys = (value) => {
+    expandRowKeys.value = value;
+    updateTreeData();
+  };
+  const toggleTreeExpansion = (row, expanded) => {
+    instance.store.assertRowKey();
+    const rowKey = watcherData.rowKey.value;
+    const id = getRowIdentity(row, rowKey);
+    const data = id && treeData.value[id];
+    if (id && data && "expanded" in data) {
+      const oldExpanded = data.expanded;
+      expanded = typeof expanded === "undefined" ? !data.expanded : expanded;
+      treeData.value[id].expanded = expanded;
+      if (oldExpanded !== expanded) {
+        instance.emit("expand-change", row, expanded);
+      }
+      instance.store.updateTableScrollY();
+    }
+  };
+  const loadOrToggle = (row) => {
+    instance.store.assertRowKey();
+    const rowKey = watcherData.rowKey.value;
+    const id = getRowIdentity(row, rowKey);
+    const data = treeData.value[id];
+    if (lazy.value && data && "loaded" in data && !data.loaded) {
+      loadData(row, id, data);
+    } else {
+      toggleTreeExpansion(row, void 0);
+    }
+  };
+  const loadData = (row, key, treeNode) => {
+    const { load } = instance.props;
+    if (load && !treeData.value[key].loaded) {
+      treeData.value[key].loading = true;
+      load(row, treeNode, (data) => {
+        if (!Array.isArray(data)) {
+          throw new Error("[ElTable] data must be an array");
+        }
+        treeData.value[key].loading = false;
+        treeData.value[key].loaded = true;
+        treeData.value[key].expanded = true;
+        if (data.length) {
+          lazyTreeNodeMap.value[key] = data;
+        }
+        instance.emit("expand-change", row, true);
+      });
+    }
+  };
+  return {
+    loadData,
+    loadOrToggle,
+    toggleTreeExpansion,
+    updateTreeExpandKeys,
+    updateTreeData,
+    normalize,
+    states: {
+      expandRowKeys,
+      treeData,
+      indent,
+      lazy,
+      lazyTreeNodeMap,
+      lazyColumnIdentifier,
+      childrenColumnName
+    }
+  };
+}
+
+export { useTree as default };
+//# sourceMappingURL=tree.mjs.map

package/es/components/table/src/store/tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.mjs","sources":["../../../../../../../packages/components/table/src/store/tree.ts"],"sourcesContent":["import { ref, computed, watch, getCurrentInstance, unref } from 'vue'\nimport { walkTreeNode, getRowIdentity } from '../util'\n\nimport type { WatcherPropsData } from '.'\nimport type { Table, TableProps } from '../table/defaults'\n\nfunction useTree<T>(watcherData: WatcherPropsData<T>) {\n  const expandRowKeys = ref<string[]>([])\n  const treeData = ref<unknown>({})\n  const indent = ref(16)\n  const lazy = ref(false)\n  const lazyTreeNodeMap = ref({})\n  const lazyColumnIdentifier = ref('hasChildren')\n  const childrenColumnName = ref('children')\n  const instance = getCurrentInstance() as Table<T>\n  const normalizedData = computed(() => {\n    if (!watcherData.rowKey.value) return {}\n    const data = watcherData.data.value || []\n    return normalize(data)\n  })\n  const normalizedLazyNode = computed(() => {\n    const rowKey = watcherData.rowKey.value\n    const keys = Object.keys(lazyTreeNodeMap.value)\n    const res = {}\n    if (!keys.length) return res\n    keys.forEach((key) => {\n      if (lazyTreeNodeMap.value[key].length) {\n        const item = { children: [] }\n        lazyTreeNodeMap.value[key].forEach((row) => {\n          const currentRowKey = getRowIdentity(row, rowKey)\n          item.children.push(currentRowKey)\n          if (row[lazyColumnIdentifier.value] && !res[currentRowKey]) {\n            res[currentRowKey] = { children: [] }\n          }\n        })\n        res[key] = item\n      }\n    })\n    return res\n  })\n\n  const normalize = (data) => {\n    const rowKey = watcherData.rowKey.value\n    const res = {}\n    walkTreeNode(\n      data,\n      (parent, children, level) => {\n        const parentId = getRowIdentity(parent, rowKey)\n        if (Array.isArray(children)) {\n          res[parentId] = {\n            children: children.map((row) => getRowIdentity(row, rowKey)),\n            level,\n          }\n        } else if (lazy.value) {\n          // 当 children 不存在且 lazy 为 true，该节点即为懒加载的节点\n          res[parentId] = {\n            children: [],\n            lazy: true,\n            level,\n          }\n        }\n      },\n      childrenColumnName.value,\n      lazyColumnIdentifier.value\n    )\n    return res\n  }\n\n  const updateTreeData = (\n    ifChangeExpandRowKeys = false,\n    ifExpandAll = instance.store?.states.defaultExpandAll.value\n  ) => {\n    const nested = normalizedData.value\n    const normalizedLazyNode_ = normalizedLazyNode.value\n    const keys = Object.keys(nested)\n    const newTreeData = {}\n    if (keys.length) {\n      const oldTreeData = unref(treeData)\n      const rootLazyRowKeys = []\n      const getExpanded = (oldValue, key) => {\n        if (ifChangeExpandRowKeys) {\n          if (expandRowKeys.value) {\n            return ifExpandAll || expandRowKeys.value.includes(key)\n          } else {\n            return !!(ifExpandAll || oldValue?.expanded)\n          }\n        } else {\n          const included =\n            ifExpandAll ||\n            (expandRowKeys.value && expandRowKeys.value.includes(key))\n          return !!(oldValue?.expanded || included)\n        }\n      }\n      // 合并 expanded 与 display，确保数据刷新后，状态不变\n      keys.forEach((key) => {\n        const oldValue = oldTreeData[key]\n        const newValue = { ...nested[key] }\n        newValue.expanded = getExpanded(oldValue, key)\n        if (newValue.lazy) {\n          const { loaded = false, loading = false } = oldValue || {}\n          newValue.loaded = !!loaded\n          newValue.loading = !!loading\n          rootLazyRowKeys.push(key)\n        }\n        newTreeData[key] = newValue\n      })\n      // 根据懒加载数据更新 treeData\n      const lazyKeys = Object.keys(normalizedLazyNode_)\n      if (lazy.value && lazyKeys.length && rootLazyRowKeys.length) {\n        lazyKeys.forEach((key) => {\n          const oldValue = oldTreeData[key]\n          const lazyNodeChildren = normalizedLazyNode_[key].children\n          if (rootLazyRowKeys.indexOf(key) !== -1) {\n            // 懒加载的 root 节点，更新一下原有的数据，原来的 children 一定是空数组\n            if (newTreeData[key].children.length !== 0) {\n              throw new Error('[ElTable]children must be an empty array.')\n            }\n            newTreeData[key].children = lazyNodeChildren\n          } else {\n            const { loaded = false, loading = false } = oldValue || {}\n            newTreeData[key] = {\n              lazy: true,\n              loaded: !!loaded,\n              loading: !!loading,\n              expanded: getExpanded(oldValue, key),\n              children: lazyNodeChildren,\n              level: '',\n            }\n          }\n        })\n      }\n    }\n    treeData.value = newTreeData\n    instance.store?.updateTableScrollY()\n  }\n\n  watch(\n    () => expandRowKeys.value,\n    () => {\n      updateTreeData(true)\n    }\n  )\n\n  watch(\n    () => normalizedData.value,\n    () => {\n      updateTreeData()\n    }\n  )\n  watch(\n    () => normalizedLazyNode.value,\n    () => {\n      updateTreeData()\n    }\n  )\n\n  const updateTreeExpandKeys = (value: string[]) => {\n    expandRowKeys.value = value\n    updateTreeData()\n  }\n\n  const toggleTreeExpansion = (row: T, expanded?: boolean) => {\n    instance.store.assertRowKey()\n\n    const rowKey = watcherData.rowKey.value\n    const id = getRowIdentity(row, rowKey)\n    const data = id && treeData.value[id]\n    if (id && data && 'expanded' in data) {\n      const oldExpanded = data.expanded\n      expanded = typeof expanded === 'undefined' ? !data.expanded : expanded\n      treeData.value[id].expanded = expanded\n      if (oldExpanded !== expanded) {\n        instance.emit('expand-change', row, expanded)\n      }\n      instance.store.updateTableScrollY()\n    }\n  }\n\n  const loadOrToggle = (row) => {\n    instance.store.assertRowKey()\n    const rowKey = watcherData.rowKey.value\n    const id = getRowIdentity(row, rowKey)\n    const data = treeData.value[id]\n    if (lazy.value && data && 'loaded' in data && !data.loaded) {\n      loadData(row, id, data)\n    } else {\n      toggleTreeExpansion(row, undefined)\n    }\n  }\n\n  const loadData = (row: T, key: string, treeNode) => {\n    const { load } = instance.props as unknown as TableProps<T>\n    if (load && !treeData.value[key].loaded) {\n      treeData.value[key].loading = true\n      load(row, treeNode, (data) => {\n        if (!Array.isArray(data)) {\n          throw new Error('[ElTable] data must be an array')\n        }\n        treeData.value[key].loading = false\n        treeData.value[key].loaded = true\n        treeData.value[key].expanded = true\n        if (data.length) {\n          lazyTreeNodeMap.value[key] = data\n        }\n        instance.emit('expand-change', row, true)\n      })\n    }\n  }\n\n  return {\n    loadData,\n    loadOrToggle,\n    toggleTreeExpansion,\n    updateTreeExpandKeys,\n    updateTreeData,\n    normalize,\n    states: {\n      expandRowKeys,\n      treeData,\n      indent,\n      lazy,\n      lazyTreeNodeMap,\n      lazyColumnIdentifier,\n      childrenColumnName,\n    },\n  }\n}\n\nexport default useTree\n"],"names":[],"mappings":"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"}

package/es/components/table/src/store/watcher.d.ts

@@ -0,0 +1,2 @@
+declare function useWatcher<T>(): any;
+export default useWatcher;

package/es/components/table/src/store/watcher.mjs

@@ -0,0 +1,435 @@
+import { getCurrentInstance, toRefs, ref, watch, unref } from 'vue';
+import { hasOwn } from '@vue/shared';
+import { orderBy, getKeysMap, toggleRowStatus, getRowIdentity, getColumnById, getColumnByKey } from '../util.mjs';
+import useExpand from './expand.mjs';
+import useCurrent from './current.mjs';
+import useTree from './tree.mjs';
+
+const sortData = (data, states) => {
+  const sortingColumn = states.sortingColumn;
+  if (!sortingColumn || typeof sortingColumn.sortable === "string") {
+    return data;
+  }
+  return orderBy(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
+};
+const doFlattenColumns = (columns) => {
+  const result = [];
+  columns.forEach((column) => {
+    if (column.children) {
+      result.push.apply(result, doFlattenColumns(column.children));
+    } else {
+      result.push(column);
+    }
+  });
+  return result;
+};
+function useWatcher() {
+  var _a;
+  const instance = getCurrentInstance();
+  const { size: tableSize } = toRefs((_a = instance.proxy) == null ? void 0 : _a.$props);
+  const rowKey = ref(null);
+  const data = ref([]);
+  const _data = ref([]);
+  const isComplex = ref(false);
+  const _columns = ref([]);
+  const originColumns = ref([]);
+  const columns = ref([]);
+  const fixedColumns = ref([]);
+  const rightFixedColumns = ref([]);
+  const leafColumns = ref([]);
+  const fixedLeafColumns = ref([]);
+  const rightFixedLeafColumns = ref([]);
+  const leafColumnsLength = ref(0);
+  const fixedLeafColumnsLength = ref(0);
+  const rightFixedLeafColumnsLength = ref(0);
+  const isAllSelected = ref(false);
+  const selection = ref([]);
+  const reserveSelection = ref(false);
+  const selectOnIndeterminate = ref(false);
+  const selectable = ref(null);
+  const filters = ref({});
+  const filteredData = ref(null);
+  const sortingColumn = ref(null);
+  const sortProp = ref(null);
+  const sortOrder = ref(null);
+  const hoverRow = ref(null);
+  watch(data, () => instance.state && scheduleLayout(false), {
+    deep: true
+  });
+  const assertRowKey = () => {
+    if (!rowKey.value)
+      throw new Error("[ElTable] prop row-key is required");
+  };
+  const updateColumns = () => {
+    fixedColumns.value = _columns.value.filter((column) => column.fixed === true || column.fixed === "left");
+    rightFixedColumns.value = _columns.value.filter((column) => column.fixed === "right");
+    if (fixedColumns.value.length > 0 && _columns.value[0] && _columns.value[0].type === "selection" && !_columns.value[0].fixed) {
+      _columns.value[0].fixed = true;
+      fixedColumns.value.unshift(_columns.value[0]);
+    }
+    const notFixedColumns = _columns.value.filter((column) => !column.fixed);
+    originColumns.value = [].concat(fixedColumns.value).concat(notFixedColumns).concat(rightFixedColumns.value);
+    const leafColumns2 = doFlattenColumns(notFixedColumns);
+    const fixedLeafColumns2 = doFlattenColumns(fixedColumns.value);
+    const rightFixedLeafColumns2 = doFlattenColumns(rightFixedColumns.value);
+    leafColumnsLength.value = leafColumns2.length;
+    fixedLeafColumnsLength.value = fixedLeafColumns2.length;
+    rightFixedLeafColumnsLength.value = rightFixedLeafColumns2.length;
+    columns.value = [].concat(fixedLeafColumns2).concat(leafColumns2).concat(rightFixedLeafColumns2);
+    isComplex.value = fixedColumns.value.length > 0 || rightFixedColumns.value.length > 0;
+  };
+  const scheduleLayout = (needUpdateColumns, immediate = false) => {
+    if (needUpdateColumns) {
+      updateColumns();
+    }
+    if (immediate) {
+      instance.state.doLayout();
+    } else {
+      instance.state.debouncedUpdateLayout();
+    }
+  };
+  const isSelected = (row) => {
+    return selection.value.indexOf(row) > -1;
+  };
+  const clearSelection = () => {
+    isAllSelected.value = false;
+    const oldSelection = selection.value;
+    if (oldSelection.length) {
+      selection.value = [];
+      instance.emit("selection-change", []);
+    }
+  };
+  const cleanSelection = () => {
+    let deleted;
+    if (rowKey.value) {
+      deleted = [];
+      const selectedMap = getKeysMap(selection.value, rowKey.value);
+      const dataMap = getKeysMap(data.value, rowKey.value);
+      for (const key in selectedMap) {
+        if (hasOwn(selectedMap, key) && !dataMap[key]) {
+          deleted.push(selectedMap[key].row);
+        }
+      }
+    } else {
+      deleted = selection.value.filter((item) => data.value.indexOf(item) === -1);
+    }
+    if (deleted.length) {
+      const newSelection = selection.value.filter((item) => deleted.indexOf(item) === -1);
+      selection.value = newSelection;
+      instance.emit("selection-change", newSelection.slice());
+    } else {
+      if (selection.value.length) {
+        selection.value = [];
+        instance.emit("selection-change", []);
+      }
+    }
+  };
+  const toggleRowSelection = (row, selected = void 0, emitChange = true) => {
+    const changed = toggleRowStatus(selection.value, row, selected);
+    if (changed) {
+      const newSelection = (selection.value || []).slice();
+      if (emitChange) {
+        instance.emit("select", newSelection, row);
+      }
+      instance.emit("selection-change", newSelection);
+    }
+  };
+  const _toggleAllSelection = () => {
+    var _a2, _b;
+    const value = selectOnIndeterminate.value ? !isAllSelected.value : !(isAllSelected.value || selection.value.length);
+    isAllSelected.value = value;
+    let selectionChanged = false;
+    let childrenCount = 0;
+    const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
+    data.value.forEach((row, index) => {
+      const rowIndex = index + childrenCount;
+      if (selectable.value) {
+        if (selectable.value.call(null, row, rowIndex) && toggleRowStatus(selection.value, row, value)) {
+          selectionChanged = true;
+        }
+      } else {
+        if (toggleRowStatus(selection.value, row, value)) {
+          selectionChanged = true;
+        }
+      }
+      childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
+    });
+    if (selectionChanged) {
+      instance.emit("selection-change", selection.value ? selection.value.slice() : []);
+    }
+    instance.emit("select-all", selection.value);
+  };
+  const updateSelectionByRowKey = () => {
+    const selectedMap = getKeysMap(selection.value, rowKey.value);
+    data.value.forEach((row) => {
+      const rowId = getRowIdentity(row, rowKey.value);
+      const rowInfo = selectedMap[rowId];
+      if (rowInfo) {
+        selection.value[rowInfo.index] = row;
+      }
+    });
+  };
+  const updateAllSelected = () => {
+    var _a2, _b, _c;
+    if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
+      isAllSelected.value = false;
+      return;
+    }
+    let selectedMap;
+    if (rowKey.value) {
+      selectedMap = getKeysMap(selection.value, rowKey.value);
+    }
+    const isSelected2 = function(row) {
+      if (selectedMap) {
+        return !!selectedMap[getRowIdentity(row, rowKey.value)];
+      } else {
+        return selection.value.indexOf(row) !== -1;
+      }
+    };
+    let isAllSelected_ = true;
+    let selectedCount = 0;
+    let childrenCount = 0;
+    for (let i = 0, j = (data.value || []).length; i < j; i++) {
+      const keyProp = (_c = (_b = instance == null ? void 0 : instance.store) == null ? void 0 : _b.states) == null ? void 0 : _c.rowKey.value;
+      const rowIndex = i + childrenCount;
+      const item = data.value[i];
+      const isRowSelectable = selectable.value && selectable.value.call(null, item, rowIndex);
+      if (!isSelected2(item)) {
+        if (!selectable.value || isRowSelectable) {
+          isAllSelected_ = false;
+          break;
+        }
+      } else {
+        selectedCount++;
+      }
+      childrenCount += getChildrenCount(getRowIdentity(item, keyProp));
+    }
+    if (selectedCount === 0)
+      isAllSelected_ = false;
+    isAllSelected.value = isAllSelected_;
+  };
+  const getChildrenCount = (rowKey2) => {
+    var _a2;
+    if (!instance || !instance.store)
+      return 0;
+    const { treeData } = instance.store.states;
+    let count = 0;
+    const children = (_a2 = treeData.value[rowKey2]) == null ? void 0 : _a2.children;
+    if (children) {
+      count += children.length;
+      children.forEach((childKey) => {
+        count += getChildrenCount(childKey);
+      });
+    }
+    return count;
+  };
+  const updateFilters = (columns2, values) => {
+    if (!Array.isArray(columns2)) {
+      columns2 = [columns2];
+    }
+    const filters_ = {};
+    columns2.forEach((col) => {
+      filters.value[col.id] = values;
+      filters_[col.columnKey || col.id] = values;
+    });
+    return filters_;
+  };
+  const updateSort = (column, prop, order) => {
+    if (sortingColumn.value && sortingColumn.value !== column) {
+      sortingColumn.value.order = null;
+    }
+    sortingColumn.value = column;
+    sortProp.value = prop;
+    sortOrder.value = order;
+  };
+  const execFilter = () => {
+    let sourceData = unref(_data);
+    Object.keys(filters.value).forEach((columnId) => {
+      const values = filters.value[columnId];
+      if (!values || values.length === 0)
+        return;
+      const column = getColumnById({
+        columns: columns.value
+      }, columnId);
+      if (column && column.filterMethod) {
+        sourceData = sourceData.filter((row) => {
+          return values.some((value) => column.filterMethod.call(null, value, row, column));
+        });
+      }
+    });
+    filteredData.value = sourceData;
+  };
+  const execSort = () => {
+    data.value = sortData(filteredData.value, {
+      sortingColumn: sortingColumn.value,
+      sortProp: sortProp.value,
+      sortOrder: sortOrder.value
+    });
+  };
+  const execQuery = (ignore = void 0) => {
+    if (!(ignore && ignore.filter)) {
+      execFilter();
+    }
+    execSort();
+  };
+  const clearFilter = (columnKeys) => {
+    const { tableHeader, fixedTableHeader, rightFixedTableHeader } = instance.refs;
+    let panels = {};
+    if (tableHeader)
+      panels = Object.assign(panels, tableHeader.filterPanels);
+    if (fixedTableHeader)
+      panels = Object.assign(panels, fixedTableHeader.filterPanels);
+    if (rightFixedTableHeader)
+      panels = Object.assign(panels, rightFixedTableHeader.filterPanels);
+    const keys = Object.keys(panels);
+    if (!keys.length)
+      return;
+    if (typeof columnKeys === "string") {
+      columnKeys = [columnKeys];
+    }
+    if (Array.isArray(columnKeys)) {
+      const columns_ = columnKeys.map((key) => getColumnByKey({
+        columns: columns.value
+      }, key));
+      keys.forEach((key) => {
+        const column = columns_.find((col) => col.id === key);
+        if (column) {
+          column.filteredValue = [];
+        }
+      });
+      instance.store.commit("filterChange", {
+        column: columns_,
+        values: [],
+        silent: true,
+        multi: true
+      });
+    } else {
+      keys.forEach((key) => {
+        const column = columns.value.find((col) => col.id === key);
+        if (column) {
+          column.filteredValue = [];
+        }
+      });
+      filters.value = {};
+      instance.store.commit("filterChange", {
+        column: {},
+        values: [],
+        silent: true
+      });
+    }
+  };
+  const clearSort = () => {
+    if (!sortingColumn.value)
+      return;
+    updateSort(null, null, null);
+    instance.store.commit("changeSortCondition", {
+      silent: true
+    });
+  };
+  const {
+    setExpandRowKeys,
+    toggleRowExpansion,
+    updateExpandRows,
+    states: expandStates,
+    isRowExpanded
+  } = useExpand({
+    data,
+    rowKey
+  });
+  const {
+    updateTreeExpandKeys,
+    toggleTreeExpansion,
+    updateTreeData,
+    loadOrToggle,
+    states: treeStates
+  } = useTree({
+    data,
+    rowKey
+  });
+  const {
+    updateCurrentRowData,
+    updateCurrentRow,
+    setCurrentRowKey,
+    states: currentData
+  } = useCurrent({
+    data,
+    rowKey
+  });
+  const setExpandRowKeysAdapter = (val) => {
+    setExpandRowKeys(val);
+    updateTreeExpandKeys(val);
+  };
+  const toggleRowExpansionAdapter = (row, expanded) => {
+    const hasExpandColumn = columns.value.some(({ type }) => type === "expand");
+    if (hasExpandColumn) {
+      toggleRowExpansion(row, expanded);
+    } else {
+      toggleTreeExpansion(row, expanded);
+    }
+  };
+  return {
+    assertRowKey,
+    updateColumns,
+    scheduleLayout,
+    isSelected,
+    clearSelection,
+    cleanSelection,
+    toggleRowSelection,
+    _toggleAllSelection,
+    toggleAllSelection: null,
+    updateSelectionByRowKey,
+    updateAllSelected,
+    updateFilters,
+    updateCurrentRow,
+    updateSort,
+    execFilter,
+    execSort,
+    execQuery,
+    clearFilter,
+    clearSort,
+    toggleRowExpansion,
+    setExpandRowKeysAdapter,
+    setCurrentRowKey,
+    toggleRowExpansionAdapter,
+    isRowExpanded,
+    updateExpandRows,
+    updateCurrentRowData,
+    loadOrToggle,
+    updateTreeData,
+    states: {
+      tableSize,
+      rowKey,
+      data,
+      _data,
+      isComplex,
+      _columns,
+      originColumns,
+      columns,
+      fixedColumns,
+      rightFixedColumns,
+      leafColumns,
+      fixedLeafColumns,
+      rightFixedLeafColumns,
+      leafColumnsLength,
+      fixedLeafColumnsLength,
+      rightFixedLeafColumnsLength,
+      isAllSelected,
+      selection,
+      reserveSelection,
+      selectOnIndeterminate,
+      selectable,
+      filters,
+      filteredData,
+      sortingColumn,
+      sortProp,
+      sortOrder,
+      hoverRow,
+      ...expandStates,
+      ...treeStates,
+      ...currentData
+    }
+  };
+}
+
+export { useWatcher as default };
+//# sourceMappingURL=watcher.mjs.map