@aloudata/aloudata-design 2.0.1 → 2.0.2

package/dist/DataPreviewTable/components/Header/index.js

@@ -41,9 +41,7 @@ export default function Header(props) {
       className: "ald-data-preview-header-left"
     }, column.icon !== undefined ? column.icon : /*#__PURE__*/React.createElement("span", null)), /*#__PURE__*/React.createElement("div", {
       className: "ald-data-preview-header-name"
-    }, column.name), /*#__PURE__*/React.createElement("div", {
-      className: "ald-data-preview-header-right"
-    })), /*#__PURE__*/React.createElement(DragBar, {
+    }, column.name)), /*#__PURE__*/React.createElement(DragBar, {
       columnId: column.id,
       wrapWidth: columnLayout[column.id].width,
       onChange: setWidth

package/dist/DataPreviewTable/index.js

@@ -24,6 +24,7 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     return datasource.length * CELL_HEIGHT + HEADER_HEIGHT;
   }, [datasource]);
   var wrapRef = useRef(null);
+  var progressRef = useRef(null);
   var _useDirection = useDirection(columns, wrapRef),
     columnRange = _useDirection.columnRange,
     rowRange = _useDirection.rowRange,
@@ -60,6 +61,10 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
             behavior: 'smooth'
           });
         }
+      },
+      progressRestart: function progressRestart() {
+        var _progressRef$current;
+        (_progressRef$current = progressRef.current) === null || _progressRef$current === void 0 ? void 0 : _progressRef$current.restart();
       }
     };
   });
@@ -85,7 +90,8 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
     })
   }, /*#__PURE__*/React.createElement(Progress, {
     className: "ald-data-preview-progress",
-    loading: !!loading
+    loading: !!loading,
+    ref: progressRef
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       height: dataStatus === 'pending' ? skeletonRows * CELL_HEIGHT + HEADER_HEIGHT : contentHeight,

package/dist/DataPreviewTable/interface.d.ts

@@ -11,6 +11,7 @@ export interface ITableProps {
 }
 export interface DataPreviewTableRef {
     scrollToColumnInView: (columnId: string) => void;
+    progressRestart: () => void;
 }
 export type Align = 'left' | 'center' | 'right';
 export interface PreviewColumn {

package/dist/DataPreviewTable/style/index.less

@@ -35,26 +35,22 @@
   font-weight: 500;
 
   .ald-data-preview-header-default {
-    padding: 4px 13px 3px 20px;
+    padding: 4px;
     height: 100%;
     width: 100%;
-    line-height: 25px;
+    line-height: 24px;
     background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
+    display: flex;
+    align-items: center;
 
     .ald-data-preview-header-left {
-      width: 20px;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 16px;
-      position: absolute;
-      left: 4px;
-      z-index: 1;
+      margin-right: 4px;
       color: #575757;
-      top: 0;
-      bottom: 0;
-      // background:rgb(0 0 0 / 0%)
     }
 
     .ald-data-preview-header-name {
@@ -62,6 +58,7 @@
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      margin: auto;
     }
 
     .ald-data-preview-header-right {

package/dist/Input/components/Input/index.js

@@ -13,7 +13,6 @@ import classnames from 'classnames';
 import React, { useContext } from 'react';
 import { ConfigContext } from "../../../ConfigProvider";
 import { CloseCircleFill } from "../../../Icon";
-import IconButton from "../../../IconButton/index";
 export function getSizeType(sizeType) {
   if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
@@ -46,11 +45,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     autoComplete: "off",
     allowClear: allowClear ? {
-      clearIcon: /*#__PURE__*/React.createElement(IconButton, {
-        size: "small",
-        icon: /*#__PURE__*/React.createElement(CloseCircleFill, {
-          color: "#9CA3AF"
-        })
+      clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
+        size: 16,
+        color: "#9CA3AF"
       })
     } : undefined,
     spellCheck: false,

package/dist/Modal/style/modal.less

@@ -77,7 +77,7 @@
       line-height: 20px;
       font-size: 14px;
       overflow-y: auto;
-      padding: var(--alias-spacing-200, 16px) var(--alias-spacing-250, 20px);
+      padding: var(--alias-padding-300, 24px);
     }
 
     .ant-modal-footer {

package/dist/Radio/style/index.less

@@ -398,7 +398,7 @@
 
     .ald-radio-label.ald-radio-button-wrapper-filled {
       height: 28px;
-      border-radius: @border-radius-middle;
+      border-radius: 4px !important;
       margin-top: 2px;
     }
 
@@ -455,7 +455,7 @@
     .ald-radio-label.ald-radio-button-wrapper-filled {
       height: 24px;
       margin-top: 2px;
-      border-radius: @border-radius-small !important;
+      border-radius: 2px !important;
     }
 
     .ald-radio-icon-button-wrapper-filled,
@@ -524,7 +524,7 @@
     .ald-radio-label.ald-radio-button-wrapper-filled {
       height: 32px;
       margin-top: 2px;
-      border-radius: @border-radius-large!important;
+      border-radius: 6px !important;
     }
 
     .ald-radio-label {

package/dist/Tree/style/indent.less

@@ -0,0 +1,11 @@
+.ald-tree-indent {
+  display: block;
+  // 这里比较黑，本身不需要indent元素，但是rc-tree需要 ald-tree-indent-unit的宽度，来计算dropIndicator的位置
+  position: absolute;
+  left: 100000px;
+
+  .ald-tree-indent-unit {
+    width: 16px;
+    height: 1px;
+  }
+}

package/dist/Tree/style/index.less

@@ -5,6 +5,7 @@
 @import './rtl.less';
 @import './mixin.less';
 @import './reset.less';
+@import './indent.less';
 @import './checkbox.less';
 
 @tree-font-size-large: 14px;

package/dist/Tree/style/mixin.less

@@ -24,9 +24,21 @@
     // it should displayed over the following node
     z-index: 1;
     height: 2px;
-    background-color: @primary-color;
+    background-color: var(--alias-colors-border-selected, #126fdd);
     border-radius: 1px;
     pointer-events: none;
+
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: -5px;
+      width: 0;
+      height: 0;
+      border-top: 6px solid transparent;
+      border-bottom: 6px solid transparent;
+      border-left: 10px solid var(--alias-colors-border-selected, #126fdd); /* 高度 */
+    }
   }
 }
 
@@ -66,8 +78,8 @@
           top: 0;
           right: 0;
           bottom: 0;
-          border: 1px solid @primary-color;
-          opacity: 0;
+          // border: 1px solid @primary-color;
+          opacity: 0.5;
           animation: ald-tree-node-fx-do-not-use 0.3s;
           animation-play-state: running;
           animation-fill-mode: forwards;