@kdcloudjs/table 1.0.0

package/lib/table/utils/tree-data-helpers/TreeDataHelper.js

@@ -0,0 +1,358 @@
+"use strict";
+
+var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
+
+var _getIterator = require("@babel/runtime-corejs3/core-js/get-iterator");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+
+var _isLeafNode = _interopRequireDefault(require("../isLeafNode"));
+
+var _others = require("../others");
+
+var _console = _interopRequireDefault(require("../console"));
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = _getIterator(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context3 = Object.prototype.toString.call(o)).call(_context3, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var Wrapper = function Wrapper(input) {
+  (0, _classCallCheck2.default)(this, Wrapper);
+  (0, _extends2.default)(this, input);
+};
+
+var TreeDataHelper = /*#__PURE__*/function () {
+  function TreeDataHelper(opts) {
+    var _this = this;
+
+    (0, _classCallCheck2.default)(this, TreeDataHelper);
+
+    this.isDetached = function (node) {
+      var _a, _b, _c;
+
+      return (_c = (_b = (_a = _this.opts).isDetached) === null || _b === void 0 ? void 0 : _b.call(_a, node)) !== null && _c !== void 0 ? _c : false;
+    };
+
+    this.opts = opts;
+    this.valueSet = new _set.default(opts.value);
+    this.initWrapperTree();
+  }
+
+  (0, _createClass2.default)(TreeDataHelper, [{
+    key: "value",
+    get: function get() {
+      return this.opts.value;
+    }
+  }, {
+    key: "initWrapperTree",
+    value: function initWrapperTree() {
+      var valueSet = new _set.default(this.value);
+      this.rootWrapper = new Wrapper({
+        root: true,
+        children: []
+      });
+      this.wrapperMap = new _map.default();
+      var getNodeValue = this.opts.getNodeValue;
+      var isDetached = this.isDetached,
+          wrapperMap = this.wrapperMap;
+      dfs(this.rootWrapper, this.opts.tree, false);
+
+      function dfs(parentWrapper, nodes, inheritParentChecked) {
+        // allChildrenChecked 先默认设置为 true
+        // dfs 过程中可能会更新 allChildrenChecked
+        parentWrapper.allChildrenChecked = true;
+
+        if (process.env.NODE_ENV !== 'production') {
+          if (nodes.every(isDetached)) {
+            _console.default.warn('TreeDataHelper 检测到部分节点的下所有子节点均为 detached 状态，这将导致该节点变为「无效节点」', parentWrapper.node);
+          }
+        }
+
+        var _iterator = _createForOfIteratorHelper(nodes),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var node = _step.value;
+            var detached = isDetached(node);
+            var exactChecked = valueSet.has(getNodeValue(node));
+
+            if (exactChecked && !detached) {
+              parentWrapper.anyDescendentsChecked = true;
+            }
+
+            var parentChecked = !detached && inheritParentChecked;
+            var checked = exactChecked || parentChecked;
+            var wrapper = new Wrapper({
+              parent: parentWrapper,
+              node: node,
+              checked: checked,
+              exactChecked: exactChecked,
+              parentChecked: parentChecked,
+              anyDescendentsChecked: checked,
+              detached: detached
+            });
+            wrapperMap.set(getNodeValue(node), wrapper);
+            parentWrapper.children.push(wrapper);
+
+            if (!(0, _isLeafNode.default)(node)) {
+              wrapper.children = [];
+              dfs(wrapper, node.children, checked);
+
+              if (wrapper.anyDescendentsChecked && !detached) {
+                parentWrapper.anyDescendentsChecked = true;
+              }
+
+              if (wrapper.allChildrenChecked) {
+                wrapper.checked = true; // 当一个节点因为「子节点被全选」而变为 checked 时，我们需要更新子节点的 parentChecked 字段
+
+                var _iterator2 = _createForOfIteratorHelper(wrapper.children),
+                    _step2;
+
+                try {
+                  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                    var child = _step2.value;
+
+                    if (!child.detached) {
+                      child.parentChecked = true;
+                    }
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+              }
+            }
+
+            if (!wrapper.checked && !detached) {
+              parentWrapper.allChildrenChecked = false;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+  }, {
+    key: "isIndeterminate",
+    value: function isIndeterminate(nodeValue) {
+      var wrapper = this.wrapperMap.get(nodeValue);
+      return !wrapper.checked && wrapper.anyDescendentsChecked;
+    }
+  }, {
+    key: "isChecked",
+    value: function isChecked(nodeValue) {
+      var wrapper = this.wrapperMap.get(nodeValue);
+      return wrapper.checked;
+    }
+  }, {
+    key: "getValueAfterCheck",
+    value: function getValueAfterCheck(nodeValue) {
+      if (this.isChecked(nodeValue)) {
+        return this.getCleanValue();
+      }
+
+      var nextValue = _others.arrayUtils.merge(this.value, [nodeValue]);
+
+      return new TreeDataHelper((0, _extends2.default)((0, _extends2.default)({}, this.opts), {
+        value: nextValue
+      })).getCleanValue();
+    }
+  }, {
+    key: "getValueAfterUncheck",
+    value: function getValueAfterUncheck(nodeValue) {
+      var _context;
+
+      if (!this.isChecked(nodeValue)) {
+        return this.getCleanValue();
+      }
+
+      var wrapper = this.wrapperMap.get(nodeValue);
+      var getNodeValue = this.opts.getNodeValue;
+      var appendArray = getAppendArray(wrapper);
+      var removeSet = getRemoveSet(wrapper);
+
+      var nextValue = _others.arrayUtils.diff((0, _concat.default)(_context = this.value).call(_context, appendArray), removeSet);
+
+      return new TreeDataHelper((0, _extends2.default)((0, _extends2.default)({}, this.opts), {
+        value: nextValue
+      })).getCleanValue();
+
+      function getAppendArray(startWrapper) {
+        var result = [];
+        var current = startWrapper;
+
+        while (current.parentChecked && !current.detached) {
+          var _iterator3 = _createForOfIteratorHelper(current.parent.children),
+              _step3;
+
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              var sibling = _step3.value;
+
+              if (sibling === current || sibling.exactChecked || sibling.detached) {
+                continue;
+              }
+
+              result.push(getNodeValue(sibling.node));
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
+          }
+
+          current = current.parent;
+        }
+
+        return result;
+      }
+
+      function getRemoveSet(startWrapper) {
+        var result = new _set.default();
+        var wrapper = startWrapper; // 不断向上收集选中的父节点
+
+        while (true) {
+          result.add(getNodeValue(wrapper.node));
+
+          if (wrapper.detached || !wrapper.parentChecked) {
+            break;
+          }
+
+          wrapper = wrapper.parent;
+        }
+
+        function dfs(wrappers) {
+          if (wrappers == null) {
+            return;
+          }
+
+          var _iterator4 = _createForOfIteratorHelper(wrappers),
+              _step4;
+
+          try {
+            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+              var _wrapper = _step4.value;
+
+              if (_wrapper.detached || !_wrapper.checked) {
+                continue;
+              }
+
+              result.add(getNodeValue(_wrapper.node));
+
+              if (!(0, _isLeafNode.default)(_wrapper) && _wrapper.anyDescendentsChecked) {
+                dfs(_wrapper.children);
+              }
+            }
+          } catch (err) {
+            _iterator4.e(err);
+          } finally {
+            _iterator4.f();
+          }
+        } // 收集所有的子孙节点
+
+
+        dfs(startWrapper.children);
+        return result;
+      }
+    }
+  }, {
+    key: "getValueAfterToggle",
+    value: function getValueAfterToggle(nodeValue) {
+      if (this.isChecked(nodeValue)) {
+        return this.getValueAfterUncheck(nodeValue);
+      } else {
+        return this.getValueAfterCheck(nodeValue);
+      }
+    }
+  }, {
+    key: "getNode",
+    value: function getNode(nodeValue) {
+      var _a;
+
+      return (_a = this.wrapperMap.get(nodeValue)) === null || _a === void 0 ? void 0 : _a.node;
+    }
+  }, {
+    key: "getCleanValue",
+    value: function getCleanValue() {
+      var _context2,
+          _this2 = this;
+
+      var _this$opts = this.opts,
+          checkedStrategy = _this$opts.checkedStrategy,
+          getNodeValue = _this$opts.getNodeValue;
+      var result = (0, _filter.default)(_context2 = this.value).call(_context2, function (nodeValue) {
+        return !_this2.wrapperMap.has(nodeValue);
+      });
+      dfs(this.rootWrapper.children);
+      return result;
+
+      function dfs(wrappers) {
+        var _iterator5 = _createForOfIteratorHelper(wrappers),
+            _step5;
+
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var wrapper = _step5.value;
+
+            if (wrapper.checked) {
+              if (checkedStrategy === 'all') {
+                result.push(getNodeValue(wrapper.node));
+              } else if (checkedStrategy === 'parent') {
+                if (!wrapper.parentChecked) {
+                  result.push(getNodeValue(wrapper.node));
+                }
+              } else {
+                // checkedStrategy === 'child'
+                if ((0, _isLeafNode.default)(wrapper)) {
+                  result.push(getNodeValue(wrapper.node));
+                }
+              }
+            }
+
+            if (!(0, _isLeafNode.default)(wrapper)) {
+              dfs(wrapper.children);
+            }
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
+      }
+    }
+  }]);
+  return TreeDataHelper;
+}();
+
+exports.default = TreeDataHelper;

package/package.json

@@ -0,0 +1,213 @@
+{
+  "name": "@kdcloudjs/table",
+  "version": "1.0.0",
+  "description": "金蝶 react table 组件",
+  "title": "table",
+  "keywords": [
+    "table",
+    "component",
+    "react",
+    "react-table",
+    "react-component",
+    "ui"
+  ],
+  "homepage": "https://react.kingdee.design/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kdcloudone/table.git"
+  },
+  "contributors": [
+    "kdcloudone"
+  ],
+  "files": [
+    "dist",
+    "lib",
+    "es"
+  ],
+  "sideEffects": [
+    "dist/*",
+    "es/**/style/*",
+    "lib/**/style/*",
+    "*.less"
+  ],
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "unpkg": "dist/kd-ui.min.js",
+  "typings": "lib/index.d.ts",
+  "scripts": {
+    "build": "npm run compile && cross-env NODE_OPTIONS='--max-old-space-size=4096' npm run dist",
+    "compile": "gulp compile",
+    "dist": "node build/bin/dist.js",
+    "clean": "rimraf _data && rimraf _site ",
+    "site": "npm run tsc && bisheng build -c ./site/bisheng.config.js",
+    "start": "npm run clean && cross-env NODE_ENV=development bisheng start -c ./site/bisheng.config.js",
+    "lint": "npm run tsc && npm run lint:script && npm run lint:style",
+    "lint:script": "eslint --ext .tsx,.ts,.js,.jsx ./components ./site",
+    "tsc": "tsc --noEmit",
+    "lint:style": "stylelint \"{site,components}/**/*.less\" --syntax less",
+    "lint-fix:script": "npm run lint:script -- --fix",
+    "lint-fix:style": "npm run lint:style -- --fix",
+    "test": "jest --config .jest.js --cache=false",
+    "test:all": "npm run lint && npm run test",
+    "test:coverage": "npm run test -- --coverage",
+    "test:report": "jest --config .jest.js --coverage & open ./coverage/lcov-report/index.html",
+    "test:update": "jest --config .jest.js --cache=false -u",
+    "test:ci": "jest --config .jest.js  --coverage --ci --update-snapshot",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --skip-unstable",
+    "pub": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --no-tests",
+    "pub:beta": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=beta",
+    "new": "node scripts/create-component.js",
+    "kd-ui": "npm install @kingdee-ui/kui --registry http://npm.kingdee.com/"
+  },
+  "browserslist": [
+    "last 2 versions",
+    "Firefox ESR",
+    "> 1%",
+    "ie >= 11"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.10.4",
+    "@babel/runtime-corejs3": "^7.11.2",
+    "classnames": "^2.2.6",
+    "core-js": "^3.16.1",
+    "css-vars-ponyfill": "^2.4.3",
+    "lodash": "^4.17.20",
+    "regenerator-runtime": "^0.13.9",
+    "resize-observer-polyfill": "^1.5.1",
+    "rxjs": "^6.6.3",
+    "styled-components": "^5.2.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.11.1",
+    "@babel/plugin-proposal-export-namespace-from": "^7.10.4",
+    "@babel/plugin-proposal-private-methods": "^7.10.4",
+    "@babel/plugin-transform-object-assign": "^7.10.4",
+    "@babel/plugin-transform-runtime": "^7.11.0",
+    "@babel/preset-env": "^7.11.0",
+    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.10.4",
+    "@commitlint/config-conventional": "^9.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@types/classnames": "^2.2.10",
+    "@types/enzyme": "^3.10.7",
+    "@types/jest": "^26.0.14",
+    "@types/jest-image-snapshot": "^4.1.0",
+    "@types/lodash": "^4.14.159",
+    "@types/puppeteer": "^3.0.2",
+    "@types/react": "^16.9.21",
+    "@types/react-dom": "^16.9.5",
+    "@typescript-eslint/eslint-plugin": "^3.0.0",
+    "@typescript-eslint/parser": "^3.0.0",
+    "algoliasearch": "^4.5.1",
+    "autoprefixer": "^9.8.6",
+    "babel-eslint": "^10.0.1",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-add-react-displayname": "^0.0.5",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "bisheng": "^1.5.3",
+    "bisheng-plugin-description": "^0.1.4",
+    "bisheng-plugin-toc": "^0.4.4",
+    "case-sensitive-paths-webpack-plugin": "^2.3.0",
+    "chalk": "^4.1.0",
+    "commitlint": "^9.1.2",
+    "conventional-changelog-cli": "^2.1.0",
+    "cross-env": "^7.0.2",
+    "css-loader": "^4.2.1",
+    "cz-customizable": "^6.3.0",
+    "dekko": "^0.2.1",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.5",
+    "enzyme-to-json": "^3.5.0",
+    "esbuild-webpack-plugin": "^1.0.5",
+    "eslint": "^7.6.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-config-prettier-standard": "^3.0.1",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-babel": "^5.3.1",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jest": "^23.20.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-markdown": "^2.0.0-rc.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-react": "^7.20.5",
+    "eslint-plugin-react-hooks": "^4.0.8",
+    "eslint-plugin-standard": "^4.0.1",
+    "file-loader": "^6.0.0",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0",
+    "gulp-strip-code": "^0.1.4",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "husky": "^4.2.5",
+    "identity-obj-proxy": "^3.0.0",
+    "intersection-observer": "^0.11.0",
+    "jest": "^26.4.2",
+    "jest-environment-enzyme": "^7.1.2",
+    "jest-enzyme": "^7.1.2",
+    "jest-image-snapshot": "^4.2.0",
+    "jest-stare": "^2.2.0",
+    "jsonml.js": "^0.1.0",
+    "less": "^3.12.2",
+    "less-loader": "^6.2.0",
+    "less-plugin-npm-import": "^2.1.0",
+    "less-vars-to-js": "^1.3.0",
+    "lint-staged": "^10.2.13",
+    "merge2": "^1.4.1",
+    "mini-css-extract-plugin": "^0.10.0",
+    "mockdate": "^3.0.2",
+    "node-fetch": "^2.6.1",
+    "np": "^6.5.0",
+    "omit.js": "^2.0.2",
+    "optimize-css-assets-webpack-plugin": "^5.0.3",
+    "post-loader": "^2.0.0",
+    "postcss": "^7.0.32",
+    "prettier": "^2.1.0",
+    "react": "^16.13.0",
+    "react-live": "^2.2.2",
+    "rimraf": "^3.0.2",
+    "scrollama": "^2.2.1",
+    "simple-git": "^2.20.1",
+    "standard-version": "^9.0.0",
+    "stylelint": "^13.7.1",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-standard": "^20.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.3.0",
+    "through2": "^4.0.2",
+    "ts-jest": "^26.4.0",
+    "typescript": "~3.9.2",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "url-loader": "^4.1.0",
+    "webpack-bundle-analyzer": "^3.8.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0",
+    "webpack-filter-warnings-plugin": "^1.2.1",
+    "webpack-merge": "^5.1.2",
+    "webpackbar": "^4.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "tnpm": {
+    "mode": "npm"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "npm run lint:script",
+      "prettier .prettierrc.js --write"
+    ],
+    "*.less": [
+      "npm run lint:style"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-customizable"
+    }
+  }
+}