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

package/es/Button/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './style';
 import type { ButtonProps as AntdButtonProps } from 'antd/lib/button';
 export declare type ButtonType = 'primary' | 'secondary' | 'danger' | 'text' | 'link';
 export declare type Size = 'small' | 'default' | 'large';

package/es/Button/index.js

@@ -13,7 +13,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 import React from 'react';
-import './style';
 import classNames from 'classnames';
 import usePrefixCls from '../_utils/hooks/usePrefixCls';
 var iconPrefixCls = 'anticon';

package/es/Button/style/index.js

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

package/es/Button/style/index.less

@@ -0,0 +1,255 @@
+@import '../../style/index.less';
+
+@ald-prefix:ant;
+@ald-iconfont-css-prefix:anticon;
+.@{ald-prefix}-btn {
+
+  &.@{ald-prefix}-btn {
+    // &-loading::before{
+    //   // display: none !important;
+    // }
+
+    &-primary,
+    &-dangerous,
+    &-secondary,
+    &-text,
+    &-link {
+      font-size: 12px;
+      height: @height-base;
+      padding: 0 12px;
+      display: inline-flex;
+      line-height: @height-base;
+      align-items: center;
+      font-weight: 500;
+      justify-content: center;
+      .@{ald-iconfont-css-prefix} {
+        + span {
+          margin-left: 4px;
+        }
+
+        &-icon-left {
+          margin-left: -4px;
+        }
+
+        &-icon-right {
+          margin-right: -4px;
+        }
+      }
+    }
+
+    &-primary {
+      background-color: @B40;
+      border-color: @B40;
+      box-shadow: none;
+      border-radius: @border-radius-base;
+      text-shadow: @text-shadow;
+      &:hover,
+      &:focus,
+      &:active,
+      &.@{ald-prefix}-btn-loading {
+        background-color: @B20;
+        border-color: @B20;
+        color: @ND0;
+      }
+
+      &[disabled] {
+        background-color: @NL90;
+        border-color: transparent;
+        color: @NL80;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: @NL90;
+          border-color: transparent;
+          color: @NL80;
+        }
+      }
+    }
+    &-dangerous.@{ald-prefix}-btn-primary {
+      background-color: @SC40;
+      border-color: @SC40;
+      color: @ND0;
+      text-shadow: @text-shadow;
+      box-shadow: unset;
+
+      &:hover {
+        background-color: @SC20;
+        border-color: @SC20;
+        color: @ND0;
+      }
+      &:focus,
+      &:active,
+      &.@{ald-prefix}-btn-loading {
+        background-color: @SC20;
+        border-color: @SC20;
+        color: @ND0;
+      }
+
+      &[disabled] {
+        background-color: @NL90;
+        border-color: transparent;
+        color: @NL80;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: @NL90;
+          border-color: transparent;
+          color: @NL80;
+        }
+      }
+    }
+
+    &-secondary {
+      background-color: @BG100;
+      border-color: @NL90;
+      color: @NL30;
+      box-shadow: none;
+      border-radius: @border-radius-base;
+      text-shadow: @text-shadow;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.@{ald-prefix}-btn-loading {
+        background-color: @NL97;
+        border-color: @NL90;
+        color: @NL30;
+      }
+
+      &[disabled] {
+        background-color: @BG100;
+        border-color: @NL90;
+        color: @NL80;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: @BG100;
+          border-color: @NL90;
+          color: @NL80;
+        }
+      }
+    }
+
+    &-text {
+      background-color: @BG100;
+      border-color: @BG100;
+      color: @NL30;
+      box-shadow: none;
+      border-radius: @border-radius-base;
+      text-shadow: @text-shadow;
+      &:hover,
+      &:focus,
+      &:active,
+      &.@{ald-prefix}-btn-loading {
+        background-color: @NL97;
+        // border-color: @NL97;
+        color: @NL30;
+      }
+
+      &[disabled] {
+        background-color: transparent;
+        border-color: transparent;
+        color: @NL80;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: transparent;
+          border-color: transparent;
+          color: @NL80;
+        }
+      }
+    }
+
+    &-link {
+      background-color: @BG100;
+      border-color: @BG100;
+      color: @B40;
+      font-weight: 400;
+      box-shadow: none;
+      border-radius: @border-radius-base;
+      text-shadow: @text-shadow;
+      &:hover,
+      &:focus,
+      &:active,
+      &.@{ald-prefix}-btn-loading {
+        background-color: @BG100;
+        border-color: @BG100;
+        color: @B20;
+      }
+
+      &[disabled] {
+        background-color: transparent;
+        border-color: transparent;
+        color: @NL80;
+
+        &:hover,
+        &:focus,
+        &:active {
+          background-color: transparent;
+          border-color: transparent;
+          color: @NL80;
+        }
+      }
+    }
+
+    &-icon-only {
+      justify-content: center;
+      padding: 0;
+      vertical-align: bottom;
+      height: @height-base;
+      width: @height-base;
+      &.@{ald-prefix}-btn-loading-icon {
+        vertical-align: baseline;
+      }
+      .@{ald-iconfont-css-prefix} {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 0;
+      }
+    }
+
+    &-circle {
+      width: @height-base;
+      min-width: auto;
+      padding: 0;
+      justify-content: center;
+      border-radius: 50%;
+    }
+
+    &-lg {
+      height: 32px;
+      font-size: 14px;
+      min-width: auto;
+      &.@{ald-prefix}-btn-icon-only {
+        height: 32px;
+        width: 32px;
+        min-width: auto;
+      }
+      &.@{ald-prefix}-btn-circle {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+      }
+    }
+
+    &-sm {
+      height: 24px;
+      border-radius: @border-radius-sm;
+      &.@{ald-prefix}-btn-icon-only {
+        height: 24px;
+        width: 24px;
+        border-radius: @border-radius-sm;
+      }
+      &.@{ald-prefix}-btn-circle {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+      }
+    }
+  }
+}

package/es/Dropdown/Button.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
 import { ButtonType, Size } from '../Button';
-import './style';
 export declare type ActionType = 'hover' | 'click' | 'contextMenu';
 export interface IDropdownButton {
     /**

package/es/Dropdown/Button.js

@@ -15,7 +15,6 @@ import Button from '../Button'; // eslint-disable-next-line import/no-cycle
 
 import Dropdown from './index';
 import Icon from '../Icon';
-import './style';
 export default function DropdownButton(props) {
   var children = props.children,
       overlay = props.overlay,

package/es/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/es/Dropdown/index.js

@@ -15,7 +15,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from 'react';
 // eslint-disable-next-line import/no-cycle
 import DropdownButton from './Button';
-import './style';
 export default function Dropdown(props) {
   var children = props.children,
       visible = props.visible,

package/es/Dropdown/style/index.js

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

package/es/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/es/Empty/index.d.ts

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

package/es/Empty/index.js

@@ -1,7 +1,6 @@
 // @ts-nocheck
 import React from 'react';
 import usePrefixCls from '../_utils/hooks/usePrefixCls';
-import './style';
 export default (function (_ref) {
   var description = _ref.description,
       children = _ref.children;

package/es/Empty/style/index.js

@@ -1 +1 @@
-import "./index.css";
+import './index.less';

package/es/Empty/style/index.less

@@ -0,0 +1,23 @@
+@import '../../style/index.less';
+
+@ald-prefix:ant;
+@ald-iconfont-css-prefix:anticon;
+.@{ald-prefix}-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/es/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/es/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/es/Input/index.js

@@ -15,8 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from 'react';
 import TextArea from './components/TextArea';
 import Password from './components/Password';
-import Group from './components/Group';
-import './style'; // IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
+import Group from './components/Group'; // IInputProps 和 InputProps 类型合并，并去除InputProps中的重复属性
 
 function Input(props) {
   var _props$size = props.size,

package/es/Input/style/index.js

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

package/es/Input/style/index.less

@@ -0,0 +1,65 @@
+@import '../../style/index.less';
+@import '../../Icon/index.less';
+
+@ald-prefix:ant;
+
+@ald-iconfont-css-prefix:anticon;
+.@{ald-prefix}-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;
+    }
+    .@{ald-prefix}-input {
+      border-radius: 0;
+      caret-color: @B40;
+    }
+
+    &-sm {
+      border-radius: @border-radius-sm;
+    }
+  }
+}
+.@{ald-iconfont-css-prefix} {
+  &.@{ald-iconfont-css-prefix}-close-circle, &.@{ald-prefix}-clear-icon {
+    .ald-iconfont('\e616');
+  }
+}

package/es/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/es/Menu/Divider.js

@@ -8,7 +8,6 @@ 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; }
 
 import React from 'react';
-import './style';
 var AntdMenuDivider = _Menu.Divider;
 export default function Menu(props) {
   return /*#__PURE__*/React.createElement(AntdMenuDivider, _objectSpread({}, props));

package/es/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/es/Menu/MenuItem.js

@@ -8,7 +8,6 @@ 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; }
 
 import React from 'react';
-import './style';
 var AntdMenuItem = _Menu.Item;
 export default function Menu(props) {
   return /*#__PURE__*/React.createElement(AntdMenuItem, _objectSpread({}, props));

package/es/Menu/SubMenu.d.ts

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

package/es/Menu/SubMenu.js

@@ -14,7 +14,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import classNames from 'classnames';
 import React from 'react';
-import './style';
 var AntdSubMenu = _Menu.SubMenu;
 export default function SubMenu(props) {
   var popupClassName = props.popupClassName,

package/es/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/es/Menu/index.js

@@ -17,7 +17,6 @@ import React from 'react';
 import MenuItem from './MenuItem';
 import Divider from './Divider';
 import SubMenu from './SubMenu';
-import './style';
 export default function Menu(props) {
   var className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);

package/es/Menu/style/index.js

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

package/es/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/es/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/es/Navigator/index.js

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import Menu from './components/Menu';
-import './style';
 
 function Navigator(props) {
   var menuList = props.menuList,

package/es/Navigator/style/index.js

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