one-design-next 0.0.78 → 0.0.80

package/dist/clarify-dock/style/index.css

@@ -545,13 +545,15 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
 div[data-odn-clarify-dock] [data-odn-date-picker-container]:not([data-odn-date-picker-container-range]) {
   display: inline-block;
   box-sizing: border-box;
-  width: calc(12ch + 10px + 32px + 2px);
+  font-size: var(--odn-font-size-text-sm);
+  width: calc(10ch + 10px + 32px + 2px);
 }
 
 div[data-odn-clarify-dock] [data-odn-date-picker-container-range] {
   display: inline-block;
   box-sizing: border-box;
-  width: calc(25ch + 10px + 32px + 2px);
+  font-size: var(--odn-font-size-text-sm);
+  width: calc(21ch + 10px + 32px + 2px);
 }
 
 div[data-odn-clarify-dock] [data-odn-date-picker-input] {

package/dist/index.d.ts

@@ -50,7 +50,7 @@ export { default as TextSwap, type TextSwapFlipProps, type TextSwapProps, } from
 export { default as TimePicker, type TimePickerProps } from './time-picker';
 export { default as Tooltip } from './tooltip';
 export { default as TreeSelect, type TreeNodeData, type TreeSelectProps, } from './tree-select';
-export { default as VirtualList, type VirtualListProps } from './virtual-list';
+export { default as VirtualList, type VirtualListProps, type VirtualListRef, } from './virtual-list';
 export { default as ActionBar, type ActionBarProps } from './action-bar';
 export { default as AgentStep, type AgentStepGroupProps, type AgentStepProps, } from './agent-step';
 export { default as AgentThink, type AgentThinkProps } from './agent-think';

package/dist/virtual-list/index.d.ts

@@ -1,5 +1,7 @@
+import type { ListRef } from 'rc-virtual-list';
 import * as React from 'react';
 import './style';
+export type VirtualListRef = ListRef;
 export interface VirtualListProps<T = unknown> extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     /**
      * @description 列表项的渲染函数
@@ -94,5 +96,7 @@ export interface VirtualListProps<T = unknown> extends Omit<React.HTMLAttributes
 /**
  * VirtualList 虚拟列表
  */
-declare const VirtualList: <T = unknown>({ component, className, styles, showScrollBar, ...otherProps }: VirtualListProps<T>) => React.ReactElement;
+declare const VirtualList: <T = unknown>(props: VirtualListProps<T> & {
+    ref?: React.Ref<ListRef>;
+}) => React.ReactElement;
 export default VirtualList;

package/dist/virtual-list/index.js

@@ -8,7 +8,7 @@ import "./style";
 /**
  * VirtualList 虚拟列表
  */
-var VirtualList = function VirtualList(_ref) {
+var VirtualList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$component = _ref.component,
     component = _ref$component === void 0 ? 'div' : _ref$component,
     className = _ref.className,
@@ -18,18 +18,16 @@ var VirtualList = function VirtualList(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var defaultStyles = {
     verticalScrollBar: {
-      width: '6px'
+      width: 'var(--odn-virtual-list-scrollbar-thickness, 10px)'
     },
     verticalScrollBarThumb: {
-      right: 2,
-      backgroundColor: 'var(--odn-color-border)'
+      backgroundColor: 'transparent'
     },
     horizontalScrollBar: {
-      height: '6px'
+      height: 'var(--odn-virtual-list-scrollbar-thickness, 10px)'
     },
     horizontalScrollBarThumb: {
-      bottom: 2,
-      backgroundColor: 'var(--odn-color-border)'
+      backgroundColor: 'transparent'
     }
   };
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, defaultStyles), styles), {}, {
@@ -39,6 +37,7 @@ var VirtualList = function VirtualList(_ref) {
     horizontalScrollBarThumb: _objectSpread(_objectSpread({}, defaultStyles.horizontalScrollBarThumb), styles === null || styles === void 0 ? void 0 : styles.horizontalScrollBarThumb)
   });
   return /*#__PURE__*/React.createElement(RcVirtualList, _extends({
+    ref: ref,
     "data-odn-virtual-list": true,
     prefixCls: "odn-virtual-list",
     component: component,
@@ -46,5 +45,5 @@ var VirtualList = function VirtualList(_ref) {
     styles: mergedStyles,
     showScrollBar: showScrollBar
   }, otherProps));
-};
+});
 export default VirtualList;

package/dist/virtual-list/style/index.css

@@ -1,7 +1,61 @@
 html {
   --odn-virtual-list-background-color: transparent;
+  --odn-virtual-list-scrollbar-thickness: 10px;
+  --odn-virtual-list-scrollbar-side-padding: 1px;
+  --odn-virtual-list-scrollbar-side-hover-padding: 1px;
+  --odn-virtual-list-scrollbar-color: var(--odn-color-border);
+  --odn-virtual-list-scrollbar-hover-color: var(--odn-color-border);
+  --odn-virtual-list-scrollbar-hover-cursor: default;
+  --odn-virtual-list-scrollbar-radius: 9999px;
 }
 
 [data-odn-virtual-list] {
   background-color: var(--odn-virtual-list-background-color);
+}
+
+.odn-virtual-list-scrollbar {
+  touch-action: none;
+  user-select: none;
+}
+.odn-virtual-list-scrollbar:hover {
+  cursor: var(--odn-virtual-list-scrollbar-hover-cursor);
+}
+.odn-virtual-list-scrollbar:hover .odn-virtual-list-scrollbar-thumb {
+  background-color: var(--odn-virtual-list-scrollbar-hover-color) !important;
+}
+
+.odn-virtual-list-scrollbar-vertical {
+  width: var(--odn-virtual-list-scrollbar-thickness) !important;
+}
+.odn-virtual-list-scrollbar-vertical .odn-virtual-list-scrollbar-thumb {
+  width: auto !important;
+  left: var(--odn-virtual-list-scrollbar-side-padding);
+  right: var(--odn-virtual-list-scrollbar-side-padding);
+  transition: left 0.1s, right 0.1s, background-color 0.15s;
+}
+.odn-virtual-list-scrollbar-vertical:hover .odn-virtual-list-scrollbar-thumb {
+  left: var(--odn-virtual-list-scrollbar-side-hover-padding);
+  right: var(--odn-virtual-list-scrollbar-side-hover-padding);
+}
+
+.odn-virtual-list-scrollbar-horizontal {
+  height: var(--odn-virtual-list-scrollbar-thickness) !important;
+}
+.odn-virtual-list-scrollbar-horizontal .odn-virtual-list-scrollbar-thumb {
+  height: auto !important;
+  top: var(--odn-virtual-list-scrollbar-side-padding);
+  bottom: var(--odn-virtual-list-scrollbar-side-padding);
+  transition: top 0.1s, bottom 0.1s, background-color 0.15s;
+}
+.odn-virtual-list-scrollbar-horizontal:hover .odn-virtual-list-scrollbar-thumb {
+  top: var(--odn-virtual-list-scrollbar-side-hover-padding);
+  bottom: var(--odn-virtual-list-scrollbar-side-hover-padding);
+}
+
+.odn-virtual-list-scrollbar-thumb {
+  background-color: var(--odn-virtual-list-scrollbar-color) !important;
+  border-radius: var(--odn-virtual-list-scrollbar-radius) !important;
+}
+.odn-virtual-list-scrollbar-thumb.odn-virtual-list-scrollbar-thumb-moving {
+  background-color: var(--odn-virtual-list-scrollbar-hover-color) !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.78",
+  "version": "0.0.80",
   "description": "One Design Next from TAD@tencent.com",
   "license": "MIT",
   "type": "module",