@aloudata/aloudata-design 0.2.0-beta.8 → 0.2.2

package/lib/Input/style/index.less

@@ -1,12 +1,14 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix:ant;
+@ald-prefix: ant;
 
-@ald-iconfont-css-prefix:anticon;
+@ald-iconfont-css-prefix: anticon;
 
 .ant-input {
+  height: 28px;
   color: @NL0;
+  font-size: 12px;
   border-radius: @border-radius-base;
 
   &::placeholder {
@@ -15,6 +17,9 @@
 
   &-prefix {
     color: @NL30;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
   }
 
   &-suffix {
@@ -28,9 +33,9 @@
   }
 
   &[disabled] {
-    border-color: @NL90;
-    background-color: @NL95;
     color: @NL80;
+    background-color: @NL95;
+    border-color: @NL90;
 
     &::placeholder {
       color: @NL80;
@@ -38,10 +43,19 @@
   }
 
   &-sm {
+    height: 24px;
+    font-size: 12px;
     border-radius: @border-radius-sm;
   }
 
+  &-lg {
+    height: 32px;
+    font-size: 14px;
+  }
+
   &-affix-wrapper {
+    height: 28px;
+    padding: 0 12px;
     border-radius: @border-radius-base;
 
     &-hover,
@@ -51,17 +65,33 @@
     }
 
     .ant-input {
+      height: 100%;
       border-radius: 0;
       caret-color: @B40;
     }
+  }
+}
 
-    &-sm {
-      border-radius: @border-radius-sm;
+.ant-input-affix-wrapper.ant-input-affix-wrapper {
+  &-lg {
+    height: 32px;
+    padding: 4px 11px;
+    font-size: 14px;
+  }
+
+  &-sm {
+    height: 24px;
+    padding: 0 12px;
+    border-radius: @border-radius-sm;
+
+    .ant-input-sm {
+      height: 22px;
     }
   }
-}
-.@{ald-iconfont-css-prefix} {
-  &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
-    .ald-iconfont('\e616');
+
+  .ant-input-suffix {
+    .anticon-close-circle.ant-input-clear-icon {
+      .ald-iconfont('\e616');
+    }
   }
 }

package/lib/Layout/index.d.ts

@@ -0,0 +1,4 @@
+import { Layout, SiderProps } from 'antd';
+export type { LayoutProps } from 'antd/lib/layout';
+export type { SiderProps };
+export default Layout;

package/lib/Layout/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/layout/style");
+
+var _layout = _interopRequireDefault(require("antd/es/layout"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _layout.default;
+exports.default = _default;

package/lib/Layout/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Layout/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Layout/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Menu/MenuItem.d.ts

@@ -6,7 +6,7 @@ export interface IMenuItemProps {
      * @type string | number
      * @default -
      */
-    key: React.Key;
+    key?: React.Key;
     /**
      * @description 是否禁用
      * @default false
@@ -18,6 +18,12 @@ export interface IMenuItemProps {
      * @default -
      */
     onClick?: MenuClickEventHandler;
+    /**
+     * @description 类名
+     * @type string
+     * @default -
+     */
+    className?: string;
     children?: React.ReactNode;
 }
 export default function Menu(props: IMenuItemProps): JSX.Element;

package/lib/Menu/style/index.d.ts

@@ -1,2 +1,3 @@
+import 'antd/lib/menu/style';
 import '../../style';
 import './index.less';

package/lib/Menu/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("antd/lib/menu/style");
+
 require("../../style");
 
 require("./index.less");

package/lib/Menu/style/index.less

@@ -2,10 +2,10 @@
 @import '../../Icon/index.less';
 
 .menu-popup {
+  background: @BG100;
   border: 1px solid @NL95;
-  box-shadow: @shadow-actionsheet;
   border-radius: @border-radius-base;
-  background: @BG100;
+  box-shadow: @shadow-actionsheet;
 }
 
 .ald-menu,
@@ -18,16 +18,20 @@
   }
 
   .ald-iconfont {
-    font-family: @icon-font !important;
     font-size: 16px;
+    font-family: @icon-font !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
 
   // 替换二级菜单箭头icon
-  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
-  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+  .ant-dropdown-menu-item
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon,
+  .ant-dropdown-menu-submenu-title
+    .ant-dropdown-menu-submenu-expand-icon
+    .ant-dropdown-menu-submenu-arrow-icon {
     .ald-iconfont('\e691');
   }
 

package/lib/Message/index.d.ts

@@ -0,0 +1,4 @@
+import { message, MessageArgsProps } from 'antd';
+import { ConfigOptions } from 'antd/lib/message';
+export type { MessageArgsProps, ConfigOptions };
+export default message;

package/lib/Message/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _message2.default;
+exports.default = _default;

package/lib/Message/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Message/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Message/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Navigator/components/Menu/index.js

@@ -64,14 +64,14 @@ function Menu(props) {
 
     if (isOpen) {
       return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        type: "arrow_drop_down",
+        type: "arrow_drop_up",
         size: 20,
         className: "ald-nav-menu-icon-right"
       });
     }
 
     return /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "arrow_drop_up",
+      type: "arrow_drop_down",
       size: 20,
       className: "ald-nav-menu-icon-right"
     });

package/lib/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { notification } from 'antd';
+export { ArgsProps, ConfigProps, NotificationInstance } from 'antd/lib/notification';
+export default notification;

package/lib/Notification/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/notification/style");
+
+var _notification2 = _interopRequireDefault(require("antd/es/notification"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _notification2.default;
+exports.default = _default;

package/lib/Notification/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Notification/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Notification/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Radio/index.d.ts

@@ -0,0 +1,4 @@
+import { Radio, RadioProps, RadioChangeEvent, RadioGroupProps } from 'antd';
+export { RadioGroupButtonStyle, RadioGroupOptionType, RadioGroupContextProps, RadioChangeEventTarget, } from 'antd/lib/radio';
+export { RadioProps, RadioChangeEvent, RadioGroupProps };
+export default Radio;

package/lib/Radio/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/radio/style");
+
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _radio.default;
+exports.default = _default;

package/lib/Radio/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Radio/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Radio/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Row/index.d.ts

@@ -0,0 +1,3 @@
+import { Row, RowProps } from 'antd';
+export type { RowProps };
+export default Row;

package/lib/Row/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/row/style");
+
+var _row = _interopRequireDefault(require("antd/es/row"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _row.default;
+exports.default = _default;

package/lib/Row/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/lib/Row/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/Row/style/index.less

@@ -0,0 +1 @@
+@import '../../style/index.less';

package/lib/Select/BaseSelect.js

@@ -55,6 +55,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var DEFAULT_LIST_HEIGHT = 256;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_SELECT_LIST_INDEX = 1050;
 var ZERO = 0;
 
 var Select = function Select(props, ref) {
@@ -74,7 +75,6 @@ var Select = function Select(props, ref) {
       label = props.label,
       className = props.className,
       style = props.style,
-      optionStyle = props.optionStyle,
       groupStyle = props.groupStyle,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
@@ -99,7 +99,9 @@ var Select = function Select(props, ref) {
       dropDownStyle = props.dropDownStyle,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
       dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? 'width' : _props$dropdownMatchS,
-      children = props.children;
+      children = props.children,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? DEFAULT_SELECT_LIST_INDEX : _props$zIndex;
   var prefix = (0, _usePrefixCls.default)('select-legacy', customizePrefixCls);
 
   var _useControlledState = (0, _useControlledState3.default)(controlledValue, defaultValue),
@@ -140,7 +142,19 @@ var Select = function Select(props, ref) {
       activeIndex = _useState10[0],
       setActiveIndex = _useState10[1];
 
-  var _useState11 = (0, _react.useState)([]),
+  var initOptionChecked = function initOptionChecked() {
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    if (value === null) {
+      return [];
+    }
+
+    return [value];
+  };
+
+  var _useState11 = (0, _react.useState)(initOptionChecked()),
       _useState12 = _slicedToArray(_useState11, 2),
       optionChecked = _useState12[0],
       setOptionChecked = _useState12[1]; // Exhibition value (tempvalue + value);
@@ -341,7 +355,6 @@ var Select = function Select(props, ref) {
     visible: visible,
     hasGroup: hasGroup,
     groupStyle: groupStyle,
-    optionStyle: optionStyle,
     searchType: "no-search",
     placeholder: placeholder,
     data: flattenOptions,
@@ -372,7 +385,7 @@ var Select = function Select(props, ref) {
     popupStyle: dropDownStyle,
     getPopupContainer: getContainer,
     stretch: dropdownMatchSelectWidth ? 'width' : 'minWidth',
-    zIndex: 100,
+    zIndex: zIndex,
     builtinPlacements: {
       left: {
         points: ['cr', 'cl']

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.d.ts

@@ -1,4 +1,5 @@
-declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate }: {
+import 'antd/lib/checkbox/style';
+declare const RenderLabelIcon: ({ isSelected, multiple, disabled, prefixCls, isIndeterminate, }: {
     isSelected: boolean;
     multiple: boolean;
     disabled?: boolean | undefined;

package/lib/Select/OptionsList/OptionItem/RenderLabelIcon.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _lodash = require("lodash");
 
+require("antd/lib/checkbox/style");
+
 var _Icon = _interopRequireDefault(require("../../../Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Select/OptionsList/index.js

@@ -11,11 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames2 = _interopRequireDefault(require("classnames"));
 
-var _VirtualList = _interopRequireDefault(require("../VirtualList"));
-
 var _OptionItem = require("./OptionItem");
 
-var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "style", "setActiveIndex"];
+var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "setActiveIndex"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,13 +45,16 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var ZERO_LENGTH = 0;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_LIST_PADDING = 8;
 
 var OptionsList = function OptionsList(props, ref) {
   var input = props.input,
       prefixCls = props.prefixCls,
       data = props.data,
       groupStyle = props.groupStyle,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? DEFAULT_LIST_HEIGHT : _props$height,
       itemHeight = props.itemHeight,
       selected = props.selected,
       optionChecked = props.optionChecked,
@@ -69,7 +70,6 @@ var OptionsList = function OptionsList(props, ref) {
       activeIndex = props.activeIndex,
       multiple = props.multiple,
       visible = props.visible,
-      style = props.style,
       setActiveIndex = props.setActiveIndex,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -110,7 +110,7 @@ var OptionsList = function OptionsList(props, ref) {
   }, [selected]); // 部分选中
   // 全部列表选项选中
 
-  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length); // ”全部“选项是否选中
+  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length) || (selected === null || selected === void 0 ? void 0 : selected.length) === ZERO_LENGTH; // ”全部“选项是否选中
 
   var allOptionChecked = isAllChecked && Array.isArray(optionChecked) && optionChecked.length === ZERO_LENGTH; // 点击全选
 
@@ -164,7 +164,9 @@ var OptionsList = function OptionsList(props, ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(prefixCls, "-list"),
-    style: style,
+    style: {
+      maxHeight: "".concat(height - DEFAULT_LIST_PADDING, "px")
+    },
     ref: OptionListRef,
     role: "list",
     "aria-hidden": "true",
@@ -173,20 +175,10 @@ var OptionsList = function OptionsList(props, ref) {
     onMouseLeave: function onMouseLeave() {
       return setActiveIndex(DEFAULT_ACTIVE_INDEX);
     }
-  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? /*#__PURE__*/_react.default.createElement(_VirtualList.default, _objectSpread({
-    itemKey: "value",
-    prefixCls: prefixCls,
-    ref: VirtualListRef,
-    data: data,
-    height: height,
-    itemHeight: itemHeight
-  }, restProps), function (option, index) {
-    return option.isSelectOptGroup ? /*#__PURE__*/_react.default.createElement(_OptionItem.ForwardRenderGroup, {
-      option: option,
-      prefixCls: prefixCls,
-      groupStyle: groupStyle
-    }) : /*#__PURE__*/_react.default.createElement(_OptionItem.ForwardRenderTooltip, {
+  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? data.map(function (option, index) {
+    return /*#__PURE__*/_react.default.createElement(_OptionItem.ForwardRenderTooltip, {
       tooltip: option === null || option === void 0 ? void 0 : option.tooltip,
+      key: option === null || option === void 0 ? void 0 : option.value,
       render: /*#__PURE__*/_react.default.createElement(_OptionItem.ForwardRenderOption, _objectSpread({
         option: option,
         prefixCls: prefixCls,

package/lib/Select/Selector/index.js

@@ -62,6 +62,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var ZERO = 0;
 var ICON_LARGE_SIZE = 20;
 var ICON_SMALL_SIZE = 16;
+var FIRST_INDEX = 0;
+var REVERSE_INDEX = -1;
 
 var defaultArrowComponent = function defaultArrowComponent(prefix, size) {
   return /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -185,18 +187,20 @@ var Selector = function Selector(props, ref) {
 
   var renderMultipleValue = function renderMultipleValue() {
     // @ts-ignore
-    var allValueLabel = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
+    var allTooltipTitleNode = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
       var item = getOptionByValue(curr);
 
       if (item) {
-        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.label)]);
+        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || optionLabelRenderer(curr, getOptionByValue(curr)) || (item === null || item === void 0 ? void 0 : item.label), ',']);
       }
 
-      return [].concat(_toConsumableArray(prev), [curr]);
+      return [].concat(_toConsumableArray(prev), [curr, ',']);
     }, []);
 
-    if (Array.isArray(value) && value.length === filteredOptions.length) {
-      return /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8");
+    if (Array.isArray(value) && (value.length === filteredOptions.length || (0, _lodash.isEmpty)(value))) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: "multipleAll"
+      }, "\u5168\u90E8");
     }
 
     var renderItem = function renderItem(valueItem) {
@@ -210,7 +214,7 @@ var Selector = function Selector(props, ref) {
     return !input && !(0, _lodash.isNil)(value) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default // @ts-ignore
     , {
       // @ts-ignore
-      title: allValueLabel === null || allValueLabel === void 0 ? void 0 : allValueLabel.join(','),
+      title: allTooltipTitleNode.slice(FIRST_INDEX, REVERSE_INDEX),
       placement: "top",
       getTooltipContainer: function getTooltipContainer() {
         var _selectorRef$current4;
@@ -237,8 +241,8 @@ var Selector = function Selector(props, ref) {
     }, /*#__PURE__*/_react.default.createElement("span", {
       ref: selectorAllRef,
       className: (0, _classnames3.default)("".concat(prefix, "-item-text"))
-    }, text)) // </Text>
-    : null;
+    }, text)) : // </Text>
+    null;
   };
 
   return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
@@ -263,7 +267,7 @@ var Selector = function Selector(props, ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames3.default)("".concat(prefix, "-values-wrapper")),
     ref: selectValuesRef
-  }, multiple ? renderMultipleValue() : renderSingleValue(), renderPlaceHolder())), /*#__PURE__*/_react.default.createElement("div", {
+  }, multiple ? renderMultipleValue() : renderSingleValue(), !multiple && renderPlaceHolder())), /*#__PURE__*/_react.default.createElement("div", {
     "aria-hidden": "true",
     className: (0, _classnames3.default)("".concat(prefix, "-arrow"), _defineProperty({}, "".concat(prefix, "-arrow-focused"), visible)),
     onClick: showClose ? onAllClearClick : undefined

package/lib/Select/interface.d.ts

@@ -48,7 +48,7 @@ export interface IOptionProps {
     children?: React.ReactNode;
     /**
      * @description 默认根据次属性值进行筛选
-    */
+     */
     value: string | number;
     /**
      * @description 是否禁用
@@ -59,7 +59,7 @@ export interface IOptionProps {
 }
 export interface ISelectProps {
     /**
-      * @description 输入框尺寸
+     * @description 输入框尺寸
      * @default default
      * @type 'small' | 'default' | 'large';
      */
@@ -117,6 +117,9 @@ export interface ISelectProps {
     labelRenderer?: (input: string) => (option: IOption, isGroup: boolean) => React.ReactNode;
     searchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
     matchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
+    /**
+     * @description 渲染选中条目对应的内容
+     */
     optionLabelRenderer?: (value: string | number, option?: IOption) => React.ReactNode;
     /**
      * @description 选中值改变时的回调
@@ -156,6 +159,11 @@ export interface ISelectProps {
      */
     label?: React.ReactNode;
     children?: React.ReactNode[] | React.ReactNode;
+    /**
+     * @description 下拉菜单的 z-index层级 属性
+     * @default 1050
+     */
+    zIndex?: number;
 }
 export interface ISelectorProps {
     input: string;