@aloudata/aloudata-design 2.14.8 → 2.14.10

package/dist/AldSelect/BaseSelect.d.ts

@@ -8,6 +8,7 @@ export type Mode = 'multiple' | {
     type: 'multiple';
     responsive?: boolean;
     maxRows?: number;
+    showSelectedSection?: boolean;
 };
 export type RawValueType = string | number;
 export type CustomTagProps = {
@@ -62,5 +63,6 @@ export interface BaseSelectProps extends BaseSelectPrivateProps, ISelectProps, R
 }
 export declare function isMultiple(mode?: Mode): boolean;
 export declare function isResponsive(mode?: Mode): boolean | undefined;
+export declare function isShowSelectedSection(mode?: Mode): boolean | undefined;
 declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<BaseSelectRef>>;
 export default BaseSelect;

package/dist/AldSelect/BaseSelect.js

@@ -34,6 +34,12 @@ export function isMultiple(mode) {
 export function isResponsive(mode) {
   return mode === 'multiple' || _typeof(mode) === 'object' && (mode === null || mode === void 0 ? void 0 : mode.responsive);
 }
+export function isShowSelectedSection(mode) {
+  if (!mode || mode === 'multiple') {
+    return false;
+  }
+  return _typeof(mode) === 'object' && mode.showSelectedSection && mode.responsive;
+}
 var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _setClassNames;
   var id = props.id,
@@ -104,7 +110,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return onToggleOpen(true);
       },
       close: function close() {
-        console.log('ref close');
         onToggleOpen(false);
       }
     };
@@ -127,7 +132,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setInnerOpen = _useMergedState2[1];
   var mergedOpen = innerOpen;
   var onToggleOpen = React.useCallback(function (newOpen) {
-    console.log('toggle', newOpen);
     var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
     if (!nextOpen) {
       setShowResponsiveSelectedSection(false);
@@ -171,7 +175,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var _displayMenu$onClick;
         displayMenu === null || displayMenu === void 0 ? void 0 : (_displayMenu$onClick = displayMenu.onClick) === null || _displayMenu$onClick === void 0 ? void 0 : _displayMenu$onClick.call(displayMenu, info);
         if (displayMenu && !isMultipleMode) {
-          console.log('menu onClick', info);
           onToggleOpen(false);
           setFocus(false);
         }
@@ -208,9 +211,8 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     overlayStyle: overlayStyle || dropdownStyle,
     placement: placement,
     onOpenChange: function onOpenChange(open) {
-      console.log('onOpenChange', open);
       if (isResponsiveMode) {
-        if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0) {
+        if (!mergedOpen && !showResponsiveSelectedSection && displayValues.length > 0 && isShowSelectedSection(mode)) {
           setShowResponsiveSelectedSection(true);
         } else {
           onToggleOpen(open);
@@ -239,7 +241,6 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allowClear: allowClear,
     isHover: isHover,
     onClear: function onClear() {
-      console.log('onClear');
       onToggleOpen(false);
       onDisplayValuesChange([], {
         type: 'clear',

package/dist/AldSelect/Selector/MultipleSelector.js

@@ -7,7 +7,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import Tag from "../../Tag";
-import { isMultiple, isResponsive } from "../BaseSelect";
+import { isMultiple, isResponsive, isShowSelectedSection } from "../BaseSelect";
 import ScrollArea from "../../ScrollArea";
 import classNames from 'classnames';
 import _ from 'lodash';
@@ -71,6 +71,7 @@ export default function MultipleSelector(props) {
     }, content);
   };
   var isResponsiveMode = isResponsive(mode);
+  var showSelectedSection = isShowSelectedSection(mode);
   var renderItem = function renderItem(valueItem) {
     var itemDisabled = valueItem.disabled,
       label = valueItem.label,
@@ -80,6 +81,9 @@ export default function MultipleSelector(props) {
     if (!isResponsiveMode) {
       isPreview = false;
     }
+    if (!showSelectedSection) {
+      isPreview = false;
+    }
     var displayLabel = label;
     var onClose = function onClose(event) {
       if (event) {

package/dist/Input/components/Input/index.js

@@ -13,6 +13,7 @@ import classnames from 'classnames';
 import React, { useContext } from 'react';
 import { ConfigContext } from "../../../ConfigProvider";
 import { CloseCircleFill } from "../../../Icon";
+import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
 export function getSizeType(sizeType) {
   if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
@@ -38,9 +39,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     compactSize = _useCompactItemContex.compactSize,
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var contentSize = useContext(SizeContext);
+  var _useFormItemStatus = useFormItemStatus(),
+    formItemStatus = _useFormItemStatus.status;
+  var mergedStatus = status || formItemStatus;
   var size = compactSize || customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
-    ref: ref,
+    ref: ref
+    // @ts-ignore
+    ,
+    status: mergedStatus,
     bordered: bordered,
     disabled: disabled,
     autoComplete: "off",
@@ -51,7 +58,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       })
     } : undefined,
     spellCheck: false,
-    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(status), status), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
+    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(mergedStatus), mergedStatus), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames)
   }));
 });
 export default Input;

package/dist/Input/style/size.less

@@ -2,7 +2,7 @@
 @input-height-large: 36px;
 @input-padding-large: var(--alias-padding-75-minus-1, 6px)
   var(--alias-padding-150-minus-1, 12px);
-@input-font-size-large: 16px;
+@input-font-size-large: 14px;
 @input-border-radius-large: 8px;
 @input-prefix-margin-right-large: var(--alias-spacing-100, 8px);
 @input-clear-icon-large: 20px;

package/dist/InputSearch/index.js

@@ -11,13 +11,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useState } from 'react';
+import React, { useCallback, useContext, useMemo, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
 import { LocaleContext, getTranslator } from "../locale/default";
 var DEFAULT_WIDTH = 68;
 export default function InputSearch(props) {
-  var _classnames;
+  var _classnames, _classnames2;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -54,18 +54,27 @@ export default function InputSearch(props) {
     }
     setSearchValue(newValue);
   }, [debounceSearch, debounce]);
+  var iconSize = useMemo(function () {
+    if (size === 'middle' || size === 'large') {
+      return 20;
+    }
+    return 16;
+  }, [size]);
   return /*#__PURE__*/React.createElement("div", {
-    className: 'ald-input-search',
+    className: classnames('ald-input-search', (_classnames = {}, _defineProperty(_classnames, 'input-search-size-small', size === 'small'), _defineProperty(_classnames, 'input-search-size-middle', size === 'middle'), _defineProperty(_classnames, 'input-search-size-large', size === 'large'), _classnames)),
     style: {
       '--init-width': initWidth + 'px'
     }
   }, /*#__PURE__*/React.createElement(Input, {
-    className: classnames(className, (_classnames = {}, _defineProperty(_classnames, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames, 'inputMode', inputMode), _classnames)),
-    size: size,
+    className: classnames(className, (_classnames2 = {}, _defineProperty(_classnames2, 'input-search-has-value', searchValue.length !== 0 || inputMode), _defineProperty(_classnames2, 'inputMode', inputMode), _classnames2)),
+    size: size
+    // @ts-ignore
+    ,
+    status: 'success',
     onChange: onChangeValue,
     onPressEnter: onPressEnter,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
-      size: 16
+      size: iconSize
     }),
     placeholder: placeholder || t.InputSearch.search,
     allowClear: true,

package/dist/InputSearch/style/index.less

@@ -15,13 +15,26 @@
       display: none;
     }
 
+    &.input-search-size-small {
+      ::placeholder {
+        font-size: 12px;
+        line-height: 16px; /* 133.333% */
+      }
+    }
+
+    &.input-search-size-middle,
+    &.input-search-size-large {
+      ::placeholder {
+        font-size: 14px;
+        line-height: 20px;
+      }
+    }
+
     ::placeholder {
       color: var(--alias-colors-text-default, #1f2937);
-      font-size: 12px;
       font-style: normal;
       font-weight: 500;
       background-color: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
-      line-height: 16px; /* 133.333% */
     }
 
     &.ant-input-affix-wrapper-focused,
@@ -53,7 +66,7 @@
     &.ant-input-affix-wrapper-focused,
     &.inputSearchHasValue {
       .ant-input-suffix {
-        display: inline-block;
+        display: flex;
 
         .ant-input-clear-icon {
           font-size: 16px !important;

package/dist/Tag/index.js

@@ -39,7 +39,7 @@ export default function Tag(props) {
   var DEFAULT_MAX_WIDTH = 160;
   var domTitle = title !== undefined ? title : typeof children === 'string' ? children : '';
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('clickable'), typeof onClick === 'function'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),
+    className: classNames(prefixCls('container'), (_classNames = {}, _defineProperty(_classNames, prefixCls('small'), size === 'small'), _defineProperty(_classNames, prefixCls('large'), size === 'large'), _defineProperty(_classNames, prefixCls('disabled'), disabled), _classNames), className || ''),
     style: {
       backgroundColor: bgColor,
       color: convertHexToRGBA(tagColor, 1),

package/dist/Tag/style/index.less

@@ -12,10 +12,6 @@
   line-height: 20px;
   overflow: hidden;
 
-  &.ald-tag-clickable {
-    cursor: pointer;
-  }
-
   /** 尺寸 **/
   &.ald-tag-small {
     font-size: 12px;

package/dist/Tree/demo/directoryTree/index.js

@@ -27,12 +27,8 @@ var treeData = [{
   }]
 }];
 var App = function App() {
-  var onSelect = function onSelect(keys, info) {
-    console.log('Trigger Select', keys, info);
-  };
-  var onExpand = function onExpand(keys, info) {
-    console.log('Trigger Expand', keys, info);
-  };
+  var onSelect = function onSelect(keys, info) {};
+  var onExpand = function onExpand(keys, info) {};
   return /*#__PURE__*/React.createElement(DirectoryTree, {
     multiple: true,
     defaultExpandAll: true,

package/dist/Tree/demo/drag/index.js

@@ -46,14 +46,8 @@ var App = function App() {
   var _useState3 = useState(['0-0', '0-0-0', '0-0-0-0']),
     _useState4 = _slicedToArray(_useState3, 1),
     expandedKeys = _useState4[0];
-  var onDragEnter = function onDragEnter(info) {
-    console.log(info);
-    // expandedKeys, set it when controlled is needed
-    // setExpandedKeys(info.expandedKeys)
-  };
-
+  var onDragEnter = function onDragEnter(info) {};
   var onDrop = function onDrop(info) {
-    console.log(info);
     var dropKey = info.node.key;
     var dragKey = info.dragNode.key;
     var dropPos = info.node.pos.split('-');