@aloudata/aloudata-design 2.15.9 → 2.15.11

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

@@ -15,7 +15,7 @@ import useColor from "../hooks/useColor";
 import { genAlphaColor, generateColor, getColorAlpha } from "../util";
 import Dropdown from "../../Dropdown";
 import classNames from 'classnames';
-var prefixCls = 'ald-color-picker';
+var prefixCls = 'ald-color-picker-complex';
 export default function ColorPicker(props) {
   var value = props.value,
     onChange = props.onChange,

package/dist/ColorPicker/style/complex.less

@@ -1,4 +1,4 @@
-.ald-color-picker-wrapper {
+.ald-color-picker-complex-wrapper {
   position: relative;
   width: 258px;
   padding: 12px;
@@ -8,7 +8,7 @@
     0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
 }
 
-.ald-color-picker {
+.ald-color-picker-complex {
   position: absolute;
   z-index: 1;
   display: block;
@@ -17,42 +17,42 @@
   visibility: visible;
 }
 
-.ald-color-picker-hidden {
+.ald-color-picker-complex-hidden {
   display: none;
 }
 
-.ald-color-picker-panel {
+.ald-color-picker-complex-panel {
   display: flex;
   flex-direction: column;
 }
 
-.ald-color-picker-panel-disabled {
+.ald-color-picker-complex-panel-disabled {
   cursor: not-allowed;
 }
 
-.ald-color-picker-select {
+.ald-color-picker-complex-select {
   margin-bottom: 12px;
 }
 
-.ald-color-picker-select .ald-color-picker-palette {
+.ald-color-picker-complex-select .ald-color-picker-complex-palette {
   min-height: 160px;
   overflow: hidden;
   border-radius: 4px;
 }
 
-.ald-color-picker-select
-  .ald-color-picker-palette
-  > .ald-color-picker-gradient {
+.ald-color-picker-complex-select
+  .ald-color-picker-complex-palette
+  > .ald-color-picker-complex-gradient {
   border-top-left-radius: 5px;
 }
 
-.ald-color-picker-saturation {
+.ald-color-picker-complex-saturation {
   position: absolute;
   border-radius: inherit;
   inset: 0;
 }
 
-.ald-color-picker-handler {
+.ald-color-picker-complex-handler {
   box-sizing: border-box;
   width: 16px;
   height: 16px;
@@ -61,29 +61,29 @@
   box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06);
 }
 
-.ald-color-picker-handler-sm {
+.ald-color-picker-complex-handler-sm {
   width: 12px;
   height: 12px;
 }
 
-.ald-color-picker-slider {
+.ald-color-picker-complex-slider {
   width: 100%;
   margin-bottom: 12px;
 }
 
-.ald-color-picker-slider .ald-color-picker-palette {
+.ald-color-picker-complex-slider .ald-color-picker-complex-palette {
   height: 8px;
 }
 
-.ald-color-picker-slider .ald-color-picker-gradient {
+.ald-color-picker-complex-slider .ald-color-picker-complex-gradient {
   border-radius: 4px;
 }
 
-.ald-color-picker-slider-alpha {
+.ald-color-picker-complex-slider-alpha {
   background: url('../alpha.svg');
 }
 
-.ald-color-picker-color-block {
+.ald-color-picker-complex-color-block {
   position: relative;
   width: 28px;
   height: 28px;
@@ -93,7 +93,7 @@
   border-radius: 4px;
 }
 
-.ald-color-picker-color-block-inner {
+.ald-color-picker-complex-color-block-inner {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -101,96 +101,98 @@
   border-radius: 4px;
 }
 
-.ald-color-picker-slider-container {
+.ald-color-picker-complex-slider-container {
   display: flex;
 }
 
-.ald-color-picker-slider-container .ald-color-picker-slider-group {
+.ald-color-picker-complex-slider-container
+  .ald-color-picker-complex-slider-group {
   flex: 1;
 }
 
-.ald-color-picker-slider-container
-  .ald-color-picker-slider-group-disabled-alpha {
+.ald-color-picker-complex-slider-container
+  .ald-color-picker-complex-slider-group-disabled-alpha {
   display: flex;
   align-items: center;
 }
 
-.ald-color-picker-slider-container
-  .ald-color-picker-slider-group-disabled-alpha
-  .ald-color-picker-slider {
+.ald-color-picker-complex-slider-container
+  .ald-color-picker-complex-slider-group-disabled-alpha
+  .ald-color-picker-complex-slider {
   margin-bottom: 0;
 }
 
-.ald-color-picker-input-container {
+.ald-color-picker-complex-input-container {
   display: flex;
   align-items: center;
   gap: 4px;
 }
 
-.ald-color-picker-input-container .ald-color-picker-format-select {
+.ald-color-picker-complex-input-container
+  .ald-color-picker-complex-format-select {
   .ant-select-borderless .ant-select-selector {
     padding: 0;
   }
 }
 
-.ald-color-picker-input-container .ald-color-picker-input {
+.ald-color-picker-complex-input-container .ald-color-picker-complex-input {
   width: 0;
   flex: 1;
 
-  .ald-color-picker-hsb-input,
-  .ald-color-picker-rgb-input {
+  .ald-color-picker-complex-hsb-input,
+  .ald-color-picker-complex-rgb-input {
     display: flex;
     align-items: center;
     gap: 4px;
   }
 }
 
-.ald-color-picker-input-container
-  .ald-color-picker-steppers.ald-color-picker-alpha-input {
+.ald-color-picker-complex-input-container
+  .ald-color-picker-complex-steppers.ald-color-picker-complex-alpha-input {
   width: 44px;
 }
 
-.ald-color-picker-trigger-wrapper {
+.ald-color-picker-complex-trigger-wrapper {
   display: inline-flex;
   padding: 3px;
   border: 1px solid #d1d5db;
   background-color: #fff;
 
-  .ald-color-picker-trigger-inner {
+  .ald-color-picker-complex-trigger-inner {
     border: 1px solid rgba(0, 0, 0, 0.2);
   }
 }
 
-.ald-color-picker-trigger-wrapper-small {
+.ald-color-picker-complex-trigger-wrapper-small {
   width: 28px;
   height: 28px;
   border-radius: 4px;
 
-  .ald-color-picker-trigger-inner {
+  .ald-color-picker-complex-trigger-inner {
     width: 20px;
     height: 20px;
     border-radius: 2px;
   }
 }
 
-.ald-color-picker-trigger-wrapper-middle {
+.ald-color-picker-complex-trigger-wrapper-middle {
   width: 32px;
   height: 32px;
   border-radius: 6px;
 
-  .ald-color-picker-trigger-inner {
+  .ald-color-picker-complex-trigger-inner {
     width: 24px;
     height: 24px;
     border-radius: 3px;
   }
 }
 
-.ald-color-picker-trigger-wrapper-large {
+.ald-color-picker-complex-trigger-wrapper-large {
   width: 36px;
   height: 36px;
   border-radius: 8px;
 
-  .ald-color-picker-trigger-inner {
+  .ald-color-picker-complex-trigger-inner {
     width: 28px;
     height: 28px;
     border-radius: 4px;

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]);
 }