@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/lib/ProTree/propsType.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/ProTree/style/index.less

@@ -1,393 +0,0 @@
-@import '../../style/variables.less';
-
-.pro-tree-wrap-ellipse {
-  display: block;
-  width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-break: keep-all;
-}
-
-.pro-tree {
-  height: 100%; // tree auto css
-  .@{ant-prefix}-tree-iconEle{
-    margin-right: 8px;
-  }
-
-  .@{ant-prefix}-tree-node-content-wrapper{
-    display: flex;
-      align-items: baseline;
-  }
-
-  .@{ant-prefix}-tree .@{ant-prefix}-tree-treenode-disabled {
-    .@{ant-prefix}-tree-node-content-wrapper {
-      color: var(--zaui-text);
-    }
-
-    .pro-tree-tree-node.checked {
-      color: var(--zaui-text);
-    }
-
-    .pro-tree-tree-node.checked .brand-bg-opa-ten {
-      background-color: inherit;
-    }
-  }
-
-  // 解决双滚动条
-  .@{ant-prefix}-select-dropdown.pro-tree-select-drop-down-container.checkable-tree{
-    overflow: hidden!important;
-  }
-
-  .@{ant-prefix}-spin-nested-loading {
-    height: 100%; // tree auto css
-
-    .@{ant-prefix}-spin-container {
-      height: 100%; // tree auto css
-    }
-  }
-
-  &-placeholder {
-    color: #939499;
-  }
-
-  .pro-tree-search {
-     margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
-  }
-
-  &-content {
-    display       : flex; // tree auto css
-    flex-direction: column; // tree auto css
-    height        : 100%;
-
-    // overflow-y: scroll;
-    .pro-tree-header-box,
-    .pro-tree-footer-box {
-      display       : inline-flex;
-      flex-direction: column;
-    }
-
-    .pro-tree-tree-warp {
-      height    : 100%;
-      flex      : 1 1;
-      overflow-y: auto;
-      overflow-x: auto;
-      .@{ant-prefix}-tree-switcher:not(.@{ant-prefix}-tree-switcher-noop):hover:before{
-        background-color: transparent;
-      }
-      .@{ant-prefix}-tree-checkbox{
-        margin-top: 11px;
-        align-self: flex-start;
-      }
-
-    }
-
-    .tree-title-box {
-      display        : flex;
-      padding-top    : 10px;
-      justify-content: space-between;
-
-      .tree-title-text {
-        font-size    : var(--zaui-font-size-lg);
-        margin-bottom: var(--zaui-space-size-xs);
-        font-weight  : 500;
-        padding-left : 2px;
-      }
-
-      .expand-button {
-        padding-left: var(--zaui-space-size-sm);
-        display     : flex;
-        align-items : baseline;
-        cursor      : pointer;
-        &.expand {
-          .expand-icon {
-            .anticon-caret-down {
-              transform: rotate(180deg);
-            }
-          }
-        }
-
-        .expand-icon {
-          font-size   : var(--zaui-font-size-sm, 12px);
-          margin-right: var(--zaui-space-size-xs);
-        }
-      }
-    }
-
-    .@{ant-prefix}-tree-switcher {
-      line-height: 44px;
-    }
-
-    .@{ant-prefix}-tree-switcher-leaf-line {
-      display: none;
-    }
-
-    .@{ant-prefix}-tree-treenode {
-      align-items: flex-start;
-      width      : 100%;
-      padding    : 0;
-      color      : var(--zaui-text);
-      font-size  : var(--zaui-font-size);
-    }
-
-    .@{ant-prefix}-tree-node-content-wrapper {
-      min-height : 20px;
-      line-height: 20px;
-    }
-
-    .@{ant-prefix}-tree-node-content-wrapper {
-      width: 100%;
-
-      .@{ant-prefix}-tree-title {
-        display: block;
-        width  : 100%;
-      }
-    }
-
-    // 只读状态下，是否隐藏未勾选行
-    .hide-disable-node {
-      .@{ant-prefix}-tree-treenode.@{ant-prefix}-tree-treenode-disabled {
-        display: none;
-      }
-
-      .@{ant-prefix}-tree-treenode-checkbox-indeterminate,
-      .@{ant-prefix}-tree-treenode-checkbox-checked {
-        &.@{ant-prefix}-tree-treenode-disabled {
-          display: flex;
-        }
-      }
-    }
-  }
-
-  &-tree-node {
-    display       : flex;
-    flex-direction: row;
-    padding       : 9px var(--zaui-space-size-sm);
-    margin-left   : -8px;
-    border-radius : var(--zaui-space-size-xs);
-
-    &:hover {
-      background: #F7F9FC;
-    }
-
-    &:last-child {
-      flex: 1;
-    }
-
-    &.checked {
-      position: relative;
-      z-index : 1;
-      color   : var(--zaui-brand);
-
-      .brand-bg-opa-ten {
-        position        : absolute;
-        width           : 100%;
-        height          : 100%;
-        top             : 0px;
-        left            : 0px;
-        background-color: var(--zaui-brand);
-        opacity         : 0.1;
-        z-index         : -1;
-        border-radius   : var(--zaui-space-size-xs);
-      }
-    }
-
-    .tree-node-show-text {
-      display       : flex;
-      flex-direction: row;
-      width         : 100%;
-
-      .tree-node-show-text-label {
-        flex    : 1;
-        overflow: hidden;
-
-        span {
-          width: 100%;
-        }
-
-        span.ellipse {
-          display      : block;
-          text-overflow: ellipsis;
-          overflow     : hidden;
-          height       : 20px;
-          word-break   : keep-all;
-          white-space  : nowrap;
-        }
-      }
-    }
-
-    .operate-tree-node-btns {
-      display: flex;
-      z-index: 3;
-
-      .icon-item {
-        transition-delay: 10s;
-        width           : 100%;
-        margin-left     : var(--zaui-space-size-xs);
-      }
-
-      .icon-add {
-        font-size: var(--zaui-font-size-sm, 12px);
-      }
-
-      .svg-icon-expand {
-        margin-bottom: -2px;
-      }
-    }
-
-    .operate-tree-node-btns-absolute {
-      visibility: visible;
-      position  : absolute;
-      right     : 0px;
-    }
-  }
-
-  &-tree-node-tag {
-    display        : flex;
-    align-items    : center;
-    justify-content: center;
-    height         : 20px;
-    margin-right   : var(--zaui-space-size-sm);
-    padding        : 0 var(--zaui-space-size-xs);
-    font-weight    : 400;
-    line-height    : 24px;
-    white-space    : nowrap;
-    border-radius  : var(--zaui-border-radius-card);
-
-    span {
-      font-size  : var(--zaui-font-size-sm, 12px);
-      line-height: 20px;
-      text-align : center;
-      transform  : scale(0.83, 0.83);
-    }
-  }
-
-  // 连接线、箭头宽度
-  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit {
-    width: 20px;
-  }
-
-  .@{ant-prefix}-tree-switcher {
-    width     : 20px;
-    align-self: flex-start;
-    margin-top: -4px;
-  }
-
-  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit::before {
-    right: 9px;
-  }
-
-  // 底部样式
-  .pro-tree-footer-box {
-    z-index   : 4;
-    padding   : var(--zaui-space-size-md) var(--zaui-space-size-md) var(--zaui-space-size-md) var(--zaui-space-size-sm);
-    position  : relative;
-    box-shadow: 0 -20px 5px -21px rgba(151, 151, 151, 0.32);
-  }
-
-  // 去除antd白色背景
-  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-switcher,
-  .@{ant-prefix}-tree {
-    background-color: transparent;
-  }
-
-  .empty-tree {
-    color          : #939599;
-    height         : 100%;
-    text-align     : center;
-    display        : flex;
-    align-items    : center;
-    justify-content: center;
-  }
-}
-
-// 操作按钮样式
-.pro-tree-operate-container {
-  padding-top: 0px;
-  min-width  : 120px;
-
-  .@{ant-prefix}-popover-inner-content {
-    padding: 0px;
-    width  : 100%;
-  }
-
-  .@{ant-prefix}-popover-arrow {
-    display: none;
-  }
-
-  .pro-tree-operate-btn-popover {
-    .icon-item {
-      position    : relative;
-      z-index     : 1;
-      cursor      : pointer;
-      padding-left: var(--zaui-space-size-md);
-      width       : 100%;
-      height      : 32px;
-      line-height : 32px;
-    }
-
-    .icon-item:hover {
-      &:after {
-        position        : absolute;
-        display         : block;
-        z-index         : 0;
-        left            : 0;
-        top             : 0;
-        content         : '';
-        width           : 120px;
-        height          : 32px;
-        background-color: var(--zaui-brand);
-        opacity         : 0.08;
-      }
-    }
-  }
-}
-
-
-// 重置ant-form view模式样式ant-tree样式
-.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree * {
-  line-height: 1 !important;
-  height     : auto !important;
-  min-height : auto !important;
-}
-
-.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox {
-  margin-top: var(--zaui-space-size-sm);
-}
-
-.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-switcher {
-  padding-top: var(--zaui-font-size-sm);
-}
-
-.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox * {
-  height: 16px !important;
-}
-
-.pro-tree-select, .pro-tree-select-drop-down-container{
-  .@{ant-prefix}-select-selector{
-    .check-mark-icon{
-      display: none;
-  }
-  }
-  &.@{ant-prefix}-select-dropdown{
-  // 隐藏单选下拉树后面勾号
-    .@{ant-prefix}-select-tree-node-content-wrapper{
-        .check-mark-icon{
-            display: none;
-        }
-    }
-  }
-}
-
-
-.@{ant-prefix}-select-tree-node-content-wrapper {
-  &:has(.pro-tree-wrap-ellipse){
-    overflow: hidden;
-  }
-}
-
-// ProTree 更多项数量样式
-.pro-tree-more-count {
-  color: var(--zaui-primary, #006aff);
-  font-weight: bold;
-}

package/lib/ProTree/utils.d.ts

@@ -1,43 +0,0 @@
-import type { ProTreeFieldNamesType, ProTreeDataType } from './propsType';
-/**
- * 树转成铺平的数组
- * @param originalTreeData
- * @returns
- */
-export declare function getFlatTreeData(originalTreeData: ProTreeDataType[], fieldNames: ProTreeFieldNamesType): any[];
-/**
- * 获取 tree 所有的 keys 集合
- * @param data
- * @param fieldNames
- * @returns
- */
-export declare function getAllKeys(data: ProTreeDataType[], fieldNames: ProTreeFieldNamesType): string[];
-/**
- * 获取展开的key
- * @param key
- * @param tree
- * @param fieldNames
- * @returns
- */
-export declare const getParentKey: (key: string, tree: ProTreeDataType[], fieldNames: ProTreeFieldNamesType) => string;
-export declare function findTreeNodeByKey(treeData: ProTreeDataType[], key: string, fieldNames: ProTreeFieldNamesType): ProTreeDataType[];
-/**
- * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
- * @param data
- * @param checkedKeys
- * @returns
- */
-export declare function filterCheckedNodes(data: any, checkedKeys: any, searchStr: string, fieldNames: ProTreeFieldNamesType): any[];
-/**
- * 获取 tree 当前选中节点下的所有子节点的 keys
- * @param node
- * @param childrenKeys
- * @returns
- */
-export declare function getChildrenKeys(node: ProTreeDataType, childrenKeys: string[], fieldNames: ProTreeFieldNamesType, type: 'treeClose' | 'treeCheck'): void;
-/**
- * 如果默认全开展那么返回所有key，否则返回空[]
- * @param isExpand 是否全展开
- * @param allkeys 所有key
- */
-export declare function getDefaultExpandKeys(isExpand: any, allKeys: any): any;

package/lib/ProTree/utils.js

@@ -1,221 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterCheckedNodes = filterCheckedNodes;
-exports.findTreeNodeByKey = findTreeNodeByKey;
-exports.getAllKeys = getAllKeys;
-exports.getChildrenKeys = getChildrenKeys;
-exports.getDefaultExpandKeys = getDefaultExpandKeys;
-exports.getFlatTreeData = getFlatTreeData;
-exports.getParentKey = void 0;
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { 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 = it.call(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) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(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; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* eslint-disable no-restricted-syntax */
-
-/**
- * 树转成铺平的数组
- * @param originalTreeData
- * @returns
- */
-function getFlatTreeData(originalTreeData, fieldNames) {
-  var dataList = [];
-  function loop(data) {
-    for (var i = 0; i < data.length; i++) {
-      var node = _objectSpread({}, data[i]);
-      // dataList.push({ value: node[fieldNames.value], label: node[fieldNames.label] });
-      delete node[fieldNames.children];
-      dataList.push(_objectSpread({}, node));
-      if (data[i][fieldNames.children]) {
-        loop(data[i][fieldNames.children]);
-      }
-    }
-  }
-  loop(originalTreeData);
-  return dataList;
-}
-
-/**
- * 获取 tree 所有的 keys 集合
- * @param data
- * @param fieldNames
- * @returns
- */
-function getAllKeys(data, fieldNames) {
-  var keys = [];
-  function loop(data) {
-    for (var i = 0; i < data.length; i++) {
-      var node = data[i];
-      keys.push(node[fieldNames.value]);
-      if (node[fieldNames.children]) {
-        loop(node[fieldNames.children]);
-      }
-    }
-  }
-  loop(data);
-  return keys;
-}
-
-/**
- * 获取展开的key
- * @param key
- * @param tree
- * @param fieldNames
- * @returns
- */
-var getParentKey = (key, tree, fieldNames) => {
-  var parentKey;
-  for (var i = 0; i < tree.length; i++) {
-    var node = tree[i];
-    if (node[fieldNames.children]) {
-      if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
-        parentKey = node[fieldNames.value];
-      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
-        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
-      }
-    }
-  }
-  return parentKey;
-};
-exports.getParentKey = getParentKey;
-function findTreeNodeByKey(treeData, key, fieldNames) {
-  var result = [];
-  var traverse = (node, parents) => {
-    if (node[fieldNames.value] === key) {
-      result.push(node, ...parents);
-      return true;
-    }
-    var children = node[fieldNames.children] || [];
-    var _iterator = _createForOfIteratorHelper(children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        if (traverse(child, [node, ...parents])) {
-          return true;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return false;
-  };
-  var _iterator2 = _createForOfIteratorHelper(treeData),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var node = _step2.value;
-      traverse(node, []);
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-  return result;
-}
-
-/**
- * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
- * @param data
- * @param checkedKeys
- * @returns
- */
-function filterCheckedNodes(data, checkedKeys) {
-  var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
-  var result = [];
-  var traverse = node => {
-    var _node$fieldNames$chil3;
-    var title = node[fieldNames.value] + node[fieldNames.label];
-    if (!searchStr) {
-      if (checkedKeys.includes(node[fieldNames.value])) {
-        var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
-        return _objectSpread(_objectSpread({}, node), {}, {
-          [fieldNames.children]: _children
-        });
-      }
-    } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
-      var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
-      return _objectSpread(_objectSpread({}, node), {}, {
-        children: _children2
-      });
-    }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
-    if (children && children.length > 0) {
-      return _objectSpread(_objectSpread({}, node), {}, {
-        [fieldNames.children]: children
-      });
-    }
-    return null;
-  };
-
-  // eslint-disable-next-line no-restricted-syntax
-  var _iterator3 = _createForOfIteratorHelper(data),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var node = _step3.value;
-      var filtered = traverse(node);
-      if (filtered) {
-        result.push(filtered);
-      }
-    }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
-  }
-  return result;
-}
-
-/**
- * 获取 tree 当前选中节点下的所有子节点的 keys
- * @param node
- * @param childrenKeys
- * @returns
- */
-function getChildrenKeys(node, childrenKeys, fieldNames, type) {
-  // 当为 tree 触发 onChck 此时就是 key 为 children
-  if (type === 'treeCheck') {
-    var _node$children;
-    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(item => {
-      childrenKeys.push(item.key);
-      if (item.children && item.children.length > 0) {
-        getChildrenKeys(item, childrenKeys, fieldNames, type);
-      }
-    });
-  } else {
-    var _node$fieldNames$chil4;
-    // 这个时候的值为我们的值
-    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(item => {
-      childrenKeys.push(item[fieldNames.value]);
-      if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
-        getChildrenKeys(item, childrenKeys, fieldNames, type);
-      }
-    });
-  }
-}
-
-/**
- * 如果默认全开展那么返回所有key，否则返回空[]
- * @param isExpand 是否全展开
- * @param allkeys 所有key
- */
-function getDefaultExpandKeys(isExpand, allKeys) {
-  if (isExpand) {
-    return allKeys;
-  }
-  return [];
-}

package/lib/ProTreeModal/components/Cascader.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import type { ProTreeModalFieldNamesType, ProTreeModalDataType } from '../propsType';
-interface CascaderProps {
-    dataSource: ProTreeModalDataType[];
-    checkedValues?: any[];
-    showCodeName?: boolean;
-    fieldNames: ProTreeModalFieldNamesType;
-    searchStr?: string;
-    disabled?: boolean;
-    handleOnChange?: (e: any, value: string) => void;
-    optionRender?: (item: any, searchStr: string) => string | ReactNode;
-}
-declare const Cascader: (props: CascaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Cascader;