@aloudata/aloudata-design 0.3.4 → 0.4.0-beta.2

package/lib/Radio/components/Group/index.js

@@ -54,16 +54,18 @@ function RadioGroup(props) {
   }),
       _useMergedState2 = _slicedToArray(_useMergedState, 2),
       value = _useMergedState2[0],
-      setValue = _useMergedState2[1];
+      setValue = _useMergedState2[1]; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-  var onRadioChange = function onRadioChange(ev) {
-    var lastValue = value;
-    var val = ev.target.value;
-    setValue(val);
+
+  var onRadioChange = function onRadioChange(selectedValue) {
+    var lastValue = value; // const val = ev.target.value;
+    // console.log(selectValue);
+
+    setValue(selectedValue);
     var onChange = props.onChange;
 
-    if (onChange && val !== lastValue) {
-      onChange(ev);
+    if (onChange && selectedValue !== lastValue) {
+      onChange(selectedValue);
     }
   };
 

package/lib/Radio/components/Radio/index.js

@@ -30,8 +30,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function Radio(props) {
-  var _props$value;
-
   var groupContext = (0, _react.useContext)(_Group.RadioGroupContext);
   var labelRef = (0, _react.useRef)(null);
   var id = (0, _useId.getUUID)().toString();
@@ -87,9 +85,11 @@ function Radio(props) {
     }
   }, [groupContext.sliderRef, radioProps.checked]);
 
-  var onChange = function onChange(e) {
+  var onChange = function onChange() {
     if (groupContext === null || groupContext === void 0 ? void 0 : groupContext.onChange) {
-      groupContext.onChange(e);
+      // console.log(e);
+      // input事件的value会被toString，所以此处进行一个覆盖
+      groupContext.onChange(props.value);
     }
   };
 
@@ -105,7 +105,7 @@ function Radio(props) {
     className: "ald-radio-input",
     checked: radioProps.checked,
     disabled: radioProps.disabled,
-    value: (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.toString(),
+    value: props.value,
     onChange: onChange
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "ald-radio-inner"

package/lib/Radio/interface/radio.d.ts

@@ -19,6 +19,6 @@ export interface IRadioProps {
      * @description  当前元素的value值，与Group中的value匹配
      * @default -
      */
-    value?: string | number | boolean;
+    value?: any;
     children?: ReactNode[] | ReactNode;
 }

package/lib/Radio/interface/radioGroup.d.ts

@@ -12,7 +12,7 @@ export interface IRadioGroupProps {
      * @description 按钮组的默认选项，按钮组为非受控组件请勿使用value设置默认值
      * @default -
      */
-    defaultValue?: string | number | boolean;
+    defaultValue?: any;
     /**
      * @description 设置按钮组的大小，有'large' | 'middle'('default') | 'small
      * @default 'middle'
@@ -22,12 +22,12 @@ export interface IRadioGroupProps {
      * @description 当按钮组为受控组件时，设置按钮组的当前选中的值
      * @default -
      */
-    value?: string | number | boolean;
+    value?: any;
     /**
      * @description 当按钮组选中值变化时的回调函数
      * @default -
      */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (selectedValue: any) => void;
     /**
      * @description 设置按钮组的类型 'radio' | 'button' | 'iconButton'
      * @default 'radio'

package/lib/Select/style/variables.less.d.ts

@@ -25,9 +25,6 @@ interface CssExports {
   'BG90': string;
   'BG95': string;
   'BG97': string;
-  'BLACK': string;
-  'IMAGE_HOLDER': string;
-  'MATE': string;
   'ND0': string;
   'ND10': string;
   'ND20': string;
@@ -93,8 +90,101 @@ interface CssExports {
   'SELECTOR_PADDING_HORIZONTAL_MIDDLE': string;
   'SELECTOR_PADDING_HORIZONTAL_MINI': string;
   'SELECTOR_PADDING_HORIZONTAL_SMALL': string;
+  'SHADOW_BODY_TOP_LEFT': string;
   'SHADOW_L': string;
-  'WHITE': string;
+  'SHADOW_LG': string;
+  'SHADOW_MD': string;
+  'SHADOW_SM': string;
+  'SHADOW_XL': string;
+  'SHADOW_XS': string;
+  'TA10': string;
+  'TA20': string;
+  'TA30': string;
+  'TA40': string;
+  'TA50': string;
+  'TA60': string;
+  'TA70': string;
+  'TA80': string;
+  'TA90': string;
+  'TA95': string;
+  'TA98': string;
+  'TB10': string;
+  'TB20': string;
+  'TB30': string;
+  'TB40': string;
+  'TB50': string;
+  'TB60': string;
+  'TB70': string;
+  'TB80': string;
+  'TB90': string;
+  'TB95': string;
+  'TB98': string;
+  'TC10': string;
+  'TC20': string;
+  'TC30': string;
+  'TC40': string;
+  'TC50': string;
+  'TC60': string;
+  'TC70': string;
+  'TC80': string;
+  'TC90': string;
+  'TC95': string;
+  'TC98': string;
+  'TD10': string;
+  'TD20': string;
+  'TD30': string;
+  'TD40': string;
+  'TD50': string;
+  'TD60': string;
+  'TD70': string;
+  'TD80': string;
+  'TD90': string;
+  'TD95': string;
+  'TD98': string;
+  'TE10': string;
+  'TE20': string;
+  'TE30': string;
+  'TE40': string;
+  'TE50': string;
+  'TE60': string;
+  'TE70': string;
+  'TE80': string;
+  'TE90': string;
+  'TE95': string;
+  'TE98': string;
+  'TF10': string;
+  'TF20': string;
+  'TF30': string;
+  'TF40': string;
+  'TF50': string;
+  'TF60': string;
+  'TF70': string;
+  'TF80': string;
+  'TF90': string;
+  'TF95': string;
+  'TF98': string;
+  'TG10': string;
+  'TG20': string;
+  'TG30': string;
+  'TG40': string;
+  'TG50': string;
+  'TG60': string;
+  'TG70': string;
+  'TG80': string;
+  'TG90': string;
+  'TG95': string;
+  'TG98': string;
+  'TH10': string;
+  'TH20': string;
+  'TH30': string;
+  'TH40': string;
+  'TH50': string;
+  'TH60': string;
+  'TH70': string;
+  'TH80': string;
+  'TH90': string;
+  'TH95': string;
+  'TH98': string;
 }
 export const cssExports: CssExports;
 export default cssExports;

package/lib/Table/Table.js

@@ -57,14 +57,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var TABLE_HEAD_ROW_HEIGHT = 48;
+var tableHeadRowHeight = 44;
 var SCROLLBAR_SIZE = 15;
 var ZERO = 0;
 
 function Table(props, ref) {
   var _classnames3;
 
-  var columns = props.columns,
+  var tableKey = props.key,
+      columns = props.columns,
       data = props.data,
       onRowSelected = props.onRowSelected,
       loadMore = props.loadMore,
@@ -357,7 +358,7 @@ function Table(props, ref) {
         style: {
           overflow: 'overlay',
           overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
-          height: tableClientHeight - TABLE_HEAD_ROW_HEIGHT - SCROLLBAR_SIZE
+          height: tableClientHeight - tableHeadRowHeight
         },
         ref: tableBodyRef,
         onScroll: onBodyScroll
@@ -365,12 +366,12 @@ function Table(props, ref) {
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), height))
+      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height))
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), height))
+      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), !!height))
     }), renderNoHeightTableBody()));
   };
 
@@ -382,6 +383,7 @@ function Table(props, ref) {
       setTableClientHeight(clientHeight);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
+    key: tableKey,
     className: prefixCls,
     ref: tableRef,
     style: {

package/lib/Table/components/Empty/index.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _usePrefixCls = _interopRequireDefault(require("../../../_utils/hooks/usePrefixCls"));
 
 var _Empty = _interopRequireDefault(require("../../../Empty"));
@@ -18,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function LoadingNode() {
   var prefixCls = (0, _usePrefixCls.default)('', 'ald-table');
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-empty-icon"))
+    className: "".concat(prefixCls, "-empty-icon")
   }, /*#__PURE__*/_react.default.createElement(_Empty.default, {
     title: "No Data",
     size: "large",

package/lib/Table/components/Loading/index.js

@@ -11,8 +11,6 @@ var _LoadingLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/ico
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _usePrefixCls = _interopRequireDefault(require("../../../_utils/hooks/usePrefixCls"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,12 +18,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function LoadingNode() {
   var prefixCls = (0, _usePrefixCls.default)('', 'ald-table');
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-loading"))
+    className: "".concat(prefixCls, "-loading")
   }, /*#__PURE__*/_react.default.createElement(_LoadingLine2.default, {
     size: 16,
     fill: "currentColor",
     spin: true,
-    className: (0, _classnames.default)("".concat(prefixCls, "-loading-icon"))
+    className: "".concat(prefixCls, "-loading-icon")
   }), "Loading");
 }
 

package/lib/Table/components/TableBodyRowList/index.js

@@ -99,7 +99,9 @@ function TableBodyRowList(props) {
         style: {
           width: (0, _utils.getValidWidthByNumber)(currentRenderWidth)
         }
-      }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cell.render('Cell')));
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames2.default)("".concat(prefixCls, "-cell-container"))
+      }, cell.render('Cell')));
     }));
   }));
 }

package/lib/Table/interface.d.ts

@@ -17,6 +17,7 @@ export interface IColumn<RecordType> {
     selected?: boolean;
 }
 export interface ITableProps<RecordType> {
+    key?: React.Key;
     columns: IColumn<RecordType>[];
     data: RecordType[];
     onRowSelected?: (row: RecordType) => void;

package/lib/Table/style/index.less

@@ -1,10 +1,9 @@
+/* stylelint-disable property-no-unknown */
+
 @import '../../style/index.less';
 @import '../../Empty/style/index.less';
 @import '../../message/style/index.less';
-
-@ald-iconfont-css-prefix: anticon;
-@table-head-row-height: 48px;
-@table-body-row-height: 68px;
+@import './variable.less';
 
 .ald-table {
   display: flex;
@@ -26,6 +25,7 @@
 
   &-inner-wrap {
     width: 100%;
+    height: 100%;
     overflow-x: overlay;
   }
 
@@ -73,7 +73,7 @@
       padding: 14px 24px;
       color: @NL50;
       line-height: 20px;
-      background-color: @BG97;
+      background-color: @BG95;
 
       .ald-table-cell-content {
         overflow: hidden;
@@ -88,7 +88,7 @@
         z-index: 1;
         display: inline-block;
         width: 12px;
-        height: 12px;
+        height: 14px;
         transform: translateY(-50%);
         touch-action: none;
 
@@ -96,7 +96,7 @@
           display: block;
           width: 1px;
           height: 100%;
-          background-color: @NL95;
+          background-color: @BG70;
           content: '';
         }
       }
@@ -122,8 +122,13 @@
       height: @table-body-row-height;
 
       .ald-table-cell {
-        padding: 24px;
-        line-height: 20px;
+        display: flex;
+        align-items: center;
+        padding-left: 24px;
+
+        .ald-table-cell-container {
+          width: 100%;
+        }
       }
 
       &:hover {

package/lib/Table/style/variable.less

@@ -0,0 +1,5 @@
+/* stylelint-disable property-no-unknown */
+
+@ald-iconfont-css-prefix: anticon;
+@table-head-row-height: 44px;
+@table-body-row-height: 72px;

package/lib/Table/style/variable.less.d.ts

@@ -0,0 +1,7 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+
+}
+export const cssExports: CssExports;
+export default cssExports;

package/lib/Tabs/index.js

@@ -7,7 +7,7 @@ exports.default = Tabs;
 
 require("@aloudata/icons-react/styles/index.less");
 
-var _More2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/More"));
+var _MoreFill2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/MoreFill"));
 
 require("antd/es/tabs/style");
 
@@ -49,7 +49,7 @@ function Tabs(props) {
   return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
     moreIcon: /*#__PURE__*/_react.default.createElement("div", {
       className: "ald-tabs-moreIcon"
-    }, /*#__PURE__*/_react.default.createElement(_More2.default, {
+    }, /*#__PURE__*/_react.default.createElement(_MoreFill2.default, {
       color: "currentColor"
     })),
     tabBarGutter: 24,