temp(*): fix adaptor render

siyou · Dec 3, 2019 · 8f8ae34 · 8f8ae34
1 parent 42c49c4
commit 8f8ae34
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/docs/date-picker/adaptor/index.jsx b/docs/date-picker/adaptor/index.jsx
@@ -45,9 +45,9 @@ export default {
     adaptor: ({ shape, state, size, type, width, label, placeholder = '', style = {}, ...others }) => {
         const now = moment();
         style = {
-            minWidth: width,
+            width,
             ...style,
-        }
+        };
 
         if (shape === 'range') {
             return  (

diff --git a/docs/number-picker/adaptor/index.jsx b/docs/number-picker/adaptor/index.jsx
@@ -19,8 +19,8 @@ export default {
             name: 'state',
             label: 'Status',
             type: Types.enum,
-            options: ['normal', 'disabled'],
-            default: 'normal'
+            options: ['normal', 'hover', 'disabled'],
+            default: 'hover'
         }, {
             name: 'width',
             type: Types.number,
@@ -31,7 +31,7 @@ export default {
             default: 1
         }]
     }),
-    adaptor: ({ level, size, state, width, value, style, ...others }) => {
-        return <NumberPicker {...others} style={{ minWidth: width, ...style }} disabled={state === 'disabled'} value={value} size={size} type={level} />
+    adaptor: ({ level, size, state, width, value, style, className, ...others }) => {
+        return <NumberPicker className={`${className} ${state === 'hover' ? 'hover' : ''}`} {...others} style={{ minWidth: width, ...style }} disabled={state === 'disabled'} value={value} size={size} type={level} />
     }
 };
diff --git a/src/number-picker/main.scss b/src/number-picker/main.scss
@@ -62,7 +62,8 @@
             display: block;
         }
 
-        &:hover #{$number-picker-prefix}-handler {
+        &:hover #{$number-picker-prefix}-handler,
+        &.hover #{$number-picker-prefix}-handler {
             opacity: 1;
         }