@aloudata/aloudata-design 0.4.0 → 0.4.1

package/dist/Button/style/index.less

@@ -18,6 +18,7 @@
       font-weight: 600;
       font-size: 12px;
       text-shadow: none;
+      text-decoration:none;
     }
 
     &.ant-btn-loading::before {

package/dist/Menu/style/dropdown.less

@@ -0,0 +1,51 @@
+
+// Menu 和子menu的样式
+.dropdown-menu-content {
+  background: @BG100;
+  border: 1px solid @BG70;
+  border-radius: 4px;
+  box-shadow: @shadow-L;
+  padding: 4px 0;
+
+  .ant-dropdown-menu-item-divider,
+  .ant-dropdown-menu-submenu-title-divider {
+    background-color: @BG70;
+  }
+
+  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+    background-color: unset;
+  }
+
+  .ant-dropdown-menu-item {
+    padding: 6px 12px;
+    line-height: 20px;
+    font-size: 13px;
+    border-radius: 0;
+
+    &:hover {
+      background-color: @BG90;
+    }
+
+    &.ant-dropdown-menu-item-disabled {
+      color: @NL50;
+      background-color: @BG100;
+      cursor: default;
+    }
+  }
+}
+
+.ant-dropdown {
+  .ald-menu.ant-dropdown-menu {
+    .dropdown-menu-content();
+  }
+}
+
+.ant-dropdown-menu-submenu {
+  .ant-dropdown-menu-sub {
+    .dropdown-menu-content();
+  }
+}
+
+.ant-dropdown-menu-submenu-expand-icon {
+  top: 8px;
+}

package/dist/Menu/style/index.less

@@ -1,53 +1,43 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
+@import './dropdown.less';
 
-// Menu 和子menu的样式
-.dropdown-menu-content {
-  background: @BG100;
-  border: 1px solid @BG70;
-  border-radius: 4px;
-  box-shadow: @shadow-L;
-  padding: 4px 0;
-
-  .ant-dropdown-menu-item-divider,
-  .ant-dropdown-menu-submenu-title-divider {
-    background-color: @BG70;
-  }
-
-  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
-    background-color: unset;
+.ald-menu.ant-menu {
+  &.ant-menu-root.ant-menu-vertical {
+    border: none;
   }
 
-  .ant-dropdown-menu-item {
+  .ant-menu-item,
+  .ant-menu-item-selected {
+    margin: 0;
+    height: initial;
     padding: 6px 12px;
     line-height: 20px;
     font-size: 13px;
+    width: 100%;
     border-radius: 0;
+    border: none;
+    background-color: @BG100;
+    color: @NL0;
+    transition: none;
 
     &:hover {
-      background-color: @BG90;
+      background-color: @BG90 !important;
     }
 
-    &.ant-dropdown-menu-item-disabled {
-      color: @NL50;
-      background-color: @BG100;
-      cursor: default;
+    &:active {
+      background-color: none;
     }
-  }
-}
 
-.ant-dropdown {
-  .ald-menu {
-    .dropdown-menu-content();
-  }
-}
+    &:not(.ant-menu-item-selected):active {
+      background-color:@BG90 ;
+    }
 
-.ant-dropdown-menu-submenu {
-  .ant-dropdown-menu-sub {
-    .dropdown-menu-content();
+    &.ant-menu-item-disabled {
+      color: @NL50 !important;
+      transition: none;
+      background-color: @BG100 !important;
+      cursor: default;
+    }
   }
 }
-
-.ant-dropdown-menu-submenu-expand-icon {
-  top: 8px;
-}

package/dist/Select/index.js

@@ -53,6 +53,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       selectedOptions = _React$useState2[0],
       setSelectedOptions = _React$useState2[1];
 
+  style.width = style.width || '100%';
   var dropDownTimeRef = React.useRef(0);
 
   var _React$useState3 = React.useState(open),

package/dist/Select/style/single.less

@@ -7,7 +7,6 @@
     padding: 6px 12px;
     display: flex;
     align-items: center;
-    height: 20px;
     margin-left: 0;
 
     &:hover{

package/dist/Tree/index.d.ts

@@ -1,8 +1,13 @@
-/// <reference types="react" />
+import { DataNode } from 'antd/es/tree';
+import RcTree from 'rc-tree';
 import { AntdTreeNodeAttribute, AntTreeNode, AntTreeNodeCheckedEvent, AntTreeNodeExpandedEvent, AntTreeNodeMouseEvent, AntTreeNodeProps, AntTreeNodeSelectedEvent, TreeProps as AntdTreeProps } from 'antd/es/tree/Tree';
+import { BasicDataNode } from 'rc-tree/lib/interface';
+import React, { ForwardedRef } from 'react';
 export type { DataNode, EventDataNode } from 'antd/es/tree';
 export type { DirectoryTreeProps, ExpandAction as DirectoryTreeExpandAction, } from 'antd/es/tree/DirectoryTree';
-declare type TreeProps = Omit<AntdTreeProps, 'switcherIcon'>;
-declare function Tree(props: TreeProps): JSX.Element;
+declare type TreeProps<T extends BasicDataNode = DataNode> = Omit<AntdTreeProps<T>, 'switcherIcon'>;
 export type { TreeProps, AntTreeNode, AntTreeNodeMouseEvent, AntTreeNodeExpandedEvent, AntTreeNodeCheckedEvent, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, AntTreeNodeProps, };
-export default Tree;
+declare const _default: <T extends BasicDataNode = DataNode>(props: TreeProps<T> & {
+    ref?: React.ForwardedRef<RcTree<DataNode>> | undefined;
+}) => React.ReactElement;
+export default _default;

package/dist/Tree/index.js

@@ -5,9 +5,10 @@ import { Tree as AntdTree } from 'antd';
 import React from 'react';
 import theme from "../style/themes/default/themeColor.module.less";
 
-function Tree(props) {
+function Tree(props, ref) {
   var restProps = Object.assign({}, props);
   return /*#__PURE__*/React.createElement(AntdTree, _extends({}, restProps, {
+    ref: ref,
     switcherIcon: /*#__PURE__*/React.createElement(ChevronDownLine, {
       size: 14,
       fill: theme.NL40
@@ -15,4 +16,4 @@ function Tree(props) {
   }));
 }
 
-export default Tree;
+export default /*#__PURE__*/React.forwardRef(Tree);

package/dist/Upload/index.d.ts

@@ -1,4 +1,4 @@
 import { Upload } from 'antd';
-export type { UploadProps, UploadListProps, UploadChangeParam, RcFile, } from 'antd/es/upload/interface';
+export type { UploadProps, UploadListProps, UploadChangeParam, UploadFile, RcFile, } from 'antd/es/upload/interface';
 export type { DraggerProps } from 'antd/es/upload/Dragger';
 export default Upload;

package/dist/index.d.ts

@@ -26,7 +26,7 @@ export type { ColProps } from './Col';
 export type { TypographyProps } from './Typography';
 export { default as Typography } from './Typography';
 export { default as Upload } from './Upload';
-export type { UploadProps } from './Upload';
+export type { UploadProps, UploadFile } from './Upload';
 export { default as ConfigProvider } from './ConfigProvider';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "",
   "module": "dist/index.js",
-  "types": "dist/types.d.ts",
+  "types": "dist/index.d.ts",
   "scripts": {
     "start": "npm run dev",
     "dev": "dumi dev",