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

package/lib/Dropdown/index.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
 import DropdownButton from './Button';
-import './style';
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
 export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
 export interface IDropdownProps {

package/lib/Dropdown/index.js

@@ -13,8 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("./Button"));
 
-require("./style");
-
 var _excluded = ["children", "visible"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Dropdown/style/index.js

@@ -2,4 +2,4 @@
 
 require("../../style");
 
-require("./index.css");
+require("./index.less");

package/lib/Dropdown/style/index.less

@@ -0,0 +1,40 @@
+@import '../../style/index.less';
+
+.ant-dropdown-menu > .ant-dropdown-menu {
+  padding: 0;
+  box-shadow: none;
+}
+
+.ald-menu,
+.ald-submenu {
+  .ant-dropdown-menu-item-active {
+    background-color: @NL97;
+  }
+
+  .ant-dropdown-menu-item-disabled {
+    color: @NL80;
+  }
+
+  .ant-dropdown-menu-submenu-title {
+    padding: 5px 24px 5px 12px;
+
+    .ant-dropdown-menu-submenu-expand-icon {
+      right: 12px;
+    }
+  }
+
+  .ant-dropdown-menu-item {
+    padding: 5px 12px;
+  }
+
+  .ant-dropdown-menu-item,
+  .ant-dropdown-menu-submenu-title {
+    &:hover {
+      background-color: @NL97;
+    }
+  }
+}
+
+.ald-submenu.ant-dropdown-menu-submenu-popup ul {
+  margin: 0;
+}

package/lib/Empty/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 interface IEmptyProps {
     description?: string;
     children?: React.ReactNode;

package/lib/Empty/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _usePrefixCls = _interopRequireDefault(require("../_utils/hooks/usePrefixCls"));
 
-require("./style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // @ts-nocheck

package/lib/Empty/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./index.css");
+require("./index.less");

package/lib/Empty/style/index.less

@@ -0,0 +1,24 @@
+@import '../../style/index.less';
+
+@ald-prefix:ant;
+@ald-iconfont-css-prefix:anticon;
+
+.ant-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 46px 0;
+  height: 100%;
+
+  &-content {
+    text-align: center;
+  }
+
+  &-description {
+    font-size: 12px;
+    font-weight: 500;
+    color: @NL0;
+    text-align: center;
+    line-height: 16px;
+  }
+}

package/lib/Icon/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _icons = require("@ant-design/icons");
 
-var _iconfont = _interopRequireDefault(require("./iconfont/iconfont"));
-
 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; }
@@ -19,8 +17,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
+// @ts-ignore iconfont.js 没有ts类型定义
+// import iconfontJs from './iconfont/iconfont';
+var iconfontJs = require('./iconfont/iconfont');
+
 var IconFont = (0, _icons.createFromIconfontCN)({
-  scriptUrl: _iconfont.default
+  scriptUrl: iconfontJs
 });
 var DEFAULT_SIZE = 16;
 

package/lib/Icon/index.less

@@ -0,0 +1,32 @@
+.icon {
+  font-size: 16px;
+}
+
+@icon-font: ald-iconfont;
+
+@font-face {
+  font-family: @icon-font; /* Project id 3211525 */
+  src:
+
+    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+    url('./iconfont/iconfont.woff?t=1648447992265') format('woff'),
+    url('./iconfont/iconfont.ttf?t=1648447992265') format('truetype');
+}
+
+.ald-iconfont(@content; @font-size: 16px) {
+  font-family: @icon-font !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  &::before {
+    content: @content;
+    font-size: @font-size;
+    display: inline-block;
+  }
+
+  & > svg {
+    display: none;
+  }
+}

package/lib/Input/index.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactNode } from 'react';
 import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
-import './style';
 export declare type TSize = 'small' | 'default' | 'large';
 declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
 export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange'> {

package/lib/Input/index.js

@@ -17,8 +17,6 @@ var _Password = _interopRequireDefault(require("./components/Password"));
 
 var _Group = _interopRequireDefault(require("./components/Group"));
 
-require("./style");
-
 var _excluded = ["size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Input/style/index.js

@@ -2,4 +2,4 @@
 
 require("../../style");
 
-require("./index.css");
+require("./index.less");

package/lib/Input/style/index.less

@@ -0,0 +1,67 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+@ald-prefix:ant;
+
+@ald-iconfont-css-prefix:anticon;
+
+.ant-input {
+  color: @NL0;
+  border-radius: @border-radius-base;
+
+  &::placeholder {
+    color: @NL50;
+  }
+
+  &-prefix {
+    color: @NL30;
+  }
+
+  &-suffix {
+    color: @NL60;
+  }
+
+  &:focus,
+  &-focused {
+    border-color: @B40;
+    box-shadow: none;
+  }
+
+  &[disabled] {
+    border-color: @NL90;
+    background-color: @NL95;
+    color: @NL80;
+
+    &::placeholder {
+      color: @NL80;
+    }
+  }
+
+  &-sm {
+    border-radius: @border-radius-sm;
+  }
+
+  &-affix-wrapper {
+    border-radius: @border-radius-base;
+
+    &-hover,
+    &-focused,
+    &:hover {
+      box-shadow: unset;
+    }
+
+    .ant-input {
+      border-radius: 0;
+      caret-color: @B40;
+    }
+
+    &-sm {
+      border-radius: @border-radius-sm;
+    }
+  }
+}
+.@{ald-iconfont-css-prefix} {
+  &.@{ald-iconfont-css-prefix}-close-circle, &.ant-clear-icon {
+    .ald-iconfont('\e616');
+  }
+}

package/lib/Menu/Divider.d.ts

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

package/lib/Menu/Divider.js

@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 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; }

package/lib/Menu/MenuItem.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 import { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export interface IMenuItemProps {
     /**

package/lib/Menu/MenuItem.js

@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 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; }

package/lib/Menu/SubMenu.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 export interface ISubMenuProps {
     /**
      * @description 唯一标志

package/lib/Menu/SubMenu.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./style");
-
 var _excluded = ["popupClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Menu/index.d.ts

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

package/lib/Menu/index.js

@@ -19,8 +19,6 @@ var _Divider = _interopRequireDefault(require("./Divider"));
 
 var _SubMenu = _interopRequireDefault(require("./SubMenu"));
 
-require("./style");
-
 var _excluded = ["className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Menu/style/index.js

@@ -2,4 +2,4 @@
 
 require("../../style");
 
-require("./index.css");
+require("./index.less");

package/lib/Menu/style/index.less

@@ -0,0 +1,37 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+.menu-popup {
+  border: 1px solid @NL95;
+  box-shadow: @shadow-actionsheet;
+  border-radius: @border-radius-base;
+  background: @BG100;
+}
+
+.ald-menu,
+.ald-submenu {
+  .menu-popup();
+
+  .ant-dropdown-menu-item-divider,
+  .ant-dropdown-menu-submenu-title-divider {
+    background-color: @NL90;
+  }
+
+  .ald-iconfont {
+    font-family: @icon-font !important;
+    font-size: 16px;
+    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 {
+    .ald-iconfont('\e691');
+  }
+
+  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+    background-color: unset;
+  }
+}

package/lib/Navigator/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IMenuItem } from './components/Menu';
-import './style';
 export type { IMenuItem } from './components/Menu';
 export interface INavigatorProps {
     /**

package/lib/Navigator/index.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Menu = _interopRequireDefault(require("./components/Menu"));
 
-require("./style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }

package/lib/Navigator/style/index.js

@@ -2,4 +2,4 @@
 
 require("../../style");
 
-require("./index.css");
+require("./index.less");

package/lib/Navigator/style/index.less

@@ -0,0 +1,228 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+/* stylelint-disable */
+
+@ald-prefix:ant;
+
+.supTitle() {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.subTitle() {
+  font-family: 'PingFang SC';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.ald-nav {
+  width: 216px;
+  background-color: @BBG15;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  user-select: none;
+
+  &-logo {
+    height: 72px;
+    padding: 24px;
+    width: 100%;
+
+    &-able-click {
+      cursor: pointer;
+    }
+  }
+
+  &-menu-icon-right.anticon {
+    color: @ND60;
+  }
+
+  &-menu {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    .ant-menu-sub.ant-menu-inline {
+      background-color: unset;
+    }
+
+    .anticon.ant-menu-item-icon {
+      font-size: 20px !important;
+      width: 20px !important;
+      height: 20px !important;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 6px;
+      background: @ND90;
+      border: 3px solid transparent;
+      background-clip: padding-box;
+    }
+
+    &::-webkit-scrollbar {
+      background-color: transparent;
+      width: 12px;
+      height: 12px;
+    }
+
+    .ant-menu-inline,
+    .ant-menu-vertical,
+    .ant-menu-vertical-left {
+      border-right: unset;
+    }
+
+    .ant-menu {
+      background: @BBG15;
+      color: @ND0;
+
+      &.ant-menu-root {
+
+        .ant-menu-item {
+          margin-bottom: 16px;
+          padding: 0 12px !important;
+        }
+
+        li:nth-last-child(1) {
+          margin-bottom: 0;
+        }
+      }
+
+      &.ant-menu-sub {
+        .ant-menu-item {
+          margin-top: 4px;
+          margin-bottom: 0;
+          padding: 0 12px 0 44px!important;
+        }
+      }
+
+      // 只有子级菜单相关颜色操作
+      .ant-menu-item-only-child {
+        color: @ND30;
+        height: 32px !important;
+        line-height: 32px !important;
+        font-size: 12px !important;
+        .subTitle();
+
+        &:hover {
+          color: @ND30 !important;
+        }
+
+        &.ant-menu-item-selected {
+          font-weight: 500;
+
+          &:hover {
+            color: @ND0 !important;
+          }
+        }
+      }
+
+      .ant-menu-item {
+        height: 40px;
+        width: 100%;
+        border-radius: 8px;
+        .supTitle();
+
+        ::before {
+          width: 4px;
+          content: '';
+          background: transparent;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: -12px;
+          border-radius: 1px;
+          transition: all .3s;
+        }
+
+        &-selected {
+          background-color: @BBG20 !important;
+          color: @ND0;
+          position: relative;
+          overflow: unset;
+
+          ::before {
+            background: @B40;
+          }
+        }
+
+        &::after {
+          display: none !important;
+        }
+      }
+
+      .ant-menu-submenu {
+        margin-bottom: 16px;
+
+        .ant-menu-submenu-title {
+          padding: 0 12px !important;
+          height: 40px;
+          line-height: 40px;
+          .supTitle();
+
+          &:hover {
+            color: @ND0;
+          }
+        }
+
+        &-selected {
+          color: @ND0;
+        }
+
+        &-active {
+          color: @ND0;
+        }
+      }
+
+      // 修改icon和文字的margin
+      .ant-menu-item .ant-menu-item-icon + span,
+      .ant-menu-submenu-title .ant-menu-item-icon + span,
+      .ant-menu-item .anticon + span,
+      .ant-menu-submenu-title .anticon + span {
+        margin-left: 12px;
+      }
+
+      // 取消item点击时的高亮背景色
+      .ant-menu-item:active,
+      .ant-menu-submenu-title:active {
+        background: unset;
+      }
+
+      .ant-menu-inline .ant-menu-item,
+      .ant-menu-inline .ant-menu-submenu-title {
+        width: 100% !important;
+      }
+
+      // 删除右侧的高亮
+      .ant-menu-vertical .ant-menu-item::after,
+      .ant-menu-vertical-left .ant-menu-item::after,
+      .ant-menu-vertical-right .ant-menu-item::after,
+      .ant-menu-inline .ant-menu-item::after {
+        display: none;
+      }
+    }
+
+    .ant-menu-light .ant-menu-item:hover,
+    .ant-menu-light .ant-menu-item-active,
+    .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
+    .ant-menu-light .ant-menu-submenu-active,
+    .ant-menu-light .ant-menu-submenu-title:hover {
+      color: unset;
+    }
+  }
+
+  &-footer {
+    height: 72px;
+
+    &-wrap {
+      color: @ND0;
+      height: 100%;
+    }
+  }
+}

package/lib/Select/Selector/index.js

@@ -19,7 +19,7 @@ var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
 
 var _rcOverflow = _interopRequireDefault(require("rc-overflow"));
 
-var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.css"));
+var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.less"));
 
 var _excluded = ["input", "disabled", "prefix", "size", "multiple", "bordered", "isFocused", "className", "visible", "style", "allowClear", "label", "mode", "value", "searchType", "arrowComponent", "closeComponent", "placeholder", "deleteValue", "optionLabelRenderer", "getOptionByValue", "onInputChange", "onAllowClear", "filteredOptions"];
 

package/lib/Select/index.d.ts

@@ -2,7 +2,6 @@ import BaseSelect from './BaseSelect';
 import { IOption as Option, ISelectProps as SelectProps, IOptGroupProps as OptGroupProps, IOptionProps as OptionProps } from './interface';
 import Options from './OptionsList/Options';
 import OptGroup from './OptionsList/OptGroup';
-import './style';
 export declare type TSelect = typeof BaseSelect & {
     Group: typeof OptGroup;
     Option: typeof Options;

package/lib/Select/index.js

@@ -23,8 +23,6 @@ var _Options = _interopRequireDefault(require("./OptionsList/Options"));
 
 var _OptGroup = _interopRequireDefault(require("./OptionsList/OptGroup"));
 
-require("./style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Select = _BaseSelect.default;

package/lib/Select/style/index.js

@@ -2,4 +2,4 @@
 
 require("../../style");
 
-require("./index.css");
+require("./index.less");