@aloudata/aloudata-design 2.7.7 → 2.8.1

package/dist/ColorPicker/constant.js

@@ -1,4 +1,4 @@
-export var colors = ['#171717', '#333333', '#545454', '#656565', '#898989', '#B4B4B4', '#D4D4D4', '#E2E2E2', '#F8F8F8', '#FFFFFF', '#F28D2C', '#B7992D', '#59A14E', '#4A9794', '#4E79A7', '#B07AA1', '#D47295', '#E15658', '#9D7560', '#78706E', '#F9A654', '#D3B348', '#71B965', '#69AAA4', '#74A1C8', '#C290B4', '#E899B3', '#F17B79', '#BA9482', '#998E8C', '#FFBF7C', '#F1CE63', '#8CD17E', '#86BCB6', '#A0CBE8', '#D4A6C9', '#FABFD2', '#FF9D99', '#D7B5A6', '#B6ADAA'];
+export var colors = ['#4B5563', '#333333', '#545454', '#656565', '#898989', '#B4B4B4', '#D4D4D4', '#E2E2E2', '#F8F8F8', '#FFFFFF', '#F28D2C', '#B7992D', '#59A14E', '#4A9794', '#4E79A7', '#B07AA1', '#D47295', '#E15658', '#9D7560', '#78706E', '#F9A654', '#D3B348', '#71B965', '#69AAA4', '#74A1C8', '#C290B4', '#E899B3', '#F17B79', '#BA9482', '#998E8C', '#FFBF7C', '#F1CE63', '#8CD17E', '#86BCB6', '#A0CBE8', '#D4A6C9', '#FABFD2', '#FF9D99', '#D7B5A6', '#B6ADAA'];
 
 // 这 2个颜色因为比较白，需要加个灰色的 border，不然看不见
 export var specialColors = ['#F8F8F8', '#FFFFFF'];

package/dist/ColorPicker/index.d.ts

@@ -6,5 +6,6 @@ export interface IColorPickerProps {
     localStorageKey?: string;
     onChange?: (color: string) => void;
     icon?: React.ReactNode;
+    disabled?: boolean;
 }
-export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, }: IColorPickerProps): React.JSX.Element;
+export default function ColorPicker({ className, value, icon, onChange, defaultColor, localStorageKey, disabled, }: IColorPickerProps): React.JSX.Element;

package/dist/ColorPicker/index.js

@@ -8,7 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 cls from 'classnames';
+import { default as cls } from 'classnames';
 import React, { useEffect, useRef, useState } from 'react';
 import Dropdown from "../Dropdown";
 import { FoldDownFill } from "../Icon";
@@ -38,7 +38,9 @@ export default function ColorPicker(_ref) {
     _ref$defaultColor = _ref.defaultColor,
     defaultColor = _ref$defaultColor === void 0 ? defaultColors[0] : _ref$defaultColor,
     _ref$localStorageKey = _ref.localStorageKey,
-    localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey;
+    localStorageKey = _ref$localStorageKey === void 0 ? 'ald_recent_colors' : _ref$localStorageKey,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -80,13 +82,14 @@ export default function ColorPicker(_ref) {
     };
   }, [open]);
   var overlay = /*#__PURE__*/React.createElement("div", {
-    className: 'ald-color-picker-overlay',
+    className: cls('ald-color-picker-overlay'),
     ref: overlayRef
   }, /*#__PURE__*/React.createElement("div", {
     className: 'default'
   }, /*#__PURE__*/React.createElement("div", {
     className: 'item',
     onClick: function onClick() {
+      if (disabled) return;
       if (defaultColor === value) return;
       onColorSelect(defaultColor);
     }
@@ -143,25 +146,34 @@ export default function ColorPicker(_ref) {
     }));
   }))));
   return /*#__PURE__*/React.createElement("div", {
-    className: cls(className, 'ald-color-picker'),
+    className: cls(className, 'ald-color-picker', {
+      'ald-color-picker-disabled': disabled
+    }),
     ref: wrapRef
   }, /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
     open: open,
+    disabled: disabled,
     placement: 'bottomLeft',
     dropdownRender: function dropdownRender() {
       return overlay;
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: cls('wrapper', {
-      focused: open
-    })
+    className: cls('ald-color-picker-wrapper', {
+      'ald-color-picker-wrapper-focused': open,
+      'ald-color-picker-wrapper-disabled': disabled
+    }),
+    onClick: function onClick(e) {
+      if (disabled) {
+        e.stopPropagation();
+      }
+    }
   }, icon || /*#__PURE__*/React.createElement("div", {
     className: 'word'
   }, "A", /*#__PURE__*/React.createElement("div", {
     className: 'line',
     style: {
-      backgroundColor: value !== null && value !== void 0 ? value : '#171717'
+      backgroundColor: value !== null && value !== void 0 ? value : '#4B5563'
     }
   })), /*#__PURE__*/React.createElement(FoldDownFill, {
     size: 14,

package/dist/ColorPicker/style/index.less

@@ -4,7 +4,7 @@
   position: relative;
   width: 56px;
 
-  .wrapper {
+  .ald-color-picker-wrapper {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -13,18 +13,19 @@
     gap: 4px;
     height: 28px;
     background: #fff;
-    border: 1px solid #dbdbdb;
+    border: 1px solid
+      var(--alias-colors-border-accent-gray-subtle-default, #d1d5db);
     box-sizing: border-box;
-    border-radius: 2px;
     cursor: pointer;
     transition: border 0.5s ease-in-out;
+    border-radius: 4px;
 
-    &:hover {
+    &:not(.ald-color-picker-wrapper-disabled):hover {
       border: 1px solid #3271c9;
     }
   }
 
-  .focused {
+  .ald-color-picker-wrapper-focused {
     border: 1px solid #3271c9;
     box-sizing: border-box;
   }
@@ -118,3 +119,7 @@
     }
   }
 }
+
+.ald-color-picker-disabled {
+  opacity: 0.4;
+}

package/dist/Slider/index.d.ts

@@ -0,0 +1,5 @@
+import { SliderSingleProps } from 'antd';
+import { SliderRangeProps } from 'antd/es/slider';
+import React from 'react';
+declare function Slider(props: SliderSingleProps | SliderRangeProps): React.JSX.Element;
+export default Slider;

package/dist/Slider/index.js

@@ -0,0 +1,10 @@
+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); }
+import { Slider as AntdSlider } from 'antd';
+import classnames from 'classnames';
+import React from 'react';
+function Slider(props) {
+  return /*#__PURE__*/React.createElement(AntdSlider, _extends({}, props, {
+    className: classnames('ald-slider', props.className)
+  }));
+}
+export default Slider;

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

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

package/dist/Slider/style/index.js

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

package/dist/Slider/style/index.less

@@ -0,0 +1,15 @@
+@import '../../style/index.less';
+
+.ald-slider.ald-slider.ant-slider {
+  .ant-slider-rail {
+    background-color: #d1d5db;
+  }
+
+  .ant-slider-track {
+    background-color: #126fdd;
+  }
+
+  .ant-slider-handle::after {
+    box-shadow: 0 0 0 2px #126fdd;
+  }
+}

package/dist/Steps/style/index.less

@@ -114,9 +114,9 @@
     }
     // 等待中step
     &.ant-steps-item-wait {
-      .ant-steps-item-container {
+      .ant-steps-item-container[class] {
         .ant-steps-item-tail::after {
-          background-color: #9ca3af;
+          background-color: #e5e7eb;
         }
 
         .ant-steps-item-content {

package/dist/Table/hooks/useRowSelection.d.ts

@@ -10,7 +10,7 @@ export interface IRowSelectionInfo<TDataItem extends object> {
     isShowRowSelectionInFooter: boolean;
     items: {
         key: string;
-        label: string;
+        label: React.ReactNode;
         onClick: (e: React.MouseEvent) => void;
     }[];
     onChange: (selectedRowKeys: string[]) => void;

package/dist/Table/types.d.ts

@@ -55,7 +55,7 @@ export interface IRowSelection<TDataItem extends object> {
 }
 export interface IRowSelectionBtnItem<TDataItem extends object> {
     key: string;
-    label: string;
+    label: React.ReactNode;
     onClick: (selectedRowKeys: string[], selectedRows: TDataItem[], e: React.MouseEvent) => void;
 }
 export interface IInnerTableColumn<TDataItem = unknown> extends ITableColumn<TDataItem> {