@wzyjs/components 0.2.41

package/src/Video/index.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import React, { CSSProperties, useRef } from 'react'
+
+interface VideoProps {
+  url: string,
+  width?: number,
+  height?: number,
+  style?: CSSProperties
+}
+
+export const Video = (props: VideoProps) => {
+  const { url, width = 175, height = 310, style } = props
+
+  const videoRef = useRef<HTMLVideoElement>(null)
+
+  if (!url) {
+    return null
+  }
+
+  return (
+    <video
+      ref={videoRef}
+      width={width}
+      height={height}
+      style={style}
+      onMouseEnter={() => {
+        videoRef.current?.play()
+      }}
+      onMouseLeave={() => {
+        videoRef.current?.pause()
+      }}
+    >
+      <source src={url} type='video/mp4' />
+    </video>
+  )
+}

package/src/index.ts

@@ -0,0 +1,17 @@
+export * from './CodeView'
+export * from './HtmlPro'
+export * from './IframePro'
+export * from './FormPro'
+export * from './TablePro'
+export * from './Com2Canvas'
+export * from './Video'
+export * from './MultiImageDisplay'
+export * from './DownloadLink'
+export * from './Fold'
+export * from './DragSort'
+export * from './DateSwitcher'
+
+// export * from './JsonView'
+// export * from './Crud'
+
+export { default as ReactEchart } from 'echarts-for-react'