refactor: remove useless dom structrue (#710)

* test: update snapshot

* test: update snapshot

Author: zombieJ

assets/index.less

@@ -278,11 +278,11 @@
       // }
     }
 
-    &-column-holder {
-      display: flex;
-      flex-direction: column;
-      text-align: center;
-    }
+    // &-column-holder {
+    //   display: flex;
+    //   flex-direction: column;
+    //   text-align: center;
+    // }
 
     &-column-title {
       font-size: 14px;

src/PickerPanel/TimePanel/TimePanelBody/TimeColumn.tsx

@@ -89,44 +89,42 @@ export default function TimeColumn<DateType extends object>(props: TimeUnitColum
   const columnPrefixCls = `${panelPrefixCls}-column`;
 
   return (
-    <div className={`${columnPrefixCls}-holder`} data-type={type}>
-      <ul className={columnPrefixCls} ref={ulRef} onScroll={onInternalScroll}>
-        {units.map(({ label, value: unitValue, disabled }) => {
-          const inner = <div className={`${cellPrefixCls}-inner`}>{label}</div>;
-
-          return (
-            <li
-              key={unitValue}
-              className={classNames(cellPrefixCls, {
-                [`${cellPrefixCls}-selected`]: value === unitValue,
-                [`${cellPrefixCls}-disabled`]: disabled,
-              })}
-              onClick={() => {
-                if (!disabled) {
-                  onChange(unitValue);
-                }
-              }}
-              onDoubleClick={() => {
-                if (!disabled && onDblClick) {
-                  onDblClick();
-                }
-              }}
-              data-value={unitValue}
-            >
-              {cellRender
-                ? cellRender(unitValue, {
-                    prefixCls,
-                    originNode: inner,
-                    today: now,
-                    type: 'time',
-                    subType: type,
-                    locale,
-                  })
-                : inner}
-            </li>
-          );
-        })}
-      </ul>
-    </div>
+    <ul className={columnPrefixCls} ref={ulRef} data-type={type} onScroll={onInternalScroll}>
+      {units.map(({ label, value: unitValue, disabled }) => {
+        const inner = <div className={`${cellPrefixCls}-inner`}>{label}</div>;
+
+        return (
+          <li
+            key={unitValue}
+            className={classNames(cellPrefixCls, {
+              [`${cellPrefixCls}-selected`]: value === unitValue,
+              [`${cellPrefixCls}-disabled`]: disabled,
+            })}
+            onClick={() => {
+              if (!disabled) {
+                onChange(unitValue);
+              }
+            }}
+            onDoubleClick={() => {
+              if (!disabled && onDblClick) {
+                onDblClick();
+              }
+            }}
+            data-value={unitValue}
+          >
+            {cellRender
+              ? cellRender(unitValue, {
+                  prefixCls,
+                  originNode: inner,
+                  today: now,
+                  type: 'time',
+                  subType: type,
+                  locale,
+                })
+              : inner}
+          </li>
+        );
+      })}
+    </ul>
   );
 }