@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.0

package/transfer-panel/index.js

@@ -1,364 +1,275 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { copyArray } from '@opentiny/vue-renderless/common/object';
-import { getFlatData } from '@opentiny/vue-renderless/transfer';
-export var showFilterData = function showFilterData(data, sign) {
-  var getChild = function getChild(data, sign) {
-    return data.filter(function (node) {
-      if (node.children && node.children.length > 0) {
-        node.children = getChild(node.children, sign);
-      }
-      return node[sign];
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+import { copyArray } from "@opentiny/vue-renderless/common/object";
+import { getFlatData } from "@opentiny/vue-renderless/transfer";
+const showFilterData = (data, sign) => {
+  const getChild = (data2, sign2) => data2.filter((node) => {
+    if (node.children && node.children.length > 0) {
+      node.children = getChild(node.children, sign2);
+    }
+    return node[sign2];
+  });
   return getChild(data, sign);
 };
-export var getFilterData = function getFilterData(_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    state = _ref.state,
-    Table = _ref.Table,
-    Tree = _ref.Tree;
-  return function () {
-    if (state.renderType === Table) {
-      var tableData = [];
-      if (props.filterMethod) {
-        tableData = props.data.filter(function (item) {
-          return props.filterMethod(state.query, item);
-        });
-      } else {
-        tableData = props.data;
-      }
-      state.pagerTotal = tableData;
-      if (props.showPager) {
-        var pageSize = state.sizes || 10;
-        var totalPageCount = Math.ceil(tableData.length / pageSize);
-        if (state.internalPage > totalPageCount) {
-          api.handlePageChange(totalPageCount);
-        }
-        if (totalPageCount > 0 && state.internalPage === 0) {
-          state.internalPage = 1;
-        }
-        if (totalPageCount > 0 && state.currentPage === 0) {
-          state.currentPage = 1;
-        }
-        return tableData.slice((state.internalPage - 1) * pageSize, pageSize * state.internalPage);
-      } else {
-        return tableData;
-      }
-    } else if (state.renderType === Tree) {
-      return showFilterData(api.getFilterTreeData(copyArray(props.data)), 'visible');
+const getFilterData = ({ api, props, state, Table, Tree }) => () => {
+  if (state.renderType === Table) {
+    let tableData = [];
+    if (props.filterMethod) {
+      tableData = props.data.filter((item) => props.filterMethod(state.query, item));
     } else {
-      return props.data.filter(function (item) {
-        if (typeof props.filterMethod === 'function') {
-          return props.filterMethod(state.query, item);
-        } else {
-          var label = item[state.labelProp] || item[state.keyProp].toString();
-          return label.toLowerCase().indexOf(state.query.toLowerCase()) > -1;
-        }
-      });
+      tableData = props.data;
     }
-  };
-};
-export var getCheckableData = function getCheckableData(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state,
-    Tree = _ref2.Tree;
-  return function () {
-    if (state.renderType === Tree) {
-      return api.getTreeCheckableData(state.filteredData);
+    state.pagerTotal = tableData;
+    if (props.showPager) {
+      const pageSize = state.sizes || 10;
+      const totalPageCount = Math.ceil(tableData.length / pageSize);
+      if (state.internalPage > totalPageCount) {
+        api.handlePageChange(totalPageCount);
+      }
+      if (totalPageCount > 0 && state.internalPage === 0) {
+        state.internalPage = 1;
+      }
+      if (totalPageCount > 0 && state.currentPage === 0) {
+        state.currentPage = 1;
+      }
+      return tableData.slice((state.internalPage - 1) * pageSize, pageSize * state.internalPage);
     } else {
-      return state.filteredData.filter(function (item) {
-        return !item[state.disabledProp];
-      });
+      return tableData;
     }
-  };
+  } else if (state.renderType === Tree) {
+    return showFilterData(api.getFilterTreeData(copyArray(props.data)), "visible");
+  } else {
+    return props.data.filter((item) => {
+      if (typeof props.filterMethod === "function") {
+        return props.filterMethod(state.query, item);
+      } else {
+        const label = item[state.labelProp] || item[state.keyProp].toString();
+        return label.toLowerCase().includes(state.query.toLowerCase());
+      }
+    });
+  }
 };
-export var getCheckedSummary = function getCheckedSummary(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state,
-    Tree = _ref3.Tree;
-  return function () {
-    var checkedLength = state.checked.length;
-    var dataLength = 0;
-    if (state.renderType === Tree) {
-      dataLength = getFlatData(copyArray(props.data)).length;
-    } else {
-      dataLength = props.data.length;
-    }
-    var _props$format = props.format,
-      noChecked = _props$format.noChecked,
-      hasChecked = _props$format.hasChecked;
-    if (noChecked && hasChecked) {
-      return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength);
-    } else {
-      return "".concat(checkedLength, " / ").concat(dataLength);
-    }
-  };
+const getCheckableData = ({ api, state, Tree }) => () => {
+  if (state.renderType === Tree) {
+    return api.getTreeCheckableData(state.filteredData);
+  } else {
+    return state.filteredData.filter((item) => !item[state.disabledProp]);
+  }
 };
-export var getDeteminate = function getDeteminate(state) {
-  return function () {
-    return state.checked.length > 0 && state.checked.length < state.checkableData.length;
-  };
+const getCheckedSummary = ({ props, state, Tree }) => () => {
+  const checkedLength = state.checked.length;
+  let dataLength = 0;
+  if (state.renderType === Tree) {
+    dataLength = getFlatData(copyArray(props.data)).length;
+  } else {
+    dataLength = props.data.length;
+  }
+  const { noChecked, hasChecked } = props.format;
+  if (noChecked && hasChecked) {
+    return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength) : noChecked.replace(/\${checked}/g, checkedLength).replace(/\${total}/g, dataLength);
+  } else {
+    return `${checkedLength} / ${dataLength}`;
+  }
 };
-export var watchChecked = function watchChecked(_ref4) {
-  var api = _ref4.api,
-    emit = _ref4.emit,
-    state = _ref4.state;
-  return function (_ref5) {
-    var value = _ref5.value,
-      oldvalue = _ref5.oldvalue;
-    api.updateAllChecked();
-    if (state.checkChangeByUser) {
-      var movedKeys = value.concat(oldvalue).filter(function (v) {
-        return value.indexOf(v) === -1 || oldvalue.indexOf(v) === -1;
-      });
-      emit('checked-change', value, movedKeys);
-    } else {
-      emit('checked-change', value);
-      state.checkChangeByUser = true;
-    }
-  };
+const getDeteminate = (state) => () => state.checked.length > 0 && state.checked.length < state.checkableData.length;
+const watchChecked = ({ api, emit, state }) => ({ value, oldvalue }) => {
+  api.updateAllChecked();
+  if (state.checkChangeByUser) {
+    const movedKeys = value.concat(oldvalue).filter((v) => !value.includes(v) || !oldvalue.includes(v));
+    emit("checked-change", value, movedKeys);
+  } else {
+    emit("checked-change", value);
+    state.checkChangeByUser = true;
+  }
 };
-export var watchData = function watchData(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props,
-    state = _ref6.state,
-    Tree = _ref6.Tree;
-  return function (value) {
-    state.pagerTotal = value;
-    var checked = [];
-    if (state.renderType === Tree && !props.treeOp.checkStrictly) {
-      state.checked = api.getStrictData(state.filteredData).keys;
-    } else {
-      var filteredDataKeys = state.filteredData.map(function (item) {
-        return item[state.keyProp];
-      });
-      state.checked.forEach(function (item) {
-        if (filteredDataKeys.indexOf(item) > -1) {
-          checked.push(item);
-        }
-      });
-      state.checkChangeByUser = false;
-      state.checked = checked;
-    }
-  };
+const watchData = ({ api, props, state, Tree }) => (value) => {
+  state.pagerTotal = value;
+  const checked = [];
+  if (state.renderType === Tree && !props.treeOp.checkStrictly) {
+    state.checked = api.getStrictData(state.filteredData).keys;
+  } else {
+    const filteredDataKeys = state.filteredData.map((item) => item[state.keyProp]);
+    state.checked.forEach((item) => {
+      if (filteredDataKeys.includes(item)) {
+        checked.push(item);
+      }
+    });
+    state.checkChangeByUser = false;
+    state.checked = checked;
+  }
 };
-export var watchDefaultCheckded = function watchDefaultCheckded(_ref7) {
-  var api = _ref7.api,
-    props = _ref7.props,
-    state = _ref7.state,
-    Tree = _ref7.Tree;
-  return function (_ref8) {
-    var value = _ref8.value,
-      oldvalue = _ref8.oldvalue;
-    if (oldvalue && value.length === oldvalue.length && value.every(function (item) {
-      return oldvalue.indexOf(item) > -1;
-    })) {
+const watchDefaultCheckded = ({ api, props, state, Tree }) => ({ value, oldvalue }) => {
+  if (oldvalue && value.length === oldvalue.length && value.every((item) => oldvalue.includes(item))) {
+    return;
+  }
+  if (state.renderType === Tree && !props.treeOp.checkStrictly) {
+    if (!state.render) {
       return;
     }
-    if (state.renderType === Tree && !props.treeOp.checkStrictly) {
-      if (!state.render) {
-        return;
+    state.render.defaultCheckedKeys = state.checked = api.getStrictData(state.filteredData).keys;
+  } else {
+    const checked = [];
+    const checkableDataKeys = state.checkableData.map((item) => item[state.keyProp]);
+    value.forEach((item) => {
+      if (checkableDataKeys.includes(item)) {
+        checked.push(item);
       }
-      state.render.defaultCheckedKeys = state.checked = api.getStrictData(state.filteredData).keys;
+    });
+    state.checkChangeByUser = false;
+    state.checked = checked;
+  }
+};
+const updateAllChecked = ({ state, Table, Tree }) => () => {
+  const checkableDataKeys = state.checkableData.map((item) => item[state.keyProp]);
+  state.allChecked = checkableDataKeys && checkableDataKeys.length > 0 && checkableDataKeys.every((item) => state.checked.includes(item));
+  if (state.renderType === Table || state.renderType === Tree) {
+    state.render.data = state.filteredData;
+    if (state.renderType === Tree) {
+      state.render.defaultCheckedKeys = state.checked;
     } else {
-      var checked = [];
-      var checkableDataKeys = state.checkableData.map(function (item) {
-        return item[state.keyProp];
-      });
-      value.forEach(function (item) {
-        if (checkableDataKeys.indexOf(item) > -1) {
-          checked.push(item);
-        }
+      const pageCheckedKeys = [];
+      state.filteredData.forEach((data) => {
+        state.checked.includes(data[state.keyProp]) && pageCheckedKeys.push(data[state.keyProp]);
       });
-      state.checkChangeByUser = false;
-      state.checked = checked;
+      state.render.defaultChecked = pageCheckedKeys;
     }
-  };
+  }
 };
-export var updateAllChecked = function updateAllChecked(_ref9) {
-  var state = _ref9.state,
-    Table = _ref9.Table,
-    Tree = _ref9.Tree;
-  return function () {
-    var checkableDataKeys = state.checkableData.map(function (item) {
-      return item[state.keyProp];
-    });
-    state.allChecked = checkableDataKeys && checkableDataKeys.length > 0 && checkableDataKeys.every(function (item) {
-      return state.checked.indexOf(item) > -1;
-    });
-    if (state.renderType === Table || state.renderType === Tree) {
-      state.render.data = state.filteredData;
-      if (state.renderType === Tree) {
-        state.render.defaultCheckedKeys = state.checked;
-      } else {
-        var pageCheckedKeys = [];
-        state.filteredData.forEach(function (data) {
-          state.checked.indexOf(data[state.keyProp]) > -1 && pageCheckedKeys.push(data[state.keyProp]);
-        });
-        state.render.defaultChecked = pageCheckedKeys;
-      }
-    }
-  };
+const handleAllCheckedChange = ({ state, Table, Tree, vm }) => (value) => {
+  state.checked = value ? state.checkableData.map((item) => item[state.keyProp]) : [];
+  if (state.renderType === Table) {
+    state.render.defaultChecked = state.checked;
+  } else if (state.renderType === Tree) {
+    state.checked.length !== 0 ? state.render.defaultCheckedKeys = state.checked : vm.$refs.plugin.setCheckedKeys(state.checked);
+  }
 };
-export var handleAllCheckedChange = function handleAllCheckedChange(_ref10) {
-  var state = _ref10.state,
-    Table = _ref10.Table,
-    Tree = _ref10.Tree,
-    vm = _ref10.vm;
-  return function (value) {
-    state.checked = value ? state.checkableData.map(function (item) {
-      return item[state.keyProp];
-    }) : [];
-    if (state.renderType === Table) {
-      state.render.defaultChecked = state.checked;
-    } else if (state.renderType === Tree) {
-      state.checked.length !== 0 ? state.render.defaultCheckedKeys = state.checked : vm.$refs.plugin.setCheckedKeys(state.checked);
-    }
-  };
+const clearQuery = (state) => () => {
+  if (state.inputIcon === "circle-close") {
+    state.query = "";
+  }
 };
-export var clearQuery = function clearQuery(state) {
-  return function () {
-    if (state.inputIcon === 'circle-close') {
-      state.query = '';
-    }
-  };
+const checkedEvent = (state) => (value, disabled) => {
+  if (disabled) {
+    return;
+  }
+  const index = state.checked.indexOf(value);
+  let tmpArray = [...state.checked];
+  if (~index) {
+    tmpArray.splice(index, 1);
+    state.checked = tmpArray;
+  } else {
+    tmpArray.push(value);
+    state.checked = tmpArray;
+  }
 };
-export var checkedEvent = function checkedEvent(state) {
-  return function (value, disabled) {
-    if (disabled) {
-      return;
-    }
-    var index = state.checked.indexOf(value);
-    var tmpArray = _toConsumableArray(state.checked);
-    if (~index) {
-      tmpArray.splice(index, 1);
-      state.checked = tmpArray;
+const setPosition = ({ parent, state }) => (trend, event) => {
+  event.stopPropagation();
+  event.preventDefault();
+  const checkedKey = [];
+  const uncheckedKey = [];
+  state.filteredData.forEach((item) => {
+    if (~state.checked.indexOf(item[state.keyProp])) {
+      checkedKey.push(item[state.keyProp]);
     } else {
-      tmpArray.push(value);
-      state.checked = tmpArray;
+      uncheckedKey.push(item[state.keyProp]);
     }
-  };
+  });
+  const result = trend === "up" ? [...checkedKey, ...uncheckedKey] : [...uncheckedKey, ...checkedKey];
+  parent.$parent.$emit("update:modelValue", result);
+};
+const selectChange = (state) => (keys) => state.checked = keys;
+const handlePageChange = (state) => (currentPage) => {
+  state.pageChangeData = true;
+  state.internalPage = currentPage;
+  state.currentPage = currentPage;
 };
-export var setPosition = function setPosition(_ref11) {
-  var parent = _ref11.parent,
-    state = _ref11.state;
-  return function (trend, event) {
-    event.stopPropagation();
-    event.preventDefault();
-    var checkedKey = [];
-    var uncheckedKey = [];
-    state.filteredData.forEach(function (item) {
-      if (~state.checked.indexOf(item[state.keyProp])) {
-        checkedKey.push(item[state.keyProp]);
+const getFilterTreeData = ({ props, state }) => (data) => {
+  const getChild = (data2, query) => {
+    data2.forEach((node) => {
+      const label = node[state.labelProp];
+      if (typeof props.treeOp.filterNodeMethod === "function") {
+        const result = props.treeOp.filterNodeMethod(state.query, node);
+        if (typeof result !== "boolean") {
+          node.visible = true;
+        } else {
+          node.visible = result;
+        }
       } else {
-        uncheckedKey.push(item[state.keyProp]);
+        node.visible = label.toLowerCase().includes(query.toLowerCase());
+      }
+      if (node.children && node.children.length > 0) {
+        getChild(node.children, query);
+      }
+      if (!node.visible && node.children && node.children.length) {
+        let allHidden = true;
+        allHidden = !node.children.some((child) => child.visible);
+        node.visible = allHidden === false;
       }
     });
-    var result = trend === 'up' ? [].concat(checkedKey, uncheckedKey) : [].concat(uncheckedKey, checkedKey);
-    parent.$parent.$emit('update:modelValue', result);
-  };
-};
-export var selectChange = function selectChange(state) {
-  return function (keys) {
-    return state.checked = keys;
-  };
-};
-export var handlePageChange = function handlePageChange(state) {
-  return function (currentPage) {
-    state.pageChangeData = true;
-    state.internalPage = currentPage;
-    state.currentPage = currentPage;
   };
+  getChild(data, state.query);
+  return data;
 };
-export var getFilterTreeData = function getFilterTreeData(_ref12) {
-  var props = _ref12.props,
-    state = _ref12.state;
-  return function (data) {
-    var getChild = function getChild(data, query) {
-      data.forEach(function (node) {
-        var label = node[state.labelProp];
-        if (typeof props.treeOp.filterNodeMethod === 'function') {
-          var result = props.treeOp.filterNodeMethod(state.query, node);
-          if (typeof result !== 'boolean') {
-            node.visible = true;
-          } else {
-            node.visible = result;
-          }
-        } else {
-          node.visible = label.toLowerCase().indexOf(query.toLowerCase()) > -1;
-        }
-        if (node.children && node.children.length > 0) {
-          getChild(node.children, query);
-        }
-        if (!node.visible && node.children && node.children.length) {
-          var allHidden = true;
-          allHidden = !node.children.some(function (child) {
-            return child.visible;
-          });
-          node.visible = allHidden === false;
-        }
-      });
-    };
-    getChild(data, state.query);
-    return data;
+const getTreeCheckableData = (state) => (data) => {
+  const nodes = [];
+  const getChild = (data2) => {
+    data2.forEach((node) => {
+      !node[state.disabledProp] && nodes.push(node);
+      if (node.children && node.children.length > 0) {
+        getChild(node.children);
+      }
+    });
   };
+  getChild(data);
+  return nodes;
 };
-export var getTreeCheckableData = function getTreeCheckableData(state) {
-  return function (data) {
-    var nodes = [];
-    var getChild = function getChild(data) {
-      data.forEach(function (node) {
-        !node[state.disabledProp] && nodes.push(node);
-        if (node.children && node.children.length > 0) {
-          getChild(node.children);
-        }
-      });
-    };
-    getChild(data);
-    return nodes;
+const getStrictData = ({ props, state }) => (data) => {
+  const keys = [];
+  const strictData = (data2, isStrict) => {
+    data2.forEach((node) => {
+      if (props.defaultChecked.includes(node[state.keyProp])) {
+        node.isCheckable = true;
+        keys.push(node[state.keyProp]);
+      } else {
+        node.isCheckable = isStrict;
+        isStrict && keys.push(node[state.keyProp]);
+      }
+      if (node.children && node.children.length > 0) {
+        strictData(node.children, node.isCheckable);
+      }
+    });
   };
+  strictData(data, false);
+  return { data, keys };
 };
-export var getStrictData = function getStrictData(_ref13) {
-  var props = _ref13.props,
-    state = _ref13.state;
-  return function (data) {
-    var keys = [];
-    var strictData = function strictData(data, isStrict) {
-      data.forEach(function (node) {
-        if (props.defaultChecked.indexOf(node[state.keyProp]) > -1) {
-          node.isCheckable = true;
-          keys.push(node[state.keyProp]);
-        } else {
-          node.isCheckable = isStrict;
-          isStrict && keys.push(node[state.keyProp]);
-        }
-        if (node.children && node.children.length > 0) {
-          strictData(node.children, node.isCheckable);
-        }
-      });
-    };
-    strictData(data, false);
-    return {
-      data: data,
-      keys: keys
-    };
-  };
+const sizesChange = (state) => (sizes) => state.sizes = sizes;
+const setExpandCache = (state) => (node, expand) => {
+  const { expanded, keyProp } = state;
+  const index = state.expanded.indexOf(node[keyProp]);
+  if (expand) {
+    index === -1 && expanded.push(node[keyProp]);
+  } else {
+    index !== -1 && expanded.splice(index, 1);
+  }
 };
-export var sizesChange = function sizesChange(state) {
-  return function (sizes) {
-    return state.sizes = sizes;
-  };
+export {
+  checkedEvent,
+  clearQuery,
+  getCheckableData,
+  getCheckedSummary,
+  getDeteminate,
+  getFilterData,
+  getFilterTreeData,
+  getStrictData,
+  getTreeCheckableData,
+  handleAllCheckedChange,
+  handlePageChange,
+  selectChange,
+  setExpandCache,
+  setPosition,
+  showFilterData,
+  sizesChange,
+  updateAllChecked,
+  watchChecked,
+  watchData,
+  watchDefaultCheckded
 };
-export var setExpandCache = function setExpandCache(state) {
-  return function (node, expand) {
-    var expanded = state.expanded,
-      keyProp = state.keyProp;
-    var index = state.expanded.indexOf(node[keyProp]);
-    if (expand) {
-      index === -1 && expanded.push(node[keyProp]);
-    } else {
-      index !== -1 && expanded.splice(index, 1);
-    }
-  };
-};