feat: skeleton add block input

Author: tangjinzhou

components/skeleton/Input.tsx

@@ -8,19 +8,22 @@ import omit from '../_util/omit';
 
 export interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
   size?: 'large' | 'small' | 'default';
+  block?: boolean;
 }
 
 const SkeletonInput = defineComponent({
   name: 'ASkeletonInput',
   props: {
     ...omit(skeletonElementProps(), ['shape']),
     size: String as PropType<'large' | 'small' | 'default'>,
+    block: Boolean,
   },
   setup(props) {
     const { prefixCls } = useConfigInject('skeleton', props);
     const cls = computed(() =>
       classNames(prefixCls.value, `${prefixCls.value}-element`, {
         [`${prefixCls.value}-active`]: props.active,
+        [`${prefixCls.value}-block`]: props.block,
       }),
     );
     return () => {

components/skeleton/style/index.less

@@ -109,13 +109,17 @@
     }
   }
 
-  // Skeleton Block Button
+  // Skeleton Block Button, Input
   &.@{skeleton-prefix-cls}-block {
     width: 100%;
 
     .@{skeleton-button-prefix-cls} {
       width: 100%;
     }
+
+    .@{skeleton-input-prefix-cls} {
+      width: 100%;
+    }
   }
 
   // Skeleton element
@@ -238,7 +242,8 @@
 }
 
 .skeleton-element-input-size(@size) {
-  width: 100%;
+  width: @size * 5;
+  min-width: @size * 5;
   .skeleton-element-common-size(@size);
 }