perf: add truthProp util (#8522)

* perf: add TruthyProp util

* chore: rename

* chore: upd

src/image-preview/ImagePreview.tsx

@@ -12,7 +12,8 @@ import {
 // Utils
 import {
   pick,
-  UnknownProp,
+  truthProp,
+  unknownProp,
   createNamespace,
   ComponentInstance,
 } from '../utils';
@@ -40,24 +41,20 @@ export default defineComponent({
 
   props: {
     show: Boolean,
+    loop: truthProp,
+    overlay: truthProp,
     closeable: Boolean,
+    showIndex: truthProp,
+    className: unknownProp,
     transition: String,
-    className: UnknownProp,
     beforeClose: Function as PropType<Interceptor>,
     overlayStyle: Object as PropType<CSSProperties>,
     showIndicators: Boolean,
+    closeOnPopstate: truthProp,
     images: {
       type: Array as PropType<string[]>,
       default: () => [],
     },
-    loop: {
-      type: Boolean,
-      default: true,
-    },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
     minZoom: {
       type: [Number, String],
       default: 1 / 3,
@@ -66,10 +63,6 @@ export default defineComponent({
       type: [Number, String],
       default: 3,
     },
-    showIndex: {
-      type: Boolean,
-      default: true,
-    },
     swipeDuration: {
       type: [Number, String],
       default: 300,
@@ -82,10 +75,6 @@ export default defineComponent({
       type: String,
       default: 'clear',
     },
-    closeOnPopstate: {
-      type: Boolean,
-      default: true,
-    },
     closeIconPosition: {
       type: String as PropType<PopupCloseIconPosition>,
       default: 'top-right',