@aloudata/aloudata-design 0.2.7 → 0.3.0-beta.1

package/lib/InputNumber/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = InputNumber;
+
+require("antd/es/input-number/style");
+
+var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames2 = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["className", "disabled", "size"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function InputNumber(props) {
+  var className = props.className,
+      disabled = props.disabled,
+      size = props.size,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var getClassName = function getClassName() {
+    var _classnames;
+
+    return (0, _classnames2.default)(className, 'ald-inputNumber', (_classnames = {
+      'ald-inputNumber-disabled': disabled
+    }, _defineProperty(_classnames, "ald-inputNumber-large", size === 'large'), _defineProperty(_classnames, "ald-inputNumber-small", size === 'small'), _defineProperty(_classnames, "ald-inputNumber-middle", size !== 'large' && size !== 'small'), _classnames));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({}, rest, {
+    disabled: disabled,
+    size: size,
+    className: getClassName()
+  }));
+}

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

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

package/lib/InputNumber/style/index.js

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

package/lib/InputNumber/style/index.less

@@ -0,0 +1,152 @@
+@import '../../style/index.less';
+
+@InputNumber-height-large: 36px;
+@InputNumber-fontSize-large: 16px;
+
+@InputNumber-height-middle: 32px;
+@InputNumber-fontSize-middle: 14px;
+
+@InputNumber-height-small: 28px;
+@InputNumber-fontSize-small: 12px;
+
+@InputNumber-borderRadius: 8px;
+//默认
+@InputNumber-bgColor: @BG97;
+@InputNumber-borderColor: @NL90;
+@InputNumber-color: @NL0;
+@InputNumber-wrapper-bgColor: @BG95;
+//激活
+@InputNumber-active-bgColor: @BG97;
+@InputNumber-active-borderColor: @B60;
+
+//disable
+@InputNumber-disabled-bgColor: @BG95;
+@InputNumber-disabled-borderColor: @NL90;
+@InputNumber-disabled-color: @NL80;
+//光标颜色
+@InputNumber-cursor-color: @B60;
+
+//前后填充
+@InputNumber-addon-bgColor: @BG95;
+@InputNumber-addon-color: @NL50;
+@InputNumber-addon-disable-color: @NL80;
+
+.ald-inputNumber {
+  &.ant-input-number {
+    height: @InputNumber-height-middle;
+    overflow: hidden;
+    color: @InputNumber-color;
+    font-size: @InputNumber-fontSize-middle;
+    background-color: @InputNumber-bgColor;
+    border-color: @InputNumber-borderColor;
+    border-radius: @InputNumber-borderRadius;
+    box-shadow: none;
+
+    .ant-input-number-input-wrap {
+      height: 100%;
+
+      .ant-input-number-input {
+        height: 100%;
+        caret-color: @InputNumber-cursor-color;
+      }
+    }
+
+    .ant-input-number-handler-wrap {
+      .ant-input-number-handler {
+        background-color: @BG95;
+      }
+
+      .ant-input-number-handler:active {
+        background-color: @NL95;
+      }
+    }
+
+    &.ald-inputNumber-large {
+      height: @InputNumber-height-large;
+      font-size: @InputNumber-fontSize-large;
+    }
+
+    &.ald-inputNumber-middle {
+      height: @InputNumber-height-middle;
+      font-size: @InputNumber-fontSize-middle;
+    }
+
+    &.ald-inputNumber-small {
+      height: @InputNumber-height-small;
+      font-size: @InputNumber-fontSize-small;
+    }
+
+    &-disabled {
+      color: @InputNumber-disabled-color;
+      background-color: @InputNumber-disabled-bgColor;
+      border-color: @InputNumber-disabled-borderColor;
+      cursor: initial;
+
+      .ant-input-number-input-wrap .ant-input-number-input {
+        cursor: initial;
+      }
+    }
+
+    &-focused {
+      background-color: @InputNumber-active-bgColor;
+      border-color: @InputNumber-active-borderColor;
+    }
+  }
+
+  &.ant-input-number-group-wrapper {
+    // height: @InputNumber-height-middle;
+    overflow: hidden;
+    color: @InputNumber-color;
+    background-color: @InputNumber-wrapper-bgColor;
+    border-color: @InputNumber-borderColor;
+    border-radius: @InputNumber-borderRadius;
+    box-shadow: none;
+
+    &.ald-inputNumber-large {
+      font-size: @InputNumber-fontSize-large;
+    }
+
+    &.ald-inputNumber-middle {
+      font-size: @InputNumber-fontSize-middle;
+    }
+
+    &.ald-inputNumber-small {
+      font-size: @InputNumber-fontSize-small;
+    }
+
+    .ant-input-number-wrapper {
+      height: 100%;
+      overflow: hidden;
+      font-size: inherit;
+
+      .ant-input-number-group-addon {
+        overflow: hidden;
+        color: @InputNumber-addon-color;
+        font-size: inherit;
+        background-color: @InputNumber-addon-bgColor;
+        border-radius: @InputNumber-borderRadius;
+
+        &:first-child {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+
+        &:last-child {
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        }
+      }
+
+      .ald-inputNumber {
+        margin: 0;
+        padding: 0;
+      }
+    }
+
+    &.ald-inputNumber-disabled {
+      .ant-input-number-wrapper .ant-input-number-group-addon {
+        color: @InputNumber-addon-disable-color;
+      }
+    }
+  }
+}

package/lib/Menu/Divider.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-export interface IMenuDividerProps {
+import { MenuDividerProps } from 'antd/lib/menu/MenuDivider';
+export interface IMenuDividerProps extends MenuDividerProps {
 }
 export default function Menu(props: IMenuDividerProps): JSX.Element;

package/lib/Menu/MenuItem.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { MenuItemProps } from 'antd/lib/menu/MenuItem';
 import { MenuClickEventHandler } from 'rc-menu/lib/interface';
-export interface IMenuItemProps {
+export interface IMenuItemProps extends MenuItemProps {
     /**
      * @description 唯一标志
      * @type string | number

package/lib/Menu/SubMenu.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export interface ISubMenuProps {
+import { SubMenuProps } from 'antd/es/menu/SubMenu';
+export interface ISubMenuProps extends SubMenuProps {
     /**
      * @description 唯一标志
      * @type string | number

package/lib/Menu/SubMenu.js

@@ -27,7 +27,7 @@ function SubMenu(props) {
   var popupClassName = props.popupClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  var OFFSET_WIDTH = 4;
+  var OFFSET_WIDTH = 8;
   var OFFSET_HEIGHT = 0;
   return /*#__PURE__*/_react.default.createElement(AntdSubMenu, Object.assign({
     popupClassName: (0, _classnames.default)(popupClassName, 'ald-submenu'),

package/lib/Menu/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { MenuProps } from 'antd';
 import MenuItem from './MenuItem';
 import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
-export interface IMenuProps {
+export interface IMenuProps extends MenuProps {
     /**
      * @description 点击 MenuItem 调用此函数
      * @type Function

package/lib/Menu/style/index.less

@@ -4,8 +4,7 @@
 .menu-popup {
   background: @BG100;
   border: 1px solid @NL95;
-  border-radius: @ald-border-radius-base;
-  box-shadow: @shadow-actionsheet;
+  border-radius: @border-radius-base;
 }
 
 .ald-menu,

package/lib/Modal/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ModalProps } from 'antd';
+import useModal from 'antd/lib/modal/useModal/index';
+import { ModalStaticFunctions, modalGlobalConfig } from 'antd/lib/modal/confirm';
+import { ModalFuncProps } from 'antd/lib/modal/Modal';
+export type { ModalProps, ModalFuncProps };
+export declare const destroyFns: Array<() => void>;
+interface IModalInterface extends React.FC<IOriginModalProps> {
+    useModal: typeof useModal;
+}
+interface IOriginModalProps extends ModalProps {
+    forbidBodyScroll?: boolean;
+    children?: React.ReactNode;
+}
+declare const OriginModal: IModalInterface;
+declare type TOriginModal = typeof OriginModal & ModalStaticFunctions & {
+    destroyAll: () => void;
+    config: typeof modalGlobalConfig;
+};
+declare const Modal: TOriginModal;
+export default Modal;

package/lib/Modal/index.js

@@ -0,0 +1,119 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.destroyFns = exports.default = void 0;
+
+require("antd/es/modal/style");
+
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("antd/lib/modal/useModal/index"));
+
+var _confirm = _interopRequireWildcard(require("antd/lib/modal/confirm"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _excluded = ["className", "children", "forbidBodyScroll", "footer", "okText", "cancelText", "onOk", "onCancel", "width", "closeIcon"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
+
+var destroyFns = [];
+exports.destroyFns = destroyFns;
+
+function modalWarn(props) {
+  return (0, _confirm.default)((0, _confirm.withWarn)(props));
+}
+
+var DEFAULT_WIDTH = 552;
+
+var OriginModal = function OriginModal(props) {
+  var className = props.className,
+      children = props.children,
+      forbidBodyScroll = props.forbidBodyScroll,
+      footer = props.footer,
+      okText = props.okText,
+      cancelText = props.cancelText,
+      onOk = props.onOk,
+      onCancel = props.onCancel,
+      width = props.width,
+      closeIcon = props.closeIcon,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var Footer = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    size: "large",
+    onClick: onCancel
+  }, cancelText || '取消'), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    type: "primary",
+    size: "large",
+    onClick: onOk
+  }, okText || '确定'));
+
+  return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({}, restProps, {
+    onCancel: onCancel,
+    footer: footer !== undefined ? footer : Footer,
+    className: (0, _classnames.default)('ald-modal', className),
+    width: width || DEFAULT_WIDTH,
+    closeIcon: closeIcon || /*#__PURE__*/_react.default.createElement(_Button.default, {
+      size: "small",
+      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        type: "close",
+        size: 12
+      }),
+      className: "ald-modal-close"
+    })
+  }), children);
+};
+
+OriginModal.useModal = _index.default;
+var Modal = OriginModal;
+
+Modal.info = function infoFn(props) {
+  return (0, _confirm.default)((0, _confirm.withInfo)(props));
+};
+
+Modal.success = function successFn(props) {
+  return (0, _confirm.default)((0, _confirm.withSuccess)(props));
+};
+
+Modal.error = function errorFn(props) {
+  return (0, _confirm.default)((0, _confirm.withError)(props));
+};
+
+Modal.warning = modalWarn;
+Modal.warn = modalWarn;
+
+Modal.confirm = function confirmFn(props) {
+  return (0, _confirm.default)((0, _confirm.withConfirm)(props));
+};
+
+Modal.destroyAll = function destroyAllFn() {
+  while (destroyFns.length) {
+    var close = destroyFns.pop();
+
+    if (close) {
+      close();
+    }
+  }
+};
+
+Modal.config = _confirm.modalGlobalConfig;
+var _default = Modal;
+exports.default = _default;

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

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

package/lib/Modal/style/index.js

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

package/lib/Modal/style/index.less

@@ -0,0 +1,206 @@
+@import '../../style/index.less';
+@import '../../Button/style/variables.less';
+
+.ald-modal {
+  .ant-modal-content {
+    border-radius: 12px;
+  }
+
+  .ald-modal-close {
+    position: relative;
+    top: -4px;
+    left: -10px;
+  }
+
+  .ant-modal-header {
+    padding: 24px 36px;
+    border-bottom-width: 0;
+    border-radius: 12px 12px 0 0;
+
+    .ant-modal-title {
+      width: 95%;
+      color: @NL0;
+      font-weight: 600;
+      font-size: 20px;
+      font-family: 'PingFang SC', sans-serif;
+      font-style: normal;
+      line-height: 28px;
+    }
+  }
+
+  .ant-modal-body {
+    padding: 16px 36px;
+  }
+
+  .ant-modal-footer {
+    padding: 16px 24px;
+    background-color: @BG95;
+    border-top-width: 0;
+    border-radius: 0 0 12px 12px;
+  }
+}
+
+.ant-modal-confirm {
+  .ant-modal-content {
+    border-radius: 12px;
+
+    .ant-modal-body {
+      padding: 24px 24px 16px 36px;
+    }
+  }
+
+  .ant-modal-confirm-body {
+    & > .anticon {
+      width: 24px;
+      height: 24px;
+      margin-right: 12px;
+    }
+
+    .ant-modal-confirm-title {
+      color: @NL0;
+      font-weight: 600;
+      font-size: 16px;
+      font-family: 'PingFang SC', sans-serif;
+      font-style: normal;
+      line-height: 24px;
+    }
+
+    .ant-modal-confirm-content {
+      margin-top: 12px;
+      color: @NL0;
+      font-weight: 400;
+      font-size: 14px;
+      font-family: 'PingFang SC', sans-serif;
+      font-style: normal;
+      line-height: 20px;
+    }
+
+    .anticon-info-circle {
+      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMFpNMTIgMTlDMTEuNDQ3OCAxOSAxMSAxOC41NTIzIDExIDE4TDExIDEwLjVDMTEgOS45NDc2OSAxMS40NDc4IDkuNDk5OTcgMTIgOS40OTk5N0MxMi41NTIzIDkuNDk5OTcgMTMgOS45NDc2OSAxMyAxMC41TDEzIDE4QzEzIDE4LjU1MjMgMTIuNTUyMyAxOSAxMiAxOVpNMTMgNi40OTk5N0MxMyA2Ljc3NjEyIDEyLjc3NjIgNi45OTk5NyAxMi41IDYuOTk5OTdIMTEuNUMxMS4yMjM5IDYuOTk5OTcgMTEgNi43NzYxMiAxMSA2LjQ5OTk3VjUuNDk5OTdDMTEgNS4yMjM4MyAxMS4yMjM5IDQuOTk5OTcgMTEuNSA0Ljk5OTk3SDEyLjVDMTIuNzc2MiA0Ljk5OTk3IDEzIDUuMjIzODMgMTMgNS40OTk5N1Y2LjQ5OTk3WiIgZmlsbD0iIzE1NTJERiIvPgo8L3N2Zz4=');
+    }
+
+    .anticon-check-circle {
+      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMFpNMTcuODcyOCA3LjQ4ODExQzE4LjE0MjQgNy4wMDYwOSAxNy45NzAyIDYuMzk2OCAxNy40ODgxIDYuMTI3MjJDMTcuMDA2MSA1Ljg1NzY0IDE2LjM5NjggNi4wMjk4NiAxNi4xMjcyIDYuNTExODhMMTAuODgwMiAxNS44OTM5TDcuNjQwOSAxMy4xODk1QzcuMjE2OTQgMTIuODM1NiA2LjU4NjMzIDEyLjg5MjMgNi4yMzIzOCAxMy4zMTYzQzUuODc4NDMgMTMuNzQwMiA1LjkzNTE5IDE0LjM3MDkgNi4zNTkxNSAxNC43MjQ4TDkuNzcxNDQgMTcuNTczNkM5Ljk3NTQ2IDE3Ljc0NzIgMTAuMjE2NyAxNy44NzQzIDEwLjQ3ODggMTcuOTQyN0MxMC43NDE1IDE4LjAxMTIgMTEuMDE2MiAxOC4wMTg0IDExLjI4MjIgMTcuOTYzNkMxMS41NDQzIDE3LjkxMTIgMTEuNzkwMSAxNy44MDE1IDEyLjAwMzQgMTcuNjQ0NEMxMi4yMTgyIDE3LjQ4NjEgMTIuMzk0NyAxNy4yODM5IDEyLjUyMzIgMTcuMDUzNUwxMi41MjM1IDE3LjA1M0wxNy44NzI4IDcuNDg4MTFaIiBmaWxsPSIjMDU5RjQxIi8+Cjwvc3ZnPgo=');
+    }
+
+    .anticon-close-circle {
+      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMFpNNi4zNDMxOCA2LjM0MzEyQzYuNzMzNzEgNS45NTI2IDcuMzY2ODcgNS45NTI2IDcuNzU3MzkgNi4zNDMxMkwxMiAxMC41ODU4TDE2LjI0MjcgNi4zNDMxMkMxNi42MzMyIDUuOTUyNiAxNy4yNjY0IDUuOTUyNiAxNy42NTY5IDYuMzQzMTJDMTguMDQ3NCA2LjczMzY1IDE4LjA0NzQgNy4zNjY4MSAxNy42NTY5IDcuNzU3MzRMMTMuNDE0MiAxMkwxNy42NTY5IDE2LjI0MjZDMTguMDQ3NCAxNi42MzMxIDE4LjA0NzQgMTcuMjY2MyAxNy42NTY5IDE3LjY1NjhDMTcuMjY2NCAxOC4wNDc0IDE2LjYzMzIgMTguMDQ3NCAxNi4yNDI3IDE3LjY1NjhMMTIgMTMuNDE0Mkw3Ljc1NzM5IDE3LjY1NjhDNy4zNjY4NyAxOC4wNDc0IDYuNzMzNyAxOC4wNDc0IDYuMzQzMTggMTcuNjU2OEM1Ljk1MjY1IDE3LjI2NjMgNS45NTI2NSAxNi42MzMxIDYuMzQzMTggMTYuMjQyNkwxMC41ODU4IDEyTDYuMzQzMTggNy43NTczM0M1Ljk1MjY2IDcuMzY2ODEgNS45NTI2NiA2LjczMzY1IDYuMzQzMTggNi4zNDMxMloiIGZpbGw9IiNGNzU0MjYiLz4KPC9zdmc+Cg==');
+    }
+
+    .anticon-exclamation-circle {
+      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzUuMzcyNTggMCAwIDUuMzcyNTggMCAxMkMwIDE4LjYyNzQgNS4zNzI1OCAyNCAxMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMFpNMTIgNC45OTk5N0MxMi41NTIzIDQuOTk5OTcgMTMgNS40NDc2OSAxMyA1Ljk5OTk3VjEzLjVDMTMgMTQuMDUyMyAxMi41NTIzIDE0LjUgMTIgMTQuNUMxMS40NDc4IDE0LjUgMTEgMTQuMDUyMyAxMSAxMy41VjUuOTk5OTdDMTEgNS40NDc2OSAxMS40NDc4IDQuOTk5OTcgMTIgNC45OTk5N1pNMTEgMTcuNUMxMSAxNy4yMjM4IDExLjIyMzkgMTcgMTEuNSAxN0gxMi41QzEyLjc3NjIgMTcgMTMgMTcuMjIzOCAxMyAxNy41VjE4LjVDMTMgMTguNzc2MSAxMi43NzYyIDE5IDEyLjUgMTlIMTEuNUMxMS4yMjM5IDE5IDExIDE4Ljc3NjEgMTEgMTguNVYxNy41WiIgZmlsbD0iI0ZGQzIyOSIvPgo8L3N2Zz4K');
+    }
+
+    svg {
+      display: none;
+    }
+  }
+}
+
+// 简装组件的场景下，以下样式先直接替换，后续精装在讨论方案
+:is(.ant-modal-confirm-info, .ant-modal-confirm-success, .ant-modal-confirm-error, .ant-modal-confirm-warning, .ant-modal-confirm-confirm) {
+  .ant-modal-confirm-btns {
+    .ant-btn {
+      padding: @Button-padding;
+    }
+
+    .ant-btn-default {
+      padding: @Button-border-padding;
+      color: @Button-secondary-color;
+      background-color: @Button-secondary-bgColor;
+      border: 1px solid;
+      border-color: @Button-secondary-borderColor;
+      box-shadow: none;
+
+      &:focus {
+        color: @Button-secondary-color;
+        background-color: @Button-secondary-bgColor;
+        border-color: @Button-secondary-borderColor-active;
+        box-shadow: none;
+      }
+
+      &:hover,
+      &:active {
+        color: @Button-secondary-color-active;
+        background-color: @Button-secondary-bgColor-active;
+        border-color: @Button-secondary-borderColor-active;
+      }
+
+      &[disabled],
+      &.ant-btn-loading {
+        color: @Button-secondary-color-disable;
+        background-color: @Button-secondary-bgColor-disable;
+        border-color: @Button-secondary-borderColor;
+        cursor: default;
+
+        &:hover,
+        &:focus,
+        &:active {
+          color: @Button-secondary-color-disable;
+          background-color: @Button-secondary-bgColor-disable;
+          border-color: @Button-secondary-borderColor;
+        }
+      }
+    }
+
+    .ant-btn-primary {
+      min-width: auto;
+      height: @Button-height-middle;
+      color: @Button-primary-color;
+      font-size: @Button-text-size-middle;
+      line-height: @Button-text-size-middle;
+      background-color: @Button-primary-bgColor;
+      border-color: @Button-primary-bgColor;
+      border-radius: @Button-borderRadius-middle;
+      box-shadow: none;
+
+      &:focus {
+        //text-shadow: @text-shadow;
+        color: @Button-primary-color;
+        background-color: @Button-primary-bgColor;
+        border-color: @Button-primary-bgColor;
+        box-shadow: none;
+      }
+
+      &:hover,
+      &:active {
+        color: @Button-primary-color-active;
+        background-color: @Button-primary-bgColor-active;
+        border-color: @Button-primary-bgColor-active;
+      }
+
+      &.ant-btn-loading,
+      &[disabled] {
+        color: @Button-primary-color-disable;
+        background-color: @Button-primary-bgColor-disable;
+        border-color: @Button-primary-bgColor-disable;
+        cursor: default;
+
+        &:hover,
+        &:focus,
+        &:active {
+          color: @Button-primary-color-disable;
+          background-color: @Button-primary-bgColor-disable;
+          border-color: @Button-primary-bgColor-disable;
+        }
+      }
+    }
+
+    .ant-btn-lg {
+      min-width: auto;
+      height: @Button-height-large;
+      font-size: @Button-text-size-large;
+      line-height: @Button-text-size-large;
+      border-radius: @Button-borderRadius-large;
+    }
+
+    .ant-btn-sm {
+      height: @Button-height-small;
+      font-size: @Button-text-size-small;
+      line-height: 22px;
+      border-radius: @Button-borderRadius-small;
+    }
+  }
+}
+
+// 简装组件的场景下，以上样式先直接替换，后续精装在讨论方案

package/lib/Navigator/components/Header/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface IAppList {
+    logoSrc: string;
+}
+interface INavHeaderProps {
+    logoSrc: string;
+}
+declare function Header(props: INavHeaderProps): JSX.Element;
+export default Header;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Header(props) {
+  var logoSrc = props.logoSrc;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "ald-nav-header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "ald-nav-header-content"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: logoSrc,
+    alt: "",
+    className: "ald-nav-logo-img"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "ald-nav-header-select"
+  }));
+}
+
+var _default = Header;
+exports.default = _default;