@aloudata/aloudata-design 2.13.5 → 2.13.7

package/dist/IconButton/style/index.less

@@ -38,26 +38,27 @@
   transition: background 0.3s;
 
   &:hover {
-    background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
+    background: rgba(31, 41, 55, 0.1);
   }
 
   &.ald-icon-button-focus {
-    background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
+    background: rgba(31, 41, 55, 0.1);
   }
 
   &.ant-dropdown-open {
-    background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
+    background: rgba(31, 41, 55, 0.1);
   }
 
   &:active {
     // mouse down
-    background: var(--alias-colors-bg-interaction-press, rgba(0, 0, 0, 0.1));
+    background: rgba(31, 41, 55, 0.05);
   }
 
   &-disabled {
     color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
     cursor: default;
     background-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
+    opacity: 0.5;
 
     .ald-icon {
       color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
@@ -76,33 +77,20 @@
   }
 
   &.ald-icon-button-dark {
-    color: var(--alias-colors-icon-inverse-subtle, rgba(0, 0, 0, 0.55));
+    color: var(--alias-colors-text-inverse-default, rgba(255, 255, 255, 0.88));
 
     &:hover {
-      background: var(
-        --alias-colors-bg-interaction-inverse-hover,
-        rgba(255, 255, 255, 0.1)
-      );
+      background: rgba(255, 255, 255, 0.1);
     }
 
     &.ant-dropdown-open {
-      background: var(
-        --alias-colors-bg-interaction-inverse-hover,
-        rgba(255, 255, 255, 0.1)
-      );
+      background: rgba(255, 255, 255, 0.1);
     }
 
     &:active {
-      background: var(
-        --alias-colors-bg-interaction-inverse-press,
-        rgba(255, 255, 255, 0.15)
-      );
+      background: rgba(255, 255, 255, 0.05);
     }
   }
-
-  &:not(.ald-icon-button-dark) {
-    mix-blend-mode: multiply;
-  }
 }
 
 .ald-icon-button-wrap-content(@size) {

package/dist/MemberPicker/components/SingleOption.js

@@ -25,7 +25,9 @@ export default function SingleOption(params) {
     showUserId = params.showUserId;
   var onClick = function onClick() {
     if (disabled) return;
-    onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
+    if (selected) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(selected, user);
+    } else onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
   };
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-option-disabled', disabled)),

package/dist/MemberPicker/style/index.less

@@ -79,6 +79,10 @@
   }
 }
 
+.ald-member-picker-breadcrumb-scroll + .ald-member-picker-member-list {
+  height: 260px;
+}
+
 .ald-member-picker-selected-member-tags-wrap {
   width: 50%;
   max-height: 377px;

package/dist/Modal/index.js

@@ -1,6 +1,6 @@
 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); }
 var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
-  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "responsiveBounds", "hideHeaderBottomBorder", "virtualScrollBar", "style"],
+  _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "responsiveBounds", "hideHeaderBottomBorder", "virtualScrollBar", "style", "maskClosable"],
   _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
@@ -114,6 +114,8 @@ var OriginModal = function OriginModal(props) {
     hideHeaderBottomBorder = props.hideHeaderBottomBorder,
     virtualScrollBar = props.virtualScrollBar,
     style = props.style,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
     restProps = _objectWithoutProperties(props, _excluded2);
   var responsiveBoundsStyle = useMemo(function () {
     if (!responsiveBounds) {
@@ -158,6 +160,7 @@ var OriginModal = function OriginModal(props) {
     cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
     okText: okText,
     cancelText: cancelText,
+    maskClosable: maskClosable,
     closeIcon: closeIcon || /*#__PURE__*/React.createElement(IconButton, {
       icon: /*#__PURE__*/React.createElement(CloseLLine, {
         size: 20

package/dist/Select/index.js

@@ -36,20 +36,35 @@ var defaultDropdownStyle = {
   minWidth: 192
 };
 var DEFAULT_LIST_ITEM_HEIGHT = 36;
-var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue) {
-  if (typeof value !== 'undefined') {
+var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue, prevSelectOptions) {
+  if (typeof value !== 'undefined' || prevSelectOptions !== null && prevSelectOptions !== void 0 && prevSelectOptions.length) {
     if (isMultiple) {
       if (Array.isArray(value)) {
-        var newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
-          return value.includes(option.value);
+        var _newOptions = [];
+        value.forEach(function (currentValue) {
+          var newOption = options === null || options === void 0 ? void 0 : options.find(function (option) {
+            return option.value === currentValue;
+          });
+          if (newOption) {
+            _newOptions.push(newOption);
+          } else {
+            var prevOption = prevSelectOptions === null || prevSelectOptions === void 0 ? void 0 : prevSelectOptions.find(function (option) {
+              return option.value === currentValue;
+            });
+            if (prevOption) {
+              _newOptions.push(prevOption);
+            }
+          }
         });
-        return newOptions || [];
+        return _newOptions;
+      } else {
+        return prevSelectOptions || [];
       }
     } else {
-      var _newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
+      var newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
         return option.value === value;
       });
-      return _newOptions || [];
+      return newOptions || [];
     }
     return [];
   }
@@ -116,6 +131,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     restProps = _objectWithoutProperties(props, _excluded);
   var placeholder = type === 'primary' ? t.Select.all : propsPlaceholder;
   var contentSize = useContext(SizeContext);
+  var defaultValueRef = React.useRef(defaultValue);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction;
@@ -137,7 +153,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   var isMultiple = mode === 'multiple';
   var listItemHeight = typeof props.listItemHeight === 'number' ? props.listItemHeight : DEFAULT_LIST_ITEM_HEIGHT;
   var innerOptions = options;
-  var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue)),
+  var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValueRef.current)),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedOptions = _React$useState2[0],
     setSelectedOptions = _React$useState2[1];
@@ -365,11 +381,13 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   useEffect(function () {
     if (updatedRef.current) {
-      setSelectedOptions(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue));
+      setSelectedOptions(function (prev) {
+        return getSelectedOptionsFromValue(isMultiple, innerOptions, value, undefined, prev);
+      });
     } else {
       updatedRef.current = true;
     }
-  }, [value, innerOptions, isMultiple, defaultValue]);
+  }, [value, innerOptions, isMultiple]);
   var wrapRef = useRef(null);
   useEffect(function () {
     var observer = new MutationObserver(function m(mutations) {

package/dist/Tabs/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact", "hasDividing"];
+var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact", "hasDividing", "type"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -29,6 +29,7 @@ export default function Tabs(props) {
     compact = props.compact,
     _props$hasDividing = props.hasDividing,
     hasDividing = _props$hasDividing === void 0 ? true : _props$hasDividing,
+    type = props.type,
     otherProps = _objectWithoutProperties(props, _excluded);
   var headerBackgroundColor = props.headerBackgroundColor;
   var tabsProps = _objectSpread({}, otherProps);
@@ -47,6 +48,7 @@ export default function Tabs(props) {
     return 0;
   }, [propsPadding, tabPosition]);
   var getTabBarGutter = function getTabBarGutter() {
+    if (type === 'editable-card') return 4;
     if (tabPosition === 'top' && !monospace) {
       return 24;
     }
@@ -61,6 +63,7 @@ export default function Tabs(props) {
       '--tabs-padding': "".concat(padding, "px")
     }),
     tabPosition: tabPosition,
+    type: type,
     tabBarGutter: getTabBarGutter(),
     popupClassName: classNames(popupClassName, 'ald-tabs-dropdown'),
     className: classNames('ald-tabs', className, {

package/dist/Tabs/style/index.less

@@ -219,3 +219,43 @@
     border-bottom: 0;
   }
 }
+
+.ant-tabs.ald-tabs.ant-tabs-editable-card {
+  .ant-tabs-tab {
+    display: flex;
+    height: 40px;
+    padding: 0 16px;
+    justify-content: center;
+    align-items: center;
+    gap: var(--alias-spacing-75, 6px);
+    border-radius: 6px 6px 0 0;
+    border-top: 1px solid var(--alias-colors-border-default, #e5e7eb);
+    border-right: 1px solid var(--alias-colors-border-default, #e5e7eb);
+    border-left: 1px solid var(--alias-colors-border-default, #e5e7eb);
+    background: var(--alias-colors-bg-skeleton-subtler, #fff);
+  }
+
+  .ant-tabs-tab-remove {
+    margin: 0;
+    width: 16px;
+    padding: 0;
+    padding-inline: 0;
+    display: grid;
+    place-items: center;
+  }
+
+  .ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: @tabs-color-active;
+    font-weight: @tabs-fontWeight-active;
+    text-shadow: none;
+  }
+
+  .anticon-close,
+  .anticon-plus {
+    color: #6b7280;
+
+    &:hover {
+      color: #374151;
+    }
+  }
+}

package/dist/Tag/index.d.ts

@@ -16,9 +16,13 @@ export interface TagProps {
      */
     color?: string;
     /**
-     * icon 图标
+     * 前置 icon 图标
      */
     icon?: React.ReactNode;
+    /**
+     * 后置 icon 图标
+     */
+    suffixIcon?: React.ReactNode;
     /**
      * 大小
      */

package/dist/Tag/index.js

@@ -13,6 +13,7 @@ export default function Tag(props) {
     onClose = props.onClose,
     color = props.color,
     icon = props.icon,
+    suffixIcon = props.suffixIcon,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
     status = props.status,
@@ -49,7 +50,9 @@ export default function Tag(props) {
   }, icon), /*#__PURE__*/React.createElement("span", {
     className: prefixCls('content'),
     title: typeof children === 'string' ? children : ''
-  }, children), closable ? /*#__PURE__*/React.createElement("span", {
+  }, children), suffixIcon && /*#__PURE__*/React.createElement("span", {
+    className: prefixCls('suffix-icon')
+  }, suffixIcon), closable ? /*#__PURE__*/React.createElement("span", {
     className: prefixCls('close-btn'),
     onClick: onCloseBtnClick
   }, /*#__PURE__*/React.createElement(CloseLightLine, {

package/dist/Tag/style/index.less

@@ -54,6 +54,12 @@
     align-items: center;
   }
 
+  .ald-tag-suffix-icon {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+  }
+
   /** 禁用 **/
   &.ald-tag-disabled {
     cursor: initial;