@aloudata/aloudata-design 2.19.1 → 2.19.2

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.d.ts

@@ -3,7 +3,7 @@ import { DisplayValueType } from '../interface';
 import { RefTriggerProps } from '../SelectTrigger';
 export default function MultipleResponsiveSelectedSection(params: {
     displayValues: DisplayValueType[];
-    renderItem: (valueItem: DisplayValueType) => React.JSX.Element | null;
+    renderItem: (valueItem: DisplayValueType, index?: number) => React.JSX.Element | null;
     onToggleOpen: (open: boolean) => void;
     dropdownRef: RefObject<RefTriggerProps>;
     maxHeight?: number;

package/dist/AldSelect/Selector/MultipleResponsiveSelectedSection.js

@@ -41,7 +41,9 @@ export default function MultipleResponsiveSelectedSection(params) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "beta-ald-select-selector-multiple-responsive-selected-section-tags"
-  }, displayValues.map(renderItem))), /*#__PURE__*/React.createElement(Suffix, {
+  }, displayValues.map(function (item, index) {
+    return renderItem(item, index);
+  }))), /*#__PURE__*/React.createElement(Suffix, {
     showArrow: true,
     allowClear: false,
     icon: suffixIcon,

package/dist/AldSelect/Selector/MultipleSelector.js

@@ -42,14 +42,14 @@ export default function MultipleSelector(props) {
     _useState2 = _slicedToArray(_useState, 2),
     showItemIndex = _useState2[0],
     setShowItemIndex = _useState2[1];
-  var customizeRenderSelector = function customizeRenderSelector(value, content, itemDisabled, closable, onClose, isPreview) {
+  var customizeRenderSelector = function customizeRenderSelector(value, content, itemDisabled, closable, onClose, isPreview, uniqueKey) {
     var onMouseDown = function onMouseDown(e) {
       onPreventMouseDown(e);
     };
     return /*#__PURE__*/React.createElement("span", {
       className: "beta-ald-select-custom-tag-render-wrapper",
       onMouseDown: onMouseDown,
-      key: value
+      key: uniqueKey !== null && uniqueKey !== void 0 ? uniqueKey : value
     }, tagRender === null || tagRender === void 0 ? void 0 : tagRender({
       label: content,
       value: value,
@@ -58,10 +58,10 @@ export default function MultipleSelector(props) {
       onClose: onClose !== null && onClose !== void 0 ? onClose : function () {}
     }, isPreview));
   };
-  var defaultRenderSelector = function defaultRenderSelector(item, content, itemDisabled, closable, _onClose, isPreview) {
+  var defaultRenderSelector = function defaultRenderSelector(item, content, itemDisabled, closable, _onClose, isPreview, uniqueKey) {
     return /*#__PURE__*/React.createElement(Tag, {
       disabled: itemDisabled,
-      key: item === null || item === void 0 ? void 0 : item.value,
+      key: uniqueKey !== null && uniqueKey !== void 0 ? uniqueKey : item === null || item === void 0 ? void 0 : item.value,
       size: "small",
       closable: isPreview ? false : closable,
       onClose: function onClose(e) {
@@ -72,7 +72,8 @@ export default function MultipleSelector(props) {
   };
   var isResponsiveMode = isResponsive(mode);
   var showSelectedSection = isShowSelectedSection(mode);
-  var renderItem = function renderItem(valueItem) {
+  var renderItem = function renderItem(valueItem, index) {
+    var _valueItem$key;
     var itemDisabled = valueItem.disabled,
       label = valueItem.label,
       value = valueItem.value;
@@ -97,7 +98,10 @@ export default function MultipleSelector(props) {
     if (_.isNil(value)) {
       return null;
     }
-    return typeof tagRender === 'function' ? customizeRenderSelector(value, displayLabel, !!itemDisabled, closable, onClose, isPreview) : defaultRenderSelector(valueItem, displayLabel, !!itemDisabled, closable, onClose, isPreview);
+
+    // 生成唯一的 key，如果 value 可能重复，使用 value + index 组合
+    var uniqueKey = (_valueItem$key = valueItem.key) !== null && _valueItem$key !== void 0 ? _valueItem$key : value !== undefined && value !== null ? "".concat(value, "-").concat(index !== null && index !== void 0 ? index : '') : "item-".concat(index !== null && index !== void 0 ? index : '');
+    return typeof tagRender === 'function' ? customizeRenderSelector(value, displayLabel, !!itemDisabled, closable, onClose, isPreview, uniqueKey) : defaultRenderSelector(valueItem, displayLabel, !!itemDisabled, closable, onClose, isPreview, uniqueKey);
   };
   var renderRest = function renderRest(omittedValues) {
     if (displayValues.length === 1) {
@@ -132,7 +136,7 @@ export default function MultipleSelector(props) {
       className: "beta-ald-select-selector beta-ald-select-selector-multiple-responsive"
     }, showItemIndex === -1 && displayValues.length > 0 && /*#__PURE__*/React.createElement("div", {
       className: "beta-ald-select-selector-overflow-item-first"
-    }, renderItem(displayValues[0])), /*#__PURE__*/React.createElement(Overflow, {
+    }, renderItem(displayValues[0], 0)), /*#__PURE__*/React.createElement(Overflow, {
       prefixCls: overflowPrefixCls,
       data: displayValues,
       renderItem: renderItem,
@@ -161,5 +165,7 @@ export default function MultipleSelector(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "beta-ald-select-selector-multiple-default-tags"
-  }, displayValues.map(renderItem)));
+  }, displayValues.map(function (item, index) {
+    return renderItem(item, index);
+  })));
 }

package/dist/AldSelect/Selector/index.js

@@ -21,7 +21,10 @@ export default function Selector(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('beta-ald-select-selector')
-  }, displayValues.map(function (item) {
-    return item.label;
+  }, displayValues.map(function (item, index) {
+    var _item$value;
+    return /*#__PURE__*/React.createElement("span", {
+      key: (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : "item-".concat(index)
+    }, item.label);
   }));
 }

package/dist/AldSelect/utils/commonUtil.js

@@ -18,11 +18,19 @@ export var toString = function toString(value) {
 /** Is client side and not jsdom */
 export var isBrowserClient = process.env.NODE_ENV !== 'test' && isClient;
 export function convertOptionsToMenu(options, selectedKeys) {
+  // 使用 Map 来跟踪每个 key 出现的次数，确保 key 的唯一性
+  var keyCountMap = new Map();
   return {
-    items: options.map(function (option) {
+    items: options.map(function (option, index) {
+      var _keyCountMap$get;
+      var baseKey = toString(option.value);
+      // 如果 key 已存在，添加索引后缀确保唯一性
+      var count = (_keyCountMap$get = keyCountMap.get(baseKey)) !== null && _keyCountMap$get !== void 0 ? _keyCountMap$get : 0;
+      keyCountMap.set(baseKey, count + 1);
+      var uniqueKey = count > 0 ? "".concat(baseKey, "-").concat(index) : baseKey;
       return _objectSpread(_objectSpread({}, option), {}, {
         label: option.label,
-        key: toString(option.value),
+        key: uniqueKey,
         disabled: option.disabled,
         onClick: option.onClick,
         className: option.className,

package/dist/Dropdown/index.js

@@ -79,7 +79,14 @@ export default function Dropdown(props) {
             width: typeof popupMatchTriggerWidth === 'number' ? "".concat(popupMatchTriggerWidth, "px") : "".concat(rects.reference.width, "px")
           });
         }
-      }) : undefined],
+      }) : size({
+        apply: function apply(_ref2) {
+          var elements = _ref2.elements;
+          Object.assign(elements.floating.style, {
+            minWidth: '144px'
+          });
+        }
+      })],
       whileElementsMounted: autoUpdatePos ? autoUpdate : undefined
     }),
     refs = _useFloating.refs,

package/dist/Icon/components/InProgressFill.d.ts

@@ -1,4 +1,3 @@
-import type { SVGProps } from 'react';
 import * as React from 'react';
 interface SVGRProps {
     size?: number | string;
@@ -7,5 +6,5 @@ interface SVGRProps {
     desc?: string;
     descId?: string;
 }
-declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
 export default Memo;

package/dist/Icon/components/InProgressFill.js

@@ -24,7 +24,7 @@ var InProgressFill = function InProgressFill(_ref, ref) {
   }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("g", {
-    fill: "#2986F4"
+    fill: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M15 10a5 5 0 0 1-5 5V5a5 5 0 0 1 5 5Z"
   }), /*#__PURE__*/React.createElement("path", {

package/dist/Icon/svg/In-Progress-fill.svg

@@ -1,8 +1,8 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g id=" Icon / Fill / Interface / In-Progress-fill">
 <g id="Icon">
-<path d="M15.0001 10C15.0001 12.7614 12.7615 15 10.0001 15V5.00001C12.7615 5.00001 15.0001 7.23858 15.0001 10Z" fill="#2986F4"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10ZM16.6667 10C16.6667 13.6819 13.682 16.6667 10.0001 16.6667C6.31818 16.6667 3.33341 13.6819 3.33341 10C3.33341 6.31811 6.31818 3.33334 10.0001 3.33334C13.682 3.33334 16.6667 6.31811 16.6667 10Z" fill="#2986F4"/>
+<path d="M15.0001 10C15.0001 12.7614 12.7615 15 10.0001 15V5.00001C12.7615 5.00001 15.0001 7.23858 15.0001 10Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3334 10C18.3334 14.6024 14.6025 18.3333 10.0001 18.3333C5.39771 18.3333 1.66675 14.6024 1.66675 10C1.66675 5.39763 5.39771 1.66667 10.0001 1.66667C14.6025 1.66667 18.3334 5.39763 18.3334 10ZM16.6667 10C16.6667 13.6819 13.682 16.6667 10.0001 16.6667C6.31818 16.6667 3.33341 13.6819 3.33341 10C3.33341 6.31811 6.31818 3.33334 10.0001 3.33334C13.682 3.33334 16.6667 6.31811 16.6667 10Z" fill="currentColor"/>
 </g>
 </g>
 </svg>

package/dist/InputNumber/style/index.less

@@ -17,13 +17,18 @@
 @inputNumber-padding-small: 0 7px;
 
 //默认 - 使用CSS变量映射
-@inputNumber-bg-color: var(--background-default);
-@inputNumber-border-color: var(--border-default);
+@inputNumber-bg-color: var(--interaction-background-form-field);
+@inputNumber-border-color: var(--interaction-border-neutral-normal);
 @inputNumber-color: var(--content-primary);
 @inputNumber-wrapper-bg-color: var(--background-neutral-subtle);
+
+//hover
+@inputNumber-hover-bg-color: var(--interaction-background-form-field);
+@inputNumber-hover-border-color: var(--interaction-border-hover);
 //激活
 @inputNumber-active-bg-color: var(--background-default);
-@inputNumber-active-border-color: var(--interaction-border-selected);
+@inputNumber-active-border-color: var(--interaction-border-hover);
+@inputNumber-active-outline-color: var(--global-blue-500);
 
 //disable
 @inputNumber-disabled-bg-color: var(--global-cool-gray-alpha-50);
@@ -47,6 +52,7 @@
     background-color: @inputNumber-bg-color;
     border-color: @inputNumber-border-color;
     border-radius: @inputNumber-border-radius-middle;
+    overflow: hidden;
     box-shadow: none;
 
     .ant-input-number-input-wrap {
@@ -55,6 +61,7 @@
       .ant-input-number-input {
         height: 100%;
         caret-color: @inputNumber-cursor-color;
+        border-radius: 0;
       }
     }
 
@@ -156,11 +163,16 @@
       }
     }
 
-    &:hover:not(.ald-input-number-disabled),
+    &:hover:not(.ald-input-number-disabled) {
+      background-color: @inputNumber-hover-bg-color;
+      border-color: @inputNumber-hover-border-color;
+    }
+
     &-focused {
       background-color: @inputNumber-active-bg-color;
       border-color: @inputNumber-active-border-color;
       box-shadow: none;
+      outline: @inputNumber-active-outline-color solid 1px;
     }
   }
 
@@ -172,6 +184,16 @@
     border-color: @inputNumber-border-color;
     box-shadow: none;
 
+    &:hover {
+      border-color: @inputNumber-hover-border-color;
+    }
+
+    &:focus {
+      border-color: @inputNumber-active-border-color;
+      box-shadow: none;
+      outline: @inputNumber-active-outline-color solid 1px;
+    }
+
     &.ald-input-number-large {
       font-size: @inputNumber-font-size-large;
       border-radius: @inputNumber-border-radius-large;
@@ -273,6 +295,18 @@
         color: @inputNumber-addon-disable-color;
       }
     }
+
+    .ant-input-number-focused {
+      outline: none !important;
+    }
+
+    .ant-input-number-handler-wrap {
+      border-radius: 0 !important;
+
+      .ant-input-number-handler {
+        border-radius: 0 !important;
+      }
+    }
   }
 }
 
@@ -281,3 +315,16 @@
   ).ant-input-number.ant-input-number {
   border-color: var(--border-negative-strong);
 }
+
+.ald-input-number.ant-input-number-affix-wrapper {
+  border-color: @inputNumber-border-color;
+
+  &:hover {
+    border-color: @inputNumber-hover-border-color;
+  }
+
+  &-focused {
+    border-color: @inputNumber-hover-border-color;
+    outline: @inputNumber-hover-border-color solid 1px;
+  }
+}