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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/es/Button/index.d.ts +0 -1
  2. package/es/Button/index.js +0 -1
  3. package/es/Button/style/index.js +1 -1
  4. package/es/Button/style/index.less +255 -0
  5. package/es/Dropdown/Button.d.ts +0 -1
  6. package/es/Dropdown/Button.js +0 -1
  7. package/es/Dropdown/index.d.ts +0 -1
  8. package/es/Dropdown/index.js +0 -1
  9. package/es/Dropdown/style/index.js +1 -1
  10. package/es/Dropdown/style/index.less +40 -0
  11. package/es/Empty/index.d.ts +0 -1
  12. package/es/Empty/index.js +0 -1
  13. package/es/Empty/style/index.js +1 -1
  14. package/es/Empty/style/index.less +23 -0
  15. package/es/Icon/index.less +32 -0
  16. package/es/Input/index.d.ts +0 -1
  17. package/es/Input/index.js +1 -2
  18. package/es/Input/style/index.js +1 -1
  19. package/es/Input/style/index.less +65 -0
  20. package/es/Menu/Divider.d.ts +0 -1
  21. package/es/Menu/Divider.js +0 -1
  22. package/es/Menu/MenuItem.d.ts +0 -1
  23. package/es/Menu/MenuItem.js +0 -1
  24. package/es/Menu/SubMenu.d.ts +0 -1
  25. package/es/Menu/SubMenu.js +0 -1
  26. package/es/Menu/index.d.ts +0 -1
  27. package/es/Menu/index.js +0 -1
  28. package/es/Menu/style/index.js +1 -1
  29. package/es/Menu/style/index.less +37 -0
  30. package/es/Navigator/index.d.ts +0 -1
  31. package/es/Navigator/index.js +0 -1
  32. package/es/Navigator/style/index.js +1 -1
  33. package/es/Navigator/style/index.less +228 -0
  34. package/es/Select/Selector/index.js +1 -1
  35. package/es/Select/index.d.ts +0 -1
  36. package/es/Select/index.js +0 -1
  37. package/es/Select/style/index.js +1 -1
  38. package/es/Select/style/index.less +532 -0
  39. package/es/Table/index.d.ts +0 -1
  40. package/es/Table/index.js +0 -1
  41. package/es/Table/style/index.js +1 -1
  42. package/es/Table/style/index.less +141 -0
  43. package/es/Tabs/index.d.ts +0 -1
  44. package/es/Tabs/index.js +0 -1
  45. package/es/Tabs/style/index.js +1 -1
  46. package/es/Tabs/style/index.less +61 -0
  47. package/es/Tooltip/index.d.ts +0 -1
  48. package/es/Tooltip/index.js +0 -1
  49. package/es/Tooltip/style/index.js +1 -1
  50. package/es/Tooltip/style/index.less +14 -0
  51. package/es/style/index.js +1 -1
  52. package/es/style/index.less +3 -0
  53. package/es/style/mixins/{index.css → index.less} +0 -0
  54. package/es/style/themes/default/index.less +36 -0
  55. package/es/style/themes/default/themeColor.module.less +259 -0
  56. package/lib/Button/index.d.ts +0 -1
  57. package/lib/Button/index.js +0 -2
  58. package/lib/Button/style/index.js +1 -1
  59. package/lib/Button/style/index.less +255 -0
  60. package/lib/Dropdown/Button.d.ts +0 -1
  61. package/lib/Dropdown/Button.js +0 -2
  62. package/lib/Dropdown/index.d.ts +0 -1
  63. package/lib/Dropdown/index.js +0 -2
  64. package/lib/Dropdown/style/index.js +1 -1
  65. package/lib/Dropdown/style/index.less +40 -0
  66. package/lib/Empty/index.d.ts +0 -1
  67. package/lib/Empty/index.js +0 -2
  68. package/lib/Empty/style/index.js +1 -1
  69. package/lib/Empty/style/index.less +23 -0
  70. package/lib/Icon/index.less +32 -0
  71. package/lib/Input/index.d.ts +0 -1
  72. package/lib/Input/index.js +0 -2
  73. package/lib/Input/style/index.js +1 -1
  74. package/lib/Input/style/index.less +65 -0
  75. package/lib/Menu/Divider.d.ts +0 -1
  76. package/lib/Menu/Divider.js +0 -2
  77. package/lib/Menu/MenuItem.d.ts +0 -1
  78. package/lib/Menu/MenuItem.js +0 -2
  79. package/lib/Menu/SubMenu.d.ts +0 -1
  80. package/lib/Menu/SubMenu.js +0 -2
  81. package/lib/Menu/index.d.ts +0 -1
  82. package/lib/Menu/index.js +0 -2
  83. package/lib/Menu/style/index.js +1 -1
  84. package/lib/Menu/style/index.less +37 -0
  85. package/lib/Navigator/index.d.ts +0 -1
  86. package/lib/Navigator/index.js +0 -2
  87. package/lib/Navigator/style/index.js +1 -1
  88. package/lib/Navigator/style/index.less +228 -0
  89. package/lib/Select/Selector/index.js +1 -1
  90. package/lib/Select/index.d.ts +0 -1
  91. package/lib/Select/index.js +0 -2
  92. package/lib/Select/style/index.js +1 -1
  93. package/lib/Select/style/index.less +532 -0
  94. package/lib/Table/index.d.ts +0 -1
  95. package/lib/Table/index.js +0 -2
  96. package/lib/Table/style/index.js +1 -1
  97. package/lib/Table/style/index.less +141 -0
  98. package/lib/Tabs/index.d.ts +0 -1
  99. package/lib/Tabs/index.js +0 -2
  100. package/lib/Tabs/style/index.js +1 -1
  101. package/lib/Tabs/style/index.less +61 -0
  102. package/lib/Tooltip/index.d.ts +0 -1
  103. package/lib/Tooltip/index.js +0 -2
  104. package/lib/Tooltip/style/index.js +1 -1
  105. package/lib/Tooltip/style/index.less +14 -0
  106. package/lib/style/index.js +1 -1
  107. package/lib/style/index.less +3 -0
  108. package/lib/style/mixins/{index.css → index.less} +0 -0
  109. package/lib/style/themes/default/index.less +36 -0
  110. package/lib/style/themes/default/themeColor.module.less +259 -0
  111. package/package.json +3 -2
  112. package/es/Button/style/index.css +0 -374
  113. package/es/Dropdown/style/index.css +0 -178
  114. package/es/Empty/style/index.css +0 -162
  115. package/es/Icon/index.css +0 -8
  116. package/es/Input/style/index.css +0 -215
  117. package/es/Menu/style/index.css +0 -208
  118. package/es/Navigator/style/index.css +0 -328
  119. package/es/Select/style/index.css +0 -493
  120. package/es/Table/style/index.css +0 -248
  121. package/es/Tabs/style/index.css +0 -194
  122. package/es/Tooltip/style/index.css +0 -154
  123. package/es/style/index.css +0 -145
  124. package/es/style/themes/default/index.css +0 -145
  125. package/es/style/themes/default/themeColor.module.css +0 -145
  126. package/lib/Button/style/index.css +0 -374
  127. package/lib/Dropdown/style/index.css +0 -178
  128. package/lib/Empty/style/index.css +0 -162
  129. package/lib/Icon/index.css +0 -8
  130. package/lib/Input/style/index.css +0 -215
  131. package/lib/Menu/style/index.css +0 -208
  132. package/lib/Navigator/style/index.css +0 -328
  133. package/lib/Select/style/index.css +0 -493
  134. package/lib/Table/style/index.css +0 -248
  135. package/lib/Tabs/style/index.css +0 -194
  136. package/lib/Tooltip/style/index.css +0 -154
  137. package/lib/style/index.css +0 -145
  138. package/lib/style/themes/default/index.css +0 -145
  139. package/lib/style/themes/default/themeColor.module.css +0 -145
@@ -13,8 +13,6 @@ var _react = _interopRequireDefault(require("react"));
13
13
 
14
14
  var _Button = _interopRequireDefault(require("./Button"));
15
15
 
16
- require("./style");
17
-
18
16
  var _excluded = ["children", "visible"];
19
17
 
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2,4 +2,4 @@
2
2
 
3
3
  require("../../style");
4
4
 
5
- require("./index.css");
5
+ require("./index.less");
@@ -0,0 +1,40 @@
1
+ @import '../../style/index.less';
2
+
3
+ .ant-dropdown-menu > .ant-dropdown-menu {
4
+ padding: 0;
5
+ box-shadow: none;
6
+ }
7
+
8
+ .ald-menu,
9
+ .ald-submenu {
10
+ .ant-dropdown-menu-item-active {
11
+ background-color: @NL97;
12
+ }
13
+
14
+ .ant-dropdown-menu-item-disabled {
15
+ color: @NL80;
16
+ }
17
+
18
+ .ant-dropdown-menu-submenu-title {
19
+ padding: 5px 24px 5px 12px;
20
+
21
+ .ant-dropdown-menu-submenu-expand-icon {
22
+ right: 12px;
23
+ }
24
+ }
25
+
26
+ .ant-dropdown-menu-item {
27
+ padding: 5px 12px;
28
+ }
29
+
30
+ .ant-dropdown-menu-item,
31
+ .ant-dropdown-menu-submenu-title {
32
+ &:hover {
33
+ background-color: @NL97;
34
+ }
35
+ }
36
+ }
37
+
38
+ .ald-submenu.ant-dropdown-menu-submenu-popup ul {
39
+ margin: 0;
40
+ }
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './style';
3
2
  interface IEmptyProps {
4
3
  description?: string;
5
4
  children?: React.ReactNode;
@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _usePrefixCls = _interopRequireDefault(require("../_utils/hooks/usePrefixCls"));
11
11
 
12
- require("./style");
13
-
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
13
 
16
14
  // @ts-nocheck
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
 
3
- require("./index.css");
3
+ require("./index.less");
@@ -0,0 +1,23 @@
1
+ @import '../../style/index.less';
2
+
3
+ @ald-prefix:ant;
4
+ @ald-iconfont-css-prefix:anticon;
5
+ .@{ald-prefix}-empty {
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+ padding: 46px 0;
10
+ height: 100%;
11
+
12
+ &-content {
13
+ text-align: center;
14
+ }
15
+
16
+ &-description {
17
+ font-size: 12px;
18
+ font-weight: 500;
19
+ color: @NL0;
20
+ text-align: center;
21
+ line-height: 16px;
22
+ }
23
+ }
@@ -0,0 +1,32 @@
1
+ .icon {
2
+ font-size: 16px;
3
+ }
4
+
5
+ @icon-font: ald-iconfont;
6
+
7
+ @font-face {
8
+ font-family: @icon-font; /* Project id 3211525 */
9
+ src:
10
+
11
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
12
+ url('./iconfont/iconfont.woff?t=1648447992265') format('woff'),
13
+ url('./iconfont/iconfont.ttf?t=1648447992265') format('truetype');
14
+ }
15
+
16
+ .ald-iconfont(@content; @font-size: 16px) {
17
+ font-family: @icon-font !important;
18
+ font-size: 16px;
19
+ font-style: normal;
20
+ -webkit-font-smoothing: antialiased;
21
+ -moz-osx-font-smoothing: grayscale;
22
+
23
+ &::before {
24
+ content: @content;
25
+ font-size: @font-size;
26
+ display: inline-block;
27
+ }
28
+
29
+ & > svg {
30
+ display: none;
31
+ }
32
+ }
@@ -1,6 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import type { ShowCountProps, InputProps } from 'antd/lib/input/Input';
3
- import './style';
4
3
  export declare type TSize = 'small' | 'default' | 'large';
5
4
  declare type ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;
6
5
  export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' | 'allowClear' | 'disabled' | 'showCount' | 'maxLength' | 'value' | 'defaultValue' | 'onPressEnter' | 'onChange'> {
@@ -17,8 +17,6 @@ var _Password = _interopRequireDefault(require("./components/Password"));
17
17
 
18
18
  var _Group = _interopRequireDefault(require("./components/Group"));
19
19
 
20
- require("./style");
21
-
22
20
  var _excluded = ["size"];
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2,4 +2,4 @@
2
2
 
3
3
  require("../../style");
4
4
 
5
- require("./index.css");
5
+ require("./index.less");
@@ -0,0 +1,65 @@
1
+ @import '../../style/index.less';
2
+ @import '../../Icon/index.less';
3
+
4
+ @ald-prefix:ant;
5
+
6
+ @ald-iconfont-css-prefix:anticon;
7
+ .@{ald-prefix}-input {
8
+ color: @NL0;
9
+ border-radius: @border-radius-base;
10
+
11
+ &::placeholder {
12
+ color: @NL50;
13
+ }
14
+
15
+ &-prefix {
16
+ color: @NL30;
17
+ }
18
+
19
+ &-suffix {
20
+ color: @NL60;
21
+ }
22
+
23
+ &:focus,
24
+ &-focused {
25
+ border-color: @B40;
26
+ box-shadow: none;
27
+ }
28
+
29
+ &[disabled] {
30
+ border-color: @NL90;
31
+ background-color: @NL95;
32
+ color: @NL80;
33
+
34
+ &::placeholder {
35
+ color: @NL80;
36
+ }
37
+ }
38
+
39
+ &-sm {
40
+ border-radius: @border-radius-sm;
41
+ }
42
+
43
+ &-affix-wrapper {
44
+ border-radius: @border-radius-base;
45
+
46
+ &-hover,
47
+ &-focused,
48
+ &:hover {
49
+ box-shadow: unset;
50
+ }
51
+ .@{ald-prefix}-input {
52
+ border-radius: 0;
53
+ caret-color: @B40;
54
+ }
55
+
56
+ &-sm {
57
+ border-radius: @border-radius-sm;
58
+ }
59
+ }
60
+ }
61
+ .@{ald-iconfont-css-prefix} {
62
+ &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
63
+ .ald-iconfont('\e616');
64
+ }
65
+ }
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import './style';
3
2
  export interface IMenuDividerProps {
4
3
  }
5
4
  export default function Menu(props: IMenuDividerProps): JSX.Element;
@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
11
11
 
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
 
14
- require("./style");
15
-
16
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
15
 
18
16
  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; }
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './style';
3
2
  import { MenuClickEventHandler } from 'rc-menu/lib/interface';
4
3
  export interface IMenuItemProps {
5
4
  /**
@@ -11,8 +11,6 @@ var _menu = _interopRequireDefault(require("antd/es/menu"));
11
11
 
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
 
14
- require("./style");
15
-
16
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
15
 
18
16
  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; }
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './style';
3
2
  export interface ISubMenuProps {
4
3
  /**
5
4
  * @description 唯一标志
@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
- require("./style");
17
-
18
16
  var _excluded = ["popupClassName"];
19
17
 
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import MenuItem from './MenuItem';
3
3
  import type { MenuClickEventHandler } from 'rc-menu/lib/interface';
4
- import './style';
5
4
  export interface IMenuProps {
6
5
  /**
7
6
  * @description 点击 MenuItem 调用此函数
package/lib/Menu/index.js CHANGED
@@ -19,8 +19,6 @@ var _Divider = _interopRequireDefault(require("./Divider"));
19
19
 
20
20
  var _SubMenu = _interopRequireDefault(require("./SubMenu"));
21
21
 
22
- require("./style");
23
-
24
22
  var _excluded = ["className"];
25
23
 
26
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -2,4 +2,4 @@
2
2
 
3
3
  require("../../style");
4
4
 
5
- require("./index.css");
5
+ require("./index.less");
@@ -0,0 +1,37 @@
1
+ @import '../../style/index.less';
2
+ @import '../../Icon/index.less';
3
+
4
+ .menu-popup {
5
+ border: 1px solid @NL95;
6
+ box-shadow: @shadow-actionsheet;
7
+ border-radius: @border-radius-base;
8
+ background: @BG100;
9
+ }
10
+
11
+ .ald-menu,
12
+ .ald-submenu {
13
+ .menu-popup();
14
+
15
+ .ant-dropdown-menu-item-divider,
16
+ .ant-dropdown-menu-submenu-title-divider {
17
+ background-color: @NL90;
18
+ }
19
+
20
+ .ald-iconfont {
21
+ font-family: @icon-font !important;
22
+ font-size: 16px;
23
+ font-style: normal;
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ }
27
+
28
+ // 替换二级菜单箭头icon
29
+ .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
30
+ .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
31
+ .ald-iconfont('\e691');
32
+ }
33
+
34
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
35
+ background-color: unset;
36
+ }
37
+ }
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { IMenuItem } from './components/Menu';
3
- import './style';
4
3
  export type { IMenuItem } from './components/Menu';
5
4
  export interface INavigatorProps {
6
5
  /**
@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
14
  var _Menu = _interopRequireDefault(require("./components/Menu"));
15
15
 
16
- require("./style");
17
-
18
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
17
 
20
18
  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); }
@@ -2,4 +2,4 @@
2
2
 
3
3
  require("../../style");
4
4
 
5
- require("./index.css");
5
+ require("./index.less");
@@ -0,0 +1,228 @@
1
+ @import '../../style/index.less';
2
+ @import '../../Icon/index.less';
3
+
4
+ /* stylelint-disable */
5
+
6
+ @ald-prefix:ant;
7
+
8
+ .supTitle() {
9
+ font-family: 'PingFang SC';
10
+ font-style: normal;
11
+ font-weight: 500;
12
+ font-size: 14px;
13
+ line-height: 20px;
14
+ }
15
+
16
+ .subTitle() {
17
+ font-family: 'PingFang SC';
18
+ font-style: normal;
19
+ font-weight: 400;
20
+ font-size: 12px;
21
+ line-height: 16px;
22
+ }
23
+
24
+ .ald-nav {
25
+ width: 216px;
26
+ background-color: @BBG15;
27
+ height: 100%;
28
+ display: flex;
29
+ flex-direction: column;
30
+ overflow: hidden;
31
+ user-select: none;
32
+
33
+ &-logo {
34
+ height: 72px;
35
+ padding: 24px;
36
+ width: 100%;
37
+
38
+ &-able-click {
39
+ cursor: pointer;
40
+ }
41
+ }
42
+
43
+ &-menu-icon-right.anticon {
44
+ color: @ND60;
45
+ }
46
+
47
+ &-menu {
48
+ flex: 1;
49
+ overflow-y: auto;
50
+ overflow-x: hidden;
51
+
52
+ .ant-menu-sub.ant-menu-inline {
53
+ background-color: unset;
54
+ }
55
+
56
+ .anticon.ant-menu-item-icon {
57
+ font-size: 20px !important;
58
+ width: 20px !important;
59
+ height: 20px !important;
60
+ }
61
+
62
+ &::-webkit-scrollbar-thumb {
63
+ border-radius: 6px;
64
+ background: @ND90;
65
+ border: 3px solid transparent;
66
+ background-clip: padding-box;
67
+ }
68
+
69
+ &::-webkit-scrollbar {
70
+ background-color: transparent;
71
+ width: 12px;
72
+ height: 12px;
73
+ }
74
+
75
+ .ant-menu-inline,
76
+ .ant-menu-vertical,
77
+ .ant-menu-vertical-left {
78
+ border-right: unset;
79
+ }
80
+
81
+ .ant-menu {
82
+ background: @BBG15;
83
+ color: @ND0;
84
+
85
+ &.ant-menu-root {
86
+
87
+ .ant-menu-item {
88
+ margin-bottom: 16px;
89
+ padding: 0 12px !important;
90
+ }
91
+
92
+ li:nth-last-child(1) {
93
+ margin-bottom: 0;
94
+ }
95
+ }
96
+
97
+ &.ant-menu-sub {
98
+ .ant-menu-item {
99
+ margin-top: 4px;
100
+ margin-bottom: 0;
101
+ padding: 0 12px 0 44px!important;
102
+ }
103
+ }
104
+
105
+ // 只有子级菜单相关颜色操作
106
+ .ant-menu-item-only-child {
107
+ color: @ND30;
108
+ height: 32px !important;
109
+ line-height: 32px !important;
110
+ font-size: 12px !important;
111
+ .subTitle();
112
+
113
+ &:hover {
114
+ color: @ND30 !important;
115
+ }
116
+
117
+ &.ant-menu-item-selected {
118
+ font-weight: 500;
119
+
120
+ &:hover {
121
+ color: @ND0 !important;
122
+ }
123
+ }
124
+ }
125
+
126
+ .ant-menu-item {
127
+ height: 40px;
128
+ width: 100%;
129
+ border-radius: 8px;
130
+ .supTitle();
131
+
132
+ ::before {
133
+ width: 4px;
134
+ content: '';
135
+ background: transparent;
136
+ height: 100%;
137
+ position: absolute;
138
+ top: 0;
139
+ left: -12px;
140
+ border-radius: 1px;
141
+ transition: all .3s;
142
+ }
143
+
144
+ &-selected {
145
+ background-color: @BBG20 !important;
146
+ color: @ND0;
147
+ position: relative;
148
+ overflow: unset;
149
+
150
+ ::before {
151
+ background: @B40;
152
+ }
153
+ }
154
+
155
+ &::after {
156
+ display: none !important;
157
+ }
158
+ }
159
+
160
+ .ant-menu-submenu {
161
+ margin-bottom: 16px;
162
+
163
+ .ant-menu-submenu-title {
164
+ padding: 0 12px !important;
165
+ height: 40px;
166
+ line-height: 40px;
167
+ .supTitle();
168
+
169
+ &:hover {
170
+ color: @ND0;
171
+ }
172
+ }
173
+
174
+ &-selected {
175
+ color: @ND0;
176
+ }
177
+
178
+ &-active {
179
+ color: @ND0;
180
+ }
181
+ }
182
+
183
+ // 修改icon和文字的margin
184
+ .ant-menu-item .ant-menu-item-icon + span,
185
+ .ant-menu-submenu-title .ant-menu-item-icon + span,
186
+ .ant-menu-item .anticon + span,
187
+ .ant-menu-submenu-title .anticon + span {
188
+ margin-left: 12px;
189
+ }
190
+
191
+ // 取消item点击时的高亮背景色
192
+ .ant-menu-item:active,
193
+ .ant-menu-submenu-title:active {
194
+ background: unset;
195
+ }
196
+
197
+ .ant-menu-inline .ant-menu-item,
198
+ .ant-menu-inline .ant-menu-submenu-title {
199
+ width: 100% !important;
200
+ }
201
+
202
+ // 删除右侧的高亮
203
+ .ant-menu-vertical .ant-menu-item::after,
204
+ .ant-menu-vertical-left .ant-menu-item::after,
205
+ .ant-menu-vertical-right .ant-menu-item::after,
206
+ .ant-menu-inline .ant-menu-item::after {
207
+ display: none;
208
+ }
209
+ }
210
+
211
+ .ant-menu-light .ant-menu-item:hover,
212
+ .ant-menu-light .ant-menu-item-active,
213
+ .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
214
+ .ant-menu-light .ant-menu-submenu-active,
215
+ .ant-menu-light .ant-menu-submenu-title:hover {
216
+ color: unset;
217
+ }
218
+ }
219
+
220
+ &-footer {
221
+ height: 72px;
222
+
223
+ &-wrap {
224
+ color: @ND0;
225
+ height: 100%;
226
+ }
227
+ }
228
+ }
@@ -19,7 +19,7 @@ var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
19
19
 
20
20
  var _rcOverflow = _interopRequireDefault(require("rc-overflow"));
21
21
 
22
- var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.css"));
22
+ var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.less"));
23
23
 
24
24
  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"];
25
25
 
@@ -2,7 +2,6 @@ import BaseSelect from './BaseSelect';
2
2
  import { IOption as Option, ISelectProps as SelectProps, IOptGroupProps as OptGroupProps, IOptionProps as OptionProps } from './interface';
3
3
  import Options from './OptionsList/Options';
4
4
  import OptGroup from './OptionsList/OptGroup';
5
- import './style';
6
5
  export declare type TSelect = typeof BaseSelect & {
7
6
  Group: typeof OptGroup;
8
7
  Option: typeof Options;
@@ -23,8 +23,6 @@ var _Options = _interopRequireDefault(require("./OptionsList/Options"));
23
23
 
24
24
  var _OptGroup = _interopRequireDefault(require("./OptionsList/OptGroup"));
25
25
 
26
- require("./style");
27
-
28
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
27
 
30
28
  var Select = _BaseSelect.default;
@@ -2,4 +2,4 @@
2
2
 
3
3
  require("../../style");
4
4
 
5
- require("./index.css");
5
+ require("./index.less");