@aloudata/aloudata-design 2.12.5 → 2.13.0

package/dist/LogicTree/index.js

@@ -0,0 +1,78 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useControllableValue } from 'ahooks';
+import classNames from 'classnames';
+import React from 'react';
+import { getUniqId } from "../_utils/getUniqId";
+import DisplayLogicTree from "./DisplayLogicTree";
+import LogicItem from "./components/LogicItem";
+import { addLogicNode, addRecordNode, changeRecordData, changeRelation, removeNode } from "./helper";
+import { ELogicType, ENodeType } from "./type";
+export { DisplayLogicTree, ELogicType, ENodeType };
+export default function LogicTree(props) {
+  var newInitializationData = props.newInitializationData,
+    propsOnChange = props.onChange,
+    renderCondition = props.renderCondition,
+    rootNodeAllowedEmpty = props.rootNodeAllowedEmpty,
+    className = props.className;
+  var initialNode = {
+    id: getUniqId(),
+    type: ENodeType.LOGIC,
+    logicType: ELogicType.AND,
+    nodes: [{
+      id: getUniqId(),
+      type: ENodeType.RECORD,
+      data: newInitializationData
+    }]
+  };
+  var _useControllableValue = useControllableValue(props.value ? {
+      value: props.value
+    } : {}, {
+      defaultValue: initialNode
+    }),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    innerValue = _useControllableValue2[0],
+    setInnerValue = _useControllableValue2[1];
+  var changeInnerValue = function changeInnerValue(newValue) {
+    setInnerValue(newValue);
+    propsOnChange(newValue);
+  };
+  var onAddCondition = function onAddCondition(id) {
+    var newRootNode = addRecordNode(id, innerValue, newInitializationData);
+    changeInnerValue(newRootNode);
+  };
+  var onAddRelation = function onAddRelation(id) {
+    var newRootNode = addLogicNode(id, innerValue, newInitializationData);
+    changeInnerValue(newRootNode);
+  };
+  var onChangeRelation = function onChangeRelation(id, logicType) {
+    var newRootNode = changeRelation(id, logicType, innerValue);
+    changeInnerValue(newRootNode);
+  };
+  var onRemove = function onRemove(id) {
+    var newRootNode = removeNode(id, innerValue, initialNode, rootNodeAllowedEmpty);
+    changeInnerValue(newRootNode);
+  };
+  var onChangeRecordData = function onChangeRecordData(id, data) {
+    var newRootNode = changeRecordData(id, data, innerValue);
+    changeInnerValue(newRootNode);
+  };
+  if (!innerValue) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('ald-logic-tree-wrap', className)
+  }, /*#__PURE__*/React.createElement(LogicItem, {
+    value: innerValue,
+    addCondition: onAddCondition,
+    addRelation: onAddRelation,
+    remove: onRemove,
+    changeRecordData: onChangeRecordData,
+    renderCondition: renderCondition,
+    changeRelation: onChangeRelation
+  }));
+}

package/dist/LogicTree/style/DisplayLogicItem.less

@@ -0,0 +1,54 @@
+@displayRecordLineWidth: 18px;
+@displaySelectWidth: 24px;
+@displaySelectHeight: 20px;
+
+.ald-logic-tree-display-logic-node {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-left: calc(@displayRecordLineWidth + @displaySelectWidth / 2);
+  position: relative;
+
+  .ald-logic-tree-node-wrap {
+    position: relative;
+
+    .ald-logic-tree-horizontal-line {
+      position: absolute;
+      border-top: 1px solid #d1d5db;
+      top: 50%;
+      width: @displayRecordLineWidth;
+      left: -@displayRecordLineWidth;
+    }
+  }
+
+  .ald-logic-tree-logic-type {
+    width: @displaySelectWidth;
+    height: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: calc(50% - @displaySelectHeight / 2);
+    background-color: #fff;
+    z-index: 1;
+    left: 0;
+  }
+
+  .ald-logic-tree-logic-vertical-line {
+    position: absolute;
+    border-left: 1px solid #d1d5db;
+    left: calc(@displaySelectWidth / 2);
+  }
+}
+
+.ald-logic-tree-display-record-node {
+  display: flex;
+  align-items: center;
+
+  .ald-logic-tree-render-condition-wrap {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+  }
+}

package/dist/LogicTree/style/LoginItem.less

@@ -0,0 +1,79 @@
+@recordLineWidth: 32px;
+@selectWidth: 48px;
+
+.ald-logic-tree-logic-node {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-left: calc(@recordLineWidth + @selectWidth / 2);
+  position: relative;
+
+  .ald-logic-tree-node-wrap {
+    position: relative;
+
+    .ald-logic-tree-horizontal-line {
+      position: absolute;
+      border-top: 1px solid #d1d5db;
+      top: 50%;
+      width: @recordLineWidth;
+      left: -@recordLineWidth;
+    }
+  }
+
+  .ald-logic-tree-operation {
+    height: 32px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    .ald-logic-tree-left-bottom-dash-line {
+      position: absolute;
+      border-bottom: 1px dashed #d1d5db;
+      border-left: 1px dashed #d1d5db;
+      height: calc(50% - 16px);
+      width: @recordLineWidth;
+      top: 50%;
+      left: calc(@selectWidth / 2);
+    }
+  }
+
+  .ald-logic-tree-logic-vertical-line {
+    position: absolute;
+    border-left: 1px solid #d1d5db;
+    left: calc(@selectWidth / 2);
+  }
+
+  .ald-logic-tree-select-relation {
+    position: absolute !important;
+    top: calc(50% - 14px);
+    left: 0;
+    z-index: 1;
+    width: @selectWidth !important;
+    background: #fff !important;
+
+    .ant-select-selector {
+      padding-left: 8px !important;
+      padding-right: 0 !important;
+
+      .ant-select-selection-search {
+        right: 0 !important;
+      }
+    }
+
+    .ant-select-arrow {
+      right: 6px !important;
+    }
+  }
+}
+
+.ald-logic-tree-record-node {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  .ald-logic-tree-render-condition-wrap {
+    display: flex;
+    align-items: center;
+    flex: 0 0 fit-content;
+  }
+}

package/dist/LogicTree/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/dist/LogicTree/style/index.js

@@ -0,0 +1,2 @@
+import "../../style";
+import "./index.less";

package/dist/LogicTree/style/index.less

@@ -0,0 +1,12 @@
+@import '../../TextLink/style/index.less';
+@import '../../IconButton/style/index.less';
+@import '../../Select/style/index.less';
+@import './DisplayLogicItem.less';
+@import './LoginItem.less';
+
+.ald-logic-tree-wrap {
+  width: 100%;
+  overflow-x: scroll;
+  padding: 15px;
+  padding-right: 0;
+}

package/dist/LogicTree/type.d.ts

@@ -0,0 +1,22 @@
+export declare enum ELogicType {
+    AND = "AND",
+    OR = "OR"
+}
+export declare enum ENodeType {
+    LOGIC = "LOGIC",
+    RECORD = "RECORD"
+}
+export interface INodeBase {
+    id: string;
+    type: ENodeType;
+}
+export interface ILogicNode<T> extends INodeBase {
+    type: ENodeType.LOGIC;
+    logicType: ELogicType;
+    nodes: TNode<T>[];
+}
+export interface IRecordNode<T> extends INodeBase {
+    type: ENodeType.RECORD;
+    data: T;
+}
+export type TNode<T> = ILogicNode<T> | IRecordNode<T>;

package/dist/LogicTree/type.js

@@ -0,0 +1,10 @@
+export var ELogicType = /*#__PURE__*/function (ELogicType) {
+  ELogicType["AND"] = "AND";
+  ELogicType["OR"] = "OR";
+  return ELogicType;
+}({});
+export var ENodeType = /*#__PURE__*/function (ENodeType) {
+  ENodeType["LOGIC"] = "LOGIC";
+  ENodeType["RECORD"] = "RECORD";
+  return ENodeType;
+}({});

package/dist/MemberPicker/components/PanelWrapper.js

@@ -76,7 +76,6 @@ export var PanelWrapper = function PanelWrapper(_ref) {
       cacheTime: 1000 * 60 * 2,
       // 2分钟内不重复请求
       onSuccess: function onSuccess(result) {
-        console.log('%c [ result ]-73', 'font-size:13px; background:#c324a4; color:#ff68e8;', 1433223, result);
         setSearchUserList(result);
       },
       onError: function onError(error) {
@@ -101,7 +100,20 @@ export var PanelWrapper = function PanelWrapper(_ref) {
     } else if (isUser(value) || isUserGroup(value)) {
       setSelectedUserList([value]);
     } else {
-      console.error('props error');
+      var param = [];
+      if (!value) return;
+      if (Array.isArray(value) && value.length === 0) {
+        setSelectedUserList([]);
+        return;
+      }
+      if (!Array.isArray(value)) {
+        param = [value];
+      } else {
+        param = value;
+      }
+      queryByIds(param).then(function (result) {
+        setSelectedUserList(result);
+      });
     }
   }, [value, queryByIds]);
   var onSelectedChange = useCallback(function (users) {

package/dist/MemberPicker/index.js

@@ -74,6 +74,7 @@ var Component = function Component(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     dropdownContentWidth = _useState8[0],
     setDropdownContentWidth = _useState8[1];
+  console.log('%c [  ]-65', 'font-size:13px; background:#10657f; color:#54a9c3;', 1433223, dropdownContentWidth);
   var triggerRef = useRef(null);
   var onSearchValueChange = useCallback(function (v) {
     setSearchString(v);
@@ -198,29 +199,31 @@ var Component = function Component(props) {
     }
   }, [open]);
   useEffect(function () {
-    var resizeEle = triggerRef.current;
-    if (!resizeEle) return;
-    var resizeObserver = new ResizeObserver(function (entries) {
-      var _iterator = _createForOfIteratorHelper(entries),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var entry = _step.value;
-          var width = entry.contentRect.width;
-          setDropdownContentWidth(width);
+    if (!dropdownContentWidth) {
+      var resizeEle = triggerRef.current;
+      if (!resizeEle) return;
+      var resizeObserver = new ResizeObserver(function (entries) {
+        var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var entry = _step.value;
+            var width = entry.contentRect.width;
+            setDropdownContentWidth(width);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    });
-    resizeObserver.observe(resizeEle);
-    return function () {
-      resizeObserver.unobserve(resizeEle);
-    };
+      });
+      resizeObserver.observe(resizeEle);
+      return function () {
+        resizeObserver.unobserve(resizeEle);
+      };
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [triggerRef.current, triggerRef]);
+  }, [triggerRef.current, triggerRef, dropdownContentWidth]);
   var onDropdownOpenChange = useCallback(function (open) {
     setDropdownOpen(open);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);

package/dist/MemberPicker/tests/mockPort.d.ts

@@ -0,0 +1,6 @@
+import { IUser, TUser } from '../../ConfigProvider/getUserList';
+import { TUserGroupValue, TUserValue } from '../interface';
+export declare function genUserListByKeywords(keywords: string): TUser;
+export declare function genUserListByIds(ids: string[]): IUser[];
+export declare const getUserByIds: (ids: Array<TUserValue | TUserGroupValue>) => Promise<IUser[]>;
+export declare const getUsersByKeywords: (keywords: string) => Promise<TUser>;

package/dist/MemberPicker/tests/mockPort.js

@@ -0,0 +1,147 @@
+/* eslint-disable i18n/no-chinese-character */
+import { EUserType } from "../../ConfigProvider/getUserList";
+export function genUserListByKeywords(keywords) {
+  var userList = [];
+  for (var i = 0; i < 5; i++) {
+    var user = {
+      type: EUserType.USER,
+      userId: "user".concat(i),
+      name: "\u7528\u6237".concat(i).concat(keywords ? '-' : '').concat(keywords),
+      nickname: "\u7528\u6237".concat(i).concat(keywords ? '-' : '').concat(keywords)
+    };
+    userList.push(user);
+  }
+  userList.push({
+    type: EUserType.USER,
+    userId: "user".concat(123123),
+    name: "\u7528\u6237".concat(1, keywords ? '-' : '').concat(keywords),
+    nickname: "\u7528\u6237".concat(1, keywords ? '-' : '').concat(keywords)
+  });
+  var userGroupList = [{
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0',
+    parentId: null,
+    name: '用户组0',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1',
+    parentId: 'userGroup0',
+    name: '用户组0-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1',
+    parentId: 'userGroup0-1',
+    name: '用户组0-1-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1',
+    parentId: 'userGroup0-1-1',
+    name: '用户组0-1-1-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1',
+    parentId: 'userGroup0-1-1-1',
+    name: '用户组0-1-1-1-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-1',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-2',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-2',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-3',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-3',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-4',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-4',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-5',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-5',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-6',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-6',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-7',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-7',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup0-1-1-1-1-8',
+    parentId: 'userGroup0-1-1-1-1',
+    name: '用户组0-1-1-1-1-8',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup1',
+    parentId: null,
+    name: '用户组1',
+    frontId: 'userGroup0'
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup' + '1-1',
+    parentId: 'userGroup1',
+    name: '用户组1-1',
+    frontId: null
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup' + '1-2',
+    parentId: 'userGroup1',
+    name: '用户组1-2',
+    frontId: 'userGroup1-1'
+  }, {
+    type: EUserType.USER_GROUP,
+    groupId: 'userGroup' + '2',
+    parentId: null,
+    name: '用户组2',
+    frontId: 'userGroup1'
+  }];
+  return [].concat(userList, userGroupList);
+}
+export function genUserListByIds(ids) {
+  var userList = [];
+  var regex = /\d+/g;
+  for (var i = 0; i < ids.length; i++) {
+    var _ids$i$match;
+    var user = {
+      type: EUserType.USER,
+      userId: ids[i],
+      name: 'name' + i,
+      nickname: "\u7528\u6237".concat(((_ids$i$match = ids[i].match(regex)) === null || _ids$i$match === void 0 ? void 0 : _ids$i$match[0]) || ids[i])
+    };
+    userList.push(user);
+  }
+  return userList;
+}
+export var getUserByIds = function getUserByIds(ids) {
+  return Promise.resolve(genUserListByIds(ids.map(function (item) {
+    return item.type === EUserType.USER ? item.userId : item.groupId;
+  })));
+};
+export var getUsersByKeywords = function getUsersByKeywords(keywords) {
+  return Promise.resolve(genUserListByKeywords(keywords));
+};

package/dist/MemberPicker/utils/getUsersWithUserId.js

@@ -1,10 +1,10 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 import { EUserType } from "../../ConfigProvider/getUserList";
 export function isUser(value) {
-  return value && _typeof(value) === 'object' && value.type === EUserType.USER && (value.nickname || value.name || value.userId);
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER && (value.nickname || value.name);
 }
 export function isUserGroup(value) {
-  return value && _typeof(value) === 'object' && value.type === EUserType.USER_GROUP && (value.name || value.groupId);
+  return value && _typeof(value) === 'object' && value.type === EUserType.USER_GROUP && value.name;
 }
 function getUsersWithUserId(obj) {
   var users = [];

package/dist/Steps/style/index.less

@@ -2,20 +2,14 @@
 
 // 水平状态下
 .ant-steps.ald-steps.ald-steps {
-  padding: 24px;
-
   .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
-    margin: 0 8px 4px 66px;
+    margin: 2px 8px 2px 66px;
     font-size: 12px;
     height: 16px;
     text-align: center;
     transition: background-color 0.3s, border-color 0.3s;
   }
 
-  .ant-steps-item-container {
-    height: 49px;
-  }
-
   .ant-steps-item-content {
     display: flex;
     flex-direction: column;

package/dist/_utils/getUniqId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取唯一 ID
+ * @returns 唯一的 ID
+ */
+export declare function getUniqId(): string;

package/dist/_utils/getUniqId.js

@@ -0,0 +1,12 @@
+import { customAlphabet } from 'nanoid';
+/**
+ * 获取唯一 ID
+ * @returns 唯一的 ID
+ */
+export function getUniqId() {
+  // 16位的长度，每秒生成1000个ID的话，240年时间才有1%的可能性产生一次 ID 冲突
+  // 参考 https://zelark.github.io/nano-id-cc/
+  var CHARACTER_LEN = 16;
+  var alphabet = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  return customAlphabet(alphabet, CHARACTER_LEN)();
+}