@aloudata/aloudata-design 2.13.5-beta.1 → 2.13.6

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/Select/index.js

@@ -37,7 +37,7 @@ var defaultDropdownStyle = {
 };
 var DEFAULT_LIST_ITEM_HEIGHT = 36;
 var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue, prevSelectOptions) {
-  if (typeof value !== 'undefined') {
+  if (typeof value !== 'undefined' || prevSelectOptions !== null && prevSelectOptions !== void 0 && prevSelectOptions.length) {
     if (isMultiple) {
       if (Array.isArray(value)) {
         var _newOptions = [];
@@ -57,6 +57,8 @@ var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultipl
           }
         });
         return _newOptions;
+      } else {
+        return prevSelectOptions || [];
       }
     } else {
       var newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
@@ -129,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;
@@ -150,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];
@@ -379,12 +382,12 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     if (updatedRef.current) {
       setSelectedOptions(function (prev) {
-        return getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue, 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;
+    }
+  }
+}