@aloudata/aloudata-design 2.15.0 → 2.15.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,9 @@
1
+ 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); }
2
+ 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; }
3
+ 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; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
1
7
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
8
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
9
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -48,6 +54,9 @@ export default function Menu(props) {
48
54
  label: subMenuItemLabel,
49
55
  disabled: item.disabled,
50
56
  gap: 0,
57
+ menuStyle: _objectSpread(_objectSpread({}, menuStyle), {}, {
58
+ overflow: isLeafMenu(item.children) ? 'auto' : undefined
59
+ }),
51
60
  menuClassName: classNames('ald-menu-submenu-popup', item.popupClassName),
52
61
  overflow: isLeafMenu(item.children) ? 'auto' : undefined
53
62
  }, getMenuItems(item.children, currPath));
@@ -93,7 +102,9 @@ export default function Menu(props) {
93
102
  ref: ref
94
103
  }), /*#__PURE__*/React.createElement(ControlledMenu, {
95
104
  state: "open",
96
- menuStyle: menuStyle,
105
+ menuStyle: _objectSpread(_objectSpread({}, menuStyle), {}, {
106
+ overflow: isLeafMenu(items) ? 'auto' : undefined
107
+ }),
97
108
  anchorRef: ref,
98
109
  className: classNames(className, 'ald-menu'),
99
110
  position: "auto",
@@ -77,17 +77,6 @@ export default function Radio(props) {
77
77
  'ald-radio-wrapper-disabled': radioProps.disabled
78
78
  });
79
79
  };
80
- var onChange = function onChange(e) {
81
- var _props$onChange;
82
- if (groupContext !== null && groupContext !== void 0 && groupContext.onChange) {
83
- // input事件的value会被toString,所以此处进行一个覆盖
84
- groupContext.onChange(props.value);
85
- }
86
- (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, e);
87
- if (_.isEmpty(groupContext)) {
88
- setChecked(e.target.checked);
89
- }
90
- };
91
80
  return /*#__PURE__*/React.createElement("label", {
92
81
  className: getWrapperClass(),
93
82
  htmlFor: id,
@@ -101,7 +90,6 @@ export default function Radio(props) {
101
90
  defaultChecked: checked,
102
91
  disabled: radioProps.disabled,
103
92
  value: props.value,
104
- onChange: onChange,
105
93
  onClick: function onClick(e) {
106
94
  var _props$onClick;
107
95
  (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
@@ -35,6 +35,9 @@ var RenameInput = function RenameInput(_ref) {
35
35
  _useState4 = _slicedToArray(_useState3, 2),
36
36
  value = _useState4[0],
37
37
  setValue = _useState4[1];
38
+ useEffect(function () {
39
+ setValue(propsValue);
40
+ }, [propsValue]);
38
41
  var divRef = useRef(null);
39
42
  var inputRef = useRef(null);
40
43
  var handleBlur = useCallback(function () {
@@ -50,8 +53,14 @@ var RenameInput = function RenameInput(_ref) {
50
53
  }
51
54
  }, [width, value, isEdit]);
52
55
  useEffect(function () {
53
- if (focus && inputRef.current) {
54
- inputRef.current.select();
56
+ if (focus) {
57
+ setIsEdit(true);
58
+ setTimeout(function () {
59
+ if (inputRef.current) {
60
+ inputRef.current.focus();
61
+ inputRef.current.select();
62
+ }
63
+ }, 100);
55
64
  }
56
65
  }, [focus]);
57
66
  if (isEdit && !readonly) {
@@ -109,7 +118,6 @@ var RenameInput = function RenameInput(_ref) {
109
118
  },
110
119
  onClick: function onClick() {
111
120
  var _inputRef$current6;
112
- setValue(propsValue);
113
121
  (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.select();
114
122
  }
115
123
  }, propsValue);
@@ -52,6 +52,10 @@ function Table(props, ref) {
52
52
  _useState2 = _slicedToArray(_useState, 2),
53
53
  totalSize = _useState2[0],
54
54
  setTotalSize = _useState2[1];
55
+ var _useState3 = useState(null),
56
+ _useState4 = _slicedToArray(_useState3, 2),
57
+ hoverRowId = _useState4[0],
58
+ setHoverRowId = _useState4[1];
55
59
  var y = scroll.y;
56
60
  var _useScroll = useScroll({
57
61
  totalSize: totalSize,
@@ -221,11 +225,17 @@ function Table(props, ref) {
221
225
  var rowNode = /*#__PURE__*/React.createElement("div", {
222
226
  key: rowId,
223
227
  "data-index": virtual ? rowData.index : rowIndex,
224
- className: classnames(prefixCls('tr'), (_classnames4 = {}, _defineProperty(_classnames4, prefixCls('row-hover'), typeof onRowClick === 'function'), _defineProperty(_classnames4, prefixCls('no-border-tr'), isShowPagination && rowIndex === rows.length - 1), _classnames4), rowClassName(row.original, rowIndex)),
228
+ className: classnames(prefixCls('tr'), (_classnames4 = {}, _defineProperty(_classnames4, prefixCls('row-hover'), hoverRowId === rowId), _defineProperty(_classnames4, prefixCls('no-border-tr'), isShowPagination && rowIndex === rows.length - 1), _classnames4), rowClassName(row.original, rowIndex)),
225
229
  ref: function ref(node) {
226
230
  return rowVirtualizer.measureElement(node);
227
231
  },
228
232
  onClick: onClickRow(row.original, rowIndex),
233
+ onMouseEnter: function onMouseEnter() {
234
+ return setHoverRowId(rowId);
235
+ },
236
+ onMouseLeave: function onMouseLeave() {
237
+ return setHoverRowId(null);
238
+ },
229
239
  style: virtual ? {
230
240
  position: 'absolute',
231
241
  transform: "translateY(".concat(rowData.start, "px)")
@@ -221,14 +221,9 @@
221
221
  min-height: 96px;
222
222
 
223
223
  .ald-table-tr {
224
- &.ald-table-row-hover:hover {
225
- cursor: pointer;
226
-
224
+ &.ald-table-row-hover {
227
225
  .ald-table-td {
228
- background-color: var(
229
- --alias-colors-bg-interaction-hover,
230
- rgba(0, 0, 0, 0.05)
231
- );
226
+ background-color: #f9fafb;
232
227
  }
233
228
  }
234
229
  }