xh-lab-rc 0.17.3 → 0.17.4

package/dist/LabDGTreeSelect/index.js

@@ -84,7 +84,6 @@ var LabDGTreeSelect = function LabDGTreeSelect(_ref) {
 
   // 将得到的树数据，处理成需要的数据
   var newTreeData = useMemo(function () {
-    console.log(getNewTreeData(treeData));
     return getNewTreeData(treeData);
   }, [treeData]);
   useEffect(function () {

package/dist/LabGroupTree/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './style.less';
 import type { IGtreeProps } from './typing';
-declare const LabGroupTree: ({ treeData, GBeforeIcon, showIcon, isShowNum, isCustomTree, treeProperties, onExpand, onSelect, childTitleNode, titleSuffix, extraNodeProps, ...restProps }: IGtreeProps) => React.JSX.Element;
+declare const LabGroupTree: ({ treeData, GBeforeIcon, showIcon, isShowNum, isCustomTree, treeProperties, onExpand, onSelect, childTitleNode, titleSuffix, extraNodeProps, fieldNames, ...restProps }: IGtreeProps) => React.JSX.Element;
 export default LabGroupTree;

package/dist/LabGroupTree/index.js

@@ -3,13 +3,13 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["treeData", "GBeforeIcon", "showIcon", "isShowNum", "isCustomTree", "treeProperties", "onExpand", "onSelect", "childTitleNode", "titleSuffix", "extraNodeProps"];
-/*
- * @Author: xqy
- * @Date: 2024-03-18 16:23:10
- * @LastEditors: xqy
- * @LastEditTime: 2025-01-11 10:08:02
- * @Description:专业组树形
+var _excluded = ["treeData", "GBeforeIcon", "showIcon", "isShowNum", "isCustomTree", "treeProperties", "onExpand", "onSelect", "childTitleNode", "titleSuffix", "extraNodeProps", "fieldNames"];
+/*
+ * @Author: xqy
+ * @Date: 2024-03-18 16:23:10
+ * @LastEditors: xqy
+ * @LastEditTime: 2025-01-11 10:08:02
+ * @Description:专业组树形
  */
 import { Iconfont } from "../components";
 import { IconTypes } from "../constants";
@@ -43,6 +43,12 @@ var LabGroupTree = function LabGroupTree(_ref) {
     titleSuffix = _ref.titleSuffix,
     _ref$extraNodeProps = _ref.extraNodeProps,
     extraNodeProps = _ref$extraNodeProps === void 0 ? [] : _ref$extraNodeProps,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      title: 'NAME',
+      key: 'SOURCE_PATH',
+      children: 'CHILDREN'
+    } : _ref$fieldNames,
     restProps = _objectWithoutProperties(_ref, _excluded);
   // const [treeList, setTreeList] = useState([]);
   //构造标题的结构
@@ -77,7 +83,7 @@ var LabGroupTree = function LabGroupTree(_ref) {
     var resultKeys = keys;
     childNode.forEach(function (item) {
       resultKeys = resultKeys.filter(function (i) {
-        return i !== (item === null || item === void 0 ? void 0 : item.SOURCE_PATH);
+        return i !== (item === null || item === void 0 ? void 0 : item[fieldNames.key]);
       });
       if (item.CHILDREN && item.CHILDREN.length) {
         removeChildNode(item.CHILDREN, resultKeys);
@@ -101,7 +107,7 @@ var LabGroupTree = function LabGroupTree(_ref) {
             }
             //折叠收起展开节点
             newKeys = newKeys.filter(function (i) {
-              return i !== (node === null || node === void 0 ? void 0 : node.SOURCE_PATH);
+              return i !== (node === null || node === void 0 ? void 0 : node[fieldNames.key]);
             }); //移除收起的节点
             if (!(node !== null && node !== void 0 && node.CHILDREN && node.CHILDREN.length)) {
               _context.next = 8;
@@ -178,11 +184,7 @@ var LabGroupTree = function LabGroupTree(_ref) {
       return props !== null && props !== void 0 && props.expanded ? /*#__PURE__*/React.createElement(MinusSquareOutlined, null) : /*#__PURE__*/React.createElement(PlusSquareOutlined, null);
     },
     titleRender: customTitle,
-    fieldNames: {
-      title: 'NAME',
-      key: 'SOURCE_PATH',
-      children: 'CHILDREN'
-    },
+    fieldNames: fieldNames,
     onExpand: handleExpand
   }, treeProperties, restProps));
 };

package/dist/LabGroupTree/typing.d.ts

@@ -8,7 +8,11 @@ export interface IGtreeProps {
     /**默认展开所有树节点	*/
     defaultExpandAll?: boolean;
     /** 自定义节点 title、key、children 的字段*/
-    fieldNames?: object;
+    fieldNames?: {
+        title: string;
+        key: string;
+        children: string;
+    };
     /**是否展示连接线,用法同ant-desgin tree */
     showLine?: any;
     /**是否展示title前的图标，需要自行定义图标相关样式 */

package/dist/LabOperateTree/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import './style.less';
+export interface ILabOperateTree {
+    disableSelectedByNodeType?: string[];
+    loadingElement?: React.ReactElement;
+    loading?: boolean;
+    treeData: any;
+    leafOperateListElement?: React.ReactElement;
+    onSelect?: (node: any) => void;
+    iconElementByNodeType?: {
+        '2'?: React.ReactElement;
+        '4'?: React.ReactElement;
+        '10'?: React.ReactElement;
+        '11'?: React.ReactElement;
+        '15'?: React.ReactElement;
+    };
+    operateElementByNodeType?: {
+        '2'?: React.ReactElement;
+        '4'?: React.ReactElement;
+        '10'?: React.ReactElement;
+        '11'?: React.ReactElement;
+        '15'?: React.ReactElement;
+    };
+}
+export interface ILabOperateTreeRef {
+    getParentItemList: (sourcePath: string) => Array<any>;
+    getChildItemList: (sourcePath: any, nodeType?: string, filterCb?: (node: any) => boolean) => Array<any>;
+    setSelectItemById: (sourcePath: string) => void;
+    getChildById: (sourcePath: string) => any;
+}
+declare const _default: React.ForwardRefExoticComponent<ILabOperateTree & React.RefAttributes<ILabOperateTreeRef>>;
+export default _default;

package/dist/LabOperateTree/index.js

@@ -0,0 +1,164 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { treeToArray } from "../utils/utils";
+import { MoreOutlined } from '@ant-design/icons';
+import { Popover, Spin, Tree } from 'antd';
+import React, { useImperativeHandle, useMemo, useState } from 'react';
+import "./style.less";
+var openMarkData = {};
+var LabOperateTree = function LabOperateTree() {
+  var _leafItemTreeList$, _leafItemTreeList$2;
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    treeData: []
+  };
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
+  var allItemTreeList = treeToArray(props.treeData);
+  var leafItemTreeList = allItemTreeList.filter(function (v) {
+    return v.SOURCE !== null;
+  });
+  var treeItemIdList = leafItemTreeList === null || leafItemTreeList === void 0 || (_leafItemTreeList$ = leafItemTreeList[0]) === null || _leafItemTreeList$ === void 0 ? void 0 : _leafItemTreeList$.SOURCE_PATH.split('/');
+  var expandKeysList = treeItemIdList === null || treeItemIdList === void 0 ? void 0 : treeItemIdList.map(function (v, i) {
+    return treeItemIdList.slice(0, i + 1).join('/');
+  });
+  var _useState = useState(expandKeysList),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandKeys = _useState2[0],
+    setExpandKeys = _useState2[1];
+  var _useState3 = useState([leafItemTreeList === null || leafItemTreeList === void 0 || (_leafItemTreeList$2 = leafItemTreeList[0]) === null || _leafItemTreeList$2 === void 0 ? void 0 : _leafItemTreeList$2.SOURCE_PATH]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedKeys = _useState4[0],
+    setSelectedKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    operateTreeData = _useState6[0],
+    setOperateTreeData = _useState6[1];
+  // 获取父级
+  var getParentItemList = function getParentItemList(sourcePath) {
+    var filterList = allItemTreeList.filter(function (v) {
+      return sourcePath.indexOf(v.SOURCE_PATH) > -1;
+    });
+    filterList.pop();
+    return filterList;
+  };
+
+  // 获取子级
+  var getChildItemList = function getChildItemList(sourcePath, nodeType, filterCb) {
+    var filterList = allItemTreeList.filter(function (v) {
+      if (sourcePath === '') return true;
+      return v.SOURCE_PATH.indexOf(sourcePath) > -1;
+    }).filter(function (v) {
+      if (nodeType) {
+        if (nodeType === '') return true;
+        return nodeType === v.NODE_TYPE;
+      }
+      return v.SOURCE !== null;
+    }).filter(function (v) {
+      if (filterCb) {
+        return filterCb(v);
+      }
+      return true;
+    });
+    return filterList || [];
+  };
+  var getChildById = function getChildById(sourcePath) {
+    var filterList = allItemTreeList.filter(function (v) {
+      return v.SOURCE_PATH === sourcePath;
+    });
+    return filterList === null || filterList === void 0 ? void 0 : filterList[0];
+  };
+
+  // 选中
+  var setSelectItemById = function setSelectItemById(sourcePath) {
+    var treeItemIdList = sourcePath.split('/');
+    var expandKeysList = treeItemIdList.map(function (v, i) {
+      return treeItemIdList.slice(0, i + 1).join('/');
+    });
+    setSelectedKeys([sourcePath]);
+    setExpandKeys(expandKeysList);
+  };
+
+  // 给树节点绑定一组按钮
+  var initOperateTree = function initOperateTree(treeData, openMarkData) {
+    var dfs = function dfs(treeData) {
+      treeData.map(function (v) {
+        var _props$iconElementByN, _props$operateElement, _props$disableSelecte, _v$CHILDREN;
+        v.key = v.SOURCE_PATH;
+        v.children = v.CHILDREN;
+        v.title = /*#__PURE__*/React.createElement("div", {
+          className: 'title-box'
+        }, /*#__PURE__*/React.createElement("div", {
+          className: 'l'
+        }, /*#__PURE__*/React.createElement("div", null, v.iconElement || (props === null || props === void 0 || (_props$iconElementByN = props.iconElementByNodeType) === null || _props$iconElementByN === void 0 ? void 0 : _props$iconElementByN[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) || ''), /*#__PURE__*/React.createElement("div", null, v === null || v === void 0 ? void 0 : v.NAME)), /*#__PURE__*/React.createElement("div", {
+          className: 'r',
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          }
+        }, /*#__PURE__*/React.createElement(Popover, {
+          arrow: false,
+          overlayClassName: 'my-popover-box',
+          content: /*#__PURE__*/React.createElement("div", {
+            className: 'popover-box',
+            onClick: function onClick() {
+              initOperateTree(_toConsumableArray(props.treeData), {});
+            }
+          }, props.leafOperateListElement),
+          open: openMarkData[v.SOURCE_PATH],
+          onOpenChange: function onOpenChange(newOpen) {
+            initOperateTree(_toConsumableArray(props.treeData), _defineProperty({}, v.SOURCE_PATH, newOpen));
+          },
+          trigger: "click",
+          destroyTooltipOnHide: true
+        }, v.operateElement || (props === null || props === void 0 || (_props$operateElement = props.operateElementByNodeType) === null || _props$operateElement === void 0 ? void 0 : _props$operateElement[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) || /*#__PURE__*/React.createElement(MoreOutlined, null))));
+        if (props !== null && props !== void 0 && (_props$disableSelecte = props.disableSelectedByNodeType) !== null && _props$disableSelecte !== void 0 && _props$disableSelecte.includes(v === null || v === void 0 ? void 0 : v.NODE_TYPE)) {
+          v.selectable = v.selectable === undefined ? false : v.selectable;
+        } else {
+          v.selectable = v.selectable === undefined ? true : v.selectable;
+        }
+        if (!((_v$CHILDREN = v.CHILDREN) !== null && _v$CHILDREN !== void 0 && _v$CHILDREN.length)) {
+          return v;
+        } else {
+          return dfs(v.CHILDREN);
+        }
+      });
+      return treeData;
+    };
+    var newTreeData = dfs(treeData);
+    setOperateTreeData(newTreeData);
+  };
+  useMemo(function () {
+    var _leafItemTreeList$3, _props$onSelect;
+    initOperateTree(props.treeData, openMarkData);
+    setSelectedKeys([leafItemTreeList === null || leafItemTreeList === void 0 || (_leafItemTreeList$3 = leafItemTreeList[0]) === null || _leafItemTreeList$3 === void 0 ? void 0 : _leafItemTreeList$3.SOURCE_PATH]);
+    props === null || props === void 0 || (_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 || _props$onSelect.call(props, leafItemTreeList === null || leafItemTreeList === void 0 ? void 0 : leafItemTreeList[0]);
+    setExpandKeys(expandKeysList);
+  }, [props.treeData]);
+  useImperativeHandle(ref, function () {
+    return {
+      getParentItemList: getParentItemList,
+      getChildItemList: getChildItemList,
+      setSelectItemById: setSelectItemById,
+      getChildById: getChildById
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lab-operate-tree'
+  }, props !== null && props !== void 0 && props.loading || operateTreeData <= 0 ? /*#__PURE__*/React.createElement("div", {
+    className: 'loading-box'
+  }, props.loadingElement || /*#__PURE__*/React.createElement(Spin, {
+    size: "large"
+  })) : /*#__PURE__*/React.createElement(Tree, {
+    showLine: true,
+    showIcon: true,
+    expandedKeys: expandKeys,
+    selectedKeys: selectedKeys,
+    treeData: operateTreeData,
+    onExpand: setExpandKeys,
+    onSelect: function onSelect(keys, e) {
+      var _props$onSelect2;
+      setSelectedKeys(keys);
+      props === null || props === void 0 || (_props$onSelect2 = props.onSelect) === null || _props$onSelect2 === void 0 || _props$onSelect2.call(props, e.node);
+    }
+  }));
+};
+export default /*#__PURE__*/React.forwardRef(LabOperateTree);

package/dist/LabOperateTree/style.less

@@ -0,0 +1,105 @@
+.lab-operate-tree {
+  height: 100%;
+
+  .title-box {
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    justify-content: space-between;
+
+    .l {
+      padding: 0 4px;
+      display: flex;
+
+      > div:nth-child(1) {
+        padding: 0 4px;
+      }
+
+      :nth-child(2) {
+        padding: 0 4px;
+      }
+    }
+
+    .r {
+      display: none;
+    }
+
+    &:hover {
+      background-color: transparent;
+
+      .l {
+        background-color: #bfe2ff;
+      }
+
+      .r {
+        display: block;
+      }
+    }
+  }
+
+  .loading-box {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .ant-tree {
+    .ant-tree-treenode {
+      width: 100%;
+
+      .ant-tree-node-content-wrapper {
+        display: flex;
+        flex: 1;
+        border-radius: 2px;
+
+        &:hover {
+          background-color: transparent;
+        }
+
+        .ant-tree-title {
+          flex: 1;
+        }
+      }
+
+      .ant-tree-node-content-wrapper.ant-tree-node-selected {
+        background-color: transparent;
+
+        .title-box {
+          .l {
+            background-color: #fee8d9;
+          }
+        }
+      }
+    }
+  }
+}
+
+.popover-box {
+  padding: 4px;
+
+  div {
+    cursor: pointer;
+    padding: 4px 8px;
+    display: flex;
+    flex-direction: row;
+
+    :nth-child(2) {
+      padding: 0 4px;
+      margin-left: 4px;
+    }
+
+    &:hover {
+      color: #1677ff;
+      background-color: #bfe2ff;
+    }
+  }
+}
+
+.my-popover-box {
+  .ant-popover-inner {
+    padding: unset;
+    border-radius: 4px;
+  }
+}

package/package.json

@@ -1,83 +1,83 @@
-{
-  "name": "xh-lab-rc",
-  "version": "0.17.3",
-  "description": " A react library for xinhelab",
-  "license": "MIT",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "father build",
-    "build:watch": "father dev",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && npm run build",
-    "start": "npm run dev"
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*.{md,json}": [
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.{css,less}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "dependencies": {
-    "@ant-design/icons": "^5.3.5",
-    "@babel/runtime": "^7.24.6",
-    "antd": "^5.15.3",
-    "antd-mobile": "^5.36.1",
-    "antd-mobile-icons": "^0.3.0",
-    "axios": "^1.7.2",
-    "classnames": "^2.5.1",
-    "dayjs": "^1.11.10",
-    "pdfjs-dist": "2.0.550"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/lint": "^4.0.0",
-    "dumi": "^2.4.12",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "stylelint": "^14.9.1"
-  },
-  "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "authors": []
-}
+{
+  "name": "xh-lab-rc",
+  "version": "0.17.4",
+  "description": " A react library for xinhelab",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && npm run build",
+    "start": "npm run dev"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.3.5",
+    "@babel/runtime": "^7.24.6",
+    "antd": "^5.15.3",
+    "antd-mobile": "^5.36.1",
+    "antd-mobile-icons": "^0.3.0",
+    "axios": "^1.7.2",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.10",
+    "pdfjs-dist": "2.0.550"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "dumi": "^2.4.12",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "stylelint": "^14.9.1"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": []
+}