@antscorp/antsomi-ui 1.3.5-beta.694 → 1.3.5-beta.695

package/es/components/molecules/Tree/Tree.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { Tree as AntdTree } from 'antd';
 import type { TreeProps, TreeDataNode } from 'antd';
+declare const StandardTree: React.FC<TreeProps>;
 export declare const Tree: string & import("styled-components").StyledComponentBase<(<T extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: TreeProps<T> & {
     children?: React.ReactNode;
 } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
@@ -22,5 +23,6 @@ export declare const Tree: string & import("styled-components").StyledComponentB
     };
 }, {}> & {
     DirectoryTree: typeof AntdTree.DirectoryTree;
+    StandardTree: typeof StandardTree;
 };
 export type { TreeProps, TreeDataNode };

package/es/components/molecules/Tree/Tree.js

@@ -10,17 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import { Tree as AntdTree } from 'antd';
 // styled
-import { StyledTree, StyledTreeDirectory } from './styled';
+import { StyledTreeDirectory } from './styled';
 // icon
 import { ExpandMoreIcon } from '../../icons';
 const StandardTree = props => {
-    const { switcherIcon = React.createElement(ExpandMoreIcon, null) } = props, restProps = __rest(props, ["switcherIcon"]);
-    return React.createElement(StyledTree, Object.assign({ switcherIcon: switcherIcon }, restProps));
+    const { switcherIcon = React.createElement(ExpandMoreIcon, { size: 20 }) } = props, restProps = __rest(props, ["switcherIcon"]);
+    return React.createElement(AntdTree, Object.assign({ switcherIcon: switcherIcon }, restProps));
+    // return <StyledTree switcherIcon={(props) => <ExpandMoreIcon size={20} />} {...restProps} />;
 };
-export const Tree = StandardTree;
+export const Tree = AntdTree;
 const DirectoryTree = props => {
-    const { switcherIcon = React.createElement(ExpandMoreIcon, null) } = props, restProps = __rest(props, ["switcherIcon"]);
+    const { switcherIcon = React.createElement(ExpandMoreIcon, { size: 20 }) } = props, restProps = __rest(props, ["switcherIcon"]);
     return React.createElement(StyledTreeDirectory, Object.assign({ switcherIcon: switcherIcon }, restProps));
 };
 Tree.DirectoryTree = DirectoryTree;

package/es/components/molecules/Tree/styled.js

@@ -1,13 +1,16 @@
 import { Tree } from 'antd';
 import styled from 'styled-components';
 export const StyledTree = styled(Tree) `
+  /* .antsomi-tree-treenode.placement-right { */
   .antsomi-tree-treenode {
     .antsomi-tree-switcher {
       display: flex;
+      align-items: center;
+      justify-content: center;
       order: 10;
-      &_close {
+      /* &_close {
         transform: rotate(-90deg);
-      }
+      } */
     }
   }
 `;
@@ -16,6 +19,9 @@ export const StyledTreeDirectory = styled(Tree.DirectoryTree) `
     .antsomi-tree-switcher {
       display: flex;
       order: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       &_close {
         transform: rotate(-90deg);
       }

package/es/constants/theme.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -177,8 +177,10 @@ THEME.components = {
         borderRadiusSM: 5,
     },
     Tree: {
+        directoryNodeSelectedBg: 'transparent',
+        directoryNodeSelectedColor: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorText,
         controlInteractiveSize: 18,
-        colorBorder: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorPrimary,
+        colorBorder: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.colorPrimary,
         nodeHoverBg: 'transparent',
         lineWidth: 2,
         borderRadiusSM: 5,
@@ -196,7 +198,7 @@ THEME.components = {
         paddingMD: 0,
     },
     Tabs: {
-        itemColor: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.bw8,
+        itemColor: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw8,
         horizontalItemPadding: '17px 30px',
         horizontalItemGutter: 0,
         lineWidthBold: 3,
@@ -208,7 +210,7 @@ THEME.components = {
         lineHeight: 1.143,
         lineHeightLG: 1.143,
         lineHeightSM: 1.143,
-        itemHoverColor: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.colorPrimary,
+        itemHoverColor: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.colorPrimary,
     },
     Collapse: {
         headerBg: '#FFF',
@@ -216,13 +218,13 @@ THEME.components = {
         headerPadding: '15px 10px',
     },
     Switch: {
-        colorTextQuaternary: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw0,
-        colorTextTertiary: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0,
+        colorTextQuaternary: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0,
+        colorTextTertiary: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.bw0,
         handleSize: 8,
         handleSizeSM: 7,
         trackMinWidth: 27,
         trackHeight: 16,
-        handleBg: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.colorPrimary,
+        handleBg: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorPrimary,
     },
     Popover: {
         borderRadiusLG: 10,
@@ -234,11 +236,11 @@ THEME.components = {
         paddingXXS: 8,
         controlItemBgHover: '#F2F9FF',
         controlItemBgActive: '#DEEFFE',
-        colorPrimary: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorText,
+        colorPrimary: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorText,
         controlItemBgActiveHover: '#DEEFFE',
     },
     Tooltip: {
-        colorBgSpotlight: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.bw8,
+        colorBgSpotlight: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.bw8,
         fontSize: 11,
     },
     Menu: {
@@ -248,8 +250,8 @@ THEME.components = {
         itemMarginBlock: 5,
         itemBorderRadius: 5,
         subMenuItemBg: 'transparent',
-        itemDisabledColor: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorTextDisabled,
-        itemActiveBg: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue1_1,
+        itemDisabledColor: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.colorTextDisabled,
+        itemActiveBg: (_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.blue1_1,
     },
     Form: {
         itemMarginBottom: 15,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.694",
+  "version": "1.3.5-beta.695",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",