@vtj/materials 0.9.30 → 0.10.1-alpha.0

package/src/uni-h5/components/video.ts

@@ -0,0 +1,276 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'Video',
+  label: '视频播放组件',
+  categoryId: 'media',
+  props: [
+    {
+      name: 'src',
+      title: '要播放视频的资源地址',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'autoplay',
+      title: '是否自动播放',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'loop',
+      title: '是否循环播放',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'muted',
+      title: '是否静音播放',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'initial-time',
+      title: '指定视频初始播放位置，单位为秒（s）',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'duration',
+      title: '指定视频时长，单位为秒（s）',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'controls',
+      title: '是否显示默认播放控件（播放/暂停按钮、播放进度、时间）',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'danmu-list',
+      title: '弹幕列表',
+      setters: 'ExpressionSetter'
+    },
+    {
+      name: 'danmu-btn',
+      title: '是否显示弹幕按钮，只在初始化时有效，不能动态变更',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'enable-danmu',
+      title: '是否展示弹幕，只在初始化时有效，不能动态变更',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'page-gesture',
+      title: '在非全屏模式下，是否开启亮度与音量调节手势',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'direction',
+      title: '设置全屏时视频的方向，不指定则根据宽高比自动判断',
+      setters: 'SelectSetter',
+      options: [
+        { label: '0', value: 0 },
+        { label: '90', value: 90 },
+        { label: '-90', value: -90 }
+      ]
+    },
+    {
+      name: 'show-progress',
+      title: '若不设置，宽度大于240时才会显示',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-fullscreen-btn',
+      title: '是否显示全屏按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-play-btn',
+      title: '是否显示视频底部控制栏的播放按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-center-play-btn',
+      title: '是否显示视频中间的播放按钮',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'show-loading',
+      title: '是否显示loading控件',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'enable-progress-gesture',
+      title: '是否开启控制进度的手势',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'object-fit',
+      title: '视频的表现形式',
+      defaultValue: 'contain',
+      setters: 'SelectSetter',
+      options: ['contain', 'fill', 'cover']
+    },
+    {
+      name: 'poster',
+      title:
+        '视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效	',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'show-mute-btn',
+      title: '是否显示静音按钮',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'title',
+      title: '视频的标题，全屏时在顶部展示',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'play-btn-position',
+      title: '播放按钮的位置',
+      defaultValue: 'bottom',
+      setters: 'SelectSetter',
+      options: ['bottom', 'center']
+    },
+    {
+      name: 'mobilenet-hint-type',
+      title: '移动网络提醒样式：0是不提醒，1是提醒，默认值为1',
+      defaultValue: 1,
+      setters: 'SelectSetter',
+      options: [
+        { label: '0', value: 0 },
+        { label: '1', value: 1 }
+      ]
+    },
+    {
+      name: 'enable-play-gesture',
+      title: '是否开启播放手势，即双击切换播放/暂停',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'auto-pause-if-navigate',
+      title: '当跳转到其它小程序页面时，是否自动暂停本页面的视频',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'auto-pause-if-open-native',
+      title: '当跳转到其它微信原生页面时，是否自动暂停本页面的视频',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'vslide-gesture',
+      title: '在非全屏模式下，是否开启亮度与音量调节手势（同 page-gesture）',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'vslide-gesture-in-fullscreen',
+      title: '在全屏模式下，是否开启亮度与音量调节手势',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'ad-unit-id',
+      title: '视频前贴广告单元ID',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'poster-for-crawler',
+      title: '用于给搜索等场景作为视频封面展示',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'codec',
+      title: '解码器选择',
+      defaultValue: 'hardware',
+      setters: 'SelectSetter',
+      options: ['hardware', 'software']
+    },
+    {
+      name: 'http-cache',
+      title: '是否对 http、https 视频源开启本地缓存',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'play-strategy',
+      title: '播放策略',
+      defaultValue: 0,
+      setters: 'SelectSetter',
+      options: [
+        { label: '0', value: 0 },
+        { label: '1', value: 1 },
+        { label: '2', value: 2 }
+      ]
+    },
+    {
+      name: 'header',
+      title: 'HTTP 请求 Header',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'is-live',
+      title: '是否为直播源',
+      defaultValue: false,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: [
+    'play',
+    'pause',
+    'ended',
+    'timeupdate',
+    'fullscreenchange',
+    'waiting',
+    'error',
+    'progress',
+    'loadeddata',
+    'loadstart',
+    'seeked',
+    'seeking',
+    'loadedmetadata',
+    'fullscreenclick',
+    'controlstoggle'
+  ],
+  snippet: {
+    props: {
+      style: {
+        width: '300px',
+        height: '225px'
+      },
+      src: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4',
+      'enable-danmu': true,
+      'danmu-btn': true,
+      controls: true,
+      danmuList: [
+        {
+          text: '第 1s 出现的弹幕',
+          color: '#ff0000',
+          time: 1
+        },
+        {
+          text: '第 3s 出现的弹幕',
+          color: '#ff00ff',
+          time: 3
+        }
+      ]
+    }
+  }
+};
+
+export default desc;

package/src/uni-h5/components/view.ts

@@ -0,0 +1,39 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'View',
+  label: '视图',
+  categoryId: 'container',
+  props: [
+    {
+      name: 'hover-class',
+      defaultValue: 'none',
+      title: '指定按下去的样式类。当 hover-class="none" 时，没有点击态效果',
+      setters: 'InputSetter'
+    },
+    {
+      name: 'hover-stop-propagation',
+      defaultValue: false,
+      title:
+        '指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）',
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'hover-start-time',
+      defaultValue: 50,
+      title: '按住后多久出现点击态，单位毫秒',
+      setters: 'NumberSetter'
+    },
+    {
+      name: 'hover-stay-time',
+      defaultValue: 400,
+      title: '手指松开后点击态保留时间，单位毫秒',
+      setters: 'NumberSetter'
+    }
+  ],
+  snippet: {
+    children: '视图内容'
+  }
+};
+
+export default desc;

package/src/uni-h5/components/webView.ts

@@ -0,0 +1,54 @@
+import type { MaterialDescription } from '@vtj/core';
+
+const desc: MaterialDescription = {
+  name: 'WebView',
+  label: '浏览器组件',
+  categoryId: 'media',
+  props: [
+    {
+      name: 'src',
+      title: 'webview 指向网页的链接',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'allow',
+      title: '用于为 iframe 指定其特征策略',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'sandbox',
+      title: '该属性对呈现在 iframe 框架中的内容启用一些额外的限制条件',
+      setters: 'StringSetter'
+    },
+    {
+      name: 'fullscreen',
+      title: '是否铺满整个页面',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    },
+    {
+      name: 'webview-styles',
+      title: 'webview 的样式',
+      setters: 'ObjectSetter'
+    },
+    {
+      name: 'update-title',
+      title: '是否自动更新当前页面标题',
+      defaultValue: true,
+      setters: 'BooleanSetter'
+    }
+  ],
+  events: ['message', 'onPostMessage', 'load', 'error'],
+  snippet: {
+    props: {
+      'webview-styles': {
+        progress: {
+          color: '#FF3333'
+        }
+      },
+      src: 'https://uniapp.dcloud.io/static/web-view.html'
+    }
+  }
+};
+
+export default desc;

package/src/uni-h5/index.ts

@@ -0,0 +1,11 @@
+import './style.scss';
+
+import type { App } from 'vue';
+//@ts-ignore
+import { plugin } from '@dcloudio/uni-h5';
+//@ts-ignore
+export * from '@dcloudio/uni-h5';
+
+export function install(app: App) {
+  app.use(plugin);
+}

package/src/uni-h5/style.scss

@@ -0,0 +1,59 @@
+@use '@dcloudio/uni-h5/style/ad-content-page.css';
+@use '@dcloudio/uni-h5/style/ad-draw.css';
+@use '@dcloudio/uni-h5/style/ad.css';
+@use '@dcloudio/uni-h5/style/api/action-sheet.css';
+@use '@dcloudio/uni-h5/style/api/location-picker.css';
+@use '@dcloudio/uni-h5/style/api/location-view.css';
+@use '@dcloudio/uni-h5/style/api/modal.css';
+@use '@dcloudio/uni-h5/style/api/toast.css';
+@use '@dcloudio/uni-h5/style/camera.css';
+@use '@dcloudio/uni-h5/style/cover-image.css';
+@use '@dcloudio/uni-h5/style/cover-view.css';
+@use '@dcloudio/uni-h5/style/framework/async.css';
+@use '@dcloudio/uni-h5/style/framework/base.css';
+@use '@dcloudio/uni-h5/style/framework/layout.css';
+@use '@dcloudio/uni-h5/style/framework/nvue.css';
+@use '@dcloudio/uni-h5/style/framework/pageHead.css';
+@use '@dcloudio/uni-h5/style/framework/pageRefresh.css';
+@use '@dcloudio/uni-h5/style/framework/shadow.css';
+@use '@dcloudio/uni-h5/style/framework/tabBar.css';
+@use '@dcloudio/uni-h5/style/framework/uvue.css';
+@use '@dcloudio/uni-h5/style/live-player.css';
+@use '@dcloudio/uni-h5/style/live-pusher.css';
+@use '@dcloudio/uni-h5/style/map.css';
+@use '@dcloudio/uni-h5/style/picker.css';
+@use '@dcloudio/uni-h5/style/video.css';
+@use '@dcloudio/uni-h5/style/web-view.css';
+@use '@dcloudio/uni-components/style/button.css';
+@use '@dcloudio/uni-components/style/canvas.css';
+@use '@dcloudio/uni-components/style/checkbox-group.css';
+@use '@dcloudio/uni-components/style/checkbox.css';
+@use '@dcloudio/uni-components/style/editor.css';
+@use '@dcloudio/uni-components/style/form.css';
+@use '@dcloudio/uni-components/style/icon.css';
+@use '@dcloudio/uni-components/style/image.css';
+@use '@dcloudio/uni-components/style/input.css';
+@use '@dcloudio/uni-components/style/label.css';
+@use '@dcloudio/uni-components/style/list-item.css';
+@use '@dcloudio/uni-components/style/list-view.css';
+@use '@dcloudio/uni-components/style/movable-area.css';
+@use '@dcloudio/uni-components/style/movable-view.css';
+@use '@dcloudio/uni-components/style/navigator.css';
+@use '@dcloudio/uni-components/style/picker-view-column.css';
+@use '@dcloudio/uni-components/style/picker-view.css';
+@use '@dcloudio/uni-components/style/progress.css';
+@use '@dcloudio/uni-components/style/radio-group.css';
+@use '@dcloudio/uni-components/style/radio.css';
+@use '@dcloudio/uni-components/style/refresher.css';
+@use '@dcloudio/uni-components/style/resize-sensor.css';
+@use '@dcloudio/uni-components/style/rich-text.css';
+@use '@dcloudio/uni-components/style/scroll-view.css';
+@use '@dcloudio/uni-components/style/slider.css';
+@use '@dcloudio/uni-components/style/sticky-header.css';
+@use '@dcloudio/uni-components/style/sticky-section.css';
+@use '@dcloudio/uni-components/style/swiper-item.css';
+@use '@dcloudio/uni-components/style/swiper.css';
+@use '@dcloudio/uni-components/style/switch.css';
+@use '@dcloudio/uni-components/style/text.css';
+@use '@dcloudio/uni-components/style/textarea.css';
+@use '@dcloudio/uni-components/style/view.css';

package/src/uni-h5-vue/index.ts

@@ -0,0 +1,2 @@
+//@ts-ignore
+export * from '@dcloudio/uni-h5-vue';

package/src/version.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025, VTJ.PRO All rights reserved.
  * @name @vtj/materials 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.30
+ * @version 0.10.1-alpha.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export const version = '0.9.30';
+export const version = '0.10.1-alpha.0';