@aloudata/aloudata-design 2.15.8 → 2.15.10

package/dist/AldSelect/BaseSelect.js

@@ -97,6 +97,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(FormItemInputContext),
     contextStatus = _useContext.status;
   var mergedStatus = customStatus || contextStatus || undefined;
+
   // =========================== Imperative ===========================
   React.useImperativeHandle(ref, function () {
     return {
@@ -246,6 +247,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })))), /*#__PURE__*/React.createElement(Suffix, {
     showArrow: showArrow,
     allowClear: allowClear,
+    disabled: disabled,
     isHover: isHover,
     onClear: function onClear() {
       onToggleOpen(false);

package/dist/AldSelect/components/Suffix.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { DisplayValueType } from '../interface';
-export default function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, }: {
+export default function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, disabled, }: {
     showArrow?: boolean;
     allowClear?: boolean;
     isActive?: boolean;
     isHover?: boolean;
+    disabled?: boolean;
     icon: React.ReactNode;
     onClear?: () => void;
     displayValues: DisplayValueType[];

package/dist/AldSelect/components/Suffix.js

@@ -8,9 +8,10 @@ export default function Suffix(_ref) {
     isHover = _ref.isHover,
     icon = _ref.icon,
     onClear = _ref.onClear,
-    displayValues = _ref.displayValues;
+    displayValues = _ref.displayValues,
+    disabled = _ref.disabled;
   var classNames = prefixCls('select');
-  if ((isActive || isHover) && allowClear && displayValues.length > 0) {
+  if ((isActive || isHover) && !disabled && allowClear && displayValues.length > 0) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('suffix', 'clear'),
       onClick: function onClick(event) {

package/dist/AldSelect/index.js

@@ -15,7 +15,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 React, { forwardRef, useCallback, useMemo } from 'react';
+import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
 import useOptions, { isRawValue } from "./hooks/useOptions";
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { toArray } from "./utils/commonUtil";
@@ -24,6 +24,7 @@ import BaseSelect, { isMultiple } from "./BaseSelect";
 import { injectPropsWithOption } from "./utils/valueUtil";
 import useDisplayMenu from "./hooks/useDisplayMenu";
 import { toString } from "./utils/commonUtil";
+import DisabledContext from 'antd/lib/config-provider/DisabledContext';
 export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -37,7 +38,8 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     filterOption = props.filterOption,
     searchValue = props.searchValue,
     optionLabelProp = props.optionLabelProp,
-    listHeight = props.listHeight;
+    listHeight = props.listHeight,
+    customDisabled = props.disabled;
 
   // =========================== Values ===========================
   var _useMergedState = useMergedState(defaultValue, {
@@ -46,6 +48,8 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     internalValue = _useMergedState2[0],
     setInternalValue = _useMergedState2[1];
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   var parsedOptions = useOptions({
     menu: menu,
     options: options,
@@ -228,6 +232,7 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   var displayMenu = useDisplayMenu(selectMenu, filterOption, innerSearchValue);
   return /*#__PURE__*/React.createElement(BaseSelect, _extends({}, props, {
     ref: ref,
+    disabled: mergedDisabled,
     displayValues: displayValues,
     onDisplayValuesChange: onDisplayValuesChange,
     setInnerSearchValue: setInnerSearchValue,

package/dist/AldSelect/style/color.less

@@ -1,6 +1,7 @@
 .beta-ald-select {
   border-color: #d1d5db;
   color: #1f2937;
+  background-color: #fff;
 
   &-active {
     border-color: #007bff;
@@ -17,6 +18,7 @@
 
   &-borderless {
     border-color: transparent;
+    background-color: transparent;
     color: #111827;
 
     &:hover {
@@ -32,7 +34,7 @@
 
   &-disabled {
     border: 1px solid #d1d5db;
-    background: #f9fafb;
+    background: #f3f4f6;
 
     &.beta-ald-select-borderless {
       border-color: transparent;

package/dist/AldSelect/style/index.less

@@ -10,7 +10,6 @@
   position: relative;
   align-items: center;
   cursor: pointer;
-  background-color: #fff;
 
   &-disabled {
     cursor: not-allowed;

package/dist/Checkbox/style/index.less

@@ -31,10 +31,7 @@
   --alias-colors-bg-selected-strong-press,
   #0b4385
 );
-@checkbox-checked-inner-bgc-disabled: var(
-  --alias-colors-bg-disabled,
-  rgba(0, 0, 0, 0.05)
-);
+@checkbox-checked-inner-bgc-disabled: #f3f4f6;
 
 @checkout-border-radius: var(--alias-radius-25);
 

package/dist/ColorPicker/ComplexColorPicker/index.js

@@ -1,3 +1,7 @@
+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); }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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); }
@@ -10,6 +14,7 @@ import ColorInput from "./ColorInput";
 import useColor from "../hooks/useColor";
 import { genAlphaColor, generateColor, getColorAlpha } from "../util";
 import Dropdown from "../../Dropdown";
+import classNames from 'classnames';
 var prefixCls = 'ald-color-picker';
 export default function ColorPicker(props) {
   var value = props.value,
@@ -19,7 +24,9 @@ export default function ColorPicker(props) {
     onChangeComplete = props.onChangeComplete,
     trigger = props.trigger,
     open = props.open,
-    onOpenChange = props.onOpenChange;
+    onOpenChange = props.onOpenChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size;
   var _useColor = useColor(defaultValue, value),
     _useColor2 = _slicedToArray(_useColor, 2),
     mergedColor = _useColor2[0],
@@ -51,6 +58,7 @@ export default function ColorPicker(props) {
     open: open,
     trigger: trigger,
     onOpenChange: onOpenChange,
+    overlayClassName: "".concat(prefixCls, "-overlay-wrapper"),
     dropdownRender: function dropdownRender() {
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-wrapper")
@@ -71,9 +79,9 @@ export default function ColorPicker(props) {
       }));
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-trigger-wrapper")
+    className: classNames("".concat(prefixCls, "-trigger-wrapper"), _defineProperty({}, "".concat(prefixCls, "-trigger-wrapper-").concat(size), !!size))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-trigger-default"),
+    className: "".concat(prefixCls, "-trigger-inner"),
     style: {
       backgroundColor: mergedColor.toCssString()
     }

package/dist/ColorPicker/index.js

@@ -164,6 +164,7 @@ export default function ColorPicker(_ref) {
       open: open,
       disabled: disabled,
       placement: 'bottom-start',
+      overlayClassName: 'ald-color-picker-overlay-wrapper',
       dropdownRender: function dropdownRender() {
         return overlay;
       }

package/dist/ColorPicker/interface.d.ts

@@ -3,6 +3,7 @@ import type { ColorGenInput, ColorPickerProps as RcColorPickerProps } from '@rc-
 import type { PopoverProps } from '../Popover';
 import type { AggregationColor } from './color';
 import { ITooltipProps } from '../Tooltip';
+import { SizeType } from '../ConfigProvider/sizeContext';
 export type { ColorGenInput };
 export type Colors<T> = {
     color: ColorGenInput<T>;
@@ -20,6 +21,7 @@ export type SingleValueType = AggregationColor | string;
 export type ColorValueType = SingleValueType | null;
 export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete' | 'components'> & {
     value?: ColorValueType;
+    size?: SizeType;
     defaultValue?: ColorValueType;
     children?: React.ReactNode;
     open?: boolean;

package/dist/ColorPicker/style/complex.less

@@ -152,8 +152,45 @@
 
 .ald-color-picker-trigger-wrapper {
   display: inline-flex;
+  padding: 3px;
+  border: 1px solid #d1d5db;
+  background-color: #fff;
+
+  .ald-color-picker-trigger-inner {
+    border: 1px solid rgba(0, 0, 0, 0.2);
+  }
+}
+
+.ald-color-picker-trigger-wrapper-small {
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
+
+  .ald-color-picker-trigger-inner {
+    width: 20px;
+    height: 20px;
+    border-radius: 2px;
+  }
+}
+
+.ald-color-picker-trigger-wrapper-middle {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+
+  .ald-color-picker-trigger-inner {
+    width: 24px;
+    height: 24px;
+    border-radius: 3px;
+  }
+}
+
+.ald-color-picker-trigger-wrapper-large {
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
 
-  .ald-color-picker-trigger-default {
+  .ald-color-picker-trigger-inner {
     width: 28px;
     height: 28px;
     border-radius: 4px;

package/dist/ColorPicker/style/index.less

@@ -49,13 +49,16 @@
   }
 }
 
+.ald-dropdown-overlay.ald-color-picker-overlay-wrapper {
+  padding: 0 !important;
+  overflow: hidden;
+}
+
 .ald-color-picker-overlay {
   position: relative;
   width: 253px;
   background: #fff;
-  border: 1px solid #dbdbdb;
   box-sizing: border-box;
-  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
   border-radius: 2px;
   padding: 8px 7px;
 

package/dist/Input/style/status.less

@@ -27,11 +27,8 @@
 @input-focus-placeholder-color: var(--alias-colors-text-subtlest, #9ca3af);
 
 //color disabled
-@input-disabled-border-color: var(
-  --alias-colors-border-disabled,
-  rgba(0, 0, 0, 0.1)
-);
-@input-disabled-bg-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
+@input-disabled-border-color: #d1d5db;
+@input-disabled-bg-color: #f3f4f6;
 @input-disabled-text-color: var(
   --alias-colors-text-disabled,
   rgba(0, 0, 0, 0.25)

package/dist/InputNumber/style/index.less

@@ -29,8 +29,8 @@
 @inputNumber-active-border-color: var(--alias-colors-border-selected, #126fdd);
 
 //disable
-@inputNumber-disabled-bg-color: @BG90;
-@inputNumber-disabled-border-color: @BG60;
+@inputNumber-disabled-bg-color: #f3f4f6;
+@inputNumber-disabled-border-color: #d1d5db;
 @inputNumber-disabled-color: @NL40;
 //光标颜色
 @inputNumber-cursor-color: @B60;

package/dist/InputSearch/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export default function InputSearch(props: IProps): React.JSX.Element;
 interface IProps {
     onSearch: (value: string) => void;
+    onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;
     className?: string;
     debounce?: boolean;
     placeholder?: string;

package/dist/InputSearch/index.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useMemo, useState } from 'react';
+import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
 import { ELangType, LocaleContext, getTranslator } from "../locale/default";
@@ -38,7 +38,8 @@ export default function InputSearch(props) {
     defaultValue = props.defaultValue,
     _props$inputMode = props.inputMode,
     inputMode = _props$inputMode === void 0 ? false : _props$inputMode,
-    style = props.style;
+    style = props.style,
+    _onBlur = props.onBlur;
   var defaultWidth = useMemo(function () {
     if (size === 'small') {
       if (locale === ELangType.EN) {
@@ -61,24 +62,44 @@ export default function InputSearch(props) {
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
+  var isComposing = useRef(false);
   var onPressEnter = useCallback(function (e) {
-    onSearch(_.trim(e.target.value));
+    if (!isComposing.current) {
+      onSearch(_.trim(e.target.value));
+    }
   }, [onSearch]);
   var DEFAULT_DEBOUNCE_TIME = 500;
   var _useDebounceFn = useDebounceFn(function (val) {
-      onSearch(val);
+      if (!isComposing.current) {
+        onSearch(val);
+      }
     }, {
       wait: DEFAULT_DEBOUNCE_TIME
     }),
     debounceSearch = _useDebounceFn.run;
   var onChangeValue = useCallback(function (e) {
     var newValue = e.target.value;
+    setSearchValue(newValue);
+    if (!isComposing.current) {
+      if (debounce) {
+        debounceSearch(newValue);
+      } else {
+        onSearch(newValue);
+      }
+    }
+  }, [debounce, debounceSearch, onSearch]);
+  var handleCompositionStart = useCallback(function () {
+    isComposing.current = true;
+  }, []);
+  var handleCompositionEnd = useCallback(function (e) {
+    isComposing.current = false;
+    // 在输入法结束后触发一次搜索
+    var value = e.target.value;
     if (debounce) {
-      debounceSearch(newValue);
+      debounceSearch(value);
     } else {
-      onSearch(newValue);
+      onSearch(value);
     }
-    setSearchValue(newValue);
   }, [debounce, debounceSearch, onSearch]);
   var iconSize = useMemo(function () {
     if (size === 'middle' || size === 'large') {
@@ -99,11 +120,18 @@ export default function InputSearch(props) {
     status: 'success',
     onChange: onChangeValue,
     onPressEnter: onPressEnter,
+    onCompositionStart: handleCompositionStart,
+    onCompositionEnd: handleCompositionEnd,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
       size: iconSize
     }),
     placeholder: placeholder || t.InputSearch.search,
     allowClear: true,
-    defaultValue: defaultValue
+    defaultValue: defaultValue,
+    onBlur: function onBlur(e) {
+      if (_onBlur) {
+        _onBlur(searchValue, e);
+      }
+    }
   }));
 }

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

@@ -8,4 +8,5 @@ export default function useFixed<TDataItem>({ columnWidths, tableColumns, y, scr
 }): (index: number, isHeader?: boolean) => {
     className: string;
     style: import("react").CSSProperties;
+    fixed: "left" | "right" | undefined;
 };

package/dist/Table/hooks/useFixed.js

@@ -30,7 +30,8 @@ export default function useFixed(_ref) {
     }
     return {
       className: classnames((_classnames = {}, _defineProperty(_classnames, prefixCls('fixed-left'), fixed === 'left'), _defineProperty(_classnames, prefixCls('fixed-right'), fixed === 'right'), _classnames)),
-      style: style
+      style: style,
+      fixed: fixed
     };
   }, [tableColumns, y, scrollbarWidth, columnWidths]);
 }