bri-components 1.6.6 → 1.6.8

package/src/components/controls/mixins/cascaderMixin.js

@@ -1,5 +1,5 @@
 import controlMixin from "./controlMixin.js";
-import { resourceData, regionDataMap, userIndustryData } from "bri-datas";
+import { resourceData, regionDataMap, userIndustryData } from "../../../data/index.js";
 
 export default {
     mixins: [

package/src/components/controls/mixins/controlMixin.js

@@ -133,7 +133,7 @@ export default {
         isHeightAuto () {
             return this.isInTable
                 ? !!this.propsObj._heightAuto
-                : this.isFullRow;
+                : this.isFullRow || !!this.propsObj._aspectRatio;
         },
         // 是否为tag显示
         isTagShow () {

package/src/components/controls/mixins/dateMixin.js

@@ -1,5 +1,5 @@
 import controlMixin from "./controlMixin.js";
-import { dynDateData } from "bri-datas";
+import { dynDateData } from "../../../data/index.js";
 
 export default {
     mixins: [

package/src/components/controls/mixins/selectMixin.js

@@ -1,5 +1,5 @@
 import controlMixin from "./controlMixin.js";
-import { resourceData } from "bri-datas";
+import { resourceData } from "../../../data/index.js";
 
 export default {
     mixins: [

package/src/components/list/DshPage.vue

@@ -1,20 +1,20 @@
 <template>
     <Page
-        :class="['DshPage',`DshPage-${mode}`, obj.class]"
+        :class="['DshPage',`DshPage-${mode}`, selfPropsObj.class]"
         :total="total"
-        :current="obj.page"
-        :page-size="obj.pagesize"
-        :page-size-opts="obj.pagesizeOpts"
-        :placement="obj.placement"
+        :current="selfPropsObj.page"
+        :page-size="selfPropsObj.pagesize"
+        :page-size-opts="selfPropsObj.pagesizeOpts"
+        :placement="selfPropsObj.placement"
         :size="size"
         :simple="simple"
-        :show-total="obj.showTotal"
-        :show-elevator="obj.showElevator"
-        :show-sizer="obj.showSizer"
-        :transfer="obj.transfer"
-        :prev-text="obj.prevText"
-        :next-text="obj.nextText"
-        :disabled="obj.disabled"
+        :show-total="selfPropsObj.showTotal"
+        :show-elevator="selfPropsObj.showElevator"
+        :show-sizer="selfPropsObj.showSizer"
+        :transfer="selfPropsObj.transfer"
+        :prev-text="selfPropsObj.prevText"
+        :next-text="selfPropsObj.nextText"
+        :disabled="selfPropsObj.disabled"
         @on-change="changePage"
         @on-page-size-change="changePageSize"
     >
@@ -48,7 +48,7 @@
             return {};
         },
         computed: {
-            obj () {
+            selfPropsObj () {
                 const modeMap = {
                     default: {
                         showTotal: true,
@@ -75,6 +75,7 @@
                     transfer: false,
                     placement: "bottom",
                     ...(modeMap[this.mode] || {}),
+
                     ...this.propsObj
                 };
             },

package/src/components/list/mixins/treeTableBaseMixin.js

@@ -1,4 +1,4 @@
-import { resourceData } from "bri-datas";
+import { resourceData } from "../../../data/index.js";
 
 export default {
     mixins: [],

package/src/components/other/DshVideoPlayer.vue

@@ -54,6 +54,241 @@
     import "video.js/dist/video-js.css";
     import "videojs-contrib-hls"; // 播放hls流插件
 
+    // 在插件中添加
+    videojs.addLanguage("zh", {
+        // 播放控制
+        "Play": "播放",
+        "Pause": "暂停",
+        "Replay": "重新播放",
+        "Play Video": "播放视频",
+        "Play Previous Video": "播放上一个视频",
+        "Play Next Video": "播放下一个视频",
+
+        // 音量控制
+        "Mute": "静音",
+        "Unmute": "取消静音",
+        "Volume Level": "音量级别",
+        "Mute Volume": "静音",
+        "Unmute Volume": "取消静音",
+
+        // 全屏控制
+        "Fullscreen": "全屏",
+        "Exit Fullscreen": "退出全屏",
+        "Non-Fullscreen": "非全屏模式",
+        "Toggle Fullscreen": "切换全屏",
+
+        // 播放速度
+        "Playback Rate": "播放速度",
+        "Slow Motion": "慢动作",
+        "Normal": "正常速度",
+
+        // 字幕/字幕
+        "Subtitles": "字幕",
+        "Captions": "字幕",
+        "Descriptions": "描述",
+        "Chapters": "章节",
+        "Subtitles off": "关闭字幕",
+        "Captions off": "关闭字幕",
+        "Descriptions off": "关闭描述",
+        "Chapters off": "关闭章节",
+
+        // 质量设置
+        "Quality": "画质",
+        "Quality Levels": "质量级别",
+        "Auto": "自动",
+        "High Definition": "高清",
+        "Standard Definition": "标清",
+        "Low Definition": "低清",
+
+        // 音频轨道
+        "Audio Track": "音轨",
+        "Audio Player": "音频播放器",
+        "Video Player": "视频播放器",
+
+        // 时间显示
+        "Current Time": "当前时间",
+        "Duration Time": "总时长",
+        "Remaining Time": "剩余时间",
+        "Stream Type": "流类型",
+        "LIVE": "直播",
+        "Seek to live, currently behind live": "跳转到直播点，当前落后于直播",
+        "Seek to live, currently playing live": "跳转到直播点，当前正在直播",
+
+        // 进度相关
+        "Progress": "进度",
+        "Progress Bar": "进度条",
+        "Loaded": "已加载",
+        "Progress:": "进度：",
+
+        // 播放列表
+        "Playlist": "播放列表",
+        "Playlist Menu": "播放列表菜单",
+        "Playlist Player": "播放列表播放器",
+
+        // 其他控件
+        "Picture-in-Picture": "画中画",
+        "Exit Picture-in-Picture": "退出画中画",
+        "Disabled": "已禁用",
+        "Enabled": "已启用",
+        "Reset": "重置",
+        "Restore all player settings": "恢复所有播放器设置",
+
+        // 图标描述
+        "Audio Description": "音频描述",
+        "Background": "背景",
+        "Described Video": "描述性视频",
+
+        // MEDIA_ERR_ABORTED (1) - 播放被中止
+        "You aborted the media playback": "您中止了媒体播放",
+        "The video playback was aborted.": "视频播放被中止。",
+        "The media playback was aborted.": "媒体播放被中止。",
+        "The operation was aborted by the user.": "操作被用户中止。",
+
+        // MEDIA_ERR_NETWORK (2) - 网络错误
+        "A network error caused the media download to fail part-way.": "网络错误导致媒体下载中途失败。",
+        "A network error caused the video download to fail part-way.": "网络错误导致视频下载中途失败。",
+        "A network error occurred.": "发生网络错误。",
+        "Network error.": "网络错误。",
+        "The network connection was lost.": "网络连接已丢失。",
+        "A network error caused the download to fail.": "网络错误导致下载失败。",
+
+        // MEDIA_ERR_DECODE (3) - 解码错误
+        "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.":
+            "媒体播放因数据损坏问题或浏览器不支持的特性而中止。",
+        "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.":
+            "视频播放因数据损坏问题或浏览器不支持的特性而中止。",
+        "Error decoding media.": "媒体解码错误。",
+        "The media could not be decoded.": "媒体无法解码。",
+        "Decoding error.": "解码错误。",
+        "The video format is not supported by your browser.": "浏览器不支持该视频格式。",
+        "Unsupported codec.": "不支持的编解码器。",
+
+        // MEDIA_ERR_SRC_NOT_SUPPORTED (4) - 源不支持
+        "The media could not be loaded, either because the server or network failed or because the format is not supported.":
+            "媒体无法加载，可能是因为服务器或网络故障，或者格式不受支持。",
+        "The video could not be loaded, either because the server or network failed or because the format is not supported.":
+            "视频无法加载，可能是因为服务器或网络故障，或者格式不受支持。",
+        "No compatible source was found for this media.": "找不到兼容的媒体源。",
+        "No compatible source was found for this video.": "找不到兼容的视频源。",
+        "The media format is not supported.": "媒体格式不受支持。",
+        "Unsupported media type.": "不支持的媒体类型。",
+
+        // ==================== 自定义和扩展错误 ====================
+        // 源文件相关错误
+        "The video could not be found.": "找不到视频文件。",
+        "The media could not be found.": "找不到媒体文件。",
+        "The video is not available.": "视频不可用。",
+        "The media is not available.": "媒体不可用。",
+        "The video has been removed or deleted.": "视频已被移除或删除。",
+        "The media has been removed or deleted.": "媒体已被移除或删除。",
+        "The video file is corrupted.": "视频文件已损坏。",
+        "The media file is corrupted.": "媒体文件已损坏。",
+
+        // 加密和DRM错误
+        "The video is encrypted and we do not have the keys to decrypt it.": "视频已加密，没有解密密钥。",
+        "The media is encrypted and we do not have the keys to decrypt it.": "媒体已加密，没有解密密钥。",
+        "The decryption key for this video is not available.": "视频的解密密钥不可用。",
+        "The decryption key for this media is not available.": "媒体的解密密钥不可用。",
+        "DRM protection error.": "DRM保护错误。",
+        "Content decryption failed.": "内容解密失败。",
+        "License acquisition failed.": "许可证获取失败。",
+
+        // 权限和访问错误
+        "You may not have permissions to view this video.": "您可能没有权限查看此视频。",
+        "You may not have permissions to view this media.": "您可能没有权限查看此媒体。",
+        "Access to the video was denied.": "访问视频被拒绝。",
+        "Access to the media was denied.": "访问媒体被拒绝。",
+        "Cross-origin resource sharing (CORS) error.": "跨域资源共享(CORS)错误。",
+        "CORS policy prevented access to the resource.": "CORS策略阻止了资源访问。",
+
+        // 流媒体相关错误
+        "The live stream is not available.": "直播流不可用。",
+        "The live stream has ended.": "直播流已结束。",
+        "Failed to load the live stream.": "加载直播流失败。",
+        "The stream could not be processed.": "流无法处理。",
+        "HLS stream error.": "HLS流错误。",
+        "DASH stream error.": "DASH流错误。",
+
+        // 浏览器和环境错误
+        "Your browser does not support HTML5 video.": "您的浏览器不支持HTML5视频。",
+        "Your browser does not support the video codec.": "您的浏览器不支持视频编解码器。",
+        "Insufficient system resources.": "系统资源不足。",
+        "Hardware acceleration is not available.": "硬件加速不可用。",
+
+        // 超时错误
+        "The request timed out.": "请求超时。",
+        "The media load timed out.": "媒体加载超时。",
+        "Connection timed out.": "连接超时。",
+
+        // 通用错误
+        "An unknown error occurred.": "发生未知错误。",
+        "An error occurred while trying to play the media.": "尝试播放媒体时发生错误。",
+        "An error occurred while trying to play the video.": "尝试播放视频时发生错误。",
+        "The video failed to load.": "视频加载失败。",
+        "The media failed to load.": "媒体加载失败。",
+        "Playback failed.": "播放失败。",
+        "Could not initialize the player.": "无法初始化播放器。",
+
+        // 状态相关错误
+        "The player is not ready.": "播放器未就绪。",
+        "The media is not ready for playback.": "媒体未准备好播放。",
+        "Invalid player state.": "无效的播放器状态。",
+
+        // 网络错误
+        "The video is not accessible.": "视频无法访问。",
+
+        // 格式错误
+        "The video format is not supported.": "视频格式不支持。",
+        "The video is encoded in a way that is not supported.": "视频编码方式不支持。",
+
+        // 播放错误
+        "A network error caused the video download to fail.": "网络错误导致视频下载失败。",
+        "The video playback was aborted due to a corruption problem.": "视频播放因数据损坏问题而中止。",
+        "The video used features your browser did not support.": "视频使用了浏览器不支持的特性。",
+
+        // 源错误
+        "This video is either unavailable or not supported in this browser.": "视频不可用或在此浏览器中不受支持。",
+
+        // 通用错误
+        "An error occurred. Please try again later.": "发生错误，请稍后重试。",
+        "The video could not be processed.": "视频无法处理。"
+    });
+    // const registerPlugin = function () {
+    //     const ChineseTipsPlugin = function (options) {
+    //         // 自定义控制栏提示文本（中英文对照）
+    //         const controlTextMap = {
+    //         };
+
+    //         // 自定义错误消息（中英文对照）
+    //         const errorMessageMap = {
+    //         };
+
+    //         // 修改控制栏文本
+    //         this.ready(() => {
+    //             const controlBar = this.controlBar;
+    //             Object.keys(controlTextMap).forEach(key => {
+    //                 const component = controlBar.getChild(key);
+    //                 if (component) {
+    //                     component.controlText(controlTextMap[key]);
+    //                 }
+    //             });
+    //         });
+
+    //         // 覆盖错误处理器
+    //         const originalError = this.error;
+    //         this.error = function (err) {
+    //             if (err && err.message && errorMessageMap[err.message]) {
+    //                 err.message = errorMessageMap[err.message];
+    //             }
+    //             return originalError.call(this, err);
+    //         };
+    //     };
+
+    //     // 注册插件
+    //     videojs.registerPlugin("chineseTips", ChineseTipsPlugin);
+    // };
+    // registerPlugin();
+
     export default {
         name: "DshVideoPlayer",
         props: {
@@ -89,17 +324,23 @@
             },
             finalOptions () {
                 return {
+                    language: "zh",
                     autoplay: false, // 设置自动播放
-                    // controls: true, // 显示播放的控件
+                    controls: true, // 显示播放的控件
+                    fluid: true,
+                    liveui: true,
                     sources: [
                         {
                             // src: this.src || this.attachmentLink, // 地址
-                            src: this.src, // 地址
+                            src: this.src.replace("21", "0"), // 地址
                             type: this.sourceType
                         }
                     ],
-                    fluid: true,
-                    liveui: true,
+                    controlBar: {
+                        volumePanel: {
+                            inline: false
+                        }
+                    },
                     html5: {
                         hls: {
                             overrideNative: true,
@@ -150,6 +391,28 @@
             initPlayer () {
                 this.player = videojs(this.$refs.videoPlayer, this.finalOptions, this.onPlayerReady);
                 // this.player = videojs("videoPlayer", this.finalOptions, this.onPlayerReady);
+
+                // this.player.language("zh"); // 切换到中文
+                // this.player.language("en"); // 切换回英文
+
+                // // 应用汉字提示插件
+                // this.player.chineseTips();
+
+                // this.player.addTextTrack({
+                //     kind: "subtitles",
+                //     srclang: "en",
+                //     src: "", // 实际使用时需要提供有效的字幕文件URL
+                //     label: "English",
+                //     mode: "disabled"
+                // });
+
+                // // 添加字幕轨道（示例）
+                // this.player.addTextTrack({
+                //     kind: "subtitles",
+                //     srclang: "zh",
+                //     label: "中文",
+                //     src: "/path/to/subtitles.vtt" // 替换为实际字幕文件路径
+                // });
             },
             onPlayerReady () {
                 // console.log("Player ready", this.finalOptions);

package/src/components/small/DshDropdown.vue

@@ -19,6 +19,7 @@
         <!-- 下拉面板 -->
         <div
             v-if="list.length"
+            ref="listPanelDom"
             slot="list"
             :class="['DshDropdown-list', menuClass]"
         >
@@ -51,9 +52,9 @@
                         v-for="(dropdownItem, dropdownIndex) in showList"
                         :key="dropdownItem._id || dropdownItem._key || dropdownItem.type"
                         :class="{
-                            'list-item': true,
-                            'list-item-disabled': dropdownItem.disabled
-                        }"
+                                'list-item': true,
+                                'list-item-disabled': dropdownItem.disabled
+                            }"
                         :name="dropdownItem.name"
                         :disabled="dropdownItem.disabled"
                         :divided="dropdownItem.divided"

package/src/components/unit/DshFormUnit.vue

@@ -1,5 +1,6 @@
 <template>
     <div
+        ref="formUnit"
         :class="[
             {
                 'DshFormUnit': true,
@@ -62,17 +63,20 @@
         </div>
 
         <!-- 控件 -->
-        <div class="DshFormUnit-control">
+        <div :class="{
+            'DshFormUnit-control': true,
+            'DshFormUnit-control-full': !!formItem._aspectRatio
+        }">
             <!-- 控件位置放置的dom -->
             <slot name="control"></slot>
 
             <slot>
                 <component
+                    ref="control"
                     class="DshFormUnit-control-component"
                     :style="{
                         'text-align': formItem._lineAlign
                     }"
-                    ref="control"
                     :is="curComponentName"
                     :canEdit="canEdit"
                     :value="formData"
@@ -125,6 +129,7 @@
         },
         data () {
             return {
+                unitWidth: 20,
                 showTipModal: false // tipsRender使用，不可删除
             };
         },
@@ -134,10 +139,12 @@
                     width: `calc(${(this.formItem._br && this.formItem._span ? this.formItem._span / 24 : 1) * 100}% - 12px)`,
                     height: this.formItem._formHeight
                         ? `${this.formItem._formHeight}px`
-                        : (this.formItem._br || [undefined, 0, 24].includes(this.formItem._span)
-                            ? undefined
-                            : `${this.height - (this.canEdit ? 0 : 10)}px`// 去掉下padding
-                        ),
+                        : this.formItem._aspectRatio // 高宽比
+                            ? `${(this.unitWidth - 20) * this.formItem._aspectRatio / 100 + 30 + 10}px`
+                            : (this.formItem._br || [undefined, 0, 24].includes(this.formItem._span)
+                                ? undefined
+                                : `${this.height - (this.canEdit ? 0 : 10)}px`// 去掉下padding
+                            ),
                     minHeight: "42px",
                     paddingBottom: this.canEdit ? undefined : "0px", // 详情查看页时，不要上下的padding，为了美观
 
@@ -146,12 +153,26 @@
             }
         },
         created () {},
+        mounted () {
+            this.formItem._aspectRatio && this.getUnitWidth();
+            this.formItem._aspectRatio && window.addEventListener("resize", this.getUnitWidth, true);
+        },
+        destroyed () {
+            this.formItem._aspectRatio && window.removeEventListener("resize", this.getUnitWidth, true);
+        },
         methods: {
             // 校验方法 -供外部使用
             validate () {
                 return !this.$refs.control.validate || this.$refs.control.validate();
             },
 
+            // 获取本组件的width
+            getUnitWidth () {
+                this.unitWidth = this.$el.offsetWidth;
+                // this.unitWidth = this.$el.clientWidth;
+                // this.unitWidth = this.$refs.formUnit.offsetWidth;
+                // this.unitWidth = this.$refs.formUnit.clientWidth;
+            },
             changeField (...params) {
                 this.$emit("changeField", ...params);
             },
@@ -304,6 +325,10 @@
             &-component {
 
             }
+
+            &-full {
+                height: calc(100% - 30px);
+            }
         }
 
         &-type {

package/src/data/index.js

@@ -1,5 +1,7 @@
 export {
     resourceData,
-    fileTypes
-    // regionDataMap, userIndustryData, dynDateData
+    fileTypes,
+    regionDataMap,
+    userIndustryData,
+    dynDateData
 } from "bri-datas";