修复pc端操作融合带 伽马值校正时不发送数据

# Conflicts:
#	src/components/FusionSettings/DensityCorrection.vue
#	src/components/FusionSettings/FourPointCalibration.vue
#	src/components/FusionSettings/SurfaceCorrection.vue
#	src/components/FusionSettingsDialog.vue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "media_player_client",
-  "version": "1.5.6",
+  "version": "1.6.0",
   "description": "A Quasar Framework app",
   "productName": "MediaPlayerClient",
   "author": "fangxiang <fangxiang@cloudview.work>",
@@ -9,16 +9,18 @@
     "test": "echo \"No test specified\" && exit 0"
   },
   "dependencies": {
-    "@quasar/cli": "^1.3.2",
+    "@quasar/cli": "^2.0.0",
-    "@quasar/extras": "^1.15.6",
+    "@quasar/extras": "^1.15.11",
     "@tinymce/tinymce-vue": "4",
     "@types/element-resize-detector": "^1.1.3",
     "autoprefixer": "^10.4.2",
     "axios": "^0.21.1",
+    "babel-loader": "^9.1.2",
     "core-js": "^3.21.0",
     "element-resize-detector": "^1.2.4",
+    "konva": "^8.4.2",
     "qrcode.vue": "^3.3.3",
-    "quasar": "^2.10.2",
+    "quasar": "^2.11.6",
     "reconnecting-websocket": "^4.4.0",
     "sortablejs": "^1.15.0",
     "to": "^0.2.9",
@@ -27,13 +29,15 @@
     "v-viewer": "^3.0.9",
     "vue": "^3.0.0",
     "vue-i18n": "^9.1.9",
+    "vue-konva": "^3.0.2",
     "vue-router": "^4.0.0",
+    "vue3-draggable-resizable": "^1.6.5",
     "vuex": "^4.0.1",
     "zrender": "^5.3.1"
   },
   "devDependencies": {
     "@capacitor/core": "^2.5.0",
-    "@quasar/app": "^3.3.3",
+    "@quasar/app-webpack": "^3.7.1",
     "@types/node": "^10.17.15",
     "workbox-webpack-plugin": "^6.4.2"
   },

public/media_control_client_product.js

@@ -1,3 +1,5 @@
 window.media_control_client_product = "LED_PLAYER";
 // window.media_control_client_product = "SPECIAL_VIDEO";
 // window.media_control_client_product = "RK_3568";
+
+window.media_control_client_custom_title = "SmartPlayer";

public/tinymce/langs/README.md

@@ -0,0 +1,3 @@
+This is where language files should be placed.
+
+Please DO NOT translate these directly use this service: https://www.transifex.com/projects/p/tinymce/

public/tinymce/langs/zh-Hans.js

@@ -0,0 +1,412 @@
+/*!
+ * TinyMCE Language Pack
+ *
+ * Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+ * Licensed under the Tiny commercial license. See https://www.tiny.cloud/legal/
+ */
+tinymce.addI18n('zh-Hans', {
+"Redo": "重做",
+"Undo": "撤销",
+"Cut": "剪切",
+"Copy": "复制",
+"Paste": "粘贴",
+"Select all": "全选",
+"New document": "新建文档",
+"Ok": "确定",
+"Cancel": "取消",
+"Visual aids": "网格线",
+"Bold": "粗体",
+"Italic": "斜体",
+"Underline": "下划线",
+"Strikethrough": "删除线",
+"Superscript": "上标",
+"Subscript": "下标",
+"Clear formatting": "清除格式",
+"Remove": "移除",
+"Align left": "左对齐",
+"Align center": "居中对齐",
+"Align right": "右对齐",
+"No alignment": "未对齐",
+"Justify": "两端对齐",
+"Bullet list": "无序列表",
+"Numbered list": "有序列表",
+"Decrease indent": "减少缩进",
+"Increase indent": "增加缩进",
+"Close": "关闭",
+"Formats": "格式",
+"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.": "你的浏览器不支持打开剪贴板，请使用Ctrl+X/C/V等快捷键。",
+"Headings": "标题",
+"Heading 1": "一级标题",
+"Heading 2": "二级标题",
+"Heading 3": "三级标题",
+"Heading 4": "四级标题",
+"Heading 5": "五级标题",
+"Heading 6": "六级标题",
+"Preformatted": "预先格式化的",
+"Div": "Div",
+"Pre": "前言",
+"Code": "代码",
+"Paragraph": "段落",
+"Blockquote": "引文区块",
+"Inline": "文本",
+"Blocks": "样式",
+"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "当前为纯文本粘贴模式，再次点击可以回到普通粘贴模式。",
+"Fonts": "字体",
+"Font sizes": "字体大小",
+"Class": "类型",
+"Browse for an image": "浏览图像",
+"OR": "或",
+"Drop an image here": "拖放一张图像至此",
+"Upload": "上传",
+"Uploading image": "上传图片",
+"Block": "块",
+"Align": "对齐",
+"Default": "预设",
+"Circle": "空心圆",
+"Disc": "实心圆",
+"Square": "实心方块",
+"Lower Alpha": "小写英文字母",
+"Lower Greek": "小写希腊字母",
+"Lower Roman": "小写罗马数字",
+"Upper Alpha": "大写英文字母",
+"Upper Roman": "大写罗马数字",
+"Anchor...": "锚点...",
+"Anchor": "锚点",
+"Name": "名称",
+"ID": "ID",
+"ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "ID应该以英文字母开头，后面只能有英文字母、数字、破折号、点、冒号或下划线。",
+"You have unsaved changes are you sure you want to navigate away?": "你还有文档尚未保存，确定要离开？",
+"Restore last draft": "恢复上次的草稿",
+"Special character...": "特殊字符...",
+"Special Character": "特殊字符",
+"Source code": "源代码",
+"Insert/Edit code sample": "插入/编辑代码示例",
+"Language": "语言",
+"Code sample...": "示例代码...",
+"Left to right": "由左到右",
+"Right to left": "由右到左",
+"Title": "标题",
+"Fullscreen": "全屏",
+"Action": "动作",
+"Shortcut": "快捷方式",
+"Help": "帮助",
+"Address": "地址",
+"Focus to menubar": "移动焦点到菜单栏",
+"Focus to toolbar": "移动焦点到工具栏",
+"Focus to element path": "移动焦点到元素路径",
+"Focus to contextual toolbar": "移动焦点到上下文菜单",
+"Insert link (if link plugin activated)": "插入链接 (如果链接插件已激活)",
+"Save (if save plugin activated)": "保存(如果保存插件已激活)",
+"Find (if searchreplace plugin activated)": "查找(如果查找替换插件已激活)",
+"Plugins installed ({0}):": "已安装插件 ({0}):",
+"Premium plugins:": "优秀插件：",
+"Learn more...": "了解更多...",
+"You are using {0}": "你正在使用 {0}",
+"Plugins": "插件",
+"Handy Shortcuts": "快捷键",
+"Horizontal line": "水平分割线",
+"Insert/edit image": "插入/编辑图片",
+"Alternative description": "替代描述",
+"Accessibility": "辅助功能",
+"Image is decorative": "图像是装饰性的",
+"Source": "源",
+"Dimensions": "尺寸",
+"Constrain proportions": "保持比例",
+"General": "一般",
+"Advanced": "高级",
+"Style": "样式",
+"Vertical space": "垂直间距",
+"Horizontal space": "水平间距",
+"Border": "框线",
+"Insert image": "插入图片",
+"Image...": "图片...",
+"Image list": "图片清单",
+"Resize": "调整大小",
+"Insert date/time": "插入日期/时间",
+"Date/time": "日期/时间",
+"Insert/edit link": "插入/编辑链接",
+"Text to display": "要显示的文本",
+"Url": "地址",
+"Open link in...": "链接打开位置...",
+"Current window": "当前窗口",
+"None": "无",
+"New window": "新窗口",
+"Open link": "打开链接",
+"Remove link": "移除链接",
+"Anchors": "锚点",
+"Link...": "链接...",
+"Paste or type a link": "粘贴或输入链接",
+"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "你所填写的URL地址为邮件地址，需要加上mailto: 前缀吗？",
+"The URL you entered seems to be an external link. Do you want to add the required http:// prefix?": "你所填写的URL地址属于外部链接，需要加上http:// 前缀吗？",
+"The URL you entered seems to be an external link. Do you want to add the required https:// prefix?": "您输入的 URL 似乎是一个外部链接。您想添加所需的 https:// 前缀吗？",
+"Link list": "链接清单",
+"Insert video": "插入视频",
+"Insert/edit video": "插入/编辑视频",
+"Insert/edit media": "插入/编辑媒体",
+"Alternative source": "镜像",
+"Alternative source URL": "替代来源网址",
+"Media poster (Image URL)": "封面(图片地址)",
+"Paste your embed code below:": "将内嵌代码粘贴在下面:",
+"Embed": "内嵌",
+"Media...": "多媒体...",
+"Nonbreaking space": "不间断空格",
+"Page break": "分页符",
+"Paste as text": "粘贴为文本",
+"Preview": "预览",
+"Print": "打印",
+"Print...": "打印...",
+"Save": "保存",
+"Find": "寻找",
+"Replace with": "替换为",
+"Replace": "替换",
+"Replace all": "替换全部",
+"Previous": "上一个",
+"Next": "下一个",
+"Find and Replace": "查找和替换",
+"Find and replace...": "查找并替换...",
+"Could not find the specified string.": "未找到搜索内容。",
+"Match case": "大小写匹配",
+"Find whole words only": "全字匹配",
+"Find in selection": "在选区中查找",
+"Insert table": "插入表格",
+"Table properties": "表格属性",
+"Delete table": "删除表格",
+"Cell": "单元格",
+"Row": "行",
+"Column": "栏目",
+"Cell properties": "单元格属性",
+"Merge cells": "合并单元格",
+"Split cell": "拆分单元格",
+"Insert row before": "在上方插入行",
+"Insert row after": "在下方插入行",
+"Delete row": "删除行",
+"Row properties": "行属性",
+"Cut row": "剪切行",
+"Cut column": "剪切列",
+"Copy row": "复制行",
+"Copy column": "复制列",
+"Paste row before": "粘贴行到上方",
+"Paste column before": "粘贴此列前",
+"Paste row after": "粘贴行到下方",
+"Paste column after": "粘贴后面的列",
+"Insert column before": "在左侧插入列",
+"Insert column after": "在右侧插入列",
+"Delete column": "删除列",
+"Cols": "列",
+"Rows": "行数",
+"Width": "宽度",
+"Height": "高度",
+"Cell spacing": "单元格外间距",
+"Cell padding": "单元格内边距",
+"Row clipboard actions": "行剪贴板操作",
+"Column clipboard actions": "列剪贴板操作",
+"Table styles": "表格样式",
+"Cell styles": "单元格样式",
+"Column header": "列标题",
+"Row header": "行头",
+"Table caption": "表格标题",
+"Caption": "标题",
+"Show caption": "显示标题",
+"Left": "左",
+"Center": "居中",
+"Right": "右",
+"Cell type": "储存格别",
+"Scope": "范围",
+"Alignment": "对齐",
+"Horizontal align": "水平对齐",
+"Vertical align": "垂直对齐",
+"Top": "上方对齐",
+"Middle": "居中对齐",
+"Bottom": "下方对齐",
+"Header cell": "表头单元格",
+"Row group": "行组",
+"Column group": "列组",
+"Row type": "行类型",
+"Header": "表头",
+"Body": "表体",
+"Footer": "表尾",
+"Border color": "框线颜色",
+"Solid": "实线",
+"Dotted": "虚线",
+"Dashed": "虚线",
+"Double": "双精度",
+"Groove": "凹槽",
+"Ridge": "海脊座",
+"Inset": "嵌入",
+"Outset": "外置",
+"Hidden": "隐藏",
+"Insert template...": "插入模板...",
+"Templates": "模板",
+"Template": "模板",
+"Insert Template": "插入模板",
+"Text color": "文本颜色",
+"Background color": "背景颜色",
+"Custom...": "自定义......",
+"Custom color": "自定义颜色",
+"No color": "无",
+"Remove color": "移除颜色",
+"Show blocks": "显示区块边框",
+"Show invisible characters": "显示不可见字符",
+"Word count": "字数",
+"Count": "计数",
+"Document": "文档",
+"Selection": "选择",
+"Words": "单词",
+"Words: {0}": "字数：{0}",
+"{0} words": "{0} 字",
+"File": "文件",
+"Edit": "编辑",
+"Insert": "插入",
+"View": "查看",
+"Format": "格式",
+"Table": "表格",
+"Tools": "工具",
+"Powered by {0}": "由{0}驱动",
+"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "编辑区。按ALT-F9打开菜单，按ALT-F10打开工具栏，按ALT-0查看帮助",
+"Image title": "图片标题",
+"Border width": "边框宽度",
+"Border style": "边框样式",
+"Error": "错误",
+"Warn": "警告",
+"Valid": "有效",
+"To open the popup, press Shift+Enter": "按Shitf+Enter键打开对话框",
+"Rich Text Area": "富文本区域",
+"Rich Text Area. Press ALT-0 for help.": "编辑区。按Alt+0键打开帮助。",
+"System Font": "系统字体",
+"Failed to upload image: {0}": "图片上传失败: {0}",
+"Failed to load plugin: {0} from url {1}": "插件加载失败: {0} 来自链接 {1}",
+"Failed to load plugin url: {0}": "插件加载失败 链接: {0}",
+"Failed to initialize plugin: {0}": "插件初始化失败: {0}",
+"example": "示例",
+"Search": "搜索",
+"All": "全部",
+"Currency": "货币",
+"Text": "文字",
+"Quotations": "引用",
+"Mathematical": "数学",
+"Extended Latin": "拉丁语扩充",
+"Symbols": "符号",
+"Arrows": "箭头",
+"User Defined": "自定义",
+"dollar sign": "美元符号",
+"currency sign": "货币符号",
+"euro-currency sign": "欧元符号",
+"colon sign": "冒号",
+"cruzeiro sign": "克鲁赛罗币符号",
+"french franc sign": "法郎符号",
+"lira sign": "里拉符号",
+"mill sign": "密尔符号",
+"naira sign": "奈拉符号",
+"peseta sign": "比塞塔符号",
+"rupee sign": "卢比符号",
+"won sign": "韩元符号",
+"new sheqel sign": "新谢克尔符号",
+"dong sign": "越南盾符号",
+"kip sign": "老挝基普符号",
+"tugrik sign": "图格里克符号",
+"drachma sign": "德拉克马符号",
+"german penny symbol": "德国便士符号",
+"peso sign": "比索符号",
+"guarani sign": "瓜拉尼符号",
+"austral sign": "澳元符号",
+"hryvnia sign": "格里夫尼亚符号",
+"cedi sign": "塞地符号",
+"livre tournois sign": "里弗弗尔符号",
+"spesmilo sign": "spesmilo符号",
+"tenge sign": "坚戈符号",
+"indian rupee sign": "印度卢比",
+"turkish lira sign": "土耳其里拉",
+"nordic mark sign": "北欧马克",
+"manat sign": "马纳特符号",
+"ruble sign": "卢布符号",
+"yen character": "日元字样",
+"yuan character": "人民币元字样",
+"yuan character, in hong kong and taiwan": "元字样（港台地区）",
+"yen/yuan character variant one": "元字样（大写）",
+"Emojis": "Emojis",
+"Emojis...": "Emojis...",
+"Loading emojis...": "正在加载Emojis...",
+"Could not load emojis": "无法加载Emojis",
+"People": "人类",
+"Animals and Nature": "动物和自然",
+"Food and Drink": "食物和饮品",
+"Activity": "活动",
+"Travel and Places": "旅游和地点",
+"Objects": "物件",
+"Flags": "旗帜",
+"Characters": "字符",
+"Characters (no spaces)": "字符(无空格)",
+"{0} characters": "{0} 个字符",
+"Error: Form submit field collision.": "错误: 表单提交字段冲突。",
+"Error: No form element found.": "错误: 没有表单控件。",
+"Color swatch": "颜色样本",
+"Color Picker": "选色器",
+"Invalid hex color code: {0}": "十六进制颜色代码无效： {0}",
+"Invalid input": "无效输入",
+"R": "R",
+"Red component": "红色部分",
+"G": "G",
+"Green component": "绿色部分",
+"B": "B",
+"Blue component": "白色部分",
+"#": "#",
+"Hex color code": "十六进制颜色代码",
+"Range 0 to 255": "范围0至255",
+"Turquoise": "青绿色",
+"Green": "绿色",
+"Blue": "蓝色",
+"Purple": "紫色",
+"Navy Blue": "海军蓝",
+"Dark Turquoise": "深蓝绿色",
+"Dark Green": "深绿色",
+"Medium Blue": "中蓝色",
+"Medium Purple": "中紫色",
+"Midnight Blue": "深蓝色",
+"Yellow": "黄色",
+"Orange": "橙色",
+"Red": "红色",
+"Light Gray": "浅灰色",
+"Gray": "灰色",
+"Dark Yellow": "暗黄色",
+"Dark Orange": "深橙色",
+"Dark Red": "深红色",
+"Medium Gray": "中灰色",
+"Dark Gray": "深灰色",
+"Light Green": "浅绿色",
+"Light Yellow": "浅黄色",
+"Light Red": "浅红色",
+"Light Purple": "浅紫色",
+"Light Blue": "浅蓝色",
+"Dark Purple": "深紫色",
+"Dark Blue": "深蓝色",
+"Black": "黑色",
+"White": "白色",
+"Switch to or from fullscreen mode": "切换全屏模式",
+"Open help dialog": "打开帮助对话框",
+"history": "历史",
+"styles": "样式",
+"formatting": "格式化",
+"alignment": "对齐",
+"indentation": "缩进",
+"Font": "字体",
+"Size": "字号",
+"More...": "更多...",
+"Select...": "选择...",
+"Preferences": "首选项",
+"Yes": "是",
+"No": "否",
+"Keyboard Navigation": "键盘指引",
+"Version": "版本",
+"Code view": "代码视图",
+"Open popup menu for split buttons": "打开弹出式菜单，用于拆分按钮",
+"List Properties": "列表属性",
+"List properties...": "标题字体属性",
+"Start list at number": "以数字开始列表",
+"Line height": "行高",
+"Dropped file type is not supported": "此文件类型不支持拖放",
+"Loading...": "加载中...",
+"ImageProxy HTTP error: Rejected request": "图片代理请求错误：请求被拒绝",
+"ImageProxy HTTP error: Could not find Image Proxy": "图片代理请求错误：无法找到图片代理",
+"ImageProxy HTTP error: Incorrect Image Proxy URL": "图片代理请求错误：图片代理地址错误",
+"ImageProxy HTTP error: Unknown ImageProxy error": "图片代理请求错误：未知的图片代理错误"
+});

public/tinymce/langs/zh_CN.js

@@ -1,417 +0,0 @@
-tinymce.addI18n('zh_CN',{
-"Redo": "恢复",
-"Undo": "撤销",
-"Cut": "剪切",
-"Copy": "复制",
-"Paste": "粘贴",
-"Select all": "全选",
-"New document": "新建文档",
-"Ok": "确定",
-"Cancel": "取消",
-"Visual aids": "网格线",
-"Bold": "粗体",
-"Italic": "斜体",
-"Underline": "下划线",
-"Strikethrough": "删除线",
-"Superscript": "上标",
-"Subscript": "下标",
-"Clear formatting": "清除格式",
-"Align left": "左对齐",
-"Align center": "居中",
-"Align right": "右对齐",
-"Justify": "两端对齐",
-"Bullet list": "符号列表",
-"Numbered list": "数字列表",
-"Decrease indent": "减少缩进",
-"Increase indent": "增加缩进",
-"Close": "关闭",
-"Formats": "格式",
-"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "当前浏览器不支持访问剪贴板，请使用快捷键Ctrl+X/C/V复制粘贴",
-"Headers": "标题",
-"Header 1": "标题1",
-"Header 2": "标题2",
-"Header 3": "标题3",
-"Header 4": "标题4",
-"Header 5": "标题5",
-"Header 6": "标题6",
-"Headings": "标题",
-"Heading 1": "标题1",
-"Heading 2": "标题2",
-"Heading 3": "标题3",
-"Heading 4": "标题4",
-"Heading 5": "标题5",
-"Heading 6": "标题6",
-"Preformatted": "预格式化",
-"Div": "Div区块",
-"Pre": "预格式文本",
-"Code": "代码",
-"Paragraph": "段落",
-"Blockquote": "引用",
-"Inline": "文本",
-"Blocks": "区块",
-"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "当前为纯文本粘贴模式，再次点击可以回到普通粘贴模式。",
-"Fonts": "字体",
-"Font Sizes": "字号",
-"Class": "Class",
-"Browse for an image": "浏览图像",
-"OR": "或",
-"Drop an image here": "拖放一张图片文件至此",
-"Upload": "上传",
-"Block": "块",
-"Align": "对齐",
-"Default": "默认",
-"Circle": "空心圆",
-"Disc": "实心圆",
-"Square": "方块",
-"Lower Alpha": "小写英文字母",
-"Lower Greek": "小写希腊字母",
-"Lower Roman": "小写罗马字母",
-"Upper Alpha": "大写英文字母",
-"Upper Roman": "大写罗马字母",
-"Anchor...": "锚点...",
-"Name": "名称",
-"Id": "id",
-"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "id应该以字母开头，后跟字母、数字、横线、点、冒号或下划线。",
-"You have unsaved changes are you sure you want to navigate away?": "你对文档的修改尚未保存，确定离开吗？",
-"Restore last draft": "恢复上次的草稿",
-"Special characters...": "特殊字符...",
-"Source code": "HTML源码",
-"Insert\/Edit code sample": "插入/编辑代码示例",
-"Language": "语言",
-"Code sample...": "代码示例...",
-"Color Picker": "选取颜色",
-"R": "R",
-"G": "G",
-"B": "B",
-"Left to right": "从左到右",
-"Right to left": "从右到左",
-"Emoticons...": "表情符号...",
-"Metadata and Document Properties": "元数据和文档属性",
-"Title": "标题",
-"Keywords": "关键词",
-"Description": "描述",
-"Robots": "机器人",
-"Author": "作者",
-"Encoding": "编码",
-"Fullscreen": "全屏",
-"Action": "操作",
-"Shortcut": "快捷键",
-"Help": "帮助",
-"Address": "地址",
-"Focus to menubar": "移动焦点到菜单栏",
-"Focus to toolbar": "移动焦点到工具栏",
-"Focus to element path": "移动焦点到元素路径",
-"Focus to contextual toolbar": "移动焦点到上下文菜单",
-"Insert link (if link plugin activated)": "插入链接 (如果链接插件已激活)",
-"Save (if save plugin activated)": "保存(如果保存插件已激活)",
-"Find (if searchreplace plugin activated)": "查找(如果查找替换插件已激活)",
-"Plugins installed ({0}):": "已安装插件 ({0})：",
-"Premium plugins:": "优秀插件：",
-"Learn more...": "了解更多...",
-"You are using {0}": "你正在使用 {0}",
-"Plugins": "插件",
-"Handy Shortcuts": "快捷键",
-"Horizontal line": "水平分割线",
-"Insert\/edit image": "插入/编辑图片",
-"Image description": "图片描述",
-"Source": "地址",
-"Dimensions": "大小",
-"Constrain proportions": "保持宽高比",
-"General": "常规",
-"Advanced": "高级",
-"Style": "样式",
-"Vertical space": "垂直边距",
-"Horizontal space": "水平边距",
-"Border": "边框",
-"Insert image": "插入图片",
-"Image...": "图片...",
-"Image list": "图片列表",
-"Rotate counterclockwise": "逆时针旋转",
-"Rotate clockwise": "顺时针旋转",
-"Flip vertically": "垂直翻转",
-"Flip horizontally": "水平翻转",
-"Edit image": "编辑图片",
-"Image options": "图片选项",
-"Zoom in": "放大",
-"Zoom out": "缩小",
-"Crop": "裁剪",
-"Resize": "调整大小",
-"Orientation": "方向",
-"Brightness": "亮度",
-"Sharpen": "锐化",
-"Contrast": "对比度",
-"Color levels": "色阶",
-"Gamma": "伽马值",
-"Invert": "反转",
-"Apply": "应用",
-"Back": "后退",
-"Insert date\/time": "插入日期/时间",
-"Date\/time": "日期/时间",
-"Insert\/Edit Link": "插入/编辑链接",
-"Insert\/edit link": "插入/编辑链接",
-"Text to display": "显示文字",
-"Url": "地址",
-"Open link in...": "链接打开方式...",
-"Current window": "当前窗口打开",
-"None": "在当前窗口/框架打开",
-"New window": "在新窗口打开",
-"Remove link": "删除链接",
-"Anchors": "锚点",
-"Link...": "链接...",
-"Paste or type a link": "粘贴或输入链接",
-"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "你所填写的URL地址为邮件地址，需要加上mailto:前缀吗？",
-"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "你所填写的URL地址属于外部链接，需要加上http://:前缀吗？",
-"Link list": "链接列表",
-"Insert video": "插入视频",
-"Insert\/edit video": "插入/编辑视频",
-"Insert\/edit media": "插入/编辑媒体",
-"Alternative source": "替代资源",
-"Alternative image URL": "资源备用地址",
-"Media poster (Image URL)": "封面(图片地址)",
-"Paste your embed code below:": "将内嵌代码粘贴在下面:",
-"Embed": "内嵌",
-"Media...": "多媒体...",
-"Nonbreaking space": "不间断空格",
-"Page break": "分页符",
-"Paste as text": "粘贴为文本",
-"Preview": "预览",
-"Print...": "打印...",
-"Save": "保存",
-"Find": "查找",
-"Replace with": "替换为",
-"Replace": "替换",
-"Replace all": "替换全部",
-"Previous": "上一个",
-"Next": "下一个",
-"Find and replace...": "查找并替换...",
-"Could not find the specified string.": "未找到搜索内容。",
-"Match case": "区分大小写",
-"Find whole words only": "全单词匹配",
-"Spell check": "拼写检查",
-"Ignore": "忽略",
-"Ignore all": "忽略全部",
-"Finish": "完成",
-"Add to Dictionary": "添加到字典",
-"Insert table": "插入表格",
-"Table properties": "表格属性",
-"Delete table": "删除表格",
-"Cell": "单元格",
-"Row": "行",
-"Column": "列",
-"Cell properties": "单元格属性",
-"Merge cells": "合并单元格",
-"Split cell": "拆分单元格",
-"Insert row before": "在上方插入",
-"Insert row after": "在下方插入",
-"Delete row": "删除行",
-"Row properties": "行属性",
-"Cut row": "剪切行",
-"Copy row": "复制行",
-"Paste row before": "粘贴到上方",
-"Paste row after": "粘贴到下方",
-"Insert column before": "在左侧插入",
-"Insert column after": "在右侧插入",
-"Delete column": "删除列",
-"Cols": "列",
-"Rows": "行",
-"Width": "宽",
-"Height": "高",
-"Cell spacing": "单元格外间距",
-"Cell padding": "单元格内边距",
-"Show caption": "显示标题",
-"Left": "左对齐",
-"Center": "居中",
-"Right": "右对齐",
-"Cell type": "单元格类型",
-"Scope": "范围",
-"Alignment": "对齐方式",
-"H Align": "水平对齐",
-"V Align": "垂直对齐",
-"Top": "顶部对齐",
-"Middle": "垂直居中",
-"Bottom": "底部对齐",
-"Header cell": "表头单元格",
-"Row group": "行组",
-"Column group": "列组",
-"Row type": "行类型",
-"Header": "表头",
-"Body": "表体",
-"Footer": "表尾",
-"Border color": "边框颜色",
-"Insert template...": "插入模板...",
-"Templates": "模板",
-"Template": "模板",
-"Text color": "文字颜色",
-"Background color": "背景色",
-"Custom...": "自定义...",
-"Custom color": "自定义颜色",
-"No color": "无",
-"Remove color": "删除颜色",
-"Table of Contents": "目录",
-"Show blocks": "显示区块边框",
-"Show invisible characters": "显示不可见字符",
-"Word count": "字数统计",
-"Words: {0}": "字数：{0}",
-"{0} words": "{0} 个字",
-"File": "文件",
-"Edit": "编辑",
-"Insert": "插入",
-"View": "查看",
-"Format": "格式",
-"Table": "表格",
-"Tools": "工具",
-"Powered by {0}": "Powered by {0}",
-"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "在编辑区按ALT+F9打开菜单，按ALT+F10打开工具栏，按ALT+0查看帮助",
-"Image title": "图片标题",
-"Border width": "边框宽度",
-"Border style": "边框样式",
-"Error": "错误",
-"Warn": "警告",
-"Valid": "有效",
-"To open the popup, press Shift+Enter": "此快捷为软回车（插入<br>）",
-"Rich Text Area. Press ALT-0 for help.": "编辑区. 按Alt+0键打开帮助",
-"System Font": "默认字体",
-"Failed to upload image: {0}": "图片上传失败: {0}",
-"Failed to load plugin: {0} from url {1}": "插件加载失败: {0} - {1}",
-"Failed to load plugin url: {0}": "插件加载失败: {0}",
-"Failed to initialize plugin: {0}": "插件初始化失败: {0}",
-"example": "示例",
-"Search": "查找",
-"All": "全部",
-"Currency": "货币",
-"Text": "文本",
-"Quotations": "引用",
-"Mathematical": "数学运算符",
-"Extended Latin": "拉丁语扩充",
-"Symbols": "符号",
-"Arrows": "箭头",
-"User Defined": "自定义",
-"dollar sign": "美元",
-"currency sign": "货币",
-"euro-currency sign": "欧元",
-"colon sign": "冒号",
-"cruzeiro sign": "克鲁赛罗币",
-"french franc sign": "法郎",
-"lira sign": "里拉",
-"mill sign": "密尔",
-"naira sign": "奈拉",
-"peseta sign": "比塞塔",
-"rupee sign": "卢比",
-"won sign": "韩元",
-"new sheqel sign": "新谢克尔",
-"dong sign": "越南盾",
-"kip sign": "老挝基普",
-"tugrik sign": "图格里克",
-"drachma sign": "德拉克马",
-"german penny symbol": "德国便士",
-"peso sign": "比索",
-"guarani sign": "瓜拉尼",
-"austral sign": "澳元",
-"hryvnia sign": "格里夫尼亚",
-"cedi sign": "塞地",
-"livre tournois sign": "里弗弗尔",
-"spesmilo sign": "一千spesoj的货币符号，该货币未使用",
-"tenge sign": "坚戈",
-"indian rupee sign": "印度卢比",
-"turkish lira sign": "土耳其里拉",
-"nordic mark sign": "北欧马克",
-"manat sign": "马纳特",
-"ruble sign": "卢布",
-"yen character": "日元",
-"yuan character": "人民币元",
-"yuan character, in hong kong and taiwan": "元的繁体字",
-"yen\/yuan character variant one": "元（大写）",
-"Loading emoticons...": "正在加载表情文字...",
-"Could not load emoticons": "不能加载表情文字",
-"People": "人类",
-"Animals and Nature": "动物和自然",
-"Food and Drink": "食物和饮品",
-"Activity": "活动",
-"Travel and Places": "旅游和地点",
-"Objects": "物件",
-"Flags": "旗帜",
-"Characters": "字数",
-"Characters (no spaces)": "字数（不含空格）",
-"Error: Form submit field collision.": "错误: 表单提交字段冲突.",
-"Error: No form element found.": "错误: 未找到可用的form.",
-"Update": "更新",
-"Color swatch": "颜色样本",
-"Turquoise": "青绿",
-"Green": "绿色",
-"Blue": "蓝色",
-"Purple": "紫色",
-"Navy Blue": "海军蓝",
-"Dark Turquoise": "深蓝绿色",
-"Dark Green": "暗绿",
-"Medium Blue": "中蓝",
-"Medium Purple": "中紫",
-"Midnight Blue": "深蓝",
-"Yellow": "黄色",
-"Orange": "橙色",
-"Red": "红色",
-"Light Gray": "浅灰",
-"Gray": "灰色",
-"Dark Yellow": "暗黄",
-"Dark Orange": "暗橙",
-"Dark Red": "暗红",
-"Medium Gray": "中灰",
-"Dark Gray": "深灰",
-"Black": "黑色",
-"White": "白色",
-"Switch to or from fullscreen mode": "切换全屏模式",
-"Open help dialog": "打开帮助对话框",
-"history": "历史",
-"styles": "样式",
-"formatting": "格式化",
-"alignment": "对齐",
-"indentation": "缩进",
-"permanent pen": "记号笔",
-"comments": "注释",
-"Anchor": "锚点",
-"Special character": "特殊字符",
-"Code sample": "代码示例",
-"Color": "颜色",
-"Emoticons": "表情",
-"Document properties": "文档属性",
-"Image": "图片",
-"Insert link": "插入链接",
-"Target": "目标",
-"Link": "链接",
-"Poster": "封面",
-"Media": "音视频",
-"Print": "打印",
-"Prev": "上一个",
-"Find and replace": "查找并替换",
-"Whole words": "全字匹配",
-"Spellcheck": "拼写检查",
-"Caption": "标题",
-"Insert template": "插入模板",
-//以下为补充汉化内容 by 莫若卿
-"Code view": "代码区域",
-"Select...": "选择...",
-"Format Painter": "格式刷",
-"No templates defined.": "无内置模板",
-"Special character...": "特殊字符...",
-"Open link": "打开链接",
-"None": "无",
-"Count": "统计",
-"Document": "整个文档",
-"Selection": "选取部分",
-"Words": "字词数",
-"{0} characters": "{0} 个字符",
-"Alternative source URL": "替代资源地址",
-"Alternative description": "替代说明文字",
-"Accessibility": "可访问性",
-"Image is decorative": "仅用于装饰",
-//5.6新增
-"Line height": "行高",
-"Cut column": "剪切列",
-"Copy column": "复制列",
-"Paste column before": "粘贴到前方",
-"Paste column after": "粘贴到后方",
-"Copy column": "复制列",
-//帮助窗口内的文字
-"Version": "版本",
-"Keyboard Navigation": "键盘导航",
-"Open popup menu for split buttons": "该组合键的作用是软回车（插入br）",
-});

public/tinymce/license.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

public/tinymce/skins/ui/oxide/skin.shadowdom.min.css

@@ -1 +0,0 @@
-body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}

quasar.conf.js

@@ -41,9 +41,12 @@ module.exports = configure(function (ctx) {
     // Full list of options: https://v2.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build
     build: {
       vueRouterMode: "hash", // available values: 'hash', 'history'
-
+      uglifyOptions: {
+        compress: {
+          drop_console: true,
+        },
+      },
       // transpile: false,
-
       // Add dependencies for transpiling with Babel (Array of string/regex)
       // (from node_modules, which are by default not transpiled).
       // Applies only if "transpile" is set to true.
@@ -52,7 +55,7 @@ module.exports = configure(function (ctx) {
       // rtl: true, // https://v2.quasar.dev/options/rtl-support
       // preloadChunks: true,
       // showProgress: false,
-      // gzip: true,
+      gzip: true,
       // analyze: true,
 
       // Options below are automatically set depending on the env, set them if you want to override

src/App.vue

@@ -10,10 +10,13 @@ import { SessionStorage, Cookies, useQuasar, setCssVar } from "quasar";
 import { defineComponent } from "vue";
 import { useI18n } from "vue-i18n";
 import EventBus, { EventNamesDefine } from "src/common/EventBus";
-import { useStore } from "src/store";
+import { IWuJieInterface, useStore } from "src/store";
 import GlobalData from "./common/GlobalData";
 import { EProductNames } from "./entities/ProductNames";
 import { api } from "./boot/axios";
+import { WuJieInitializer } from "./common/WuJieInitializer";
+import ClientConnection from "./common/ClientConnection";
+import { Common } from "./common/Common";
 
 export default defineComponent({
   name: "App",
@@ -23,6 +26,12 @@ export default defineComponent({
     const $store = useStore();
     const $q = useQuasar();
 
+    if ((window as any).$wujie) {
+      const $wujie = (window as any).$wujie as IWuJieInterface;
+      $store.commit("setWuJie", $wujie);
+      WuJieInitializer.initialize($wujie, $store, $q, $t);
+    }
+
     document.title = $t.t("title");
 
     if (!navigator.cookieEnabled) {
@@ -63,7 +72,12 @@ export default defineComponent({
       (<any>window).media_control_client_product == EProductNames.LED_PLAYER ||
       (<any>window).media_control_client_product == EProductNames.OLD_LED_PLAYER
     ) {
-      document.title = $t.t("LedPlayer") + "WebApp";
+      const custom_title = (<any>window).media_control_client_custom_title;
+      if (custom_title && typeof custom_title == "string") {
+        document.title = custom_title;
+      } else {
+        document.title = $t.t("LedPlayer") + "WebApp";
+      }
     } else if (
       (<any>window).media_control_client_product == EProductNames.SPECIAL_VIDEO
     ) {
@@ -272,6 +286,40 @@ export default defineComponent({
       });
     }
 
+    EventBus.getInstance().on(
+      EventNamesDefine.CurrentConnectConnected,
+      async (connection: ClientConnection) => {
+        const show_version_tip = () =>
+          $q.dialog({
+            persistent: true,
+            title: $t.t("Version Mismatch !"),
+            message: $t.t(
+              "Version Mismatch ! Please Upgrade The Software Again ! Otherwise, The File Function Cannot Be Used !"
+            ),
+          });
+        if (connection) {
+          let count = 0;
+          while (
+            connection &&
+            !connection.is_login &&
+            count < (1000 * 10) / 100 /* 10 S */
+          ) {
+            await Common.waitFor(100);
+          }
+          if (count < (1000 * 10) / 100) {
+            try {
+              const response = await connection.getHttpInterfaceVersion();
+              if (!response || response.version != 2) {
+                show_version_tip();
+              }
+            } catch (e) {
+              show_version_tip();
+            }
+          }
+        }
+      }
+    );
+
     return {};
   },
 });

src/common/GlobalData.ts

@@ -21,6 +21,10 @@ export default class GlobalData {
     return 61428;
   }
 
+  public static get kDefaultHttpPort() {
+    return 80;
+  }
+
   private _current_client_name = "";
 
   public static getInstance() {

src/common/ValidationUtil.ts

@@ -0,0 +1,59 @@
+export default class ValidationUtil {
+  static isIpAddress(str: string): boolean {
+    return (
+      str == "localhost" ||
+      /^([1-9]|[1-9][0-9]|1\d\d|2[0-2][0-3])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.([1-9]|[1-9][0-9]|1\d\d|2[0-4]\d|25[0-4])$/.test(
+        str
+      )
+    );
+  }
+
+  static isHost(str: string): boolean {
+    return (
+      str == "localhost" ||
+      /^([1-9]|[1-9][0-9]|1\d\d|2[0-2][0-3])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.([1-9]|[1-9][0-9]|1\d\d|2[0-4]\d|25[0-4])$/.test(
+        str
+      ) ||
+      /^([1-9]|[1-9][0-9]|1\d\d|2[0-2][0-3])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-4])\.([1-9]|[1-9][0-9]|1\d\d|2[0-4]\d|25[0-4])\:([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])$/.test(
+        str
+      )
+    );
+  }
+
+  static isMacAddress(str: string): boolean {
+    return /([A-Fa-f0-9]{2}:){5}[A-Fa-f0-9]{2}/.test(str);
+  }
+
+  static isMaskAddress(str: string): boolean {
+    return /^(254|252|248|240|224|192|128|0)\.0\.0\.0|255\.(254|252|248|240|224|192|128|0)\.0\.0|255\.255\.(254|252|248|240|224|192|128|0)\.0|255\.255\.255\.(254|252|248|240|224|192|128|0)$/.test(
+      str
+    );
+  }
+
+  static isHexStr(str: string): boolean {
+    if (str != null && str != undefined && typeof str == "string") {
+      str = str.trim();
+      if (str.length == 0) {
+        return true;
+      }
+      for (const item of str.split(" ")) {
+        if (item.length > 4) {
+          return false;
+        }
+        if (!/^0[xX][A-Fa-f0-9]{1,2}/.test(item)) {
+          return false;
+        }
+      }
+      return true;
+    }
+    return false;
+  }
+
+  static isResolution(str: string): boolean {
+    return /([0-9]{1,5})[x|X]([0-9]{1,5}@[0-9]{1,3}$)/.test(str);
+  }
+
+  static isEnglishOrNum(str: string): boolean {
+    return /^[0-9a-zA-Z_\-]+$/.test(str);
+  }
+}

src/common/WuJieInitializer.ts

@@ -0,0 +1,92 @@
+import GlobalData from "src/common/GlobalData";
+import {
+  LocaleMessage,
+  DateTimeFormat,
+  NumberFormat,
+} from "@intlify/core-base";
+import { QVueGlobals } from "quasar";
+import { Composer, VueMessageType } from "vue-i18n";
+import { Store } from "vuex";
+import { IWuJieInterface, StateInterface } from "./../store/index";
+import EventBus, { EventNamesDefine } from "./EventBus";
+import Initializer from "./Initializer";
+import ClientConnection from "./ClientConnection";
+
+export class WuJieInitializer {
+  public static initialize(
+    $wujie: IWuJieInterface,
+    $store: Store<StateInterface>,
+    $q: QVueGlobals,
+    $t: Composer<
+      {
+        [x: string]: LocaleMessage<VueMessageType>;
+      },
+      {
+        [x: string]: DateTimeFormat;
+      },
+      {
+        [x: string]: NumberFormat;
+      },
+      string,
+      string,
+      string
+    >
+  ) {
+    if ($wujie) {
+      $wujie.bus.$on("initialize_app", (device_sn: string) => {
+        WuJieInitializer.onInitializeApp(device_sn, $wujie, $store, $q, $t);
+      });
+      setTimeout(() => {
+        $wujie.bus.$emit("client_mounted");
+      }, 500);
+    }
+  }
+
+  private static onInitializeApp(
+    device_sn: string,
+    $wujie: IWuJieInterface,
+    $store: Store<StateInterface>,
+    $q: QVueGlobals,
+    $t: Composer<
+      {
+        [x: string]: LocaleMessage<VueMessageType>;
+      },
+      {
+        [x: string]: DateTimeFormat;
+      },
+      {
+        [x: string]: NumberFormat;
+      },
+      string,
+      string,
+      string
+    >
+  ) {
+    setTimeout(() => {
+      const global_data = GlobalData.getInstance();
+      const client = global_data.getCurrentClient();
+      if (!client) {
+        const client_name = "WuJie@" + device_sn;
+        console.log(client_name);
+        global_data.addClient(client_name, new ClientConnection("", "", ""));
+        global_data.setCurrentClientName(client_name);
+      }
+      if (client) {
+        client._is_login = true;
+      }
+      new Initializer({
+        $t,
+        $store,
+        $q,
+      })
+        .initialize()
+        .then(() => {
+          $store.commit("setInitialized");
+          if ($wujie) {
+            $wujie.bus.$emit("client_initialize_end");
+          }
+        });
+      EventBus.getInstance().emit(EventNamesDefine.WebSocketConnected, this);
+    }, 0);
+  }
+}

src/common/WuJieReconnectingWebSocket.ts

@@ -0,0 +1,59 @@
+import { IWuJieInterface } from "./../store/index";
+import { store } from "quasar/wrappers";
+
+export default class WuJieReconnectingWebSocket {
+  readyState: number;
+  $wujie: IWuJieInterface;
+
+  constructor() {
+    this.readyState = WebSocket.OPEN;
+    this.onclose = (ev: any) => {};
+    this.onerror = (ev: any) => {};
+    this.onmessage = (ev: any) => {};
+    this.onopen = (ev: any) => {};
+
+    this.$wujie = (window as any).$wujie;
+    if (this.$wujie) {
+      this.$wujie.bus.$on("onclose", this.onclose);
+      this.$wujie.bus.$on("onerror", this.onerror);
+      this.$wujie.bus.$on("onmessage", (ev: any) => {
+        if (this.onmessage) {
+          this.onmessage(ev);
+        }
+      });
+      this.$wujie.bus.$on("onopen", this.onopen);
+      setTimeout(() => {
+        if (this.onopen) {
+          this.onopen(null);
+        }
+      }, 500);
+    }
+  }
+  onclose: ((event: any) => void) | null;
+  /**
+   * An event listener to be called when an error occurs
+   */
+  onerror: ((event: any) => void) | null;
+  /**
+   * An event listener to be called when a message is received from the server
+   */
+  onmessage: ((event: MessageEvent) => void) | null;
+  /**
+   * An event listener to be called when the WebSocket connection's readyState changes to OPEN;
+   * this indicates that the connection is ready to send and receive data
+   */
+  onopen: ((event: any) => void) | null;
+  /**
+   * Closes the WebSocket connection or connection attempt, if any. If the connection is already
+   * CLOSED, this method does nothing
+   */
+  close(code?: number, reason?: string) {}
+  /**
+   * Enqueue specified data to be transmitted to the server over the WebSocket connection
+   */
+  send(data: string) {
+    if (this.$wujie) {
+      this.$wujie.bus.$emit("send_to", data);
+    }
+  }
+}

src/components/AdvancedDebugDialog.vue

@@ -11,7 +11,7 @@
       }
     "
   >
-    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
+    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 40vw">
       <q-form>
         <q-card-section class="q-ma-none q-pa-sm">
           <div class="row">
@@ -37,8 +37,67 @@
 
         <q-separator />
 
-        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
+        <q-card-section style="max-height: 60vh; width: 40vw" class="scroll">
           <q-list>
+            <q-item>
+              <q-item-section avatar>{{ $t("product") }}</q-item-section>
+              <q-item-section>
+                <q-radio
+                  v-model="selected_product"
+                  val=""
+                  :label="$t('normal')"
+                  color="cyan"
+                  class="offset-md-1 col"
+                  :loading="loading"
+                  :disable="loading"
+                />
+              </q-item-section>
+              <q-item-section>
+                <q-radio
+                  v-model="selected_product"
+                  val="magic_wall"
+                  :label="$t('magic wall')"
+                  color="cyan"
+                  class="offset-md-1 col"
+                  :loading="loading"
+                  :disable="loading"
+                />
+              </q-item-section>
+              <q-item-section>
+                <q-radio
+                  v-model="selected_product"
+                  val="fusion"
+                  :label="$t('fusion')"
+                  color="cyan"
+                  class="offset-md-1 col"
+                  :loading="loading"
+                  :disable="loading"
+                />
+              </q-item-section>
+            </q-item>
+            <q-item v-if="selected_product == 'fusion'">
+              <q-item-section avatar>{{ $t("fusion") }}</q-item-section>
+              <q-item-section>
+                <div class="row" v-for="(row, row_index) in 3" :key="row">
+                  <q-radio
+                    v-for="(item, item_index) in 3"
+                    :key="row_index * 3 + item"
+                    v-model="function_fusion_count"
+                    :val="row_index * 3 + item"
+                    :label="
+                      (row_index * 3 + item).toString() +
+                      $t(' ') +
+                      $t('fusion out')
+                    "
+                    color="cyan"
+                    class="col"
+                    :class="item_index ? 'offset-md-1 ' : ''"
+                    :loading="loading"
+                    :disable="loading"
+                  />
+                </div>
+              </q-item-section>
+            </q-item>
             <q-item>
               <q-item-section avatar>{{ $t("function") }}</q-item-section>
               <q-item-section>
@@ -69,15 +128,6 @@
                   :disable="loading"
                 />
               </q-item-section>
-              <q-item-section avatar>
-                <q-btn
-                  @click="setDeviceAttribute"
-                  :label="$t('commit')"
-                  no-caps
-                  outline
-                  color="primary"
-                />
-              </q-item-section>
             </q-item>
             <q-item>
               <q-item-section avatar></q-item-section>
@@ -85,13 +135,28 @@
                 <q-checkbox
                   v-model="function_custom_ISV"
                   :label="$t('Custom ISV')"
-                  class="offset-md-1 col"
                   color="cyan"
+                  class="col"
                   :loading="loading"
                   :disable="loading"
                 />
               </q-item-section>
             </q-item>
+            <q-item>
+              <q-item-section> </q-item-section>
+              <q-item-section>
+                <q-btn
+                  @click="setDeviceAttributeAndProduct"
+                  :label="$t('commit')"
+                  no-caps
+                  outline
+                  class="q-px-lg"
+                  color="primary"
+                />
+              </q-item-section>
+              <q-item-section> </q-item-section>
+            </q-item>
+            <q-separator />
             <q-item>
               <q-item-section avatar>
                 {{ $t("language") }}
@@ -128,7 +193,6 @@
                 />
               </q-item-section>
             </q-item>
-
             <q-separator class="q-mt-md" />
 
             <q-item class="q-mt-md">
@@ -174,8 +238,10 @@ import { useStore } from "src/store";
 import { useQuasar, date as $date } from "quasar";
 import { useI18n } from "vue-i18n";
 import GlobalData from "src/common/GlobalData";
-import { Protocol } from "src/entities/WSProtocol";
+import {
-import { EDeviceAttribute } from "src/entities/EDeviceAttribute";
+  EDeviceAttribute,
+  EDeviceAttributeHelper,
+} from "src/entities/EDeviceAttribute";
 
 export default defineComponent({
   name: "ComponentAdvancedDebugDialog",
@@ -198,7 +264,47 @@ export default defineComponent({
     const function_mirroring_output = ref(
       $store.state.custom_defines.function_mirroring_output
     );
+    const function_magic_wall = ref(
+      $store.state.custom_defines.function_magic_wall
+    );
+    const function_fusion = ref($store.state.custom_defines.function_fusion);
+    const function_fusion_count = ref(0);
     const target_language = ref("zh-CN");
+    const selected_product = ref("");
+
+    watch(
+      () => selected_product.value,
+      (newValue) => {
+        function_fusion.value = newValue == "fusion";
+        function_magic_wall.value = newValue == "magic_wall";
+      }
+    );
+
+    const getFinalAttribute = () => {
+      let attribute = EDeviceAttribute.None;
+      if (function_center_control.value) {
+        attribute |= EDeviceAttribute.CenterControl;
+      }
+      if (function_output_board.value) {
+        attribute |= EDeviceAttribute.OutputBoard;
+      }
+      if (function_mirroring_output.value) {
+        attribute |= EDeviceAttribute.MirroringOutput;
+      }
+
+      if (function_custom_ISV.value) {
+        attribute |= EDeviceAttribute.CustomISV;
+      }
+      if (function_magic_wall.value) {
+        attribute |= EDeviceAttribute.ProductMagicWall;
+      }
+      if (function_fusion.value) {
+        attribute |= EDeviceAttributeHelper.getProdictFusionAttributeByIndex(
+          function_fusion_count.value
+        );
+      }
+      return attribute;
+    };
 
     return {
       show_dialog,
@@ -206,8 +312,12 @@ export default defineComponent({
       function_center_control,
       function_output_board,
       function_custom_ISV,
+      function_magic_wall,
+      function_fusion,
+      function_fusion_count,
       function_mirroring_output,
       target_language,
+      selected_product,
 
       showDialog() {
         show_dialog.value = true;
@@ -219,6 +329,20 @@ export default defineComponent({
           $store.state.custom_defines.function_output_board;
         function_mirroring_output.value =
           $store.state.custom_defines.function_mirroring_output;
+        function_magic_wall.value =
+          $store.state.custom_defines.function_magic_wall;
+        function_fusion.value = $store.state.custom_defines.function_fusion;
+        function_fusion_count.value =
+          EDeviceAttributeHelper.getProductFusionOutputCountDefault(
+            $store.state.device_attribute,
+            1
+          );
+
+        if (function_magic_wall.value) {
+          selected_product.value = "magic_wall";
+        } else if (function_fusion.value) {
+          selected_product.value = "fusion";
+        }
       },
       resetData() {
         loading.value = false;
@@ -227,6 +351,9 @@ export default defineComponent({
         function_output_board.value = false;
         function_mirroring_output.value = false;
         function_custom_ISV.value = false;
+        function_magic_wall.value = false;
+        function_fusion.value = false;
+        selected_product.value = "";
       },
 
       restartDevice() {
@@ -304,21 +431,22 @@ export default defineComponent({
           </div>`,
         });
       },
-      setDeviceAttribute() {
+      setDeviceAttributeAndProduct() {
-        let attribute = EDeviceAttribute.None;
+        let attribute = getFinalAttribute();
-        if (function_center_control.value) {
+        GlobalData.getInstance()
-          attribute |= EDeviceAttribute.CenterControl;
+          .getCurrentClient()
-        }
+          ?.setDeviceAttribute(attribute);
-        if (function_output_board.value) {
-          attribute |= EDeviceAttribute.OutputBoard;
-        }
-        if (function_mirroring_output.value) {
-          attribute |= EDeviceAttribute.MirroringOutput;
-        }
 
-        if (function_custom_ISV.value) {
+        $q.notify({
-          attribute |= EDeviceAttribute.CustomISV;
+          color: "positive",
-        }
+          icon: "done",
+          message: $t.t("set device function") + $t.t("success") + "!",
+          position: "top",
+          timeout: 1500,
+        });
+      },
+      setDeviceAttribute() {
+        let attribute = getFinalAttribute();
 
         GlobalData.getInstance()
           .getCurrentClient()
@@ -344,6 +472,16 @@ export default defineComponent({
           timeout: 1500,
         });
       },
+      changeMagic() {
+        if (function_magic_wall.value) {
+          function_fusion.value = false;
+        }
+      },
+      changeFusion() {
+        if (function_fusion.value) {
+          function_magic_wall.value = false;
+        }
+      },
     };
   },
 });

src/components/AdvancedIpAddressDialog.vue

@@ -20,14 +20,7 @@
             </div>
             <q-space />
             <div>
-              <q-btn
+              <q-btn flat round icon="close" color="red" v-close-popup>
-                flat
-                round
-                icon="close"
-                :disable="loading"
-                color="red"
-                v-close-popup
-              >
                 <q-tooltip>
                   {{ $t("close") }}
                 </q-tooltip>
@@ -88,7 +81,8 @@
                     (val) =>
                       (val && val.length > 0) || $t('Please type something'),
                     (val) =>
-                      isIpAddress(val) || $t('Please input vaild ip address'),
+                      isMaskAddress(val) ||
+                      $t('Please input vaild netmask address'),
                   ]"
                   lazy-rules
                 />
@@ -162,12 +156,12 @@
 </style>
 
 <script lang="ts">
-import { defineComponent, ref, Ref, reactive } from "vue";
+import { defineComponent, ref } from "vue";
 import { useStore } from "src/store";
-import { useQuasar, copyToClipboard, uid } from "quasar";
+import { useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
-import GlobalData from "src/common/GlobalData";
 import { AdvancedIpAddressEntity } from "src/entities/AdvancedIpAddressEntity";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentSystenSettingAdvancedNetworkDialog",
@@ -267,12 +261,10 @@ export default defineComponent({
         } catch {}
       },
       isIpAddress(str: string) {
-        return (
+        return ValidationUtil.isIpAddress(str);
-          str == "localhost" ||
+      },
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+      isMaskAddress(str: string) {
-            str
+        return ValidationUtil.isMaskAddress(str);
-          )
-        );
       },
       checkFilterListIp(str: string) {
         if (Array.isArray(ip_filter_list)) {

src/components/BackgroundImageDialog.vue

@@ -1,256 +1,226 @@
-<template>
+<template>
-  <q-dialog
+  <q-dialog
-    persistent
+    persistent
-    v-model="show_dialog"
+    v-model="show_dialog"
-    @before-hide="resetData"
+    @before-hide="resetData"
-    @keydown="
+    @keydown="
-      (evt) => {
+      (evt) => {
-        if (!loading && evt.keyCode == 27) {
+        if (!loading && evt.keyCode == 27) {
-          show_dialog = false;
+          show_dialog = false;
-        }
+        }
-      }
+      }
-    "
+    "
-  >
+  >
-    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
+    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
-      <q-form @submit="onSubmit">
+      <q-form @submit="onSubmit">
-        <q-card-section class="q-ma-none q-pa-sm">
+        <q-card-section class="q-ma-none q-pa-sm">
-          <div class="row">
+          <div class="row">
-            <div class="col-11 text-h6">
+            <div class="col-11 text-h6">
-              {{ $t("background image") }}
+              {{ $t("background image") }}
-            </div>
+            </div>
-            <div class="col-1">
+            <div class="col-1">
-              <q-btn
+              <q-btn
-                :loading="loading"
+                :loading="loading"
-                flat
+                flat
-                round
+                round
-                icon="close"
+                icon="close"
-                :disable="loading"
+                :disable="loading"
-                color="red"
+                color="red"
-                v-close-popup
+                v-close-popup
-              >
+              >
-                <q-tooltip>
+                <q-tooltip>
-                  {{ $t("close") }}
+                  {{ $t("close") }}
-                </q-tooltip>
+                </q-tooltip>
-              </q-btn>
+              </q-btn>
-            </div>
+            </div>
-          </div>
+          </div>
-        </q-card-section>
+        </q-card-section>
-
+
-        <q-separator />
+        <q-separator />
-
+
-        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
+        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
-          <q-list>
+          <q-list>
-            <q-item>
+            <q-item>
-              <q-item-section>
+              <q-item-section>
-                <q-uploader
+                <q-uploader
-                  class="full-width"
+                  class="full-width"
-                  ref="uploader"
+                  ref="uploader"
-                  :url="upload_url"
+                  :url="upload_url"
-                  method="post"
+                  method="post"
-                  :headers="generatorFileUploadHeaders"
+                  :label="$t('select background image') + ':'"
-                  :label="$t('select background image') + ':'"
+                  :accept="$store.state.isSpecialVideo() ? '.svdoj' : 'image/*'"
-                  :accept="$store.state.isSpecialVideo() ? '.svdoj' : 'image/*'"
+                  :hide-upload-btn="true"
-                  :hide-upload-btn="true"
+                  @uploaded="onUploaded"
-                  @uploaded="onUploaded"
+                  @failed="onFailed"
-                  @failed="onFailed"
+                  @added="(files) => files && (file_count += files.length)"
-                  @added="(files) => files && (file_count += files.length)"
+                  @removed="(files) => files && (file_count -= files.length)"
-                  @removed="(files) => files && (file_count -= files.length)"
+                />
-                />
+                <!-- :headers="generatorFileUploadHeaders" -->
-              </q-item-section>
+              </q-item-section>
-            </q-item>
+            </q-item>
-          </q-list>
+          </q-list>
-        </q-card-section>
+        </q-card-section>
-
+
-        <q-separator />
+        <q-separator />
-
+
-        <q-card-actions align="left">
+        <q-card-actions align="left">
-          <q-btn
+          <q-btn
-            v-if="$store.state.isLedPlayer()"
+            v-if="$store.state.isLedPlayer()"
-            flat
+            flat
-            no-caps
+            no-caps
-            :loading="loading"
+            :loading="loading"
-            color="primary"
+            color="primary"
-            @click="showBackgroundImage"
+            @click="showBackgroundImage()"
-            :label="$t('view current background image')"
+            :label="$t('view current background image')"
-          />
+          />
-          <q-space />
+          <q-space />
-          <q-btn
+          <q-btn
-            :loading="loading"
+            :loading="loading"
-            flat
+            flat
-            :label="$t('Cancel')"
+            :label="$t('Cancel')"
-            no-caps
+            no-caps
-            color="primary"
+            color="primary"
-            v-close-popup
+            v-close-popup
-          />
+          />
-          <q-btn
+          <q-btn
-            ref="accept"
+            ref="accept"
-            flat
+            flat
-            :label="$t('Accept')"
+            :label="$t('Accept')"
-            no-caps
+            no-caps
-            :loading="loading"
+            :loading="loading"
-            type="submit"
+            type="submit"
-            color="primary"
+            color="primary"
-          />
+          />
-        </q-card-actions>
+        </q-card-actions>
-      </q-form>
+      </q-form>
-    </q-card>
+    </q-card>
-  </q-dialog>
+  </q-dialog>
-</template>
+</template>
-
+
-<style scoped></style>
+<style scoped></style>
-
+
-<script lang="ts">
+<script lang="ts">
-import { defineComponent, ref, watch, computed } from "vue";
+import { defineComponent, ref, watch, computed } from "vue";
-import { useStore } from "src/store";
+import { useStore } from "src/store";
-import { useQuasar } from "quasar";
+import { useQuasar } from "quasar";
-import { useI18n } from "vue-i18n";
+import { useI18n } from "vue-i18n";
-import GlobalData from "src/common/GlobalData";
+import GlobalData from "src/common/GlobalData";
-import { HttpProtocol } from "src/entities/HttpProtocol";
+import { HttpProtocol } from "src/entities/HttpProtocol";
-import { api as viewerApi } from "v-viewer";
+import { api as viewerApi } from "v-viewer";
-
+
-export default defineComponent({
+export default defineComponent({
-  name: "ComponentBackgroundImageDialog",
+  name: "ComponentBackgroundImageDialog",
-
+
-  setup() {
+  setup() {
-    let $store = useStore();
+    let $store = useStore();
-    let $q = useQuasar();
+    let $q = useQuasar();
-    let $t = useI18n();
+    let $t = useI18n();
-
+
-    let show_dialog = ref(false);
+    let show_dialog = ref(false);
-    let uploader: any = ref(null);
+    let uploader: any = ref(null);
-    let loading = ref(false);
+    let loading = ref(false);
-    let upload_url = ref("");
+    let upload_url = ref("");
-    let file_count = ref(0);
+    let file_count = ref(0);
-
+
-    return {
+    return {
-      show_dialog,
+      show_dialog,
-      loading,
+      loading,
-      upload_url,
+      upload_url,
-      uploader,
+      uploader,
-      file_count,
+      file_count,
-      loga(a: any) {
+      loga(a: any) {
-        console.log(a);
+        console.log(a);
-      },
+      },
-      generatorFileUploadHeaders(files: File[]) {
+      showDialog() {
-        if (files.length > 0) {
+        show_dialog.value = true;
-          return [
+        let url = GlobalData.getInstance().createCurrentRequestUrl();
-            {
+        if (url) {
-              name: HttpProtocol.kHeaderXProductName,
+          url.pathname = "/upload_background_image_file";
-              value: HttpProtocol.getProductName($store),
+          upload_url.value = url.toString();
-            },
+        }
-            {
+      },
-              name: HttpProtocol.kHeaderXFileLength,
+      resetData() {
-              value: files[0].size,
+        loading.value = false;
-            },
+        upload_url.value = "";
-          ];
+        file_count.value = 0;
-        }
+      },
-        return [];
+      showBackgroundImage() {
-      },
+        try {
-      showDialog() {
+          let url = GlobalData.getInstance().createCurrentRequestUrl();
-        show_dialog.value = true;
+          if (url) {
-        let client = GlobalData.getInstance().getCurrentClient();
+            url.pathname = "/get_background_image_file";
-        if (client) {
+            viewerApi({
-          let url = new URL(client.url);
+              options: {
-          url.port =
+                toolbar: true,
-            GlobalData.getInstance().applicationConfig?.httpserver_port ??
+                url: "data-source",
-            HttpProtocol.DefaultHttpPort.toString();
+                initialViewIndex: 0,
-          url.pathname = HttpProtocol.RequestUploadFile;
+              },
-          url.protocol = "http:";
+              images: [
-          url.searchParams.append(
+                {
-            "type",
+                  src: url.toString(),
-            HttpProtocol.UploadTypeBackgroundImage
+                  "data-source": url.toString(),
-          );
+                },
-          upload_url.value = url.toString();
+              ],
-        }
+            });
-      },
+          }
-      resetData() {
+        } catch {}
-        loading.value = false;
+      },
-        upload_url.value = "";
+      async onSubmit() {
-        file_count.value = 0;
+        if (file_count.value <= 0) {
-      },
+          $q.notify({
-      showBackgroundImage() {
+            type: "warning",
-        const temp_port =
+            message: $t.t("please select file first") + "!",
-          GlobalData.getInstance().applicationConfig?.httpserver_port ??
+            position: "top",
-          HttpProtocol.DefaultHttpPort.toString();
+            timeout: 1500,
-        try {
+          });
-          const url = new URL(
+          return;
-            GlobalData.getInstance().getCurrentClient()?.url ??
+        }
-              "http://127.0.0.1:" + temp_port
+        loading.value = true;
-          );
+        try {
-          url.protocol = "http";
+          $q.dialog({
-          url.port = temp_port.toString();
+            title: $t.t("Confirm"),
-          url.pathname = "/static/background_image.png";
+            message: $t.t("use this image to background image") + "?",
-          viewerApi({
+            ok: {
-            options: {
+              label: $t.t("ok"),
-              toolbar: true,
+              noCaps: true,
-              url: "data-source",
+              flat: true,
-              initialViewIndex: 0,
+            },
-            },
+            cancel: {
-            images: [
+              label: $t.t("cancel"),
-              {
+              noCaps: true,
-                src: url.toString(),
+              flat: true,
-                "data-source": url.toString(),
+            },
-              },
+            persistent: true,
-            ],
+          })
-          });
+            .onOk(() => {
-        } catch {}
+              uploader.value.upload();
-      },
+            })
-      async onSubmit() {
+            .onCancel(() => {
-        if (file_count.value <= 0) {
+              loading.value = false;
-          $q.notify({
+            });
-            type: "warning",
+        } catch {}
-            message: $t.t("please select file first") + "!",
+      },
-            position: "top",
+      onUploaded() {
-            timeout: 1500,
+        $q.notify({
-          });
+          type: "positive",
-          return;
+          message: $t.t("upload background image") + $t.t("success") + "!",
-        }
+          position: "top",
-        loading.value = true;
+          timeout: 1500,
-        try {
+        });
-          $q.dialog({
+        loading.value = false;
-            title: $t.t("Confirm"),
+        show_dialog.value = false;
-            message: $t.t("use this image to background image") + "?",
+      },
-            ok: {
+      onFailed(info: any) {
-              label: $t.t("ok"),
+        console.log(info);
-              noCaps: true,
+        $q.notify({
-              flat: true,
+          type: "warning",
-            },
+          message: $t.t("upload background image") + $t.t("fail") + "!",
-            cancel: {
+          position: "top",
-              label: $t.t("cancel"),
+          timeout: 1500,
-              noCaps: true,
+        });
-              flat: true,
+        loading.value = false;
-            },
+      },
-            persistent: true,
+    };
-          })
+  },
-            .onOk(() => {
+});
-              uploader.value.upload();
+</script>
-            })
-            .onCancel(() => {
-              loading.value = false;
-            });
-        } catch {}
-      },
-      onUploaded() {
-        $q.notify({
-          type: "positive",
-          message: $t.t("upload background image") + $t.t("success") + "!",
-          position: "top",
-          timeout: 1500,
-        });
-        loading.value = false;
-        show_dialog.value = false;
-      },
-      onFailed(info: any) {
-        console.log(info);
-        $q.notify({
-          type: "warning",
-          message: $t.t("upload background image") + $t.t("fail") + "!",
-          position: "top",
-          timeout: 1500,
-        });
-        loading.value = false;
-      },
-    };
-  },
-});
-</script>

src/components/CenterControlButtonDialog.vue

@@ -139,6 +139,7 @@ import { useQuasar, copyToClipboard } from "quasar";
 import { useI18n } from "vue-i18n";
 
 import { ExternalControlTableEntity } from "src/entities/ExternalControlTableEntity";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentCenterControlButtonDialog",
@@ -246,22 +247,7 @@ export default defineComponent({
         show_dialog.value = false;
       },
       isHexStr(val: string) {
-        if (val != null && val != undefined && typeof val == "string") {
+        return ValidationUtil.isHexStr(val);
-          val = val.trim();
-          if (val.length == 0) {
-            return true;
-          }
-          for (const item of val.split(" ")) {
-            if (item.length > 4) {
-              return false;
-            }
-            if (!/^0[xX][A-Fa-f0-9]{1,2}/.test(item)) {
-              return false;
-            }
-          }
-          return true;
-        }
-        return false;
       },
     };
   },

src/components/CenterControlDialog.vue

@@ -406,6 +406,7 @@ import {
   SerialPortConfigEntity,
 } from "src/entities/SerialPortConfigEntity";
 import { Protocol } from "src/entities/WSProtocol";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentCenterControlDialog",
@@ -733,12 +734,7 @@ export default defineComponent({
         }
       },
       isIpAddress(str: string) {
-        return (
+        return ValidationUtil.isIpAddress(str);
-          str == "localhost" ||
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-            str
-          )
-        );
       },
     };
   },

src/components/EditJointActionEquipmentDialog.vue

@@ -152,6 +152,7 @@ import { api } from "boot/axios";
 import { HttpProtocol } from "src/entities/HttpProtocol";
 import JointActionEquipmentTableEntity from "src/entities/JointActionEquipmentTableEntity";
 import EventBus, { EventNamesDefine } from "src/common/EventBus";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentEditJointActionEquipmentDialog",
@@ -330,15 +331,7 @@ export default defineComponent({
         }
       },
       isHost(str: string) {
-        return (
+        return ValidationUtil.isHost(str);
-          str == "localhost" ||
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-            str
-          ) ||
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\:([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])$/.test(
-            str
-          )
-        );
       },
     };
   },

src/components/FusionSettings/Debugging.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <q-list dense bordered separator>
+      <q-item clickable v-ripple v-for="(item, index) in data">
+        <q-item-section>
+          <DebuggingItem
+            :name="Object.keys(item)[0]"
+            :value="Object.values(item)[0]"
+          >
+          </DebuggingItem>
+        </q-item-section>
+      </q-item>
+      <q-item clickable v-ripple v-for="(item, index) in btn">
+        <q-item-section>
+          <div>
+            <q-btn
+              color="white"
+              text-color="black"
+              @click="send_btn(Object.keys(item)[0])"
+              :label="$t(btn_name(Object.keys(item)[0]))"
+            />
+          </div>
+        </q-item-section>
+      </q-item>
+    </q-list>
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  defineComponent,
+  ref,
+  watch,
+  computed,
+  defineProps,
+  withDefaults,
+  reactive,
+  onMounted,
+  onBeforeUnmount,
+} from "vue";
+import { useStore } from "src/store";
+import { useI18n } from "vue-i18n";
+import vue3ResizeDrag from "/src/third_lib/vue3-resize-drag/components/vue3-resize-drag/index.vue";
+import GlobalData from "src/common/GlobalData";
+import DebuggingItem from "src/components/FusionSettings/DebuggingItem.vue";
+export default defineComponent({
+  name: "Debugging",
+  components: {
+    vue3ResizeDrag,
+    DebuggingItem,
+  },
+  setup() {
+
+    let set = GlobalData.getInstance().getCurrentClient();
+    let $store = useStore();
+    let $t = useI18n();
+    const data = computed(() => {
+      let array = [];
+      let tmp = JSON.parse($store.state.fusion_configuration).options;
+      for (let key in tmp) {
+        if (key.indexOf("@") != -1 && key.indexOf("@btn") == -1) {
+          array.push({ [key]: tmp[key] });
+        }
+      }
+      return array;
+    });
+    const btn = computed(() => {
+      let array = [];
+      let tmp = JSON.parse($store.state.fusion_configuration).options;
+      for (let key in tmp) {
+        if (key.indexOf("@btn") != -1) {
+          array.push({ [key]: tmp[key] });
+        }
+      }
+      return array;
+    });
+
+    const btn_name = (name: string): string => {
+      return name.split("@")[2];
+    };
+    const send_btn = (name: string) => {
+      set?.SetBlendingOption(name, "1");
+    };
+    return {
+      btn_name,
+      send_btn,
+      data,
+      btn,
+    };
+  },
+});
+</script>

src/components/FusionSettings/DebuggingItem.vue

@@ -0,0 +1,98 @@
+<template>
+  <div><span>{{ $t(show_name) }}</span> <q-checkbox v-model="val" @click="send" /></div>
+</template>
+
+
+<script lang="ts">
+import {
+  defineComponent,
+  ref,
+  watch,
+  computed,
+  defineProps,
+  withDefaults,
+  reactive,
+  onMounted,
+  onBeforeUnmount,
+} from "vue";
+import { useStore } from "src/store";
+import { useI18n } from "vue-i18n";
+import vue3ResizeDrag from "/src/third_lib/vue3-resize-drag/components/vue3-resize-drag/index.vue";
+import GlobalData from "src/common/GlobalData";
+export default defineComponent({
+  name: "DebuggingItem",
+  components: {
+    vue3ResizeDrag,
+  },
+  props: {
+    name: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  setup(props) {
+    let set = GlobalData.getInstance().getCurrentClient();
+    let $store = useStore();
+    let $t = useI18n();
+    const val = ref(false)
+    const show_name = computed(() => {
+      let tmp=""
+      if(props.name.indexOf("@") != -1){
+        tmp=props.name.split("@")[1]
+      }else{
+        tmp=props.name
+      }
+      return tmp
+    })
+    val.value=props.value=="1"?true:false
+    const send = () => {
+      set?.SetBlendingOption(props.name, val.value ? "1" : "0");
+
+    }
+    const use_sessionStorage=()=>{
+      if(sessionStorage.Debugging){
+        let tmp=JSON.parse(sessionStorage.Debugging);
+        for (let index = 0;index < tmp.length; index++) {
+          if(Object.keys(tmp[index])[0]==props.name){
+            val.value=Object.values(tmp[index])[0]=="1"?true:false
+            break
+          }
+        }
+      }
+    }
+    onMounted(()=>{
+      use_sessionStorage()
+    })
+    onBeforeUnmount(() => {
+        let key=props.name
+        let value=val.value
+      if(sessionStorage.Debugging){
+        let tmp=JSON.parse(sessionStorage.Debugging);
+        let count=0;
+        for (let index = 0;index < tmp.length; index++) {
+          if(Object.keys(tmp[index])[0]==key){
+            tmp[index]={[key]:value}
+            break
+          }
+          count=index
+        }
+        if(count==tmp.length-1)tmp.push({[key]:value});
+        sessionStorage.Debugging = JSON.stringify(tmp);
+      }else{
+        sessionStorage.Debugging = JSON.stringify([{[key]:value}]);
+      }
+
+    });
+    return {
+      send,
+      val,
+      show_name,
+      ...props
+    }
+  }
+})
+</script>

src/components/FusionSettings/GridSettings.vue

@@ -1,86 +1,235 @@
 <template>
-    <div class="row">
+  <div class="row">
+    <div class="col-12">
+      <div class="row">
         <div class="col-12">
-            <div class="row">
+          <div class="row">
-                <div class="col-12">
+            <div class="col-4 col-sm-3"></div>
-                    <div class="row">
+            <div class="col-4 col-sm-6 q-pt-sm"><q-select outlined v-model="model[0]"
-                        <div class="col-4"></div>
+                @update:model-value="update_row_col(0, model[0])" :options="options" :dense="true" :options-dense="true"
-                        <div class="col-4 q-pt-sm"><q-select outlined v-model="model[0]" :options="options" :dense="true"
+                :label="$t('wall row')" /> </div><q-checkbox @update:model-value="send_off(0)"
-                                :options-dense="true" label="单元行数" /> </div><q-checkbox v-model="RowsColumns[0]" />
+              v-model="RowsColumns[0]" />
-                    </div>
+          </div>
-                </div>
-                <div class="col-12">
-                    <div class="row">
-                        <div class="col-4"></div>
-                        <div class="col-4 q-pt-sm"><q-select outlined v-model="model[1]" :options="options" :dense="true"
-                                :options-dense="true" label="单元列数" /> </div><q-checkbox v-model="RowsColumns[1]" />
-                    </div>
-                </div>
-                <div class="col-12">
-                    <div class="row" style="min-height: 40px;">
-                        <div class="col-4"></div>
-                        <div class="col-4 q-pt-sm"><div class="row"><div class="col-4"><span>网格颜色</span></div><div class="col-8" @click="isshowhex=true;index=0" :style="{'background-color':color[0]}"></div></div></div>
-                    </div>
-                </div>
-                <div class="col-12">
-                    <div class="row" style="min-height: 40px;">
-                        <div class="col-4"></div>
-                        <div class="col-4 q-pt-sm"><div class="row"><div class="col-4"><span>背景颜色</span></div><div class="col-8"  @click="isshowhex=true;index=1" :style="{'background-color':color[1]}"></div></div></div>
-                    </div>
-                </div>
-                <div class="col-12">
-                    <div class="row" style="min-height: 40px;">
-                        <div class="col-4"></div>
-                        <div class="col-4 q-pt-sm"><div class="row"><div class="col-4"><span>中心线颜色</span></div><div class="col-8" @click="isshowhex=true;index=2" :style="{'background-color':color[2]}"></div></div></div><q-checkbox v-model="RowsColumns[2]" />
-                    </div>
-                </div>
-                <div class="col-12">
-                    <div class="row" style="min-height: 40px;">
-                        <div class="col-4"></div>
-                        <div class="col-4 q-pt-sm"><div class="row"><div class="col-4"><span>中心圆颜色</span></div><div class="col-8"  @click="isshowhex=true;index=3" :style="{'background-color':color[3]}"></div></div></div><q-checkbox v-model="RowsColumns[3]" />
-                    </div>
-                </div>
-            </div>
         </div>
-        <div v-if="isshowhex" style="margin: 0 auto;text-align: center;"><q-color no-header-tabs  no-footer v-model="color[index]" class="my-picker" /> <q-btn style="margin-top: 0.5rem;" color="white" @click="isshowhex=false" class=" q-pt-sm" text-color="black" label="提交" /></div>
+        <div class="col-12">
+          <div class="row">
+            <div class="col-4 col-sm-3"></div>
+            <div class="col-4 col-sm-6 q-pt-sm"><q-select outlined v-model="model[1]"
+                @update:model-value="update_row_col(1, model[1])" :options="options" :dense="true" :options-dense="true"
+                :label="$t('wall col')" /> </div><q-checkbox @update:model-value="send_off(1)"
+              v-model="RowsColumns[1]" />
+          </div>
+        </div>
+        <div class="col-12">
+          <div class="row">
+            <div class="col-4 col-sm-3"></div>
+            <div class="col-4 col-sm-6 q-pt-sm"><q-select outlined v-model="model[2]"
+                @update:model-value="update_row_col(2, model[2])" :options="line_width_options" :dense="true" :options-dense="true"
+                :label="$t('line width')" /> </div>
+          </div>
+        </div>
+        <div class="col-12">
+          <div class="row" style="min-height: 40px;">
+            <div class="col-4  col-sm-3"></div>
+            <div class="col-4  col-sm-6 q-pt-sm">
+              <q-item>
+                <q-item-section avatar class="head_1">
+                  {{ $t("line color") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input v-model="color[0]" :rules="['anyColor']">
+                    <template v-slot:append>
+                      <q-icon name="colorize" class="cursor-pointer" @click="index = 0">
+                        <q-popup-proxy cover transition-show="scale" transition-hide="scale">
+                          <q-color v-model="color[0]" @change="submit" />
+                        </q-popup-proxy>
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </q-item-section>
+              </q-item>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-12">
+          <div class="row" style="min-height: 40px;">
+            <div class="col-4 col-sm-3"></div>
+            <div class="col-4 col-sm-6 q-pt-sm">
+              <q-item>
+                <q-item-section avatar class="head_1">
+                  {{ $t("center circle color") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input v-model="color[2]" :rules="['anyColor']">
+                    <template v-slot:append>
+                      <q-icon name="colorize" class="cursor-pointer" @click="index = 2">
+                        <q-popup-proxy cover transition-show="scale" transition-hide="scale">
+                          <q-color v-model="color[2]" @change="submit" />
+                        </q-popup-proxy>
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </q-item-section>
+              </q-item>
+            </div>
+            <div class="col-2"><q-checkbox class="q-pt-md" @update:model-value="send_off(2)" v-model="RowsColumns[2]" /></div>
+          </div>
+        </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <style scoped>
-
+.border {
+  border: 1px solid;
+}
 </style>
 
 <script lang="ts">
 import vue3ResizeDrag from "/src/third_lib/vue3-resize-drag/components/vue3-resize-drag/index.vue";
-import { defineComponent, ref,reactive } from "vue";
+import { defineComponent, ref, reactive, onBeforeUnmount } from "vue";
 import { useStore } from "src/store";
 import { useI18n } from "vue-i18n";
-
+import GlobalData from "src/common/GlobalData";
+import { json } from "body-parser";
 
 export default defineComponent({
-    name: "ComponentGridSettings",
+  name: "ComponentGridSettings",
-    components:{
+  components: {
-        vue3ResizeDrag
+    vue3ResizeDrag
-    },
+  },
-    setup() {
+  setup() {
-        let $store = useStore();
+    let set = GlobalData.getInstance().getCurrentClient();
-        let $t = useI18n();
+    let $store = useStore();
-        const RowsColumns=reactive([false,false,false,false]);
+    let $t = useI18n();
-        const hex=ref("")
+    const RowsColumns = reactive([false, false, false, false]);
-        const isshowhex=ref(false);
+    const index = ref(0);
-        const index=ref(0);
+    const color = reactive(["#ffffff", "#CCCCCC", "#000", "#000"]);
-        const color=reactive(["#000","#000","#000","#000"]);
+    let model = reactive([20, 40, 20]);
-        let model = reactive([10,10]);
+    let options = ref([10, 20, 30, 40, 50, 60 ,80]);
-        let options = ref(['10', '20', '30', '40', '50']);
+    let line_width_options = ref([2,4,6,8,10, 20, 30, 40, 50]);
-        return {
+    /**
-            model,
+     * 发送颜色 根据index不同确定是那个接口
-            options,
+     */
-            hex,
+    const submit = () => {
-            RowsColumns,
+      switch (index.value) {
-            isshowhex,
+        case 0:
-            index,
+          set?.SetBlendingOption("blending_grids_line_color", color[index.value]);
-            color,
+          break;
-        };
+        case 1:
-    },
+          set?.SetBlendingOption("blending_grids_background_color", color[index.value]);
+          break;
+        case 2:
+          set?.SetBlendingOption("blending_grids_ellipse_line_color",color[index.value]);
+          break;
+        case 3:
+          //set?.SetBlendingOption("blending_grids_line_color",color[index.value]);
+          break;
+        default:
+          break;
+      }
+    }
+    /**
+     * 修改 横纵 线的数量
+     * @param type 类型
+     * @param value 值
+     */
+    const update_row_col = (type: number, value: number) => {
+      switch (type) {
+        case 0:
+          set?.SetBlendingOption("blending_grids_row", value + "");
+          break;
+        case 1:
+          set?.SetBlendingOption("blending_grids_column", value + "");
+          break;
+        case 2:
+          set?.SetBlendingOption("blending_grids_line_width", value + "");
+          break;
+        default:
+          break;
+      }
+    }
+    /**
+     * 修改 单选 发送数据 使用switch 匹配多个
+     * @param type
+     */
+    const send_off = (type: number) => {
+      setTimeout(() => {
+        switch (type) {
+          case 0:
+            set?.SetBlendingOption("blending_grids_show_row", RowsColumns[type] + "");
+            break;
+          case 1:
+            if (!RowsColumns[1]) RowsColumns[2] = false; RowsColumns[3] = false
+            set?.SetBlendingOption("blending_grids_show_column", RowsColumns[type] + "");
+            break;
+          case 2:
+            set?.SetBlendingOption("blending_grids_show_ellipse", RowsColumns[type] + "");
+            break;
+          case 3:
+
+            break;
+          default:
+            break;
+        }
+      }, 100);
+    }
+    /**
+     * 使用服务端配置
+     */
+    const use_server_config = () => {
+      let server_conf = JSON.parse($store.state.fusion_configuration).options
+      model[0] = server_conf.blending_grids_row ?? 20;
+      model[1] = server_conf.blending_grids_column ?? 40;
+      model[2] = server_conf.blending_grids_line_width ?? 6;
+      color[0] = server_conf.blending_grids_line_color ?? "#ffffff"
+      color[1] = server_conf.blending_grids_background_color ?? "#7f7f7f"
+      color[2] = server_conf.blending_grids_ellipse_line_color ?? "#0000ff"
+      RowsColumns[0] = server_conf.blending_grids_show_row === "false" ? false : true
+      RowsColumns[1] = server_conf.blending_grids_show_column === "false" ? false : true
+      RowsColumns[2] = server_conf.blending_grids_show_ellipse === "false" ? false : true
+    }
+    use_server_config()
+
+    onBeforeUnmount(() => {
+      set_sessionStorage()
+    });
+    /**
+     * 保存缓存到sessionStorage
+     */
+    const set_sessionStorage = () => {
+      let tmp = { RowsColumns: RowsColumns, color: color, model: model }
+      sessionStorage.GridSettings = JSON.stringify(tmp)
+    }
+    /**
+     * 获取sessionStorage
+     */
+    const get_sessionStorage = () => {
+      let tmp = JSON.parse(sessionStorage.GridSettings)
+      for (let index = 0; index < tmp.RowsColumns.length; index++) {
+        RowsColumns[index] = tmp.RowsColumns[index];
+      }
+      for (let index = 0; index < tmp.color.length; index++) {
+        color[index] = tmp.color[index];
+      }
+      for (let index = 0; index < tmp.model.length; index++) {
+        model[index] = tmp.model[index];
+      }
+    }
+    if (sessionStorage.GridSettings) get_sessionStorage()
+    return {
+      line_width_options,
+      model,
+      options,
+      submit,
+      RowsColumns,
+      index,
+      color,
+      update_row_col,
+      send_off
+    };
+  },
 });
-</script>
+</script>

src/components/PlanDialog.vue

@@ -466,7 +466,7 @@ export default defineComponent({
       {
         align: "left",
         name: "delay",
-        label: $t.t("delay"),
+        label: $t.t("duration"),
         field: "delay",
         sortable: false,
       },

src/components/PollingSettingDialog.vue

@@ -311,7 +311,7 @@ export default defineComponent({
       {
         align: "left",
         name: "delay",
-        label: $t.t("delay"),
+        label: $t.t("duration"),
         field: "delay",
         sortable: false,
       },

src/components/RecoveryDatabaseDialog.vue

@@ -1,247 +1,225 @@
-<template>
+<template>
-  <q-dialog
+  <q-dialog
-    persistent
+    persistent
-    v-model="show_dialog"
+    v-model="show_dialog"
-    @before-hide="resetData"
+    @before-hide="resetData"
-    @keydown="
+    @keydown="
-      (evt) => {
+      (evt) => {
-        if (!loading && evt.keyCode == 27) {
+        if (!loading && evt.keyCode == 27) {
-          show_dialog = false;
+          show_dialog = false;
-        }
+        }
-      }
+      }
-    "
+    "
-  >
+  >
-    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
+    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
-      <q-form @submit="onSubmit">
+      <q-form @submit="onSubmit">
-        <q-card-section class="q-ma-none q-pa-sm">
+        <q-card-section class="q-ma-none q-pa-sm">
-          <div class="row">
+          <div class="row">
-            <div class="col-auto text-h6">
+            <div class="col-auto text-h6">
-              {{ $t("database import") }}
+              {{ $t("database import") }}
-            </div>
+            </div>
-            <q-space />
+            <q-space />
-            <div>
+            <div>
-              <q-btn
+              <q-btn
-                :loading="loading"
+                :loading="loading"
-                flat
+                flat
-                round
+                round
-                icon="close"
+                icon="close"
-                :disable="loading"
+                :disable="loading"
-                color="red"
+                color="red"
-                v-close-popup
+                v-close-popup
-              >
+              >
-                <q-tooltip>
+                <q-tooltip>
-                  {{ $t("close") }}
+                  {{ $t("close") }}
-                </q-tooltip>
+                </q-tooltip>
-              </q-btn>
+              </q-btn>
-            </div>
+            </div>
-          </div>
+          </div>
-        </q-card-section>
+        </q-card-section>
-
+
-        <q-separator />
+        <q-separator />
-
+
-        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
+        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
-          <q-list>
+          <q-list>
-            <q-item>
+            <q-item>
-              <q-item-section>
+              <q-item-section>
-                <q-uploader
+                <q-uploader
-                  class="full-width"
+                  class="full-width"
-                  ref="uploader"
+                  ref="uploader"
-                  :url="upload_url"
+                  :url="upload_url"
-                  method="post"
+                  method="POST"
-                  :headers="generatorFileUploadHeaders"
+                  :label="$t('select data(DBP) file') + ':'"
-                  :label="$t('select data(DBP) file') + ':'"
+                  accept=".dbp"
-                  accept=".dbp"
+                  :hide-upload-btn="true"
-                  :hide-upload-btn="true"
+                  @uploaded="onUploaded"
-                  @uploaded="onUploaded"
+                  @failed="onFailed"
-                  @failed="onFailed"
+                  @added="(files) => files && (file_count += files.length)"
-                  @added="(files) => files && (file_count += files.length)"
+                  @removed="(files) => files && (file_count -= files.length)"
-                  @removed="(files) => files && (file_count -= files.length)"
+                />
-                />
+              </q-item-section>
-              </q-item-section>
+            </q-item>
-            </q-item>
+          </q-list>
-          </q-list>
+        </q-card-section>
-        </q-card-section>
+
-
+        <q-separator />
-        <q-separator />
+
-
+        <q-card-actions align="right">
-        <q-card-actions align="right">
+          <q-btn
-          <q-btn
+            :loading="loading"
-            :loading="loading"
+            flat
-            flat
+            :label="$t('Cancel')"
-            :label="$t('Cancel')"
+            no-caps
-            no-caps
+            color="primary"
-            color="primary"
+            v-close-popup
-            v-close-popup
+          />
-          />
+          <q-btn
-          <q-btn
+            ref="accept"
-            ref="accept"
+            flat
-            flat
+            :label="$t('Accept')"
-            :label="$t('Accept')"
+            no-caps
-            no-caps
+            :loading="loading"
-            :loading="loading"
+            type="submit"
-            type="submit"
+            color="primary"
-            color="primary"
+          />
-          />
+        </q-card-actions>
-        </q-card-actions>
+      </q-form>
-      </q-form>
+    </q-card>
-    </q-card>
+  </q-dialog>
-  </q-dialog>
+</template>
-</template>
+
-
+<style scoped></style>
-<style scoped></style>
+
-
+<script lang="ts">
-<script lang="ts">
+import { defineComponent, ref, watch, computed } from "vue";
-import { defineComponent, ref, watch, computed } from "vue";
+import { useStore } from "src/store";
-import { useStore } from "src/store";
+import { useQuasar } from "quasar";
-import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
-import { useI18n } from "vue-i18n";
+import GlobalData from "src/common/GlobalData";
-import GlobalData from "src/common/GlobalData";
+import { HttpProtocol } from "src/entities/HttpProtocol";
-import { HttpProtocol } from "src/entities/HttpProtocol";
+import { api as viewerApi } from "v-viewer";
-import { api as viewerApi } from "v-viewer";
+
-
+export default defineComponent({
-export default defineComponent({
+  name: "ComponentRecoveryDatabaseDialog",
-  name: "ComponentRecoveryDatabaseDialog",
+
-
+  setup() {
-  setup() {
+    let $store = useStore();
-    let $store = useStore();
+    let $q = useQuasar();
-    let $q = useQuasar();
+    let $t = useI18n();
-    let $t = useI18n();
+
-
+    let show_dialog = ref(false);
-    let show_dialog = ref(false);
+    let uploader: any = ref(null);
-    let uploader: any = ref(null);
+    let loading = ref(false);
-    let loading = ref(false);
+    let upload_url = ref("");
-    let upload_url = ref("");
+    let file_count = ref(0);
-    let file_count = ref(0);
+
-
+    return {
-    return {
+      show_dialog,
-      show_dialog,
+      loading,
-      loading,
+      upload_url,
-      upload_url,
+      uploader,
-      uploader,
+      file_count,
-      file_count,
+      showDialog() {
-      generatorFileUploadHeaders(files: File[]) {
+        show_dialog.value = true;
-        if (files.length > 0) {
+        let url = GlobalData.getInstance().createCurrentRequestUrl();
-          return [
+        if (url) {
-            {
+          url.pathname = "/upload_db_file";
-              name: HttpProtocol.kHeaderXProductName,
+          upload_url.value = url.toString();
-              value: HttpProtocol.getProductName($store),
+        }
-            },
+      },
-            {
+      resetData() {
-              name: HttpProtocol.kHeaderXFileLength,
+        loading.value = false;
-              value: files[0].size,
+        upload_url.value = "";
-            },
+        file_count.value = 0;
-          ];
+      },
-        }
+      async onSubmit() {
-        return [];
+        if (file_count.value <= 0) {
-      },
+          $q.notify({
-      showDialog() {
+            type: "warning",
-        show_dialog.value = true;
+            message: $t.t("please select file first") + "!",
-        let client = GlobalData.getInstance().getCurrentClient();
+            position: "top",
-        if (client) {
+            timeout: 1500,
-          let url = new URL(client.url);
+          });
-          url.port =
+          return;
-            GlobalData.getInstance().applicationConfig?.httpserver_port ??
+        }
-            HttpProtocol.DefaultHttpPort.toString();
+        loading.value = true;
-          url.pathname = HttpProtocol.RequestUploadFile;
+        try {
-          url.protocol = "http:";
+          $q.dialog({
-          url.searchParams.append("type", HttpProtocol.UploadTypeDatabase);
+            title: $t.t("Confirm"),
-          upload_url.value = url.toString();
+            message: $t.t("use this file to recovery data") + "?",
-        }
+            ok: {
-      },
+              label: $t.t("ok"),
-      resetData() {
+              noCaps: true,
-        loading.value = false;
+              flat: true,
-        upload_url.value = "";
+            },
-        file_count.value = 0;
+            cancel: {
-      },
+              label: $t.t("cancel"),
-      async onSubmit() {
+              noCaps: true,
-        if (file_count.value <= 0) {
+              flat: true,
-          $q.notify({
+            },
-            type: "warning",
+            persistent: true,
-            message: $t.t("please select file first") + "!",
+          })
-            position: "top",
+            .onOk(() => {
-            timeout: 1500,
+              uploader.value.upload();
-          });
+            })
-          return;
+            .onCancel(() => {
-        }
+              loading.value = false;
-        loading.value = true;
+            });
-        try {
+        } catch {}
-          $q.dialog({
+      },
-            title: $t.t("Confirm"),
+      onUploaded() {
-            message: $t.t("use this file to recovery data") + "?",
+        $q.notify({
-            ok: {
+          type: "positive",
-              label: $t.t("ok"),
+          message: $t.t("data import") + $t.t("success") + "!",
-              noCaps: true,
+          position: "top",
-              flat: true,
+          timeout: 1500,
-            },
+        });
-            cancel: {
+        $q.dialog({
-              label: $t.t("cancel"),
+          title: $t.t("Confirm"),
-              noCaps: true,
+          message:
-              flat: true,
+            $t.t("data changes will take effect after the restart") +
-            },
+            "!" +
-            persistent: true,
+            "<p class='text-red'>" +
-          })
+            $t.t("reboot now") +
-            .onOk(() => {
+            "?" +
-              uploader.value.upload();
+            "</p>",
-            })
+          html: true,
-            .onCancel(() => {
+          ok: {
-              loading.value = false;
+            label: $t.t("ok"),
-            });
+            noCaps: true,
-        } catch {}
+            flat: true,
-      },
+          },
-      onUploaded() {
+          cancel: {
-        $q.notify({
+            label: $t.t("cancel"),
-          type: "positive",
+            noCaps: true,
-          message: $t.t("data import") + $t.t("success") + "!",
+            flat: true,
-          position: "top",
+          },
-          timeout: 1500,
+          persistent: true,
-        });
+        })
-        $q.dialog({
+          .onOk(() => {
-          title: $t.t("Confirm"),
+            GlobalData.getInstance().getCurrentClient()?.restartDevice();
-          message:
+            $q.notify({
-            $t.t("data changes will take effect after the restart") +
+              type: "positive",
-            "!" +
+              message: $t.t("reboot device command sended") + "!",
-            "<p class='text-red'>" +
+              position: "top",
-            $t.t("reboot now") +
+              timeout: 1500,
-            "?" +
+            });
-            "</p>",
+          })
-          html: true,
+          .onDismiss(() => {
-          ok: {
+            loading.value = false;
-            label: $t.t("ok"),
+            show_dialog.value = false;
-            noCaps: true,
+          });
-            flat: true,
+      },
-          },
+      onFailed(info: any) {
-          cancel: {
+        console.log(info);
-            label: $t.t("cancel"),
+        $q.notify({
-            noCaps: true,
+          type: "warning",
-            flat: true,
+          message: $t.t("data import") + $t.t("fail") + "!",
-          },
+          position: "top",
-          persistent: true,
+          timeout: 1500,
-        })
+        });
-          .onOk(() => {
+        loading.value = false;
-            GlobalData.getInstance().getCurrentClient()?.restartDevice();
+      },
-            $q.notify({
+    };
-              type: "positive",
+  },
-              message: $t.t("reboot device command sended") + "!",
+});
-              position: "top",
+</script>
-              timeout: 1500,
-            });
-          })
-          .onDismiss(() => {
-            loading.value = false;
-            show_dialog.value = false;
-          });
-      },
-      onFailed(info: any) {
-        console.log(info);
-        $q.notify({
-          type: "warning",
-          message: $t.t("data import") + $t.t("fail") + "!",
-          position: "top",
-          timeout: 1500,
-        });
-        loading.value = false;
-      },
-    };
-  },
-});
-</script>

src/components/RegisterDialog.vue

@@ -73,268 +73,354 @@
         <q-separator />
 
         <q-card-section class="scroll" style="width: 70vw">
-          <q-list>
+          <q-scroll-area style="height: 65vh">
-            <q-item v-if="ext_flag">
+            <q-list>
-              <q-item-section avatar class="header_label">
+              <q-item v-if="ext_flag">
-                {{ $t("register type") }}
+                <q-item-section avatar class="header_label">
-              </q-item-section>
+                  {{ $t("register type") }}
-              <q-item-section>
+                </q-item-section>
-                <div class="row q-gutter-sm">
+                <q-item-section>
-                  <q-radio
+                  <div class="row q-gutter-sm">
-                    v-model="register_type"
+                    <q-radio
-                    checked-icon="task_alt"
+                      v-model="register_type"
-                    unchecked-icon="panorama_fish_eye"
+                      checked-icon="task_alt"
-                    val="offline"
+                      unchecked-icon="panorama_fish_eye"
-                    :label="$t('offline register')"
+                      val="offline"
-                    class="offset-md-1 col"
+                      :label="$t('offline register')"
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                    <q-radio
+                      v-model="register_type"
+                      checked-icon="task_alt"
+                      unchecked-icon="panorama_fish_eye"
+                      val="online"
+                      :label="$t('online register')"
+                      class="col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item>
+              <q-item v-if="register_type == 'offline'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("register code") }}
+                </q-item-section>
+                <q-item-section>
+                  <div
+                    style="
+                      word-break: break-all;
+                      -webkit-user-select: text;
+                      -moz-user-select: text;
+                      -ms-user-select: text;
+                      user-select: text;
+                    "
+                  >
+                    {{ register_code }}
+                  </div>
+                </q-item-section>
+                <q-item-section avatar>
+                  <qrcode-vue
+                    :value="register_code"
+                    level="H"
+                    render-as="svg"
+                    :size="160"
+                  />
+                </q-item-section>
+                <q-item-section avatar>
+                  <q-btn
+                    round
+                    flat
+                    icon="content_copy"
+                    color="green"
                     :loading="loading"
                     :disable="loading"
-                  />
+                    @click="
-                  <q-radio
+                      copyToClipboard(register_code).then(() =>
-                    v-model="register_type"
+                        $q.notify({
-                    checked-icon="task_alt"
+                          color: 'positive',
-                    unchecked-icon="panorama_fish_eye"
+                          icon: 'done',
-                    val="online"
+                          message: $t('copy') + $t('success'),
-                    :label="$t('online register')"
+                          position: 'top',
-                    class="col"
+                          timeout: 1500,
+                        })
+                      )
+                    "
+                  >
+                    <q-tooltip>
+                      {{ $t("copy") }}{{ $t("register code") }}
+                    </q-tooltip>
+                  </q-btn>
+                </q-item-section>
+              </q-item>
+              <q-item v-if="register_type == 'offline'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("active code") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input
+                    type="textarea"
+                    v-model="active_code"
+                    lazy-rules
+                    autofocus
                     :loading="loading"
                     :disable="loading"
+                    :rules="[
+                      (val) =>
+                        (val && val.length > 0) || $t('Please type something'),
+                    ]"
                   />
-                </div>
+                </q-item-section>
-              </q-item-section>
+                <q-item-section avatar>
-            </q-item>
+                  <q-btn
-            <q-item v-if="register_type == 'offline'">
+                    icon="attach_file"
-              <q-item-section avatar class="header_label">
+                    round
-                {{ $t("register code") }}
+                    flat
-              </q-item-section>
-              <q-item-section>
-                <div style="word-break: break-all">
-                  {{ register_code }}
-                </div>
-              </q-item-section>
-              <q-item-section avatar>
-                <qrcode-vue
-                  :value="register_code"
-                  level="H"
-                  render-as="svg"
-                  :size="195"
-                />
-              </q-item-section>
-              <q-item-section avatar>
-                <q-btn
-                  round
-                  flat
-                  icon="content_copy"
-                  color="green"
-                  :loading="loading"
-                  :disable="loading"
-                  @click="
-                    copyToClipboard(register_code).then(() =>
-                      $q.notify({
-                        color: 'positive',
-                        icon: 'done',
-                        message: $t('copy') + $t('success'),
-                        position: 'top',
-                        timeout: 1500,
-                      })
-                    )
-                  "
-                >
-                  <q-tooltip>
-                    {{ $t("copy") }}{{ $t("register code") }}
-                  </q-tooltip>
-                </q-btn>
-              </q-item-section>
-            </q-item>
-            <q-item v-if="register_type == 'offline'">
-              <q-item-section avatar class="header_label">
-                {{ $t("active code") }}
-              </q-item-section>
-              <q-item-section>
-                <q-input
-                  type="textarea"
-                  v-model="active_code"
-                  lazy-rules
-                  autofocus
-                  :loading="loading"
-                  :disable="loading"
-                  :rules="[
-                    (val) =>
-                      (val && val.length > 0) || $t('Please type something'),
-                  ]"
-                />
-              </q-item-section>
-              <q-item-section avatar>
-                <q-btn
-                  icon="attach_file"
-                  round
-                  flat
-                  :loading="loading"
-                  :disable="loading"
-                  class="rotate-90"
-                  color="green"
-                  @click="$refs.select_file_dialog.pickFiles($event)"
-                >
-                  <q-tooltip>
-                    {{ $t("open file") }}
-                  </q-tooltip>
-                </q-btn>
-              </q-item-section>
-            </q-item>
-            <q-item v-if="false && register_type == 'offline'">
-              <q-item-section avatar class="header_label">
-                {{ $t("secret key") }}
-              </q-item-section>
-              <q-item-section>
-                <q-input v-model="secret_key"> </q-input>
-              </q-item-section>
-              <q-item-section avatar> ({{ $t("optional") }}) </q-item-section>
-            </q-item>
-            <q-item v-if="register_type == 'online'">
-              <q-item-section avatar class="header_label">
-                {{ $t("server ipaddress") }}
-              </q-item-section>
-              <q-item-section>
-                <q-input
-                  v-model="server_address"
-                  autofocus
-                  :loading="loading"
-                  :disable="loading"
-                  lazy-rules
-                  :rules="[
-                    (val) =>
-                      isIpAddress(val) || $t('Please input vaild ip address'),
-                  ]"
-                />
-              </q-item-section>
-            </q-item>
-            <q-item v-if="register_type == 'online'">
-              <q-item-section avatar class="header_label">
-                {{ $t("active type") }}
-              </q-item-section>
-              <q-item-section>
-                <div class="row q-gutter-sm">
-                  <q-radio
-                    v-model="active_type"
-                    checked-icon="task_alt"
-                    unchecked-icon="panorama_fish_eye"
-                    val="forever"
-                    :label="$t('forever active')"
-                    class="offset-md-1 col"
                     :loading="loading"
                     :disable="loading"
-                  />
+                    class="rotate-90"
-                  <q-radio
+                    color="green"
-                    v-model="active_type"
+                    @click="$refs.select_file_dialog.pickFiles($event)"
-                    checked-icon="task_alt"
+                  >
-                    unchecked-icon="panorama_fish_eye"
+                    <q-tooltip>
-                    val="limit"
+                      {{ $t("open file") }}
-                    :label="$t('time limit active')"
+                    </q-tooltip>
-                    class="col"
+                  </q-btn>
+                </q-item-section>
+              </q-item>
+              <q-item v-if="false && register_type == 'offline'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("secret key") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input v-model="secret_key"> </q-input>
+                </q-item-section>
+                <q-item-section avatar> ({{ $t("optional") }}) </q-item-section>
+              </q-item>
+              <q-item v-if="register_type == 'online'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("server ipaddress") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input
+                    v-model="server_address"
+                    autofocus
                     :loading="loading"
                     :disable="loading"
+                    lazy-rules
+                    :rules="[
+                      (val) =>
+                        isIpAddress(val) || $t('Please input vaild ip address'),
+                    ]"
                   />
-                </div>
+                </q-item-section>
-              </q-item-section>
+              </q-item>
-            </q-item>
+              <q-item v-if="register_type == 'online'">
-            <q-item v-if="register_type == 'online' && active_type == 'limit'">
+                <q-item-section avatar class="header_label">
-              <q-item-section avatar class="header_label">
+                  {{ $t("active type") }}
-                {{ $t("active time") }}
+                </q-item-section>
-              </q-item-section>
+                <q-item-section>
-              <q-item-section>
+                  <div class="row q-gutter-sm">
-                <q-input
+                    <q-radio
-                  v-model="active_hour"
+                      v-model="active_type"
-                  type="number"
+                      checked-icon="task_alt"
-                  min="1"
+                      unchecked-icon="panorama_fish_eye"
-                  max="120"
+                      val="forever"
-                  :loading="loading"
+                      :label="$t('forever active')"
-                  :disable="loading"
+                      class="offset-md-1 col"
-                >
+                      :loading="loading"
-                  <template v-slot:append>
+                      :disable="loading"
-                    {{ $t("day") }}
+                    />
-                  </template>
+                    <q-radio
-                </q-input>
+                      v-model="active_type"
-              </q-item-section>
+                      checked-icon="task_alt"
-            </q-item>
+                      unchecked-icon="panorama_fish_eye"
+                      val="limit"
+                      :label="$t('time limit active')"
+                      class="col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item>
+              <q-item v-if="active_type == 'limit'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("active time") }}
+                </q-item-section>
+                <q-item-section>
+                  <q-input
+                    v-model="active_hour"
+                    type="number"
+                    min="1"
+                    max="120"
+                    :loading="loading"
+                    :disable="loading"
+                  >
+                    <template v-slot:append>
+                      {{ $t("day") }}
+                    </template>
+                  </q-input>
+                </q-item-section>
+              </q-item>
+              <q-separator class="q-mt-md" />
+              <q-item>
+                <q-item-section avatar class="header_label">
+                  {{ $t("product") }}
+                </q-item-section>
 
-            <q-item v-if="register_type == 'online'">
+                <q-item-section>
-              <q-item-section avatar class="header_label">
+                  <div class="row q-gutter-sm">
-                {{ $t("function") }}
+                    <q-radio
-              </q-item-section>
+                      v-model="selected_product"
-              <q-item-section>
+                      val=""
-                <div class="row q-gutter-sm">
+                      :label="$t('normal')"
-                  <q-checkbox
+                      color="cyan"
-                    v-model="function_output_board"
+                      class="offset-md-1 col"
-                    :label="$t('output board')"
+                      :loading="loading"
-                    color="cyan"
+                      :disable="loading"
-                    class="offset-md-1 col"
+                    />
-                    :loading="loading"
-                    :disable="loading"
-                  />
-                  <q-checkbox
-                    v-model="function_center_control"
-                    :label="$t('center control')"
-                    color="cyan"
-                    class="offset-md-1 col"
-                    :loading="loading"
-                    :disable="loading"
-                  />
-                  <q-checkbox
-                    v-model="function_mirroring_output"
-                    :label="$t('mirroring output')"
-                    color="cyan"
-                    class="offset-md-1 col"
-                    :loading="loading"
-                    :disable="loading"
-                  />
-                </div>
-              </q-item-section>
-            </q-item>
 
-            <q-item v-if="register_type == 'online'">
+                    <q-radio
-              <q-item-section avatar class="header_label"> </q-item-section>
+                      v-model="selected_product"
-              <q-item-section>
+                      val="magic_wall"
-                <div class="row q-gutter-sm">
+                      :label="$t('magic wall')"
-                  <q-checkbox
+                      color="cyan"
-                    v-model="function_custom_ISV"
+                      class="offset-md-1 col"
-                    :label="$t('Custom ISV')"
+                      :loading="loading"
-                    color="cyan"
+                      :disable="loading"
-                    class="offset-md-1 col"
+                    />
-                    :loading="loading"
+                    <q-radio
-                    :disable="loading"
+                      v-model="selected_product"
-                  />
+                      val="fusion"
-                </div>
+                      :label="$t('fusion')"
-              </q-item-section>
+                      color="cyan"
-            </q-item>
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item>
+              <q-item v-if="selected_product == 'fusion'">
+                <q-item-section avatar class="header_label">
+                  {{ $t("fusion") }}
+                </q-item-section>
 
-            <q-item v-if="register_type == 'online'">
+                <q-item-section>
-              <q-item-section avatar class="header_label">
+                  <div class="row q-gutter-sm">
-                {{ $t("language") }}
+                    <q-radio
-              </q-item-section>
+                      v-for="item of 5"
-              <q-item-section>
+                      :key="item"
-                <div class="row q-gutter-sm">
+                      v-model="function_fusion_count"
-                  <q-radio
+                      :val="item"
-                    color="cyan"
+                      :label="item.toString() + $t(' ') + $t('fusion out')"
-                    :loading="loading"
+                      color="cyan"
-                    :disable="loading"
+                      class="offset-md-1 col"
-                    class="offset-md-1 col"
+                      :loading="loading"
-                    v-model="target_language"
+                      :disable="loading"
-                    val="zh-CN"
+                    />
-                    :label="$t('chinese')"
+                  </div>
-                  />
+                  <div class="row q-gutter-sm">
-                  <q-radio
+                    <q-radio
-                    color="cyan"
+                      v-for="item of 4"
-                    :loading="loading"
+                      :key="5 + item"
-                    :disable="loading"
+                      v-model="function_fusion_count"
-                    class="offset-md-1 col"
+                      :val="5 + item"
-                    v-model="target_language"
+                      :label="
-                    val="en-US"
+                        (5 + item).toString() + $t(' ') + $t('fusion out')
-                    :label="$t('english')"
+                      "
-                  />
+                      color="cyan"
-                </div>
+                      class="offset-md-1 col"
-              </q-item-section>
+                      :loading="loading"
-            </q-item>
+                      :disable="loading"
-          </q-list>
+                    />
+                    <div class="offset-md-1 col"></div>
+                  </div>
+                </q-item-section>
+                <q-item-section avatar> </q-item-section>
+              </q-item>
+
+              <q-item>
+                <q-item-section avatar class="header_label">
+                  {{ $t("function") }}
+                </q-item-section>
+                <q-item-section>
+                  <div class="row q-gutter-sm">
+                    <q-checkbox
+                      v-model="function_output_board"
+                      :label="$t('output board')"
+                      color="cyan"
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                    <q-checkbox
+                      v-model="function_center_control"
+                      :label="$t('center control')"
+                      color="cyan"
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                    <q-checkbox
+                      v-model="function_mirroring_output"
+                      :label="$t('mirroring output')"
+                      color="cyan"
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item>
+
+              <q-item>
+                <q-item-section avatar class="header_label"> </q-item-section>
+                <q-item-section>
+                  <div class="row q-gutter-sm">
+                    <q-checkbox
+                      v-model="function_custom_ISV"
+                      :label="$t('Custom ISV')"
+                      color="cyan"
+                      class="offset-md-1 col"
+                      :loading="loading"
+                      :disable="loading"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item>
+
+              <q-item>
+                <q-item-section avatar class="header_label">
+                  {{ $t("language") }}
+                </q-item-section>
+                <q-item-section>
+                  <div class="row q-gutter-sm">
+                    <q-radio
+                      color="cyan"
+                      :loading="loading"
+                      :disable="loading"
+                      class="offset-md-1 col"
+                      v-model="target_language"
+                      val="zh-CN"
+                      :label="$t('chinese')"
+                    />
+                    <q-radio
+                      color="cyan"
+                      :loading="loading"
+                      :disable="loading"
+                      class="offset-md-1 col"
+                      v-model="target_language"
+                      val="en-US"
+                      :label="$t('english')"
+                    />
+                  </div>
+                </q-item-section>
+              </q-item> </q-list
+          ></q-scroll-area>
         </q-card-section>
 
         <q-separator />
@@ -383,12 +469,16 @@ import {
   nextTick,
 } from "vue";
 import { useStore } from "src/store";
-import { useQuasar, copyToClipboard } from "quasar";
+import { useQuasar, copyToClipboard, Cookies } from "quasar";
 import { useI18n } from "vue-i18n";
 import GlobalData from "src/common/GlobalData";
 import QrcodeVue from "qrcode.vue";
 import { Protocol } from "src/entities/WSProtocol";
-import { EDeviceAttribute } from "src/entities/EDeviceAttribute";
+import {
+  EDeviceAttribute,
+  EDeviceAttributeHelper,
+} from "src/entities/EDeviceAttribute";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentRegisterDialog",
@@ -419,6 +509,18 @@ export default defineComponent({
     const function_output_board = ref(false);
     const function_mirroring_output = ref(false);
     const function_custom_ISV = ref(false);
+    const function_magic_wall = ref(false);
+    const function_fusion = ref(false);
+    const function_fusion_count = ref(1);
+    const selected_product = ref("");
+
+    watch(
+      () => selected_product.value,
+      (newValue) => {
+        function_fusion.value = newValue == "fusion";
+        function_magic_wall.value = newValue == "magic_wall";
+      }
+    );
 
     const trial_days = ref(0);
     const last_days = ref(0);
@@ -436,11 +538,14 @@ export default defineComponent({
       trial_days.value = 0;
       register_date.value = "";
       last_days.value = 0;
+      selected_product.value = "";
 
       function_center_control.value = false;
       function_output_board.value = false;
       function_mirroring_output.value = false;
       function_custom_ISV.value = false;
+      function_magic_wall.value = false;
+      function_fusion.value = false;
     };
 
     const showDialog = async () => {
@@ -465,18 +570,27 @@ export default defineComponent({
         show_dialog.value = false;
       }
 
-      const function_custom_ISV = ref(
+      function_custom_ISV.value = $store.state.custom_defines.is_custom_isv;
-        $store.state.custom_defines.is_custom_isv
+      function_center_control.value =
-      );
+        $store.state.custom_defines.function_center_control;
-      const function_center_control = ref(
+      function_output_board.value =
-        $store.state.custom_defines.function_center_control
+        $store.state.custom_defines.function_output_board;
-      );
+      function_mirroring_output.value =
-      const function_output_board = ref(
+        $store.state.custom_defines.function_mirroring_output;
-        $store.state.custom_defines.function_output_board
+      function_magic_wall.value =
-      );
+        $store.state.custom_defines.function_magic_wall;
-      const function_mirroring_output = ref(
+      function_fusion.value = $store.state.custom_defines.function_fusion;
-        $store.state.custom_defines.function_mirroring_output
+      function_fusion_count.value =
-      );
+        EDeviceAttributeHelper.getProductFusionOutputCountDefault(
+          $store.state.device_attribute,
+          1
+        );
+
+      if (function_magic_wall.value) {
+        selected_product.value = "magic_wall";
+      } else if (function_fusion.value) {
+        selected_product.value = "fusion";
+      }
     };
 
     return {
@@ -498,8 +612,12 @@ export default defineComponent({
       server_address,
       function_output_board,
       function_custom_ISV,
+      function_magic_wall,
+      function_fusion,
+      function_fusion_count,
       function_center_control,
       function_mirroring_output,
+      selected_product,
       target_language,
       copyToClipboard,
       isShow() {
@@ -597,22 +715,9 @@ export default defineComponent({
           }
 
           let success = false;
-          const response = await GlobalData.getInstance()
-            .getCurrentClient()
-            ?.registerDevice(
-              register_code.value,
-              active_code.value,
-              register_type.value == "online",
-              active_type.value == "forever",
-              secret_key.value,
-              parseInt(active_hour.value.toString())
-            );
-          if (response) {
-            success = response.success;
-          }
 
-          if (success) {
+          let attribute = EDeviceAttribute.None;
-            let attribute = EDeviceAttribute.None;
+          {
             if (function_center_control.value) {
               attribute |= EDeviceAttribute.CenterControl;
             }
@@ -626,14 +731,37 @@ export default defineComponent({
             if (function_custom_ISV.value) {
               attribute |= EDeviceAttribute.CustomISV;
             }
+            if (function_magic_wall.value) {
+              attribute |= EDeviceAttribute.ProductMagicWall;
+            }
+            if (function_fusion.value) {
+              attribute |=
+                EDeviceAttributeHelper.getProdictFusionAttributeByIndex(
+                  function_fusion_count.value
+                );
+            }
+          }
 
-            GlobalData.getInstance()
+          const response = await GlobalData.getInstance()
-              .getCurrentClient()
+            .getCurrentClient()
-              ?.setDeviceAttribute(attribute);
+            ?.registerDevice(
+              register_code.value,
+              active_code.value,
+              register_type.value == "online",
+              active_type.value == "forever",
+              attribute,
+              secret_key.value,
+              parseInt(active_hour.value.toString())
+            );
+          if (response) {
+            success = response.success;
+          }
 
+          if (success) {
             GlobalData.getInstance()
               .getCurrentClient()
               ?.setServerLanguage(target_language.value);
+            Cookies.remove("language");
           }
 
           $q.notify({
@@ -646,7 +774,7 @@ export default defineComponent({
             position: "top",
             timeout: 1500,
           });
-          show_dialog.value = false;
+          show_dialog.value = !success;
         } catch {}
         loading.value = false;
       },
@@ -663,12 +791,7 @@ export default defineComponent({
         }
       },
       isIpAddress(str: string) {
-        return (
+        return ValidationUtil.isIpAddress(str);
-          str == "localhost" ||
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-            str
-          )
-        );
       },
     };
   },

src/components/SignalSourceGroupDialog.vue

@@ -255,7 +255,7 @@ export default defineComponent({
               (e) => e && e.uuid == options.data?.uuid
             );
           if (signal_item_data_) {
-            selected.value = signal_item_data_.uuid;
+            selected.value = signal_item_data_.parent_uuid;
           } else {
             selected.value = "";
           }

src/components/SubtitleDialog.vue

@@ -216,6 +216,7 @@ export default defineComponent({
     const editor_config = reactive({
       plugins: [
         "fullscreen",
+        "wordcount",
         /*'lists link image paste help wordcount'*/
       ],
       mobile: {
@@ -223,8 +224,9 @@ export default defineComponent({
       },
       font_size_formats: get_font_size_formarts(),
       skin: "tinymce-5",
-      language: i18n.locale.value == "zh-CN" ? "zh_CN" : "en_US",
+      language: i18n.locale.value == "zh-CN" ? "zh-Hans" : "en_US",
       menubar: false,
+      content_style: "p {font-size:60pt;margin:0px;}", // 设置默认显示字体大小(逻辑还是12px,见 editor.execCommand)
       branding: false,
       toolbar_mode: "wrap",
       toolbar:
@@ -264,6 +266,32 @@ export default defineComponent({
         loading.value = false;
       },
       editorInited(event: any, editor: any) {
+        // editor 对象文档地址: https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.editor/#execCommand
+        editor.focus();
+        {
+          // wordcount 插件默认显示字符数而不是字数
+          const buttons = document.getElementsByClassName(
+            "tox-statusbar__wordcount"
+          );
+          if (buttons && buttons.length) {
+            for (let i = 0; i < buttons.length; ++i) {
+              const item = <any>buttons.item(i);
+              if (item && typeof item.click == "function") {
+                item.click();
+              }
+            }
+          }
+        }
+        // 如果有内容，则不设置字体大小
+        const text = editor.getContent({ format: "text" });
+        try {
+          if (text && typeof text == "string" && text.trim().length != 0) {
+            return; // 不设置字体大小
+          }
+        } catch (e) {
+          console.log(e);
+        }
+        // 设置字体大小  // 默认时设置逻辑字体大小(见 content_style)
         editor.execCommand("FontSize", false, "60pt");
       },
       onShow() {

src/components/SystemSettingDialog.vue

@@ -62,9 +62,10 @@
           <q-tab
             v-if="
               $store.state.advanced_debug ||
-              /*!$store.state.custom_defines.is_custom_isv */ (!$store.state
+              /*!$store.state.custom_defines.is_custom_isv */
-                .custom_defines.function_output_board &&
+              (!$store.state.custom_defines.function_output_board &&
-                $store.state.isLedPlayer())
+                $store.state.isLedPlayer()) ||
+              $store.state.custom_defines.function_fusion
             "
             name="graphics"
             no-caps
@@ -76,6 +77,7 @@
             "
             :disable="loading"
           />
+
           <q-tab
             name="timing_task"
             no-caps
@@ -96,6 +98,7 @@
             :label="$t('output board setting')"
             :disable="loading"
           />
+
           <q-tab
             name="other"
             no-caps
@@ -103,6 +106,13 @@
             :label="$t('other setting')"
             :disable="loading"
           />
+          <q-tab
+            name="cloud_server"
+            no-caps
+            icon="cloud"
+            :label="$t('cloud server')"
+            :disable="loading"
+          />
           <q-tab
             name="user"
             no-caps
@@ -170,21 +180,21 @@
                       v-if="true || auto_ip != $t('enable')"
                     >
                       <q-item-section avatar class="width_5_1">{{
-                        $t("gateway") + ":"
+                        $t("netmask") + ":"
                       }}</q-item-section>
                       <q-item-section>
                         <q-input
                           :loading="loading"
                           :disable="auto_ip == $t('enable') || loading"
-                          v-model="gateway"
+                          v-model="netmask"
                           maxlength="15"
                           :rules="[
                             (val) =>
                               (val && val.length > 0) ||
                               $t('Please type something'),
                             (val) =>
-                              isIpAddress(val) ||
+                              isMaskAddress(val) ||
-                              $t('Please input vaild ip address'),
+                              $t('Please input vaild netmask address'),
                           ]"
                           lazy-rules
                         />
@@ -195,13 +205,13 @@
                       v-if="true || auto_ip != $t('enable')"
                     >
                       <q-item-section avatar class="width_5_1">{{
-                        $t("netmask") + ":"
+                        $t("gateway") + ":"
                       }}</q-item-section>
                       <q-item-section>
                         <q-input
                           :loading="loading"
                           :disable="auto_ip == $t('enable') || loading"
-                          v-model="netmask"
+                          v-model="gateway"
                           maxlength="15"
                           :rules="[
                             (val) =>
@@ -408,7 +418,10 @@
                       </q-item-section>
                     </q-item>
                     <q-item
-                      v-if="!$store.state.custom_defines.function_output_board"
+                      v-if="
+                        !$store.state.custom_defines.function_output_board ||
+                        $store.state.custom_defines.function_fusion
+                      "
                     >
                       <q-item-section avatar class="width_5_2_2"
                         >{{ $t("output type") }}:</q-item-section
@@ -453,8 +466,10 @@
                     </q-item>
                     <q-item
                       v-if="
-                        !$store.state.custom_defines.function_output_board &&
+                        (!$store.state.custom_defines.function_output_board &&
-                        device_resolution_type.toUpperCase() == 'EDID'
+                          device_resolution_type.toUpperCase() == 'EDID') ||
+                        ($store.state.custom_defines.function_fusion &&
+                          device_resolution_type.toUpperCase() == 'EDID')
                       "
                     >
                       <q-item-section avatar class="width_5_2_2"
@@ -471,8 +486,10 @@
                     </q-item>
                     <q-item
                       v-if="
-                        !$store.state.custom_defines.function_output_board &&
+                        (!$store.state.custom_defines.function_output_board &&
-                        device_resolution_type.toUpperCase() == 'CVT'
+                          device_resolution_type.toUpperCase() == 'CVT') ||
+                        ($store.state.custom_defines.function_fusion &&
+                          device_resolution_type.toUpperCase() == 'CVT')
                       "
                     >
                       <q-item-section avatar class="width_5_2_2"
@@ -489,8 +506,10 @@
                     </q-item>
                     <q-item
                       v-if="
-                        !$store.state.custom_defines.function_output_board &&
+                        (!$store.state.custom_defines.function_output_board &&
-                        device_resolution_type.toUpperCase() == 'CUSTOM'
+                          device_resolution_type.toUpperCase() == 'CUSTOM') ||
+                        ($store.state.custom_defines.function_fusion &&
+                          device_resolution_type.toUpperCase() == 'CUSTOM')
                       "
                     >
                       <q-item-section avatar class="width_5_2_2"
@@ -804,7 +823,8 @@
             class="_panel"
             v-if="
               $store.state.custom_defines.function_output_board ||
-              $store.state.advanced_debug
+              $store.state.advanced_debug ||
+              $store.state.custom_defines.function_fusion
             "
           >
             <q-card class="fit">
@@ -1023,6 +1043,103 @@
             </q-card>
           </q-tab-panel>
 
+          <q-tab-panel name="cloud_server" class="_panel">
+            <q-card class="fit">
+              <q-card-section>
+                <q-form ref="cloud_server_form" @submit="applyCloudServer">
+                  <q-list>
+                    <q-item class="q-pa-none">
+                      <q-item-section avatar class="width_5_1">{{
+                        $t("enable") + $t(" ") + $t("server") + ":"
+                      }}</q-item-section>
+                      <q-item-section>
+                        <q-select
+                          v-model="cloud_server_enable"
+                          :options="[$t('enable'), $t('disable')]"
+                          :loading="loading"
+                          :disable="loading"
+                          @update:model-value="autoIpChanged"
+                        />
+                      </q-item-section>
+                    </q-item>
+                    <q-item
+                      class="q-pa-none"
+                      :disable="cloud_server_enable != $t('enable')"
+                    >
+                      <q-item-section avatar class="width_5_1">{{
+                        $t("server address") + ":"
+                      }}</q-item-section>
+                      <q-item-section>
+                        <q-input
+                          v-model="cloud_server_address"
+                          :loading="loading"
+                          :disable="
+                            cloud_server_enable != $t('enable') || loading
+                          "
+                          maxlength="15"
+                          :rules="[
+                            (val) =>
+                              (val && val.length > 0) ||
+                              $t('Please type something'),
+                            (val) =>
+                              isIpAddress(val) ||
+                              $t('Please input vaild ip address'),
+                          ]"
+                          lazy-rules
+                        />
+                      </q-item-section>
+                    </q-item>
+                    <q-item
+                      class="q-pa-none"
+                      :disable="cloud_server_enable != $t('enable')"
+                    >
+                      <q-item-section avatar class="width_5_1">{{
+                        $t("device verify key") + ":"
+                      }}</q-item-section>
+                      <q-item-section>
+                        <q-input
+                          :loading="loading"
+                          :disable="
+                            cloud_server_enable != $t('enable') || loading
+                          "
+                          v-model="cloud_server_verify_key"
+                          maxlength="6"
+                          :rules="[
+                            (val) =>
+                              (val && val.length > 0) ||
+                              $t('Please type something'),
+                            (val) =>
+                              (val && val.length == 6) ||
+                              $t('verify key length is 6'),
+                          ]"
+                          lazy-rules
+                        />
+                      </q-item-section>
+                    </q-item>
+                    <q-item
+                      class="q-pa-none"
+                      :disable="cloud_server_enable != $t('enable')"
+                    >
+                      <q-item-section avatar class="width_5_1">{{
+                        $t("use wss") + ":"
+                      }}</q-item-section>
+                      <q-item-section>
+                        <q-select
+                          v-model="cloud_server_use_wss"
+                          :options="[$t('enable'), $t('disable')]"
+                          :loading="loading"
+                          :disable="
+                            cloud_server_enable != $t('enable') || loading
+                          "
+                        />
+                      </q-item-section>
+                    </q-item>
+                  </q-list>
+                </q-form>
+              </q-card-section>
+            </q-card>
+          </q-tab-panel>
+
           <q-tab-panel name="user" class="_panel">
             <q-card class="fit">
               <q-card-section>
@@ -1167,6 +1284,7 @@
 
                     <div
                       v-if="
+                        click_count >= target_click_count ||
                         click_count >= target_click_count ||
                         $store.state.advanced_debug
                       "
@@ -1349,7 +1467,7 @@ import TimingTaskDialog from "src/components/TimingTaskDialog.vue";
 
 import { useI18n } from "vue-i18n";
 import GlobalData from "src/common/GlobalData";
-import { HttpProtocol } from "src/entities/HttpProtocol";
+import ValidationUtil from "src/common/ValidationUtil";
 import { date } from "quasar";
 import { Protocol } from "src/entities/WSProtocol";
 import TimingTaskEntity, {
@@ -1395,41 +1513,45 @@ import vue3ResizeDrag from "src/third_lib/vue3-resize-drag/components/vue3-resiz
 
 export default defineComponent({
   name: "ComponentSystemSettingDialog",
-  components: { TimingTaskDialog, SystenSettingAdvancedNetworkDialog ,vue3ResizeDrag},
+  components: {
+    TimingTaskDialog,
+    SystenSettingAdvancedNetworkDialog,
+    vue3ResizeDrag,
+  },
 
   setup() {
-    let $store = useStore();
+    const $store = useStore();
-    let $q = useQuasar();
+    const $q = useQuasar();
-    let $t = useI18n();
+    const $t = useI18n();
 
-    let show_dialog = ref(false);
+    const show_dialog = ref(false);
-    let loading = ref(false);
+    const loading = ref(false);
 
     const timing_task_dialog: Ref<any> = ref(null);
     const system_setting_advanced_network_dialog: Ref<any> = ref(null);
 
-    let tab = ref("network");
+    const tab = ref("network");
 
-    let auto_ip = ref($t.t("enable"));
+    const auto_ip = ref($t.t("enable"));
-    let ip_address = ref("127.0.0.1");
+    const ip_address = ref("127.0.0.1");
-    let gateway = ref("127.0.0.1");
+    const gateway = ref("127.0.0.1");
-    let netmask = ref("127.0.0.1");
+    const netmask = ref("127.0.0.1");
-    let dns1 = ref();
+    const dns1 = ref();
-    let dns2 = ref();
+    const dns2 = ref();
-    let mac_address = ref("11:22:33:44:55:66");
+    const mac_address = ref("11:22:33:44:55:66");
     let ip_address_list: AdvancedIpAddressEntity[] = [];
     let host_name = "player";
 
-    let brightness = ref(0);
+    const brightness = ref(0);
-    let contrast = ref(0);
+    const contrast = ref(0);
-    let hue = ref(0);
+    const hue = ref(0);
 
     const mirroring_output = ref(false);
 
-    let device_resolution = ref("");
+    const device_resolution = ref("");
-    let device_resolution_options: Ref<string[]> = ref([]);
+    const device_resolution_options: Ref<string[]> = ref([]);
-    let device_rotate = ref(0);
+    const device_rotate = ref(0);
-    let device_rotate_options = ref([
+    const device_rotate_options = ref([
       {
         label: "0°",
         value: 0,
@@ -1463,8 +1585,8 @@ export default defineComponent({
       //   value: 7,
       // },
     ]);
-    let device_resolution_type = ref("EDID");
+    const device_resolution_type = ref("EDID");
-    let device_resolution_type_options = ref([
+    const device_resolution_type_options = ref([
       { label: "EDID", value: "EDID" },
       { label: $t.t("force output") /*+ "(CVT)"*/, value: "CVT" },
       {
@@ -1472,61 +1594,67 @@ export default defineComponent({
         value: "CUSTOM",
       },
     ]);
-    let device_resolution_timing = ref("");
+    const device_resolution_timing = ref("");
 
-    let output_board_resolution = ref("");
+    const output_board_resolution = ref("");
-    let output_board_resolution_options = ref(["1", "2", "3"]);
+    const output_board_resolution_options = ref(["1", "2", "3"]);
 
-    let system_muted = ref($t.t("off"));
+    const system_muted = ref($t.t("off"));
-    let system_volume = ref(100);
+    const system_volume = ref(100);
-    let output_audio_card_options = ref([
+    const output_audio_card_options = ref([
       { label: $t.t("all"), value: "all" },
       { label: "3.5mm", value: "3.5mm" },
       { label: "HDMI1", value: "HDMI1" },
     ]);
     let old_output_audio_card = "";
-    let output_audio_card = ref(output_audio_card_options.value[0].value);
+    const output_audio_card = ref(output_audio_card_options.value[0].value);
-    let use_ntp = ref($t.t("enable"));
+    const use_ntp = ref($t.t("enable"));
-    let ntp_server = ref("");
+    const ntp_server = ref("");
-    let ntp_sync_delay = ref(180);
+    const ntp_sync_delay = ref(180);
-    let current_date = ref("");
+    const current_date = ref("");
-    let current_time = ref("");
+    const current_time = ref("");
-    let time_zone = ref("");
+    const time_zone = ref("");
-    let time_zone_options: Ref<string[]> = ref([]);
+    const time_zone_options: Ref<string[]> = ref([]);
     for (const item of _time_zones) {
       time_zone_options.value.push($t.t(item));
     }
 
-    let network_form: Ref<any> = ref(null);
+    const network_form: Ref<any> = ref(null);
-    let other_form: Ref<any> = ref(null);
+    const other_form: Ref<any> = ref(null);
-    let graphics_form: Ref<any> = ref(null);
+    const graphics_form: Ref<any> = ref(null);
-    let output_board_form: Ref<any> = ref(null);
+    const output_board_form: Ref<any> = ref(null);
     const user_form: Ref<any> = ref(null);
+    const cloud_server_form: Ref<any> = ref(null);
 
-    let output_board_wall_row = ref(2);
+    const output_board_wall_row = ref(2);
-    let output_board_wall_col = ref(2);
+    const output_board_wall_col = ref(2);
-    let output_board_splicing = ref($t.t("on"));
+    const output_board_splicing = ref($t.t("on"));
-    let output_board_vertical_blanking = ref(0);
+    const output_board_vertical_blanking = ref(0);
-    let output_board_horizon_blanking = ref(0);
+    const output_board_horizon_blanking = ref(0);
-    let output_board_rotate = ref(0);
+    const output_board_rotate = ref(0);
     const output_board_rotate_options = ref([
       { label: "0°", value: 0 },
       { label: "180°", value: 1 },
     ]);
-    let output_board_volume = ref(100);
+    const output_board_volume = ref(100);
-    let output_board_mute = ref($t.t("on"));
+    const output_board_mute = ref($t.t("on"));
 
     const timing_tasks: Ref<TimingTaskEntity[]> = ref([]);
 
-    let click_count = ref(0);
+    const click_count = ref(0);
     const target_click_count = ref(20);
-    let client_version = ref(version);
+    const client_version = ref(version);
-    let server_version = ref("unknow");
+    const server_version = ref("unknow");
-    let server_commit_hash = ref("unknow");
+    const server_commit_hash = ref("unknow");
-    let server_build_date = ref("unknow");
+    const server_build_date = ref("unknow");
-    let server_branch_name = ref("unknow");
+    const server_branch_name = ref("unknow");
-    let kernel_version = ref("unknow");
+    const kernel_version = ref("unknow");
-    let rootfs_version = ref("unknow");
+    const rootfs_version = ref("unknow");
+
+    const cloud_server_enable = ref($t.t("enable"));
+    const cloud_server_address = ref("");
+    const cloud_server_verify_key = ref("");
+    const cloud_server_use_wss = ref($t.t("enable"));
 
     const refresh_network = () => {
       const config = GlobalData.getInstance()?.applicationConfig;
@@ -1606,7 +1734,6 @@ export default defineComponent({
         current_time.value = date.formatDate(timeStamp, "HH:mm:ss");
       }
     };
-
     const refresh_output_board = async () => {
       const settings = await GlobalData.getInstance()
         .getCurrentClient()
@@ -1643,11 +1770,28 @@ export default defineComponent({
       }
     };
 
+    const refresh_cloud_server = () => {
+      const config = GlobalData.getInstance()?.applicationConfig;
+      if (config) {
+        cloud_server_enable.value = parseInt(config.cloud_server_enable)
+          ? $t.t("enable")
+          : $t.t("disable");
+        cloud_server_address.value =
+          config.cloud_server_address || "192.168.1.1";
+        cloud_server_verify_key.value =
+          config.cloud_server_verify_key || "123456";
+        cloud_server_use_wss.value = parseInt(config.cloud_server_use_wss)
+          ? $t.t("enable")
+          : $t.t("disable");
+      }
+    };
+
     const refresh_all = () => {
       refresh_network();
       refresh_graphics();
       refresh_other();
       refresh_output_board();
+      refresh_cloud_server();
     };
 
     const wait_for = async (delay_ms: number) => {
@@ -1889,6 +2033,9 @@ export default defineComponent({
     const applyOutputBoard = async () => {
       loading.value = true;
       const request = new Protocol.SetOutputBoardSettingRequestEntity();
+      const response = await GlobalData.getInstance()
+        .getCurrentClient()
+        ?.getMagicWallConfig();
       request.wall_col = parseInt(output_board_wall_col.value.toString());
       request.wall_row = parseInt(output_board_wall_row.value.toString());
       request.splicing = output_board_splicing.value == $t.t("on");
@@ -1902,13 +2049,24 @@ export default defineComponent({
       request.volume = parseInt(output_board_volume.value.toString());
       request.mute = output_board_mute.value == $t.t("on");
       request.output_board_resolution = output_board_resolution.value;
-
       let success = false;
       try {
         await GlobalData.getInstance()
           .getCurrentClient()
           ?.setOutputBoardSetting(request);
         success = true;
+        if (
+          $store.state.custom_defines.function_magic_wall &&
+          response &&
+          success
+        ) {
+          const output_length =
+            parseInt(output_board_wall_col.value.toString()) *
+            parseInt(output_board_wall_row.value.toString());
+          if (output_length != response.config.col * response.config.row) {
+            $store.commit("setShowMonitorList", []);
+          }
+        }
       } catch {}
       $q.notify({
         color: success ? "positive" : "negative",
@@ -1938,15 +2096,49 @@ export default defineComponent({
         case "output_board":
           output_board_form.value.submit();
           break;
+        case "cloud_server":
+          cloud_server_form.value.submit();
+          break;
         case "user":
           user_form.value.submit();
           break;
       }
     };
 
+    const applyCloudServer = async () => {
+      loading.value = true;
+
+      let success = false;
+
+      try {
+        await GlobalData.getInstance()
+          .getCurrentClient()
+          ?.setCloudServerSetting(
+            cloud_server_address.value,
+            cloud_server_verify_key.value,
+            cloud_server_use_wss.value == $t.t("enable"),
+            cloud_server_enable.value == $t.t("enable")
+          );
+
+        success = true;
+      } catch {}
+
+      $q.notify({
+        color: success ? "positive" : "negative",
+        icon: success ? "done" : "warning",
+        message:
+          $t.t("set cloud server setting") +
+          $t.t(" ") +
+          (success ? $t.t("success") : $t.t("fail")) +
+          "!",
+        position: "top",
+        timeout: 2500,
+      });
+      loading.value = false;
+    };
+
     const applyUser = async () => {
       loading.value = true;
-      console.log("zzz");
       const request = new Protocol.SetOutputBoardSettingRequestEntity();
       request.wall_col = parseInt(output_board_wall_col.value.toString());
       request.wall_row = parseInt(output_board_wall_row.value.toString());
@@ -2117,6 +2309,7 @@ export default defineComponent({
       other_form,
       graphics_form,
       output_board_form,
+      cloud_server_form,
       user_form,
       mirroring_output,
       click_count,
@@ -2128,6 +2321,10 @@ export default defineComponent({
       server_branch_name,
       kernel_version,
       rootfs_version,
+      cloud_server_enable,
+      cloud_server_address,
+      cloud_server_verify_key,
+      cloud_server_use_wss,
       user_name,
       old_password,
       new_password,
@@ -2140,6 +2337,7 @@ export default defineComponent({
       applyGraphics,
       applyOther,
       applyOutputBoard,
+      applyCloudServer,
       applyUser,
       loga(a: any) {
         console.log(a);
@@ -2327,20 +2525,17 @@ export default defineComponent({
         }
       },
       isIpAddress(str: string) {
-        return (
+        return ValidationUtil.isIpAddress(str);
-          str == "localhost" ||
-          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-            str
-          )
-        );
       },
       isMacAddress(str: string) {
-        return /([A-Fa-f0-9]{2}:){5}[A-Fa-f0-9]{2}/.test(str);
+        return ValidationUtil.isMacAddress(str);
+      },
+      isMaskAddress(str: string) {
+        return ValidationUtil.isMaskAddress(str);
       },
       checkResolution(str: string) {
-        const reg = /([0-9]{1,5})[x|X]([0-9]{1,5}@[0-9]{1,3}$)/;
         return (
-          reg.test(str) ||
+          ValidationUtil.isResolution(str) ||
           $t.t("the resolution format is incorrect,") +
             $t.t("for example: ") +
             "1920x1080@60"

src/components/SystenSettingAdvancedNetworkDialog.vue

@@ -20,14 +20,7 @@
             </div>
             <q-space />
             <div>
-              <q-btn
+              <q-btn flat round icon="close" color="red" v-close-popup>
-                flat
-                round
-                icon="close"
-                :disable="loading"
-                color="red"
-                v-close-popup
-              >
                 <q-tooltip>
                   {{ $t("close") }}
                 </q-tooltip>
@@ -174,7 +167,7 @@
                       <q-btn
                         :disable="old_http_port == http_port"
                         no-caps
-                        :label="$t('commit')"
+                        :label="$t('apply')"
                         @click="commitHttpPort"
                       />
                     </q-item-section>
@@ -213,7 +206,7 @@
                       <q-btn
                         :disable="old_websocket_port == websocket_port"
                         no-caps
-                        :label="$t('commit')"
+                        :label="$t('apply')"
                         @click="commitWebsocketPort"
                       />
                     </q-item-section>
@@ -294,6 +287,7 @@ import AdvancedIpAddressDialog from "src/components/AdvancedIpAddressDialog.vue"
 import { AdvancedIpAddressEntity } from "src/entities/AdvancedIpAddressEntity";
 import { api } from "src/boot/axios";
 import { HttpProtocol } from "src/entities/HttpProtocol";
+import ValidationUtil from "src/common/ValidationUtil";
 
 export default defineComponent({
   name: "ComponentSystenSettingAdvancedNetworkDialog",
@@ -310,12 +304,12 @@ export default defineComponent({
     const advance_ip_table_selected: Ref<AdvancedIpAddressEntity[]> = ref([]);
     const host_name = ref("player");
 
-    const old_http_port = ref(80);
+    const http_port = ref(GlobalData.kDefaultHttpPort);
-    const http_port = ref(80);
+    const old_http_port = ref(GlobalData.kDefaultHttpPort);
-    const real_http_port = ref(80);
+    const real_http_port = ref(GlobalData.kDefaultHttpPort);
-    const old_websocket_port = ref(GlobalData.kDefaultWebsocektPort);
     const websocket_port = ref(GlobalData.kDefaultWebsocektPort);
-    const real_websocket_port = ref(80);
+    const old_websocket_port = ref(GlobalData.kDefaultWebsocektPort);
+    const real_websocket_port = ref(GlobalData.kDefaultWebsocektPort);
 
     const advance_ip_columns = [
       {
@@ -353,15 +347,6 @@ export default defineComponent({
 
     const advance_ip_rows: Ref<AdvancedIpAddressEntity[]> = ref([]);
 
-    const isIpAddress = (str: string) => {
-      return (
-        str == "localhost" ||
-        /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-          str
-        )
-      );
-    };
-
     let _resolove: any = null;
 
     return {
@@ -629,7 +614,7 @@ export default defineComponent({
         });
       },
       isEnglishOrNum(str: string) {
-        return /^[0-9a-zA-Z_\-]+$/.test(str);
+        return ValidationUtil.isEnglishOrNum(str);
       },
     };
   },

src/components/UpgradeDialog.vue

@@ -1,278 +1,282 @@
-<template>
+<template>
-  <q-dialog
+  <q-dialog
-    persistent
+    persistent
-    v-model="show_dialog"
+    v-model="show_dialog"
-    @before-hide="resetData"
+    @before-hide="resetData"
-    @keydown="
+    @keydown="
-      (evt) => {
+      (evt) => {
-        if (!loading && evt.keyCode == 27) {
+        if (!loading && evt.keyCode == 27) {
-          show_dialog = false;
+          show_dialog = false;
-        }
+        }
-      }
+      }
-    "
+    "
-  >
+  >
-    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
+    <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
-      <q-form @submit="onSubmit">
+      <q-form @submit="onSubmit">
-        <q-card-section class="q-ma-none q-pa-sm">
+        <q-card-section class="q-ma-none q-pa-sm">
-          <div class="row">
+          <div class="row">
-            <div class="col-auto text-h6">
+            <div class="col-auto text-h6">
-              {{ upgrade_type }}{{ $t("upgrade") }}
+              {{ upgrade_type }}{{ $t("upgrade") }}
-            </div>
+            </div>
-            <q-space />
+            <q-space />
-            <div>
+            <div>
-              <q-btn
+              <q-btn
-                :loading="loading"
+                :loading="loading"
-                flat
+                flat
-                round
+                round
-                icon="close"
+                icon="close"
-                :disable="loading"
+                :disable="loading"
-                color="red"
+                color="red"
-                v-close-popup
+                v-close-popup
-              >
+              >
-                <q-tooltip>
+                <q-tooltip>
-                  {{ $t("close") }}
+                  {{ $t("close") }}
-                </q-tooltip>
+                </q-tooltip>
-              </q-btn>
+              </q-btn>
-            </div>
+            </div>
-          </div>
+          </div>
-        </q-card-section>
+        </q-card-section>
-
+
-        <q-separator />
+        <q-separator />
-
+
-        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
+        <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
-          <q-list>
+          <q-list>
-            <q-item>
+            <q-item>
-              <q-item-section>
+              <q-item-section>
-                <q-select
+                <q-select
-                  :label="$t('upgrade type')"
+                  :label="$t('upgrade type')"
-                  :hint="$t('please input ') + $t('upgrade type') + ':'"
+                  :hint="$t('please input ') + $t('upgrade type') + ':'"
-                  :options="select_options"
+                  :options="select_options"
-                  v-model="upgrade_type"
+                  v-model="upgrade_type"
-                  @update:model-value="file_count = 0"
+                  @update:model-value="file_count = 0"
-                >
+                >
-                </q-select>
+                </q-select>
-              </q-item-section>
+              </q-item-section>
-            </q-item>
+            </q-item>
-            <q-item>
+            <q-item>
-              <q-item-section>
+              <q-item-section>
-                <q-uploader
+                <q-uploader
-                  v-show="upgrade_type == $t('software')"
+                  v-show="upgrade_type == $t('software')"
-                  class="full-width"
+                  class="full-width"
-                  ref="uploader_software"
+                  ref="uploader_software"
-                  :url="upload_url_software"
+                  :url="upload_url_software"
-                  method="post"
+                  method="post"
-                  :headers="generatorFileUploadHeaders"
+                  :label="$t('select software upgrade file') + ':'"
-                  :label="$t('select software upgrade file') + ':'"
+                  accept=".zip,.tar,.tar.gz"
-                  accept=".zip,.tar,.tar.gz"
+                  :hide-upload-btn="true"
-                  :hide-upload-btn="true"
+                  @uploaded="onUploaded"
-                  @uploaded="onUploaded"
+                  @failed="onFailed"
-                  @failed="onFailed"
+                  @added="(files) => files && (file_count += files.length)"
-                  @added="(files) => files && (file_count += files.length)"
+                  @removed="(files) => files && (file_count -= files.length)"
-                  @removed="(files) => files && (file_count -= files.length)"
+                />
-                />
+                <q-uploader
-                <q-uploader
+                  v-show="upgrade_type == $t('rootfs')"
-                  v-show="upgrade_type == $t('rootfs')"
+                  class="full-width"
-                  class="full-width"
+                  ref="uploader_rootfs"
-                  ref="uploader_rootfs"
+                  :url="upload_url_rootfs"
-                  :url="upload_url_rootfs"
+                  method="post"
-                  method="post"
+                  :label="$t('select rootfs upgrade file') + ':'"
-                  :headers="generatorFileUploadHeaders"
+                  accept=".img"
-                  :label="$t('select rootfs upgrade file') + ':'"
+                  :hide-upload-btn="true"
-                  accept=".img"
+                  @uploaded="onUploaded"
-                  :hide-upload-btn="true"
+                  @failed="onFailed"
-                  @uploaded="onUploaded"
+                  @added="(files) => files && (file_count += files.length)"
-                  @failed="onFailed"
+                  @removed="(files) => files && (file_count -= files.length)"
-                  @added="(files) => files && (file_count += files.length)"
+                />
-                  @removed="(files) => files && (file_count -= files.length)"
+                <!-- :headers="generatorFileUploadHeaders" -->
-                />
+              </q-item-section>
-              </q-item-section>
+            </q-item>
-            </q-item>
+          </q-list>
-          </q-list>
+        </q-card-section>
-        </q-card-section>
+
-
+        <q-separator />
-        <q-separator />
+
-
+        <q-card-actions>
-        <q-card-actions align="right">
+          <q-item-section>V: {{ server_version }}</q-item-section>
-          <q-btn
+          <q-space />
-            :loading="loading"
+          <q-btn
-            flat
+            :loading="loading"
-            :label="$t('Cancel')"
+            flat
-            no-caps
+            :label="$t('Cancel')"
-            color="primary"
+            no-caps
-            v-close-popup
+            color="primary"
-          />
+            v-close-popup
-          <q-btn
+          />
-            ref="accept"
+          <q-btn
-            flat
+            ref="accept"
-            :label="$t('Accept')"
+            flat
-            :loading="loading"
+            :label="$t('Accept')"
-            no-caps
+            :loading="loading"
-            type="submit"
+            no-caps
-            color="primary"
+            type="submit"
-          />
+            color="primary"
-        </q-card-actions>
+          />
-      </q-form>
+        </q-card-actions>
-    </q-card>
+      </q-form>
-  </q-dialog>
+    </q-card>
-</template>
+  </q-dialog>
-
+</template>
-<style scoped></style>
+
-
+<style scoped></style>
-<script lang="ts">
+
-import { defineComponent, ref, watch, computed } from "vue";
+<script lang="ts">
-import { useStore } from "src/store";
+import { defineComponent, ref, watch, computed } from "vue";
-import { useQuasar } from "quasar";
+import { useStore } from "src/store";
-import { useI18n } from "vue-i18n";
+import { useQuasar } from "quasar";
-import GlobalData from "src/common/GlobalData";
+import { useI18n } from "vue-i18n";
-import { HttpProtocol } from "src/entities/HttpProtocol";
+import GlobalData from "src/common/GlobalData";
-
+import { HttpProtocol } from "src/entities/HttpProtocol";
-export default defineComponent({
+
-  name: "ComponentUpgradeDialog",
+export default defineComponent({
-
+  name: "ComponentUpgradeDialog",
-  setup() {
+
-    let $store = useStore();
+  setup() {
-    let $q = useQuasar();
+    let $store = useStore();
-    let $t = useI18n();
+    let $q = useQuasar();
-
+    let $t = useI18n();
-    let show_dialog = ref(false);
+
-    let uploader_software: any = ref(null);
+    let show_dialog = ref(false);
-    let uploader_rootfs: any = ref(null);
+    let uploader_software: any = ref(null);
-    let loading = ref(false);
+    let uploader_rootfs: any = ref(null);
-    let upload_url_software = ref("");
+    let loading = ref(false);
-    let upload_url_rootfs = ref("");
+    let upload_url_software = ref("");
-    let file_count = ref(0);
+    let upload_url_rootfs = ref("");
-
+    let file_count = ref(0);
-    let select_options = [$t.t("software"), $t.t("rootfs")];
+
-    let upgrade_type = ref($t.t("software"));
+    let select_options = [$t.t("software"), $t.t("rootfs")];
-
+    let upgrade_type = ref($t.t("software"));
-    return {
+    const server_version = ref("unknow");
-      show_dialog,
+    return {
-      loading,
+      show_dialog,
-      upload_url_software,
+      loading,
-      upload_url_rootfs,
+      upload_url_software,
-      uploader_software,
+      upload_url_rootfs,
-      uploader_rootfs,
+      uploader_software,
-      file_count,
+      uploader_rootfs,
-      upgrade_type,
+      file_count,
-      select_options,
+      upgrade_type,
-      generatorFileUploadHeaders(files: File[]) {
+      select_options,
-        if (files.length > 0) {
+      server_version,
-          return [
+      loga(a: any) {
-            {
+        console.log(a);
-              name: HttpProtocol.kHeaderXProductName,
+      },
-              value: HttpProtocol.getProductName($store),
+      showDialog() {
-            },
+        show_dialog.value = true;
-            {
+        let url = GlobalData.getInstance().createCurrentRequestUrl();
-              name: HttpProtocol.kHeaderXFileLength,
+        if (url) {
-              value: files[0].size,
+          url.pathname = "/upload_soft_file";
-            },
+          upload_url_software.value = url.toString();
-          ];
+          url.pathname = "/upload_root_fs_file";
-        }
+          upload_url_rootfs.value = url.toString();
-        return [];
+        }
-      },
+        try {
-      loga(a: any) {
+          let client = GlobalData.getInstance().getCurrentClient();
-        console.log(a);
+          client?.getBuildInfo()?.then((build_info) => {
-      },
+            if (build_info) {
-      showDialog() {
+              server_version.value = build_info.version;
-        show_dialog.value = true;
+            }
-
+          });
-        let client = GlobalData.getInstance().getCurrentClient();
+        } catch (error) {}
-        if (client) {
+      },
-          let url = new URL(client.url);
+      resetData() {
-          url.port =
+        loading.value = false;
-            GlobalData.getInstance().applicationConfig?.httpserver_port ??
+        upload_url_software.value = "";
-            HttpProtocol.DefaultHttpPort.toString();
+        upload_url_rootfs.value = "";
-          url.pathname = HttpProtocol.RequestUploadFile;
+        file_count.value = 0;
-          url.protocol = "http:";
+      },
-          url.searchParams.append("type", HttpProtocol.UploadTypeRootFS);
+      async onSubmit() {
-          upload_url_rootfs.value = url.toString();
+        if (file_count.value <= 0) {
-
+          $q.notify({
-          url.searchParams.set("type", HttpProtocol.UploadTypeSoftware);
+            type: "warning",
-          upload_url_software.value = url.toString();
+            message: $t.t("please select file first") + "!",
-        }
+            position: "top",
-      },
+            timeout: 1500,
-      resetData() {
+          });
-        loading.value = false;
+          return;
-        upload_url_software.value = "";
+        }
-        upload_url_rootfs.value = "";
+        loading.value = true;
-        file_count.value = 0;
+        try {
-      },
+          let upgrader =
-      async onSubmit() {
+            upgrade_type.value == $t.t("software")
-        if (file_count.value <= 0) {
+              ? uploader_software.value
-          $q.notify({
+              : uploader_rootfs.value;
-            type: "warning",
+          $q.dialog({
-            message: $t.t("please select file first") + "!",
+            title: $t.t("Confirm"),
-            position: "top",
+            message:
-            timeout: 1500,
+              $t.t("Confirm") +
-          });
+              $t.t(" ") +
-          return;
+              $t.t("use this file to upgrade") +
-        }
+              "?" +
-        loading.value = true;
+              $t.t(" ") +
-        try {
+              $t.t(
-          let upgrader =
+                "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)"
-            upgrade_type.value == $t.t("software")
+              ),
-              ? uploader_software.value
+            ok: {
-              : uploader_rootfs.value;
+              label: $t.t("ok"),
-          $q.dialog({
+              noCaps: true,
-            title: $t.t("Confirm"),
+              flat: true,
-            message: $t.t("use this file to upgrade") + "?",
+            },
-            ok: {
+            cancel: {
-              label: $t.t("ok"),
+              label: $t.t("cancel"),
-              noCaps: true,
+              noCaps: true,
-              flat: true,
+              flat: true,
-            },
+            },
-            cancel: {
+            persistent: true,
-              label: $t.t("cancel"),
+          })
-              noCaps: true,
+            .onOk(() => {
-              flat: true,
+              upgrader.upload();
-            },
+            })
-            persistent: true,
+            .onCancel(() => {
-          })
+              loading.value = false;
-            .onOk(() => {
+              loading.value = false;
-              upgrader.upload();
+            });
-            })
+        } catch {}
-            .onCancel(() => {
+      },
-              loading.value = false;
+      onUploaded() {
-              loading.value = false;
+        loading.value = false;
-            });
+        let upgrader =
-        } catch {}
+          upgrade_type.value == $t.t("software")
-      },
+            ? uploader_software.value
-      onUploaded() {
+            : uploader_rootfs.value;
-        loading.value = false;
+        if (upgrader) {
-        let upgrader =
+          console.log(upgrader);
-          upgrade_type.value == $t.t("software")
+          upgrader.removeUploadedFiles();
-            ? uploader_software.value
+        }
-            : uploader_rootfs.value;
+        $q.notify({
-        if (upgrader) {
+          type: "positive",
-          console.log(upgrader);
+          icon: "done",
-          upgrader.removeUploadedFiles();
+          message:
-        }
+            $t.t("update file upload") +
-        $q.notify({
+            $t.t("success") +
-          type: "positive",
+            "! \n" +
-          icon: "done",
+            upgrade_type.value +
-          message:
+            $t.t("automatically restarts after the upgrade is complete"),
-            $t.t("update file upload") +
+          position: "top",
-            $t.t("success") +
+          timeout: 1500,
-            "! \n" +
+        });
-            upgrade_type.value +
+        $q.notify({
-            $t.t("automatically restarts after the upgrade is complete"),
+          type: "positive",
-          position: "top",
+          icon: "done",
-          timeout: 1500,
+          message: $t.t(
-        });
+            "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)"
-        setTimeout(() => {
+          ),
-          window.location.reload();
+          position: "top",
-        }, 2000);
+          timeout: 3000,
-      },
+        });
-      onFailed(info: any) {
+        setTimeout(() => {
-        $q.notify({
+          window.location.reload();
-          type: "warning",
+        }, 2000);
-          message: $t.t("update file upload") + $t.t("fail") + "!",
+      },
-          position: "top",
+      onFailed(info: any) {
-          timeout: 1500,
+        $q.notify({
-        });
+          type: "warning",
-        loading.value = false;
+          message: $t.t("update file upload") + $t.t("fail") + "!",
-      },
+          position: "top",
-    };
+          timeout: 1500,
-  },
+        });
-});
+        loading.value = false;
-</script>
+      },
+    };
+  },
+});
+</script>

src/components/Window.vue

@@ -45,6 +45,7 @@
         </q-item>
         <q-item
           clickable
+          v-if="$store.state.isLedPlayer()"
           v-close-popup
           :disable="$props.disable"
           @click="$emit('edit_rect', $props.window.window_id)"

src/entities/ApplicationConfigEntity.ts

@@ -1,44 +1,49 @@
-import { AdvancedIpAddressEntity } from "./AdvancedIpAddressEntity";
+import { AdvancedIpAddressEntity } from "./AdvancedIpAddressEntity";
-export default class ApplicationConfigEntity {
+export default class ApplicationConfigEntity {
-  user_name: string = "admin";
+  user_name: string = "admin";
-  password: string = "";
+  password: string = "";
-  auto_ip_address: string = "";
+  auto_ip_address: string = "";
-  ip_address: string = "";
+  ip_address: string = "";
-  gateway: string = "";
+  gateway: string = "";
-  mac_address: string = "";
+  mac_address: string = "";
-  subnet_mask: string = "";
+  subnet_mask: string = "";
-  dns1 = "";
+  dns1 = "";
-  dns2 = "";
+  dns2 = "";
-  ip_list: AdvancedIpAddressEntity[] = [];
+  ip_list: AdvancedIpAddressEntity[] = [];
-  use_ntp: string = "";
+  use_ntp: string = "";
-  ntp_server: string = "";
+  ntp_server: string = "";
-  ntp_sync_delay: string = "";
+  ntp_sync_delay: string = "";
-  time_zone: number = 21;
+  time_zone: number = 21;
-  wall_row: number = 1;
+  wall_row: number = 1;
-  wall_col: number = 1;
+  wall_col: number = 1;
-  tcp_port: string = "";
+  tcp_port: string = "";
-  udp_port: string = "";
+  udp_port: string = "";
-  websocket_port: string = "";
+  websocket_port: string = "";
-  httpserver_port: string = "";
+  httpserver_port: string = "";
-  root_fs_upload_path: string = "";
+  root_fs_upload_path: string = "";
-  media_upload_dir: string = "";
+  media_upload_dir: string = "";
-  power_on_plan: string = "";
+  power_on_plan: string = "";
-  graphics_brightness: number = 100;
+  graphics_brightness: number = 100;
-  graphics_contrast: number = 100;
+  graphics_contrast: number = 100;
-  graphics_hue: number = 100;
+  graphics_hue: number = 100;
-  device_rotate: number = 0;
+  device_rotate: number = 0;
-  system_volume: number = 100;
+  system_volume: number = 100;
-  system_muted: number = 0;
+  system_muted: number = 0;
-  output_audio_card: string = "";
+  output_audio_card: string = "";
-  application_data_dir: string = "";
+  application_data_dir: string = "";
-  runtime_os: string = "";
+  runtime_os: string = "";
-  registered: boolean = false;
+  registered: boolean = false;
-  hdmi_in_decode_type_1: string | undefined;
+  hdmi_in_decode_type_1: string | undefined;
-  hdmi_in_audio_device_1: string | undefined;
+  hdmi_in_audio_device_1: string | undefined;
-  hw_version: string | undefined;
+  hw_version: string | undefined;
-  device_hdmi_output_count = 1;
+  device_hdmi_output_count = 1;
-  video_suffix_filter: string | null = "";
+  video_suffix_filter: string | null = "";
-  image_suffix_filter: string | null = "";
+  image_suffix_filter: string | null = "";
-  special_video_layout_rotation: string | undefined = "0";
+  special_video_layout_rotation: string | undefined = "0";
-  device_hdmi_rotation: number = 0;
+  device_hdmi_rotation: number = 0;
-}
+  cloud_server_address = "";
+  cloud_server_verify_key = "";
+  cloud_server_use_wss = "0";
+  cloud_server_enable = "0";
+  magic_list:any=[]
+}

src/entities/DensityCorrection.ts

@@ -0,0 +1,7 @@
+export default class DensityCorrection {
+  control_point = 0;
+  x = 0;
+  y = 0;
+  def_x = 0;
+  def_y = 0;
+}

src/entities/DensityCorrectionPoint.ts

@@ -0,0 +1,7 @@
+export default class DensityCorrectionPoint {
+  control_point = 0;
+  x = 0;
+  y = 0;
+  def_x = 0;
+  def_y = 0;
+}

src/entities/EDeviceAttribute.ts

@@ -1,38 +1,145 @@
 export enum EDeviceAttribute {
-  None_UnKNow = 0x0000,
+  None = 0x0000000000000001,
+  OutputBoard = 0x0000000000000002,
+  CenterControl = 0x0000000000000004,
+  MirroringOutput = 0x0000000000000008,
+  CustomISV = 0x0000000000000010,
+  Reserve5 = 0x0000000000000020,
+  Reserve6 = 0x0000000000000040,
+  Reserve7 = 0x0000000000000080,
+  Reserve8 = 0x0000000000000100,
+  Reserve9 = 0x0000000000000200,
+  Reserve10 = 0x0000000000000400,
+  Reserve11 = 0x0000000000000800,
+  Reserve12 = 0x0000000000001000,
+  Reserve13 = 0x0000000000002000,
+  Reserve14 = 0x0000000000004000,
+  Reserve15 = 0x0000000000008000,
+  Reserve16 = 0x0000000000010000,
+  Reserve17 = 0x0000000000020000,
+  Reserve18 = 0x0000000000040000,
+  Reserve19 = 0x0000000000080000,
+  Reserve20 = 0x0000000000100000,
+  ProductMagicWall = 0x0000000000200000,
+  ProductFusion_1 = 0x0000000000400000,
+  ProductFusion_2 = 0x0000000000800000,
+  ProductFusion_3 = 0x0000000001000000,
+  ProductFusion_4 = 0x0000000002000000,
+  ProductFusion_5 = 0x0000000004000000,
+  ProductFusion_6 = 0x0000000008000000,
+  ProductFusion_7 = 0x0000000010000000,
+  ProductFusion_8 = 0x0000000020000000,
+  ProductFusion_9 = 0x0000000040000000,
+  Reserve31 = 0x0000000080000000,
+  Reserve32 = 0x0000000100000000,
+  Reserve33 = 0x0000000200000000,
+  Reserve34 = 0x0000000400000000,
+  Reserve35 = 0x0000000800000000,
+  Reserve36 = 0x0000001000000000,
+  Reserve37 = 0x0000002000000000,
+  Reserve38 = 0x0000004000000000,
+  Reserve39 = 0x0000008000000000,
+  Reserve40 = 0x0000010000000000,
+  Reserve41 = 0x0000020000000000,
+  Reserve42 = 0x0000040000000000,
+  Reserve43 = 0x0000080000000000,
+  Reserve44 = 0x0000100000000000,
+  Reserve45 = 0x0000200000000000,
+  Reserve46 = 0x0000400000000000,
+  Reserve47 = 0x0000800000000000,
+  Reserve48 = 0x0001000000000000,
+  Reserve49 = 0x0002000000000000,
+  Reserve50 = 0x0004000000000000,
+  Reserve51 = 0x0008000000000000,
+  Reserve52 = 0x0010000000000000,
+  Reserve53 = 0x0020000000000000,
+  Reserve54 = 0x0040000000000000,
+  Reserve55 = 0x0080000000000000,
+  Reserve56 = 0x0100000000000000,
+  Reserve57 = 0x0200000000000000,
+  Reserve58 = 0x0400000000000000,
+  Reserve59 = 0x0800000000000000,
+  Reserve60 = 0x1000000000000000,
+  Reserve61 = 0x2000000000000000,
+  Reserve62 = 0x4000000000000000,
+  Reserve63 = 0x8000000000000000,
 
-  None = 0x00000001,
+  StandMediaControl = OutputBoard | CenterControl,
-  OutputBoard = 0x00000002,
+  All = 0xffffffffffffffff,
-  CenterControl = 0x00000004,
+}
-  MirroringOutput = 0x00000008,
+
-  CustomISV = 0x00000010,
+export class EDeviceAttributeHelper {
-  Reserve5 = 0x00000020,
+  public static isProductFusion(attribute: number) {
-  Reserve6 = 0x00000040,
+    return (
-  Reserve7 = 0x00000080,
+      (attribute & EDeviceAttribute.ProductFusion_1) != 0 ||
-  Reserve8 = 0x00000100,
+      (attribute & EDeviceAttribute.ProductFusion_2) != 0 ||
-  Reserve9 = 0x00000200,
+      (attribute & EDeviceAttribute.ProductFusion_3) != 0 ||
-  Reserve10 = 0x00000400,
+      (attribute & EDeviceAttribute.ProductFusion_4) != 0 ||
-  Reserve11 = 0x00000800,
+      (attribute & EDeviceAttribute.ProductFusion_5) != 0 ||
-  Reserve12 = 0x00001000,
+      (attribute & EDeviceAttribute.ProductFusion_6) != 0 ||
-  Reserve13 = 0x00002000,
+      (attribute & EDeviceAttribute.ProductFusion_7) != 0 ||
-  Reserve14 = 0x00004000,
+      (attribute & EDeviceAttribute.ProductFusion_8) != 0 ||
-  Reserve15 = 0x00008000,
+      (attribute & EDeviceAttribute.ProductFusion_9) != 0
-  Reserve16 = 0x00010000,
+    );
-  Reserve17 = 0x00020000,
+  }
-  Reserve18 = 0x00040000,
+
-  Reserve19 = 0x00080000,
+  public static getProductFusionOutputCount(attribute: number) {
-  Reserve20 = 0x00100000,
+    if (attribute & EDeviceAttribute.ProductFusion_1) {
-  Reserve21 = 0x00200000,
+      return 1;
-  Reserve22 = 0x00400000,
+    } else if (attribute & EDeviceAttribute.ProductFusion_2) {
-  Reserve23 = 0x00800000,
+      return 2;
-  Reserve24 = 0x01000000,
+    } else if (attribute & EDeviceAttribute.ProductFusion_3) {
-  Reserve25 = 0x02000000,
+      return 3;
-  Reserve26 = 0x04000000,
+    } else if (attribute & EDeviceAttribute.ProductFusion_4) {
-  Reserve27 = 0x08000000,
+      return 4;
-  Reserve28 = 0x10000000,
+    } else if (attribute & EDeviceAttribute.ProductFusion_5) {
-  Reserve29 = 0x20000000,
+      return 5;
-  Reserve30 = 0x40000000,
+    } else if (attribute & EDeviceAttribute.ProductFusion_6) {
-  Reserve31 = 0x80000000,
+      return 6;
-
+    } else if (attribute & EDeviceAttribute.ProductFusion_7) {
-  All = 0xffffffff,
+      return 7;
+    } else if (attribute & EDeviceAttribute.ProductFusion_8) {
+      return 8;
+    } else if (attribute & EDeviceAttribute.ProductFusion_9) {
+      return 9;
+    } else {
+      return 0;
+    }
+  }
+
+  public static getProductFusionOutputCountDefault(
+    attribute: number,
+    default_Value: number
+  ) {
+    const ret = EDeviceAttributeHelper.getProductFusionOutputCount(attribute);
+    if (ret == 0) {
+      return default_Value;
+    }
+    return ret;
+  }
+
+  public static getProdictFusionAttributeByIndex(index: number) {
+    switch (index) {
+      case 1:
+        return EDeviceAttribute.ProductFusion_1;
+      case 2:
+        return EDeviceAttribute.ProductFusion_2;
+      case 3:
+        return EDeviceAttribute.ProductFusion_3;
+      case 4:
+        return EDeviceAttribute.ProductFusion_4;
+      case 5:
+        return EDeviceAttribute.ProductFusion_5;
+      case 6:
+        return EDeviceAttribute.ProductFusion_6;
+      case 7:
+        return EDeviceAttribute.ProductFusion_7;
+      case 8:
+        return EDeviceAttribute.ProductFusion_8;
+      case 9:
+        return EDeviceAttribute.ProductFusion_9;
+      default:
+        return 0;
+    }
+  }
 }

src/entities/HttpProtocol.ts

@@ -1,33 +1,33 @@
-export namespace HttpProtocol {
+export namespace HttpProtocol {
-  export const DefaultHttpPort = 80;
+  export const DefaultHttpPort = 80;
-  export const RequestUploadFile = "/upload_file";
+  export const RequestUploadFile = "/upload_file";
-  export const RequestPathUpdateDBBackupFile = "/common/update_db_backup_file";
+  export const RequestPathUpdateDBBackupFile = "/update_db_backup_file";
-  export const RequestPathDBBackup = "/db_backup";
+  export const RequestPathDBBackup = "/download_db_backup_file";
-  export const RequestPathListFile = "/list_file";
+  export const RequestPathListFile = "/list_file";
-  export const RequestPathCreateDirectory = "/create_directory";
+  export const RequestPathCreateDirectory = "/create_directory";
-  export const RequestPathCheckFileSupport = "/check_file_support";
+  export const RequestPathCheckFileSupport = "/check_file_support";
-  export const RequestPathGetWebscoketPort = "/get_websocket_port";
+  export const RequestPathGetWebscoketPort = "/get_websocket_port";
-  export const RequestPathGetAllPort = "/get_all_port";
+  export const RequestPathGetAllPort = "/get_all_port";
-  export const RequestPathDeleteFile = "/delete_file";
+  export const RequestPathDeleteFile = "/delete_file";
-  export const RequestPathRenameFile = "/rename_file";
+  export const RequestPathRenameFile = "/rename_file";
-  export const RequestCheckModeIndex = "/check_mode_index";
+  export const RequestCheckModeIndex = "/check_mode_index";
-
+
-  export const HttpUploadTypeNormal = "U_T_Normal";
+  export const HttpUploadTypeNormal = "U_T_Normal";
-  export const UploadTypeBackgroundImage = "U_T_BACKGROUND_IMAGE";
+  export const UploadTypeBackgroundImage = "U_T_BACKGROUND_IMAGE";
-  export const UploadTypeMedia = "U_T_MEDIA";
+  export const UploadTypeMedia = "U_T_MEDIA";
-  export const UploadTypeDatabase = "U_T_DATABASE";
+  export const UploadTypeDatabase = "U_T_DATABASE";
-  export const UploadTypeRootFS = "U_T_ROOT_FS";
+  export const UploadTypeRootFS = "U_T_ROOT_FS";
-  export const UploadTypeSoftware = "U_T_SOFTWARE";
+  export const UploadTypeSoftware = "U_T_SOFTWARE";
-
+
-  export const kHeaderXFileLength = "X-File-Length";
+  export const kHeaderXFileLength = "X-File-Length";
-  export const kHeaderXFileMD5 = "X-File-MD5";
+  export const kHeaderXFileMD5 = "X-File-MD5";
-  export const kHeaderXProductName = "X-Product-Name";
+  export const kHeaderXProductName = "X-Product-Name";
-  const kHeaderDefaultValueXProductName = "LED_PLAYER";
+  const kHeaderDefaultValueXProductName = "LED_PLAYER";
-
+
-  export const getProductName = ($store: any): String => {
+  export const getProductName = ($store: any): String => {
-    if ($store && $store.state && $store.state.product_name) {
+    if ($store && $store.state && $store.state.product_name) {
-      return $store.state.product_name;
+      return $store.state.product_name;
-    }
+    }
-    return kHeaderDefaultValueXProductName;
+    return kHeaderDefaultValueXProductName;
-  };
+  };
-}
+}

src/entities/MagicWallConfig.ts

@@ -1,8 +1,8 @@
-import RotatedRectF from "./RectF";
+import RotatedRectF, { RotatedRectFWithIndex } from "./RectF";
 
 export default class MagicWallConfig {
   magic_wall_enable = false;
   row = 0;
   col = 0;
-  windows: RotatedRectF[] = [];
+  windows: RotatedRectFWithIndex[] = [];
 }

src/entities/RectF.ts

@@ -32,3 +32,11 @@ export class RotatedRectF extends RectF {
     this.angle = angle;
   }
 }
+export class RotatedRectFWithIndex extends RotatedRectF{
+  index:number=0;
+  percenter:number=0;
+  initial_h:number=0;
+  initial_w:number=0;
+  background_h:number=0;
+  background_w:number=0;
+}

src/i18n/en-US/index.ts

@@ -57,6 +57,10 @@ export default {
   Accept: "Accept",
   "move speed": "Move Speed",
   "y offset": "Y Offset",
+  "the number must be greater than 0": "The Number Must Be Greater Than 0",
+  "the number must be less than 2160":"The Number Must Be Less Than 2160",
+  "the number must be less than 3840":"The Number Must Be Less Than 3840",
+  "the number must be greater than 360":"The Number Must Be Less Than 360",
   "pos x": "X Position",
   "pos y": "Y Position",
   width: "Width",
@@ -162,13 +166,14 @@ export default {
   "timing task": " Timing Task",
   other: "Other",
   "auto ip": "Auto IP",
-  "ip address": "Ip Address",
+  "ip address": "IP Address",
   gateway: "Gateway",
   netmask: "Netmask",
   "mac address": "MAC Address",
   advanced: "Advanced",
   "revert and exit": "Revert And Exit",
   apply: "Apply",
+  load: "Load",
   "current real resolution": "Current Real Resolution",
   "output type": "Output Type",
   "target resolution": "Target Resolution",
@@ -184,7 +189,7 @@ export default {
   "task type": "Task Type",
   time: "Time",
   loop: "Loop",
-  "timing cycle": "Timing Exexute",
+  "timing cycle": "Timing Execute",
   monday: "Monday",
   tuesday: "Turesday",
   wednesday: "Wednesday",
@@ -293,6 +298,7 @@ export default {
   "open left tool bar": "Open Left Tool Bar",
   "open right tool bar": "Open Right Tool Bar",
   fail: " Fail",
+  finish: "Finish",
   "edit group": "Edit Group",
   "open window": "Open Window",
   "close all windows": "Close All Windows",
@@ -405,23 +411,107 @@ export default {
   "Please input vaild host. example: 192.168.1.1 or 192.168.1.1:8080":
     "Please Input Vaild Host. Example: 192.168.1.1 or 192.168.1.1:8080",
   "equipment data": "Equipment Data",
-  "fusion settings":"fusion settings",
+  fusion: "Fusion",
-  "FusionLocale":"Fusion Locale",
+  "fusion settings": "Fusion Settings",
-  "FourPointCalibration":"Four Pint Calibration",
+  FusionLocale: "Fusion Locale",
-  "SurfaceCorrection":"Surface Correction",
+  FourPointCalibration: "Four Pint Calibration",
-  "DensityCorrection":"Density Correction",
+  SurfaceCorrection: "Surface Correction",
-  "GridSettings":"Grid Settings",
+  DensityCorrection: "Density Correction",
-  "point":"dot",
+  GridSettings: "Auxiliary Settings",
-  "reset":"reset",
+  point: "dot",
-  "upper fusion zone parameters":"upper fusion zone parameters",
+  reset: "reset",
-  "Left fusion Band Parameters":"Left Fusion Band Parameters",
+  "upper fusion zone parameters": "Upper Fusion Zone Parameters",
-  "Lower fusion Zone Parameters":"Lower Fusion Zone Parameters",
+  "Left fusion Band Parameters": "Left Fusion Band Parameters",
-  "Right fusion Band Parameters":"Right Fusion Band Parameters",
+  "Lower fusion Zone Parameters": "Lower Fusion Zone Parameters",
-  "Set the fusion band width":"Set the fusion band width",
+  "Right fusion Band Parameters": "Right Fusion Band Parameters",
-  "Please enter a number":"Please enter a number",
+  "Set the fusion band width": "Set the fusion band width",
-  "Please enter 0-100":"Please enter 0-your differentiation rate",
+  "Please enter a number": "Please enter a number",
-  "Set Fusion Band Parameters":"Set Fusion Band Parameters",
+  "Please enter 0-100": "Please enter 0-your differentiation rate",
-  "Projector":"Projector",
+  "Set Fusion Band Parameters": "Set Fusion Band Parameters",
-  "resetall":"reset all",
+  Projector: "Projector",
-  "save config":"save config"
+  resetall: "reset all",
+  "save config": "Save Config",
+  "Whether to enable integration": "Enable projection mode",
+  "Whether to hide the desktop": "Whether to hide the desktop",
+  "resetall config": "resetall config",
+  "disable blending params": "Dsable blending params",
+  "show blending grids": "Show Grids",
+  "line color": "Line Color",
+  "center line color": "center line color",
+  "center circle color": "center circle color",
+  "Whether to operate synchronously": "synchronous operation",
+  "Select saved configuration": "Configuration list",
+  "read saved configuration": "Configuration list",
+  "please choose": "please choose",
+  save: "Save",
+  "Whether to save the configuration": "Whether to save the configuration",
+  "New Please enter a name": "New Please enter a name",
+  "Please select an override": "Please select an override",
+  "confirm delete": "confirm delete",
+  "delete or not": "delete or not",
+  debugging: "Debugging",
+  disable_blending: "disable blending",
+  disable_clip: "disable clip",
+  show_mask: "hide desktop",
+  save_bmp: "save bmp",
+  disable_blending_params: "disable blending params",
+  "Please enter a value within the range":
+    "Please enter a value within the range",
+  "vertical correction": "vertical correction",
+  "horizontal correction": "horizontal correction",
+  "line width": "line width",
+  level: "level",
+  vertical: "vertical",
+  "auxiliary lines": "auxiliary lines",
+  "level point": "level point amount",
+  "vertical point ": "vertical point amount",
+  "point amount": "point amount",
+  "add control points": "add control points",
+  "reduce control points": "delete control points",
+  "OK to delete you will lose the data you adjusted now":
+    "OK to delete you will lose the data you adjusted now",
+  "Please enter the points you need to add":
+    "Please enter the points you need to add",
+  "Whether to add control points": "Whether to add control points",
+  "Reset all program control points": "Reset all program control points",
+  "Reset the current program control point":
+    "Reset the current program control point",
+  "device verify key": "Device Verify Key",
+  "use wss": "Use Wss",
+  "server address": "Server Address",
+  "cloud server": "Cloud Server",
+  "verify key length is 6": "Verify Key Length Is 6",
+  server: "Server",
+  "set cloud server setting": "Set Cloud Server Setting",
+  "set magic wall": "Set Magic wall",
+  "update magic wall": "Update Magic Wall",
+  "magic wall": "Magic Wall",
+  angle: "Angle",
+  "topology diagram": "Topology Diagram",
+  "physical central location": "Central Location",
+  "monitors list": "Monitors List",
+  resize: "Resize",
+  "export magic": "Export",
+  "raster graph": "Raster Graph",
+  "the folder name cannot start with a '.'":
+    "The Folder Name Cannot Start With a '.'",
+  "change resolution": "change resolution",
+  "Loading please wait": "Loading please wait",
+  product: "Product",
+  normal: "Normal",
+  "fusion out": "Out",
+  "Please enter the square number": "Please enter the square number",
+  "Change projector layout": "Change projector layout",
+  "reset all": "reset all",
+  "Do you confirm the modification": "Do you confirm the modification",
+  "Whether to modify the resolution to": "Whether to modify the resolution to",
+  "Whether to change the projector layout to":
+    "Whether to change the projector layout to",
+  "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)":
+    "After Upgrade, Please Clear Browser Cache Or Refresh Hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)",
+    "fusion zone":"fusion zone",
+    "up":"up",
+    "left":"left",
+    "right":"right",
+    "down":"down"
 };

src/i18n/zh-CN/index.ts

@@ -5,6 +5,7 @@ export default {
   " ": "",
   title: "MediaPlayerWebApp",
   failed: "失败",
+  finish: "完成",
   fail: "失败",
   error: "错误",
   Confirm: "确认",
@@ -123,6 +124,7 @@ export default {
   "local disk": "本地磁盘",
   usb: "U盘",
   "Please input vaild ip address": "请输入合法的IP地址",
+  "Please input vaild netmask address": "请输入合法的掩码地址",
   "Please input vaild mac address": "请输入合法的MAC地址",
   "server ip address": "服务器地址",
   "please input server ip address": "请输入服务器地址",
@@ -216,6 +218,7 @@ export default {
   disable: "禁用",
   enable: "启用",
   apply: "应用",
+  load: "加载",
   "apply and exit": "应用并退出",
   revert: "恢复",
   "revert and exit": "不保存退出",
@@ -486,7 +489,11 @@ export default {
   "full screen window": "全屏",
   "restore window size": "恢复",
   "the number must be greater than 0": "数字必须大于0",
+  "the number must be less than 2160":"数字必须小于等于2160",
+  "the number must be less than 3840":"数字必须小于等于3840",
   "the number must be greater than 1": "数字必须大于1",
+  "the number must be greater than 360":"数字必须小于等于360",
+
   X: "X坐标",
   Y: "Y坐标",
   "edit window rect": "窗口大小调整",
@@ -499,7 +506,7 @@ export default {
   Warning: "警告",
   function: "功能",
   commit: "提交",
-  "set device function": "设置设备功能成功",
+  "set device function": "设置设备功能",
   operator_play_signal_source: "信号源",
   "toolbar edit window rect": "窗口大小",
   exit: "退出",
@@ -673,23 +680,105 @@ export default {
   "Please input vaild host. example: 192.168.1.1 or 192.168.1.1:8080":
     "请输入合法地址. 例: 192.168.1.1 或 192.168.1.1:8080",
   "equipment data": "联动设备",
-  "fusion settings":"融合设置",
+  fusion: "融合",
-  "FusionLocale":"融合区域设置",
+  "fusion settings": "融合设置",
-  "FourPointCalibration":"四点校正",
+  FusionLocale: "融合区域设置",
-  "SurfaceCorrection":"曲面校正",
+  FourPointCalibration: "四点校正",
-  "DensityCorrection":"疏密校正",
+  SurfaceCorrection: "曲面校正",
-  "GridSettings":"网格设置",
+  DensityCorrection: "疏密校正",
-  "point":"点",
+  GridSettings: "辅助设置",
-  "reset":"重置",
+  point: "点",
-  "upper fusion zone parameters":"上融合带参数",
+  reset: "重置",
-  "Left fusion Band Parameters":"左融合带参数",
+  "upper fusion zone parameters": "上融合带参数",
-  "Lower fusion Zone Parameters":"下融合带参数",
+  "Left fusion Band Parameters": "左融合带参数",
-  "Right fusion Band Parameters":"右融合带参数",
+  "Lower fusion Zone Parameters": "下融合带参数",
-  "Set the fusion band width":"设置融合带宽度",
+  "Right fusion Band Parameters": "右融合带参数",
-  "Please enter a number":"请输入数字",
+  "Set the fusion band width": "设置融合带宽度",
-  "Please enter 0-100":"请输入 0-你的分辨率",
+  "Please enter a number": "请输入数字",
-  "Set Fusion Band Parameters":"设置融合带参数",
+  "Please enter 0-100": "请输入 0-你的分辨率",
-  "Projector":"投影机",
+  "Set Fusion Band Parameters": "设置融合带参数",
-  "resetall":"重置所有",
+  Projector: "投影机",
-  "save config":"保存配置"
+  resetall: "重置所有",
+  "save config": "保存配置",
+  "Enable projection mode": "启用投影模式",
+  "Whether to hide the desktop": "是否隐藏桌面",
+  "resetall config": "重置所有配置",
+  "disable blending params": "禁用融合参数",
+  "show blending grids": "显示网格",
+  "line color": "线条颜色",
+  "center line color": "中心线颜色",
+  "center circle color": "中心圆颜色",
+  "Whether to operate synchronously": "是否同步操作",
+  "Select saved configuration": "配置列表",
+  "read saved configuration": "融合配置列表",
+  "please choose": "请选择",
+  save: "保存",
+  "Whether to save the configuration": "是否保存配置",
+  "New Please enter a name": "新建 请输入名称",
+  "Please select an override": "请选择覆盖",
+  "confirm delete": "确定删除",
+  "Whether to delete": "是否删除",
+  debugging: "调试",
+  disable_blending: "禁用混合",
+  disable_clip: "禁用裁剪",
+  show_mask: "隐藏桌面",
+  save_bmp: "保存BMP",
+  disable_blending_params: "禁用融合参数",
+  "Please enter a value within the range": "请输入范围内的值",
+  "vertical correction": "垂直校正",
+  "horizontal correction": "水平校正",
+  "line width": "线宽",
+  level: "水平",
+  vertical: "垂直",
+  "auxiliary lines": "辅助线",
+  "level point": "水平点数量",
+  "vertical point": "垂直点数量",
+  "point amount": "点数量",
+  "add control points": "增加",
+  "reduce control points": "删除",
+  "OK to delete you will lose the data you adjusted now":
+    "确定删除你将失去现在调整的数据",
+  "Please enter the points you need to add": "请输入你所需要添加的点数",
+  "Whether to add control points": "是否添加控制点",
+  "Reset all program control points": "重置全部方案控制点",
+  "Reset the current program control point": "重置当前方案控制点",
+  "device verify key": "设备校验码",
+  "use wss": "使用Wss",
+  "server address": "服务器地址",
+  "cloud server": "云服务器",
+  "verify key length is 6": "校验码长度必须为6",
+  server: "服务",
+  "set cloud server setting": "设置云服务器",
+  "set magic wall": "设置魔墙",
+  "update magic wall": "更新魔墙",
+  "magic wall": "魔墙",
+  angle: "角度",
+  "topology diagram": "拓扑图",
+  "physical central location": "物理中心位置",
+  "monitors list": "显示器",
+  resize: "缩放",
+  "export magic": "导出",
+  "raster graph": "栅格图",
+  "the folder name cannot start with a '.'": "文件夹名称不能以“.” 开头",
+  "change resolution": "更改分辨率",
+  "Loading please wait": "加载中 请稍等",
+  "Version Mismatch !": "版本不匹配!",
+  "Version Mismatch ! Please Upgrade The Software Again ! Otherwise, The File Function Cannot Be Used !":
+    "版本不匹配!请重新升级软件!否则文件功能无法正常使用!",
+  product: "产品",
+  normal: "普通",
+  "fusion out": "出",
+  "Please enter the square number": "请输入平方数",
+  "Change projector layout": "更改投影机布局",
+  "reset all": "重置所有",
+  "Do you confirm the modification": "是否确认修改",
+  "Whether to modify the resolution to": "是否将分辨率修改到",
+  "Whether to change the projector layout to": "是否更改投影机布局为",
+  "after upgrade, please clear browser cache Or refresh hard (Ctrl/Shift + F5 Or Ctrl + Shift + R)":
+    "升级完成后请清空浏览器缓存或者进行硬刷新(Ctrl/Shift + F5 或者 CTRL + SHIFT + R)",
+  "fusion zone":"融合带",
+  "up":"上",
+  "left":"左",
+  "right":"右",
+  "down":"下"
 };

src/index.template.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title><%= productName %></title>
+    <title></title>
 
     <meta charset="utf-8" />
     <meta name="renderer" content="webkit" />

src/pad/Login.vue

@@ -68,11 +68,7 @@
                           (val && val.length > 0) ||
                           $t('Please type something'),
                         (val) =>
-                          val == 'localhost' ||
+                          isHost(val) || $t('Please input vaild ip address'),
-                          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-                            val
-                          ) ||
-                          $t('Please input vaild ip address'),
                       ]"
                       @keydown="
                         (evt) => {
@@ -363,6 +359,7 @@ import Initializer from "src/common/Initializer";
 import { api } from "src/boot/axios";
 import { HttpProtocol } from "src/entities/HttpProtocol";
 import { Plugins as CapacitorPlugins } from "@capacitor/core";
+import ValidationUtil from "src/common/ValidationUtil";
 
 class _Data {
   user_name: string | null = null;
@@ -699,6 +696,9 @@ export default defineComponent({
           }
         }
       },
+      isHost(str: string) {
+        return ValidationUtil.isHost(str);
+      },
     };
   },
 });

src/pad/TopToolbar.vue

@@ -135,6 +135,7 @@
     <q-btn
       stretch
       :disable="!$store.state.power_state"
+      v-if="$store.state.isLedPlayer()"
       flat
       stack
       no-caps
@@ -192,6 +193,24 @@
               {{ $t("background image setting") }}
             </q-item-section>
           </q-item>
+
+          <q-item
+            clickable
+            v-close-popup
+            @click="
+              $refs.fusion_settings_dialog.showDialog();
+              getconfig();
+            "
+            v-if="$store.state.custom_defines.function_fusion"
+          >
+            <q-item-section avatar>
+              <q-icon style="color: #63bab4;" name="open_with" />
+            </q-item-section>
+            <q-item-section>
+              {{ $t("fusion settings") }}
+            </q-item-section>
+          </q-item>
+
           <q-item clickable v-close-popup @click="switchLanguage">
             <q-item-section avatar>
               <q-icon name="img:pad/toolbar/cn_en.png" />
@@ -234,6 +253,9 @@
   <advanced-debug-dialog ref="advanced_debug_dialog" />
   <window-rect-edit-dialog ref="window_rect_edit_dialog" />
   <system-setting-dialog ref="system_setting_dialog" />
+
+  <fusion-settings-dialog ref="fusion_settings_dialog" />
+
 </template>
 
 <script lang="ts">
@@ -241,6 +263,9 @@ import { defineComponent, Ref, ref, computed, watch } from "vue";
 import { Cookies, SessionStorage, useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
 import { useStore } from "src/store";
+
+import FusionSettingsDialog from "src/components/FusionSettingsDialog.vue";
+
 import BackgroundImageDialog from "src/components/BackgroundImageDialog.vue";
 import FileManageDialog from "src/components/FileManageDialog.vue";
 import SubtitleDialog from "src/components/SubtitleDialog.vue";
@@ -264,12 +289,13 @@ export default defineComponent({
     AdvancedDebugDialog,
     WindowRectEditDialog,
     SystemSettingDialog,
+    FusionSettingsDialog
   },
   setup() {
     const $store = useStore();
     const $q = useQuasar();
     const $t = useI18n();
-
+    let set = GlobalData.getInstance().getCurrentClient();
     const window_rect_edit_dialog: Ref<any> = ref(null);
 
     const plan_running = computed(
@@ -287,7 +313,19 @@ export default defineComponent({
         }
       }
     );
-
+    const getconfig = () => {
+      set?.SetBlendingOption("blending_grids_select_ui", '4')
+      set?.SetBlendingOption('blending_grids_select_projector',"0-0");
+      set?.SetBlendingOption("blending_grids_select_point", `4:1`)
+      set?.SetBlendingOption("blending_grids_show", "1");
+      try {
+        set?.GetBlendingConfig("").then((res) => {
+          let tmp = JSON.parse(res ? res.config : "");
+          $store.commit("setEnablefusion", tmp.enable);
+          $store.commit("setfusion_configuration", res?.config);
+        });
+      } catch (error) {}
+    };
     return {
       plan_running,
       window_rect_edit_dialog,

src/pages/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-page class="row items-center justify-evenly">
+  <q-page class="row items-center justify-evenly" :style-fn="wujie_height">
     <wall-page />
     <media-control-page />
   </q-page>
@@ -70,7 +70,11 @@ export default defineComponent({
       new Initializer(options).initialize();
     });
 
-    return {};
+    return {
+      wujie_height(offset:any){
+        return { minHeight: offset ? `calc(100vh - ${offset}px)` : '100vh' }
+      }
+    };
   },
 });
 </script>

src/pages/Login.vue

@@ -1,482 +1,482 @@
-<template>
+<template>
-  <q-layout view="hHh lpR fFf">
+  <q-layout view="hHh lpR fFf">
-    <img
+    <img
-      v-if="landspace"
+      v-if="landspace"
-      src="login/login_background.png"
+      src="login/login_background.png"
-      class="fit"
+      class="fit"
-      style="position: fixed"
+      style="position: fixed"
-    />
+    />
-    <q-page-container>
+    <q-page-container>
-      <q-page
+      <q-page
-        class="row items-center"
+        class="row items-center"
-        style="position: ; /*fixed*/"
+        style="position: ; /*fixed*/"
-        :class="landspace ? '' : 'justify-evenly'"
+        :class="landspace ? '' : 'justify-evenly'"
-        :style="landspace ? { left: '50%' } : {}"
+        :style="landspace ? { left: '50%' } : {}"
-      >
+      >
-        <q-card :style="{ width: (landspace ? 34 : 70) + 'vw' }">
+        <q-card :style="{ width: (landspace ? 34 : 70) + 'vw' }">
-          <q-card-section class="text-center text-h6">
+          <q-card-section class="text-center text-h6">
-            {{ $t("login") }}
+            {{ $t("login") }}
-          </q-card-section>
+          </q-card-section>
-          <q-separator />
+          <q-separator />
-          <q-card-section class="fit">
+          <q-card-section class="fit">
-            <q-form ref="login_form" @submit="onSubmit" @reset="onReset">
+            <q-form ref="login_form" @submit="onSubmit" @reset="onReset">
-              <q-list class="fit">
+              <q-list class="fit">
-                <q-item v-if="$store.state.advanced_debug">
+                <q-item v-if="$store.state.advanced_debug">
-                  <q-item-section>
+                  <q-item-section>
-                    <q-input
+                    <q-input
-                      :autofocus="!data.ip_address"
+                      :autofocus="!data.ip_address"
-                      outlined
+                      outlined
-                      :loading="data.loading"
+                      :loading="data.loading"
-                      :disable="data.loading"
+                      :disable="data.loading"
-                      v-model="data.ip_address"
+                      v-model="data.ip_address"
-                      :label="$t('server ip address')"
+                      :label="$t('server ip address')"
-                      :hint="$t('please input server ip address')"
+                      :hint="$t('please input server ip address')"
-                      lazy-rules
+                      lazy-rules
-                      :rules="[
+                      :rules="[
-                        (val) =>
+                        (val) =>
-                          (val && val.length > 0) ||
+                          (val && val.length > 0) ||
-                          $t('Please type something'),
+                          $t('Please type something'),
-                        (val) =>
+                        (val) =>
-                          val == 'localhost' ||
+                          isHost(val) || $t('Please input vaild ip address'),
-                          /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+                      ]"
-                            val
+                      @keydown="
-                          ) ||
+                        (evt) => {
-                          $t('Please input vaild ip address'),
+                          if (evt.keyCode == 13) {
-                      ]"
+                            $refs?.user_name?.focus();
-                      @keydown="
+                          }
-                        (evt) => {
+                        }
-                          if (evt.keyCode == 13) {
+                      "
-                            $refs?.user_name?.focus();
+                    >
-                          }
+                      <template v-slot:prepend>
-                        }
+                        <q-icon name="public" class="background" />
-                      "
+                      </template>
-                    >
+                      <template v-if="data.ip_address" v-slot:append>
-                      <template v-slot:prepend>
+                        <q-icon
-                        <q-icon name="public" class="background" />
+                          name="cancel"
-                      </template>
+                          @click.stop="data.ip_address = null"
-                      <template v-if="data.ip_address" v-slot:append>
+                          class="cursor-pointer"
-                        <q-icon
+                        />
-                          name="cancel"
+                      </template>
-                          @click.stop="data.ip_address = null"
+                    </q-input>
-                          class="cursor-pointer"
+                  </q-item-section>
-                        />
+                </q-item>
-                      </template>
+
-                    </q-input>
+                <q-item>
-                  </q-item-section>
+                  <q-item-section>
-                </q-item>
+                    <q-input
-
+                      :autofocus="!data.user_name"
-                <q-item>
+                      outlined
-                  <q-item-section>
+                      ref="user_name"
-                    <q-input
+                      :loading="data.loading"
-                      :autofocus="!data.user_name"
+                      :disable="data.loading"
-                      outlined
+                      v-model="data.user_name"
-                      ref="user_name"
+                      :label="$t('user name')"
-                      :loading="data.loading"
+                      :hint="$t('please input user name')"
-                      :disable="data.loading"
+                      lazy-rules
-                      v-model="data.user_name"
+                      :rules="[
-                      :label="$t('user name')"
+                        (val) =>
-                      :hint="$t('please input user name')"
+                          (val && val.length > 0) ||
-                      lazy-rules
+                          $t('Please type something'),
-                      :rules="[
+                      ]"
-                        (val) =>
+                      @keydown="
-                          (val && val.length > 0) ||
+                        (evt) => {
-                          $t('Please type something'),
+                          if (evt.keyCode == 13) {
-                      ]"
+                            $refs?.password_input?.focus();
-                      @keydown="
+                          }
-                        (evt) => {
+                        }
-                          if (evt.keyCode == 13) {
+                      "
-                            $refs?.password_input?.focus();
+                    >
-                          }
+                      <template v-slot:prepend>
-                        }
+                        <q-icon name="account_circle" class="background" />
-                      "
+                      </template>
-                    >
+                      <template v-if="data.user_name" v-slot:append>
-                      <template v-slot:prepend >
+                        <q-icon
-                        <q-icon name="account_circle" class="background"  />
+                          name="cancel"
-                      </template>
+                          @click.stop="data.user_name = null"
-                      <template v-if="data.user_name" v-slot:append>
+                          class="cursor-pointer"
-                        <q-icon
+                        />
-                          name="cancel"
+                      </template>
-                          @click.stop="data.user_name = null"
+                    </q-input>
-                          class="cursor-pointer"
+                  </q-item-section>
-                        />
+                </q-item>
-                      </template>
+
-                    </q-input>
+                <q-item>
-                  </q-item-section>
+                  <q-item-section>
-                </q-item>
+                    <q-input
-
+                      outlined
-                <q-item>
+                      ref="password_input"
-                  <q-item-section>
+                      :loading="data.loading"
-                    <q-input
+                      :disable="data.loading"
-                      outlined
+                      :type="data.show_password ? '' : 'password'"
-                      ref="password_input"
+                      v-model="data.password"
-                      :loading="data.loading"
+                      :label="$t('password')"
-                      :disable="data.loading"
+                      :hint="$t('please input password')"
-                      :type="data.show_password ? '' : 'password'"
+                      lazy-rules
-                      v-model="data.password"
+                      :rules="[
-                      :label="$t('password')"
+                        (val) =>
-                      :hint="$t('please input password')"
+                          (val && val.length > 0) ||
-                      lazy-rules
+                          $t('Please type something'),
-                      :rules="[
+                      ]"
-                        (val) =>
+                      @keydown="
-                          (val && val.length > 0) ||
+                        (evt) => {
-                          $t('Please type something'),
+                          if (evt.keyCode == 13) {
-                      ]"
+                            $refs?.login_button?.click();
-                      @keydown="
+                          }
-                        (evt) => {
+                        }
-                          if (evt.keyCode == 13) {
+                      "
-                            $refs?.login_button?.click();
+                    >
-                          }
+                      <template v-slot:prepend>
-                        }
+                        <q-icon name="key" class="background" />
-                      "
+                      </template>
-                    >
+                      <template v-if="data.password" v-slot:append>
-                      <template v-slot:prepend >
+                        <q-icon
-                        <q-icon name="key" class="background" />
+                          :name="
-                      </template>
+                            data.show_password ? 'visibility' : 'visibility_off'
-                      <template v-if="data.password" v-slot:append>
+                          "
-                        <q-icon
+                          class="cursor-pointer"
-                          :name="
+                          @click="data.show_password = !data.show_password"
-                            data.show_password ? 'visibility' : 'visibility_off'
+                        />
-                          "
+                        <q-icon
-                          class="cursor-pointer"
+                          name="cancel"
-                          @click="data.show_password = !data.show_password"
+                          @click.stop="data.password = null"
-                        />
+                          class="cursor-pointer"
-                        <q-icon
+                        />
-                          name="cancel"
+                      </template>
-                          @click.stop="data.password = null"
+                    </q-input>
-                          class="cursor-pointer"
+                  </q-item-section>
-                        />
+                </q-item>
-                      </template>
+                <q-item class="q-mt-md">
-                    </q-input>
+                  <q-item-section>
-                  </q-item-section>
+                    <q-checkbox
-                </q-item>
+                      :label="$t('remember password')"
-                <q-item class="q-mt-md">
+                      v-model="remember_password"
-                  <q-item-section>
+                      :disable="data.loading"
-                    <q-checkbox
+                    />
-                      :label="$t('remember password')"
+                  </q-item-section>
-                      v-model="remember_password"
+                  <q-item-section>
-                      :disable="data.loading"
+                    <q-checkbox
-                    />
+                      :label="$t('auto login')"
-                  </q-item-section>
+                      v-model="auto_login"
-                  <q-item-section>
+                      @update:model-value="remember_password = true"
-                    <q-checkbox
+                      :disable="data.loading"
-                      :label="$t('auto login')"
+                    />
-                      v-model="auto_login"
+                  </q-item-section>
-                      @update:model-value="remember_password = true"
+                </q-item>
-                      :disable="data.loading"
+              </q-list>
-                    />
+            </q-form>
-                  </q-item-section>
+          </q-card-section>
-                </q-item>
+          <q-card-actions class="q-px-lg">
-              </q-list>
+            <q-btn
-            </q-form>
+              ref="login_button"
-          </q-card-section>
+              class="full-width text-h6"
-          <q-card-actions class="q-px-lg">
+              :loading="data.loading"
-            <q-btn
+              :label="$t('login')"
-              ref="login_button"
+              no-caps
-              class="full-width text-h6"
+              style="
-              :loading="data.loading"
+                background: #273de4;
-              :label="$t('login')"
+                box-shadow: 0 4px 6px 0px rgb(39 60 228 / 40%);
-              no-caps
+              "
-              style="
+              text-color="white"
-                background: #273de4;
+              @click="$refs?.login_form?.submit()"
-                box-shadow: 0 4px 6px 0px rgb(39 60 228 / 40%);
+            />
-              "
+          </q-card-actions>
-              text-color="white"
+        </q-card>
-              @click="$refs?.login_form?.submit()"
+      </q-page>
-            />
+    </q-page-container>
-          </q-card-actions>
+  </q-layout>
-        </q-card>
+</template>
-      </q-page>
+
-    </q-page-container>
+<style scoped>
-  </q-layout>
+.background {
-</template>
+  color: #3f69fd;
-
+}
-<style scoped>
+</style>
-.background{
+
-  color: #3f69fd;
+<script lang="ts">
-}
+import { defineComponent, onMounted, reactive, ref, Ref, computed } from "vue";
-</style>
+
-
+import GlobalData from "src/common/GlobalData";
-<script lang="ts">
+import { Cookies, LocalStorage, SessionStorage, useQuasar } from "quasar";
-import { defineComponent, onMounted, reactive, ref, Ref, computed } from "vue";
+import ClientConnection from "src/common/ClientConnection";
-
+import PermissionLevel from "src/entities/PermissionLevel";
-import GlobalData from "src/common/GlobalData";
+import { useI18n } from "vue-i18n";
-import { Cookies, LocalStorage, SessionStorage, useQuasar } from "quasar";
+import { useRouter } from "vue-router";
-import ClientConnection from "src/common/ClientConnection";
+import EventBus, { EventNamesDefine } from "src/common/EventBus";
-import PermissionLevel from "src/entities/PermissionLevel";
+import { useStore } from "src/store";
-import { useI18n } from "vue-i18n";
+import { Md5 } from "ts-md5";
-import { useRouter } from "vue-router";
+import Initializer from "src/common/Initializer";
-import EventBus, { EventNamesDefine } from "src/common/EventBus";
+import { api } from "src/boot/axios";
-import { useStore } from "src/store";
+import { HttpProtocol } from "src/entities/HttpProtocol";
-import { Md5 } from "ts-md5";
+import ValidationUtil from "src/common/ValidationUtil";
-import Initializer from "src/common/Initializer";
+
-import { api } from "src/boot/axios";
+class _Data {
-import { HttpProtocol } from "src/entities/HttpProtocol";
+  user_name: string | null = null;
-
+  password: string | null = null;
-class _Data {
+  loading = false;
-  user_name: string | null = null;
+  ip_address = window.location.hostname;
-  password: string | null = null;
+  show_password = false;
-  loading = false;
+
-  ip_address = window.location.hostname;
+  constructor() {
-  show_password = false;
+    let temp = LocalStorage.getItem("default_ip_address");
-
+    if (temp) {
-  constructor() {
+      this.ip_address = temp.toString();
-    let temp = LocalStorage.getItem("default_ip_address");
+    } else {
-    if (temp) {
+      this.ip_address = window.location.hostname;
-      this.ip_address = temp.toString();
+    }
-    } else {
+
-      this.ip_address = window.location.hostname;
+    temp = LocalStorage.getItem("default_user_name");
-    }
+    if (temp) {
-
+      this.user_name = temp.toString();
-    temp = LocalStorage.getItem("default_user_name");
+    }
-    if (temp) {
+
-      this.user_name = temp.toString();
+    temp = LocalStorage.getItem("default_password");
-    }
+    if (temp) {
-
+      this.password = temp.toString();
-    temp = LocalStorage.getItem("default_password");
+    }
-    if (temp) {
+  }
-      this.password = temp.toString();
+}
-    }
+
-  }
+export default defineComponent({
-}
+  name: "PageLogin",
-
+
-export default defineComponent({
+  components: {},
-  name: "PageLogin",
+
-
+  setup() {
-  components: {},
+    const $q = useQuasar();
-
+    const $t = useI18n();
-  setup() {
+    const $route = useRouter();
-    const $q = useQuasar();
+    const $store = useStore();
-    const $t = useI18n();
+    const data = reactive(new _Data());
-    const $route = useRouter();
+
-    const $store = useStore();
+    try {
-    const data = reactive(new _Data());
+      (window as any).setPcTheme();
-
+    } catch {}
-    try {
+
-      (window as any).setPcTheme();
+    const login_form: Ref<any> = ref(null);
-    } catch {}
+
-
+    const remember_password = ref(false);
-    const login_form: Ref<any> = ref(null);
+    const auto_login = ref(false);
-
+    let cache_password: string | null = null;
-    const remember_password = ref(false);
+
-    const auto_login = ref(false);
+    let web_socket: ClientConnection | null = null;
-    let cache_password: string | null = null;
+    let is_pwa = ["fullscreen", "standalone", "minimal-ui"].some(
-
+      (displayMode) =>
-    let web_socket: ClientConnection | null = null;
+        window.matchMedia("(display-mode: " + displayMode + ")").matches
-    let is_pwa = ["fullscreen", "standalone", "minimal-ui"].some(
+    );
-      (displayMode) =>
+
-        window.matchMedia("(display-mode: " + displayMode + ")").matches
+    const landspace = computed({
-    );
+      get: () => $store.state.landspace,
-
+      set: (val) => null,
-    const landspace = computed({
+    });
-      get: () => $store.state.landspace,
+
-      set: (val) => null,
+    EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
-    });
+      landspace.value = window.innerHeight < window.innerWidth;
-
+    });
-    EventBus.getInstance().on(EventNamesDefine.WindowResize, () => {
+
-      landspace.value = window.innerHeight < window.innerWidth;
+    onMounted(() => {
-    });
+      console.log((<any>window).user_search);
-
+      if ((<any>window).user_search?.user && (<any>window).user_search?.pwd) {
-    onMounted(() => {
+        if ((<any>window).user_search?.host) {
-      console.log((<any>window).user_search);
+          data.ip_address = (<any>window).user_search?.host;
-      if ((<any>window).user_search?.user && (<any>window).user_search?.pwd) {
+        }
-        if ((<any>window).user_search?.host) {
+        data.user_name = (<any>window).user_search?.user;
-          data.ip_address = (<any>window).user_search?.host;
+        data.password = (<any>window).user_search?.pwd;
-        }
+        login_form.value.submit();
-        data.user_name = (<any>window).user_search?.user;
+      } else {
-        data.password = (<any>window).user_search?.pwd;
+        if (auto_login.value) {
-        login_form.value.submit();
+          login_form.value.submit();
-      } else {
+        }
-        if (auto_login.value) {
+      }
-          login_form.value.submit();
+    });
-        }
+
-      }
+    try {
-    });
+      remember_password.value = JSON.parse(
-
+        Cookies.get("remember_password")
-    try {
+      ) as boolean;
-      remember_password.value = JSON.parse(
+      auto_login.value = JSON.parse(Cookies.get("auto_login")) as boolean;
-        Cookies.get("remember_password")
+      if (
-      ) as boolean;
+        typeof remember_password.value == "undefined" ||
-      auto_login.value = JSON.parse(Cookies.get("auto_login")) as boolean;
+        remember_password.value == null
-      if (
+      ) {
-        typeof remember_password.value == "undefined" ||
+        remember_password.value = false;
-        remember_password.value == null
+      }
-      ) {
+
-        remember_password.value = false;
+      if (typeof auto_login.value == "undefined" || auto_login.value == null) {
-      }
+        auto_login.value = false;
-
+      }
-      if (typeof auto_login.value == "undefined" || auto_login.value == null) {
+
-        auto_login.value = false;
+      if (remember_password.value) {
-      }
+        data.user_name = Cookies.get("user_name") ?? data.user_name;
-
+        cache_password = Cookies.get("password");
-      if (remember_password.value) {
+        if (
-        data.user_name = Cookies.get("user_name") ?? data.user_name;
+          typeof cache_password != "undefined" &&
-        cache_password = Cookies.get("password");
+          cache_password != null &&
-        if (
+          cache_password.length == 32
-          typeof cache_password != "undefined" &&
+        ) {
-          cache_password != null &&
+          data.password = cache_password;
-          cache_password.length == 32
+        } else {
-        ) {
+          cache_password = null;
-          data.password = cache_password;
+        }
-        } else {
+      }
-          cache_password = null;
+    } catch {}
-        }
+
-      }
+    return {
-    } catch {}
+      login_form,
-
+      data,
-    return {
+      remember_password,
-      login_form,
+      auto_login,
-      data,
+      landspace,
-      remember_password,
+      is_pwa,
-      auto_login,
+      async onSubmit() {
-      landspace,
+        data.loading = true;
-      is_pwa,
+        return new Promise((resolve) => {
-      async onSubmit() {
+          try {
-        data.loading = true;
+            let global_data = GlobalData.getInstance();
-        return new Promise((resolve) => {
+            api
-          try {
+              .get(HttpProtocol.RequestPathGetWebscoketPort)
-            let global_data = GlobalData.getInstance();
+              .then((response) => {
-            api
+                let final_ws_port = GlobalData.kDefaultWebsocektPort;
-              .get(HttpProtocol.RequestPathGetWebscoketPort)
+                if (response && typeof response.data != "undefined") {
-              .then((response) => {
+                  if (typeof response.data != "number") {
-                let final_ws_port = GlobalData.kDefaultWebsocektPort;
+                    const temp_port = parseInt(response.data);
-                if (response && typeof response.data != "undefined") {
+                    if (!isNaN(temp_port) && temp_port != Infinity) {
-                  if (typeof response.data != "number") {
+                      final_ws_port = temp_port;
-                    const temp_port = parseInt(response.data);
+                    }
-                    if (!isNaN(temp_port) && temp_port != Infinity) {
+                  } else {
-                      final_ws_port = temp_port;
+                    final_ws_port = response.data;
-                    }
+                  }
-                  } else {
+                  const url =
-                    final_ws_port = response.data;
+                    "ws://" +
-                  }
+                    data.ip_address +
-                  const url =
+                    ":" +
-                    "ws://" +
+                    final_ws_port.toString() +
-                    data.ip_address +
+                    GlobalData.kWebsocketResource;
-                    ":" +
+                  web_socket = new ClientConnection(
-                    final_ws_port.toString() +
+                    url,
-                    GlobalData.kWebsocketResource;
+                    data.user_name,
-                  web_socket = new ClientConnection(
+                    data.password == cache_password
-                    url,
+                      ? data.password
-                    data.user_name,
+                      : Md5.hashStr(data.password ?? "admin")
-                    data.password == cache_password
+                  );
-                      ? data.password
+                  let timer = setTimeout(() => {
-                      : Md5.hashStr(data.password ?? "admin")
+                    web_socket?.destory();
-                  );
+                    web_socket = null;
-                  let timer = setTimeout(() => {
+                    $q.notify({
-                    web_socket?.destory();
+                      color: "negative",
-                    web_socket = null;
+                      icon: "warning",
-                    $q.notify({
+                      message:
-                      color: "negative",
+                        $t.t("login fail!") +
-                      icon: "warning",
+                        $t.t("connect time out!") +
-                      message:
+                        $t.t(
-                        $t.t("login fail!") +
+                          "please check server state, or check server ip address!"
-                        $t.t("connect time out!") +
+                        ),
-                        $t.t(
+                      position: "center",
-                          "please check server state, or check server ip address!"
+                      timeout: 1500,
-                        ),
+                    });
-                      position: "center",
+                    SessionStorage.set("auth", PermissionLevel.None);
-                      timeout: 1500,
+                    resolve(false);
-                    });
+                    data.loading = false;
-                    SessionStorage.set("auth", PermissionLevel.None);
+                  }, 5000);
-                    resolve(false);
+                  web_socket.login_callback = (is_login) => {
-                    data.loading = false;
+                    clearTimeout(timer);
-                  }, 5000);
+                    if (is_login && web_socket) {
-                  web_socket.login_callback = (is_login) => {
+                      global_data.addClient(data.ip_address, web_socket);
-                    clearTimeout(timer);
+                      global_data.setCurrentClientName(data.ip_address);
-                    if (is_login && web_socket) {
+
-                      global_data.addClient(data.ip_address, web_socket);
+                      SessionStorage.set("auth", PermissionLevel.Root);
-                      global_data.setCurrentClientName(data.ip_address);
+                      SessionStorage.set("url", url);
-
+                      SessionStorage.set("name", data.ip_address);
-                      SessionStorage.set("auth", PermissionLevel.Root);
+                      SessionStorage.set("user_name", data.user_name);
-                      SessionStorage.set("url", url);
+                      SessionStorage.set(
-                      SessionStorage.set("name", data.ip_address);
+                        "password",
-                      SessionStorage.set("user_name", data.user_name);
+                        data.password == cache_password
-                      SessionStorage.set(
+                          ? data.password
-                        "password",
+                          : Md5.hashStr(data.password ?? "admin")
-                        data.password == cache_password
+                      );
-                          ? data.password
+
-                          : Md5.hashStr(data.password ?? "admin")
+                      // TODO add self to setConnects
-                      );
+
-
+                      if (remember_password.value) {
-                      // TODO add self to setConnects
+                        Cookies.set("remember_password", JSON.stringify(true), {
-
+                          expires: 15,
-                      if (remember_password.value) {
+                        });
-                        Cookies.set("remember_password", JSON.stringify(true), {
+                        Cookies.set(
-                          expires: 15,
+                          "auto_login",
-                        });
+                          JSON.stringify(auto_login.value),
-                        Cookies.set(
+                          {
-                          "auto_login",
+                            expires: 15,
-                          JSON.stringify(auto_login.value),
+                          }
-                          {
+                        );
-                            expires: 15,
+                        Cookies.set("user_name", data.user_name ?? "admin", {
-                          }
+                          expires: 15,
-                        );
+                        });
-                        Cookies.set("user_name", data.user_name ?? "admin", {
+                        Cookies.set(
-                          expires: 15,
+                          "password",
-                        });
+                          data.password == cache_password
-                        Cookies.set(
+                            ? data.password ?? Md5.hashStr("admin")
-                          "password",
+                            : Md5.hashStr(data.password ?? "admin"),
-                          data.password == cache_password
+                          {
-                            ? data.password ?? Md5.hashStr("admin")
+                            expires: 15,
-                            : Md5.hashStr(data.password ?? "admin"),
+                          }
-                          {
+                        );
-                            expires: 15,
+                      } else {
-                          }
+                        Cookies.remove("remember_password");
-                        );
+                        Cookies.remove("auto_login");
-                      } else {
+                        Cookies.remove("name");
-                        Cookies.remove("remember_password");
+                        Cookies.remove("user_name");
-                        Cookies.remove("auto_login");
+                        Cookies.remove("password");
-                        Cookies.remove("name");
+                      }
-                        Cookies.remove("user_name");
+
-                        Cookies.remove("password");
+                      $store.commit("setDeviceIpAddress", data.ip_address);
-                      }
+
-
+                      setTimeout(() => {
-                      $store.commit("setDeviceIpAddress", data.ip_address);
+                        new Initializer({
-
+                          $t,
-                      setTimeout(() => {
+                          $store,
-                        new Initializer({
+                          $q,
-                          $t,
+                        })
-                          $store,
+                          .initialize()
-                          $q,
+                          .then(() => {
-                        })
+                            $store.commit("setInitialized");
-                          .initialize()
+                          });
-                          .then(() => {
+                      }, 0);
-                            $store.commit("setInitialized");
+
-                          });
+                      $route.push("/");
-                      }, 0);
+                    } else {
-
+                      $q.notify({
-                      $route.push("/");
+                        color: "negative",
-                    } else {
+                        icon: "warning",
-                      $q.notify({
+                        message:
-                        color: "negative",
+                          $t.t("login fail!") + $t.t("user or password error!"),
-                        icon: "warning",
+                        position: "center",
-                        message:
+                        timeout: 1500,
-                          $t.t("login fail!") + $t.t("user or password error!"),
+                      });
-                        position: "center",
+                      SessionStorage.set("auth", PermissionLevel.None);
-                        timeout: 1500,
+                    }
-                      });
+                    resolve(true);
-                      SessionStorage.set("auth", PermissionLevel.None);
+                    data.loading = false;
-                    }
+                  };
-                    resolve(true);
+                }
-                    data.loading = false;
+              })
-                  };
+              .catch(() => {
-                }
+                resolve(true);
-              })
+                data.loading = false;
-              .catch(() => {
+              });
-                resolve(true);
+          } catch {
-                data.loading = false;
+            resolve(true);
-              });
+            data.loading = false;
-          } catch {
+          }
-            resolve(true);
+        });
-            data.loading = false;
+      },
-          }
+      onReset() {
-        });
+        data.user_name = null;
-      },
+        data.password = null;
-      onReset() {
+        remember_password.value = false;
-        data.user_name = null;
+      },
-        data.password = null;
+      isHost(str: string) {
-        remember_password.value = false;
+        return ValidationUtil.isHost(str);
-      },
+      },
-    };
+    };
-  },
+  },
-});
+});
-</script>
+</script>

src/pages/TopToolBar.vue

@@ -1,6 +1,10 @@
 <template>
   <div>
-    <q-toolbar style="background-color: #3e9acd" class="shadow-2 text-white" @dragstart.prevent>
+    <q-toolbar
+      style="background-color: #3e9acd"
+      class="shadow-2 text-white"
+      @dragstart.prevent
+    >
       <q-btn-dropdown
         v-if="false"
         v-touch-hold:10000.mouse="handleHold"
@@ -29,7 +33,7 @@
       </q-btn-dropdown>
 
       <q-btn-dropdown
-        v-if="show_device_list"
+        v-if="show_device_list && !$store.state.$wujie"
         stretch
         no-caps
         flat
@@ -72,7 +76,11 @@
         </q-list>
       </q-btn-dropdown>
 
-      <q-separator vertical inset />
+      <q-separator
+        vertical
+        inset
+        v-if="show_device_list && !$store.state.$wujie"
+      />
 
       <q-btn
         stretch
@@ -187,6 +195,7 @@
         :disable="plan_running || !$store.state.power_state"
         :icon="/*vertical_align_bottom*/ 'img:new_icon/edit_window_rect.png'"
         :label="$t('toolbar edit window rect')"
+        v-if="$store.state.isLedPlayer()"
         class="q-mr-sm"
         @click="editRect"
       />
@@ -288,11 +297,34 @@
         :label="$t('other setting')"
         class="q-mr-sm"
       >
-        <q-list style="background-color: #3e9acd" class="shadow-2 text-white" @dragstart.prevent>
+        <q-list
+          style="background-color: #3e9acd"
+          class="shadow-2 text-white"
+          @dragstart.prevent
+        >
+          <q-item
+            clickable
+            v-close-popup
+            @click="
+              $refs.fusion_settings_dialog.showDialog();
+              getconfig();
+            "
+            v-if="$store.state.custom_defines.function_fusion"
+          >
+            <q-item-section avatar>
+              <q-icon name="open_with" />
+            </q-item-section>
+            <q-item-section>
+              {{ $t("fusion settings") }}
+            </q-item-section>
+          </q-item>
           <q-item
             clickable
             :disable="!$store.state.power_state"
-            v-if="$store.state.isLedPlayer()"
+            v-if="
+              $store.state.isLedPlayer() &&
+              !$store.state.custom_defines.function_magic_wall
+            "
             v-close-popup
             @click="
               ($store.state.isSpecialVideo()
@@ -309,6 +341,21 @@
               {{ $t("grid setting") }}
             </q-item-section>
           </q-item>
+          <q-item
+            clickable
+            :disable="!$store.state.power_state"
+            v-close-popup
+            @click="$refs.control_panel_dialog.showDialog()"
+            v-if="$store.state.custom_defines.function_magic_wall"
+          >
+            <q-item-section avatar>
+              <!-- <q-icon name="image" /> -->
+              <q-icon name="web" />
+            </q-item-section>
+            <q-item-section>
+              {{ $t("magic wall") }}
+            </q-item-section>
+          </q-item>
 
           <q-item
             clickable
@@ -326,6 +373,7 @@
             </q-item-section>
           </q-item>
           <q-item
+            v-if="!iswujie"
             clickable
             v-close-popup
             @click="$refs.background_image_dialog.showDialog()"
@@ -339,6 +387,7 @@
             </q-item-section>
           </q-item>
           <q-item
+            v-if="!iswujie"
             clickable
             v-close-popup
             @click="$refs.recovery_database_dialog.showDialog()"
@@ -374,6 +423,7 @@
             </q-item-section>
           </q-item>
           <q-item
+            v-if="!iswujie"
             clickable
             v-close-popup
             @click="$refs.upgrade_dialog.showDialog()"
@@ -409,19 +459,7 @@
             </q-item-section>
           </q-item>
 
-          <q-item
+
-            clickable
-            v-close-popup
-            @click="$refs.fusion_settings_dialog.showDialog()"
-          >
-            <q-item-section avatar>
-              <!-- <q-icon name="devices" /> -->
-              <q-icon name="open_with" />
-            </q-item-section>
-            <q-item-section>
-              {{ $t("fusion settings") }}
-            </q-item-section>
-          </q-item>
 
           <q-item
             clickable
@@ -453,16 +491,29 @@
 
       <q-separator vertical inset />
 
-      <q-item>
+      <q-item v-if="!iswujie">
         <q-item-section avatar style="margin-right: 0px; padding-right: 0px">
           <!-- <q-icon class="text-white rotate" name="img:svgs/fan.svg" /> -->
           <!-- <q-icon class="text-white rotate" name="img:new_icon/fan.png" /> -->
-          <q-icon class="text-white" :style="{'animation':fan}" name="img:new_icon/fan.png" />
+          <q-icon
+            class="text-white"
+            :style="{ animation: fan }"
+            name="img:new_icon/fan.png"
+          />
         </q-item-section>
         <q-item-section style="margin-left: -25px">
           {{ $store.state.fan_temp.toFixed(1) }} ℃
         </q-item-section>
       </q-item>
+      <q-item v-else>
+        <q-item-section avatar style="margin-right: 0px; padding-right: 0px">
+          <q-btn
+            flat
+            @click="isfullbtn()"
+            :icon="isfull ? 'fullscreen_exit' : 'fullscreen'"
+          />
+        </q-item-section>
+      </q-item>
     </q-toolbar>
   </div>
   <grid-setting-dialog
@@ -473,6 +524,7 @@
     v-if="$store.state.isSpecialVideo()"
     ref="special_video_grid_setting_dialog"
   />
+  <control-panel-dialog ref="control_panel_dialog" />
   <background-image-dialog ref="background_image_dialog" />
   <subtitle-dialog ref="subtitle_dialog" />
   <recovery-database-dialog ref="recovery_database_dialog" />
@@ -491,7 +543,7 @@
   <fusion-settings-dialog ref="fusion_settings_dialog" />
 </template>
 
-<style >
+<style>
 @keyframes rotate {
   0% {
     transform: rotate(0);
@@ -509,11 +561,14 @@
 
 <script lang="ts">
 import { defineComponent, ref, Ref, computed, watch, onMounted } from "vue";
-import { useStore } from "src/store";
+import { IWuJieInterface, useStore } from "src/store";
 
 import FusionSettingsDialog from "src/components/FusionSettingsDialog.vue";
 import GridSettingDialog from "src/components/GridSettingDialog.vue";
 import SpecialVideoGridSettingDialog from "src/components/SpecialVideoGridSettingDialog.vue";
+
+import ControlPanelDialog from "src/components/ControlPanelDialog.vue";
+
 import BackgroundImageDialog from "src/components/BackgroundImageDialog.vue";
 import RecoveryDatabaseDialog from "src/components/RecoveryDatabaseDialog.vue";
 import UpgradeDialog from "src/components/UpgradeDialog.vue";
@@ -545,6 +600,9 @@ export default defineComponent({
   components: {
     GridSettingDialog,
     SpecialVideoGridSettingDialog,
+
+    ControlPanelDialog,
+
     BackgroundImageDialog,
     RecoveryDatabaseDialog,
     UpgradeDialog,
@@ -566,12 +624,14 @@ export default defineComponent({
     let $q = useQuasar();
     let $t = useI18n();
 
+    let set = GlobalData.getInstance().getCurrentClient();
+
     let show_advanced_menu = ref(true);
     const edge_blending_dialog: Ref<any> = ref(null);
     const register_dialog: Ref<any> = ref(null);
 
     const window_rect_edit_dialog: Ref<any> = ref(null);
-
+    let isfull = ref(false);
     const power_flag = ref(false);
     watch(
       () => power_flag.value,
@@ -587,13 +647,25 @@ export default defineComponent({
     const plan_running = computed(
       () => $store.state.current_running_plan.trim() != ""
     );
-    const fan = computed(
+    const fan = computed(() => {
-      () => {
+      let wendu: any = $store.state.fan_temp.toFixed(1);
-        let wendu:any=($store.state.fan_temp).toFixed(1)
+      let sulv: any = 1 - wendu / 150;
-        let sulv:any=(1-(wendu/150))
+      return "rotate " + sulv + "s linear infinite";
-        return 'rotate '+sulv+'s linear infinite'
+    });
-      }
+    const getconfig = () => {
-    );
+      set?.SetBlendingOption("blending_grids_select_ui", '4')
+      set?.SetBlendingOption('blending_grids_select_projector',"0-0");
+      set?.SetBlendingOption("blending_grids_select_point", `4:1`)
+      set?.SetBlendingOption("blending_grids_show", "1");
+      try {
+        set?.GetBlendingConfig("").then((res) => {});
+        set?.GetBlendingConfig("").then((res) => {
+          let tmp = JSON.parse(res ? res.config : "");
+          $store.commit("setEnablefusion", tmp.enable);
+          $store.commit("setfusion_configuration", res?.config);
+        });
+      } catch (error) {}
+    };
     const checkRegistered = () => {
       if (
         GlobalData.getInstance().getCurrentClient()?.is_connected &&
@@ -658,8 +730,12 @@ export default defineComponent({
       show_device_list.value =
         typeof (<any>window).user_search?.hide_device_list == "undefined";
     });
-
+    let iswujie = ref(false);
+    if ((window as any).$wujie) {
+      iswujie.value = true;
+    }
     return {
+      getconfig,
       show_advanced_menu,
       plan_running,
       edge_blending_dialog,
@@ -668,6 +744,8 @@ export default defineComponent({
       show_device_list,
       power_flag,
       fan,
+      isfull,
+      iswujie,
       async backupDB() {
         let client = GlobalData.getInstance().getCurrentClient();
         if (client) {
@@ -680,8 +758,11 @@ export default defineComponent({
           console.log(url.toString());
           let response = await api.get(url.toString());
           if (response.status == 200 && response && response.data) {
-            url.pathname =
+            console.log(response.data);
-              HttpProtocol.RequestPathDBBackup + "/" + response.data;
+
+            url.pathname = HttpProtocol.RequestPathDBBackup;
+            url.searchParams.append("name", response.data);
+            console.log(url);
             openURL(url.toString());
           } else {
             $q.notify({
@@ -757,9 +838,12 @@ export default defineComponent({
       },
       logout() {
         const w = window as any;
+        console.log(w);
         if (w.controlLogout && typeof w.controlLogout == "function") {
+          console.log(1);
           w.controlLogout();
         } else {
+          console.log(2);
           Cookies.remove("auto_login");
           SessionStorage.clear();
           try {
@@ -930,6 +1014,13 @@ export default defineComponent({
             ?.windowFullScreen(window.window_id, false);
         }
       },
+      isfullbtn() {
+        isfull.value = !isfull.value;
+        if ((window as any).$wujie) {
+          const $wujie = (window as any).$wujie as IWuJieInterface;
+          $wujie?.bus.$emit("isfull", isfull.value);
+        }
+      },
     };
   },
 });

src/pages/custom/ISVTopToolBar.vue

@@ -138,6 +138,7 @@
         :disable="plan_running || !$store.state.power_state"
         :icon="/*vertical_align_bottom*/ 'img:new_icon/edit_window_rect.png'"
         :label="$t('toolbar edit window rect')"
+        v-if="$store.state.isLedPlayer()"
         class="q-mr-sm"
         @click="editRect"
       />

src/router/index.ts

@@ -38,6 +38,14 @@ export default route<StateInterface>(function (/* { store, ssrContext } */) {
   });
 
   Router.beforeEach((to, from, next) => {
+    if ((<any>window).$wujie) {
+      if (to.path.endsWith("login")) {
+        next("/");
+      } else {
+        next();
+      }
+      return;
+    }
     if (
       to.meta &&
       (to.meta.permission_level != null ||
@@ -47,10 +55,10 @@ export default route<StateInterface>(function (/* { store, ssrContext } */) {
       if (auth_obj) {
         const auth = parseInt(auth_obj);
         const target_auth = parseInt(<string>to.meta.permission_level);
-        if (target_auth == NaN) {
+        if (isNaN(target_auth)) {
           next();
           return;
-        } else if (auth != NaN) {
+        } else {
           if (auth > target_auth) {
             next();
             return;

src/router/routes.ts

@@ -2,26 +2,37 @@ import { RouteRecordRaw } from "vue-router";
 
 import PermissionLevel from "src/entities/PermissionLevel";
 
+import RedirectPage from "src/RedirectPage.vue";
+import Login from "pages/Login.vue";
+import MainLayout from "layouts/MainLayout.vue";
+import Index from "pages/Index.vue";
+
+import PadLogin from "src/pad/Login.vue";
+import PadMainLayout from "src/pad/MainLayout.vue";
+import PadIndex from "src/pad/Index.vue";
+
+import Error404 from "pages/Error404.vue";
+
 const routes: RouteRecordRaw[] = [
   {
     path: "/",
     meta: {},
-    component: () => import("src/RedirectPage.vue"),
+    component: RedirectPage,
   },
   {
     path: "/pc/login",
-    component: () => import("pages/Login.vue"),
+    component: Login,
   },
   {
     path: "/pc",
     meta: {
       permission_level: PermissionLevel.User,
     },
-    component: () => import("layouts/MainLayout.vue"),
+    component: MainLayout,
     children: [
       {
         path: "",
-        component: () => import("pages/Index.vue"),
+        component: Index,
         meta: {
           permission_level: PermissionLevel.User,
         },
@@ -30,18 +41,18 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: "/pad/login",
-    component: () => import("src/pad/Login.vue"),
+    component: PadLogin,
   },
   {
     path: "/pad",
     meta: {
       permission_level: PermissionLevel.User,
     },
-    component: () => import("src/pad/MainLayout.vue"),
+    component: PadMainLayout,
     children: [
       {
         path: "",
-        component: () => import("src/pad/Index.vue"),
+        component: PadIndex,
         meta: {
           permission_level: PermissionLevel.User,
         },
@@ -53,7 +64,7 @@ const routes: RouteRecordRaw[] = [
   // but you can also remove it
   {
     path: "/:catchAll(.*)*",
-    component: () => import("pages/Error404.vue"),
+    component: Error404,
   },
 ];
 

src/store/index.ts

@@ -1,3 +1,4 @@
+import { EDeviceAttributeHelper } from "./../entities/EDeviceAttribute";
 import { ConnectTableEntity } from "src/entities/ConnectTableEntity";
 import {
   PollingEntity,
@@ -37,8 +38,44 @@ export class CustomDefines {
   function_output_board = false;
   function_center_control = false;
   function_mirroring_output = false;
+  function_magic_wall = false;
+  function_fusion = false;
 }
 
+export interface IWuJieEventBus {
+  $on(event: string, fn: Function): IWuJieEventBus;
+  /** 任何$emit都会导致监听函数触发，第一个参数为事件名，后续的参数为$emit的参数 */
+  $onAll(fn: (event: string, ...args: Array<any>) => any): IWuJieEventBus;
+  $once(event: string, fn: Function): void;
+  $off(event: string, fn: Function): IWuJieEventBus;
+  $offAll(fn: Function): IWuJieEventBus;
+  $emit(event: string, ...args: Array<any>): IWuJieEventBus;
+  $clear(): IWuJieEventBus;
+}
+export interface IWuJieInterface {
+  props: any;
+  bus: IWuJieEventBus;
+}
+class test_monitor {
+  w = 0.0;
+  h = 0.0;
+  currentx = 0.0;
+  currenty = 0.0;
+  centerx = 0.0;
+  centery = 0.0;
+  angle = 0;
+  id = 0;
+  constructor(id: number, w: number, h: number) {
+    this.currentx = 0.0;
+    this.currenty = 0.0;
+    this.angle = 0;
+    this.centerx = 0;
+    this.centery = 0;
+    this.id = id;
+    this.w = w;
+    this.h = h;
+  }
+}
 export interface StateInterface {
   // Define your own store structure, using submodules if needed
   // example: ExampleStateInterface;
@@ -76,14 +113,16 @@ export interface StateInterface {
   device_attribute: number;
   power_state: boolean;
   product_name: string;
-
+  show_monitor_list: test_monitor[];
   custom_defines: CustomDefines;
-
+  fusion_configuration: string;
   isLedPlayer: () => boolean;
   isSpecialVideo: () => boolean;
+
+  $wujie: IWuJieInterface | null;
   //
   selected_projector: string;
-  EnableBlending:boolean
+  enablefusion: boolean;
 }
 
 // provide typings for `this.$store`
@@ -341,11 +380,12 @@ export default store(function (/* { ssrContext } */) {
       landspace: window.innerWidth > window.innerHeight,
       device_attribute: 0,
       power_state: false,
+      fusion_configuration: "",
       product_name: EProductNames.LED_PLAYER,
-
+      show_monitor_list: [],
       custom_defines: new CustomDefines(),
       selected_projector: "0/0",
-      EnableBlending:false,
+      enablefusion: false,
       isLedPlayer: () => {
         return (
           Store.state.product_name == EProductNames.LED_PLAYER ||
@@ -355,12 +395,17 @@ export default store(function (/* { ssrContext } */) {
       isSpecialVideo: () => {
         return Store.state.product_name == EProductNames.SPECIAL_VIDEO;
       },
+
+      $wujie: null,
     },
 
     mutations: {
       setInitialized(state: StateInterface, playload?: any) {
         state.initialized = true;
       },
+      setShowMonitorList(state: StateInterface, playload?: any) {
+        state.show_monitor_list = playload;
+      },
       updateLandspace(state: StateInterface, playload?: any) {
         if (typeof playload == "boolean") {
           state.landspace = playload;
@@ -393,6 +438,10 @@ export default store(function (/* { ssrContext } */) {
             (state.device_attribute & EDeviceAttribute.CenterControl) != 0;
           state.custom_defines.function_mirroring_output =
             (state.device_attribute & EDeviceAttribute.MirroringOutput) != 0;
+          state.custom_defines.function_magic_wall =
+            (state.device_attribute & EDeviceAttribute.ProductMagicWall) != 0;
+          state.custom_defines.function_fusion =
+            EDeviceAttributeHelper.isProductFusion(state.device_attribute);
         }
       },
       setAvancedDebug(state: StateInterface, playload?: any) {
@@ -562,31 +611,31 @@ export default store(function (/* { ssrContext } */) {
       },
       setWallCol(state: StateInterface, playload?: any) {
         const num = parseInt(playload);
-        if (num != NaN && num > 0) {
+        if (!isNaN(num) && num > 0) {
           state.wall_col = num;
         }
       },
       setWallRow(state: StateInterface, playload?: any) {
         const num = parseInt(playload);
-        if (num != NaN && num > 0) {
+        if (!isNaN(num) && num > 0) {
           state.wall_row = num;
         }
       },
       setDeviceScreenWidth(state: StateInterface, playload?: any) {
         const num = parseInt(playload);
-        if (num != NaN && num > 0) {
+        if (!isNaN(num) && num > 0) {
           state.device_screen_width = num;
         }
       },
       setDeviceScreenHeight(state: StateInterface, playload?: any) {
         const num = parseInt(playload);
-        if (num != NaN && num > 0) {
+        if (!isNaN(num) && num > 0) {
           state.device_screen_height = num;
         }
       },
       setDeviceScreenRefreshRate(state: StateInterface, playload?: any) {
         const num = parseInt(playload);
-        if (num != NaN && num > 0) {
+        if (!isNaN(num) && num > 0) {
           state.device_screen_refresh_rate = num;
         }
       },
@@ -604,11 +653,11 @@ export default store(function (/* { ssrContext } */) {
           state.signal_source_tree = playload;
         }
       },
-      setSelectedProjector(state: StateInterface, playload?: any){
+      setSelectedProjector(state: StateInterface, playload?: any) {
         state.selected_projector = playload;
       },
-      setEnableBlending(state: StateInterface, playload?: any){
+      setEnablefusion(state: StateInterface, playload?: any) {
-        state.EnableBlending = playload;
+        state.enablefusion = playload;
       },
       clearSignalSourceTree(state: StateInterface, playload?: any) {
         state.signal_source_tree = [];
@@ -999,12 +1048,18 @@ export default store(function (/* { ssrContext } */) {
           state.connect_list.slice(index, 1);
         }
       },
+      setWuJie(state: StateInterface, playload?: any) {
+        state.$wujie = playload;
+      },
+      setfusion_configuration(state: StateInterface, playload?: any) {
+        state.fusion_configuration = playload;
+      },
     },
-    getters:{
+    getters: {
-      GetTheCurrentlySelectedCamera(state){
+      GetTheCurrentlySelectedCamera(state) {
-        let arr = state.selected_projector.split('/');
+        let arr = state.selected_projector.split("/");
-        return [Number(arr[0]),Number(arr[1])];
+        return [Number(arr[0]), Number(arr[1])];
-      }
+      },
     },
     // enable strict mode (adds overhead!)
     // for dev mode and --debug builds only

tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@quasar/app/tsconfig-preset",
+  "extends": "@quasar/app-webpack/tsconfig-preset",
   "compilerOptions": {
     "baseUrl": "."
   }