@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.1

package/lib/Input/index.js

@@ -5,57 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("antd/es/input/style");
+var _Input = _interopRequireDefault(require("./components/Input"));
 
-var _input = _interopRequireDefault(require("antd/es/input"));
-
-var _react = _interopRequireDefault(require("react"));
+var _Group = _interopRequireDefault(require("./components/Group"));
 
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
 
 var _Password = _interopRequireDefault(require("./components/Password"));
 
-var _Group = _interopRequireDefault(require("./components/Group"));
-
-var _excluded = ["size"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
-
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-// IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
-function Input(props) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var getInputSize = function getInputSize(inputSize) {
-    if (inputSize === 'small' || inputSize === 'large') {
-      return inputSize;
-    }
-
-    return 'middle';
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_input.default, _objectSpread(_objectSpread({}, rest), {}, {
-    size: getInputSize(size),
-    bordered: true,
-    addonAfter: null,
-    addonBefore: null,
-    suffix: null
-  }));
-}
-
-Input.TextArea = _TextArea.default;
+var Input = _Input.default;
 Input.Group = _Group.default;
+Input.TextArea = _TextArea.default;
 Input.Password = _Password.default;
 var _default = Input;
 exports.default = _default;

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

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

package/lib/Input/style/index.js

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

package/lib/Input/style/index.less

@@ -1,11 +1,14 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix:ant;
+@ald-prefix: ant;
 
-@ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-input {
+@ald-iconfont-css-prefix: anticon;
+
+.ant-input {
+  height: 28px;
   color: @NL0;
+  font-size: 12px;
   border-radius: @border-radius-base;
 
   &::placeholder {
@@ -14,6 +17,9 @@
 
   &-prefix {
     color: @NL30;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
   }
 
   &-suffix {
@@ -27,9 +33,9 @@
   }
 
   &[disabled] {
-    border-color: @NL90;
-    background-color: @NL95;
     color: @NL80;
+    background-color: @NL95;
+    border-color: @NL90;
 
     &::placeholder {
       color: @NL80;
@@ -37,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,
@@ -48,18 +63,35 @@
     &:hover {
       box-shadow: unset;
     }
-    .@{ald-prefix}-input {
+
+    .ant-input {
+      height: 100%;
       border-radius: 0;
       caret-color: @B40;
     }
+  }
+}
+
+.ant-input-affix-wrapper.ant-input-affix-wrapper {
+  &-lg {
+    height: 32px;
+    padding: 4px 11px;
+    font-size: 14px;
+  }
 
-    &-sm {
-      border-radius: @border-radius-sm;
+  &-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, &.@{ald-prefix}-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,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = Row;
+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,