aview-app 1.0.2

package/aardio/extensions/wizard/project2/template/web/chrome-vue/web.src/src/components/icons/IconTooling.vue

@@ -0,0 +1,19 @@
+<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    class="iconify iconify--mdi"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>

package/aardio/extensions/wizard/project2/template/web/chrome-vue/web.src/src/main.ts

@@ -0,0 +1,6 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import './assets/main.css'
+
+createApp(App).mount('#app')

package/aardio/extensions/wizard/project2/template/web/chrome-vue/web.src/tsconfig.config.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}

package/aardio/extensions/wizard/project2/template/web/chrome-vue/web.src/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "aardio/index.d.ts","src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    }
+  ]
+}

package/aardio/extensions/wizard/project2/template/web/chrome-vue/web.src/vite.config.ts

@@ -0,0 +1,20 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  },
+  build: {
+    outDir: '../web'
+  },
+  server: {
+    port: 37262
+  }
+})

package/aardio/extensions/wizard/project2/template/web/electron/default.aproj

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<project ver="10" name="请修改工程名称" libEmbed="true" icon="..." ui="win" output="请修改文件名.exe" CompanyName="单位名称" FileDescription="附加说明......" LegalCopyright="Copyright (C) 作者 2011" ProductName="产品名称" InternalName="内部名称" FileVersion="0.0.1.001" ProductVersion="0.0.1.001" publishDir="/dist/" dstrip="false" local="false" ignored="false">
+	<file name="main.aardio" path="main.aardio" comment="main.aardio"/>
+	<folder name="Js渲染进程" path="res" embed="true" local="false" ignored="false">
+		<file name="index.aardio" path="res\index.aardio" comment="res\index.aardio"/>
+	</folder>
+	<folder name="Js主进程" path="electron.app" comment="目录" embed="false" local="false" ignored="false"/>
+</project>

package/aardio/extensions/wizard/project2/template/web/electron/electron.app/.aardio-ignore

@@ -0,0 +1,6 @@
+# 开头的行为注释
+# 指定不打包到asar中的文件,每行指定一个规则
+# 可使用*匹配任意多个不含斜杠的字符(跨目录必须使用**)，？匹配任意单个字符，或[abcd]指定字符集,
+
+.npmrc
+.yarnrc

package/aardio/extensions/wizard/project2/template/web/electron/electron.app/.yarnrc

@@ -0,0 +1 @@
+registry "https://registry.npmmirror.com"

package/aardio/extensions/wizard/project2/template/web/electron/forms/remoteDebugging.aardio

@@ -0,0 +1,122 @@
+//使用远程调试接口
+import win.ui;
+/*DSG{{*/
+var winform = win.form(text="在aardio中嵌入electron";right=1276;bottom=767;clipch=1)
+winform.add(
+txtMessage={cls="richedit";left=893;top=308;right=1374;bottom=822;bgcolor=16777215;db=1;dr=1;edge=1;link=1;multiline=1;vscroll=1;z=1}
+)
+/*}}*/
+
+import electron.runtime;//如果希望自动安装electron到系统目录,请先导入electron.runtime
+import electron.app;//导入electron扩展库
+var app = electron.app(winform);//创建electron进程
+
+//启动主进程的 main.js
+app.jsMain =/**  
+    const aardio = require('aardio')  //启动RPC服务允许调aardio/electron互调函数,创建BrowserWindow主窗口
+    const app = require('electron').app //管理electron进程的生命周期
+	
+	app.on('window-all-closed', () => {
+		app.quit();//退出electron进程
+	}) 
+**/
+
+app.html = /** 
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>aardio嵌入electron演示</title>
+    <script type="text/javascript">    
+    	//导入aardio中的app.external 对象
+   		 aardio = require("aardio"); 
+    </script>
+  </head>
+  <body>
+    <h2 onmousedown="aardio.hitCaption();return false;" 
+    	style="-webkit-user-select: none;cursor:default;">按这里调用aardio.hitCaption()拖动窗口!</h2>
+   
+   <button onclick="aardio.exit();">点这里调用aardio关闭窗口</button> <br><br>
+   <button onclick="aardio.showDevtools();">点这里打开chrome开发工具</button><br><br> 
+   <button onclick="aardio.connectDebugging();">第一步：连接远程调试端口</button><br><br> 
+   <button onclick="aardio.testDebugging();">第二步：使用远程调试接口控制网页</button><br><br> 
+  </body>  
+</html>
+**/ 
+
+
+import web.socket.chrome;
+var wsRemotetDebugging = web.socket.chrome();
+
+//导出对象给electron
+app.external = {
+    showDevtools = function(){ 
+		for id,title,wsUrl,devtoolsUrl in wsRemotetDebugging.eachDebuggingPage() {
+			import process;
+			process.execute(devtoolsUrl);
+			break;
+		} 
+    }
+    connectDebugging = function(){ 
+        //先让JS函数返回，推迟异步打开调试端口,试验这样比较流畅，反之偶尔会出现卡的现象
+        winform.setTimeout( function(){
+        	if(!wsRemotetDebugging.connect()){
+    			winform.txtMessage.print(wsRemotetDebugging.getDebuggingInfo())
+    			winform.txtMessage.print("没有可用的远程调试接口,请先关闭连接到本页面的远程调试开发工具,注意远程调试接口只能被一个客户端独占");
+    		} 	
+        }); 
+    }
+    testDebugging = function(){
+		wsRemotetDebugging.Network.enable( maxTotalBufferSize = 10240;).end = function(result,err){
+    		winform.txtMessage.print("调用Network.enable结果:",result,err)
+		}   
+    		
+		wsRemotetDebugging.Page.navigate( url = "http://bbs.aardio.com/forum.php?mod=viewthread&tid=11486&from=portal").end = function(result,err){
+    		winform.txtMessage.print("调用Page.navigate返回参数",err)
+		}  
+    }
+    hitCaption = function(){
+    	winform.hitCaption()
+    }
+    exit = function(){
+    	winform.close();
+    } 
+    
+}
+
+app.ws.onError = function(hSocket,err){
+	winform.txtMessage.print("WebSocket服务端出错：",err );		
+}
+
+//启用远程调试，并自动分配空闲不会冲突的端口
+app.remoteDebuggingPort = 0;
+
+//启动electron,也可以省略其他启动参数,直接指定要启动的网页地址
+app.start("/res/main.aardio")
+
+//监听chrome事件
+wsRemotetDebugging.on("Inspector.detached",function(param){
+    winform.txtMessage.print("chrome已主动断开连接,原因：",param);
+}) 
+
+wsRemotetDebugging.on("Network.requestWillBeSent",function(param){
+	winform.txtMessage.print("准备发送请求：",param );		
+})
+
+//打开连接触发的事件
+wsRemotetDebugging.on("open",function(){ 
+    winform.txtMessage.print("已打开连接")      
+})
+
+wsRemotetDebugging.on("close",function(){
+    winform.txtMessage.print("已关闭连接")       
+});
+
+wsRemotetDebugging.on("error",function(err){ 
+    winform.txtMessage.print("出错了",err);
+});  
+
+winform.txtMessage.orphanWindow()
+
+winform.show() 
+win.loopMessage();

package/aardio/extensions/wizard/project2/template/web/electron/lib/config.aardio

@@ -0,0 +1,22 @@
+//config 配置文件
+import fsys.config;
+config  = fsys.config("/config/"); 
+//config  = fsys.config( io.appData("/软件作者/应用程序名/") ); 
+
+//不需要序列化的配置名字前请添加下划线
+namespace config {
+	__appName = "应用程序名";
+	__website = "http://www.aardio.com/";
+}
+
+/**intellisense(config)
+__appName = 应用程序名
+__website = 官方网站
+saveAll() = 写入所有配置到文件
+? = 获取值时指定不以下划线开始的配置表名称，\n返回一个可自动序列化到同名配置文件的表对象。\n如果此对象名以下划线开始，则可以正常读写值不会序列化为配置文件。\n否则不能对此对象直接赋值，只能对配置表对象的成员赋值。\n\n配置表可自动自文件加载,退出线程前自动序列化并存入文件。\n仅序列化以字符串、数值为键的元素，\n仅序列化值为字符串、数值、buffer 以及定义了 _serialize 元方法的成员。\n循环引用的值转换为 null，序列化时忽略成员函数\n!fsys_table.
+end intellisense**/
+
+/**intellisense()
+theApp = !stdElectronApp.
+end intellisense**/
+

package/aardio/extensions/wizard/project2/template/web/electron/main.aardio

@@ -0,0 +1,80 @@
+import electron.app;
+var theApp = electron.app("electron演示")
+
+// 在JS中require('aardio')就可以使用下面的external对象
+theApp.external = {  
+    
+    // 如果函数名第一个字符是$，则第一个回调参数$用于表示当前RPC客户端,可作为xcall的参数使用
+    $onWebViewDomReady = function($,url){ 
+       if( string.indexOf(url,"&q=") ) return;
+       
+       var js = /*
+       	var webview = document.getElementById("view");
+       	webview.executeJavaScript(`
+       		document.querySelector("#input").value = "https://electronjs.org/docs/api/webview-tag";
+       		document.querySelector("#search-button").click();
+       	`)
+       */
+       
+       // electron当前页面执行js脚本
+       theApp.doScript($,js); 
+       
+       // 也可以这样调用js中使用aardio.on注册的事件函数
+       /*
+       theApp.xcall($,"executeJavaScript",`
+       		document.querySelector("#input").value = "https://electronjs.org/docs/api/webview-tag";
+       		document.querySelector("#search-button").click();
+       `);
+       */
+    }  
+    
+    exploreMainJs = function(){
+    	process.exploreSelect(theApp.appPath);
+    }
+}
+
+// 调用JS函数时返回时触发theApp.callback定义的回调函数，用于接收JS函数返回值
+theApp.callback("main.hello",function(hSocket,result,err){
+	
+})
+
+// electron窗口准备就绪会触发这个函数
+theApp.ready(
+	function(hwndChrome){
+		theApp.xcallMain("main.hello","aardio"); 
+	} 
+)
+
+// WebSocke/RPC中遇到的错误都会触发这个函数,可以在这里自定义错误处理方式
+theApp.onError = function(hSocket,err){
+	errput(err,"electron/rpc error");//当然也可以在 global.onError 里自定义全部的错误信息怎么显示
+}
+
+theApp.start({
+
+    /* 指定首页地址,必须指定,
+     * 如果作为参数传入io.localpath(indexUrl)会返回true,则表示相对于应用程序根目录的路径，支持嵌入资源
+     * 如果路径以".\"或"./"开始则表示相对于主进程根目录的路径
+     */
+    indexUrl = "/res/index.aardio";
+    
+    // 可以自定义要加载的chrome扩展,扩展需要解压并放在工程资源目录下（目录名最好不要与别人冲突）
+    // extensions = { "\some-chrome-extension" };
+    
+    /* 创建窗口参数,可以不指定 */
+    browserWindow = {
+        width = 1024;
+        height = 768;
+        minWidth = 800;
+        minHeight = 600;
+        frame = false;
+        webPreferences = {};
+    };
+    
+    /* 启动参数,可以不指定 */
+    args = {
+        
+    };
+}) 
+
+win.loopMessage();

package/aardio/extensions/wizard/project2/template/web/electron/res/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "files.associations":{ "*.aardio": "html"}
+}

package/aardio/extensions/wizard/project2/template/web/electron/res/index.aardio

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>aardio嵌入electron演示</title>
+    <script>
+      // aardio已自带此模块,外部开发环境可选使用npm i aardio单独安装
+      const aardio = require("aardio");
+
+      if (aardio.studioInvoke) {
+        var remote = require("electron").remote;
+        document.addEventListener("keydown", function(e) {
+          if (e.keyCode === 123) {
+            // F12
+            var window = remote.getCurrentWindow();
+            window.toggleDevTools();
+          }
+        });
+      }
+
+      let win;
+      openWindow = function() {
+        win = aardio.createBrowserWindow({
+          width: 1024, 
+          height: 760, 
+          parent: aardio.getCurrentWindow() // 实际上是指定所有者窗口
+        },"/res/index.aardio");
+
+        win.on("close", () => {
+          win = null;
+        });
+      };
+    </script>
+  </head>
+  <body>
+    <div style="-webkit-app-region: drag">
+      无边框窗口在样式中指定-webkit-app-region: drag 可以支持拖动窗口, <br />
+      拖动元素内可使用样式 -webkit-app-region: no-drag 禁止拖动<br />
+      <br />
+    </div>
+    <button onclick="aardio.hitClose();">点这里调用aardio关闭窗口</button>
+    <br />
+    <br />
+
+    <span
+      >按 Ctrl + Shift + I 打开deltools调试工具（不是按F12)<br />
+      按 Alt 可以显示开发菜单( 无边框窗口不支持 )<br /><br />
+    </span>
+    <button onclick="openWindow();">打开新窗口</button>
+    <button onclick="aardio.exploreMainJs();">
+      浏览启动electron主进程文件
+    </button>
+
+    <webview
+      id="view"
+      src="http://www.so.com"
+      autosize
+      minwidth="576"
+      minheight="1432"
+      style="display:inline-flex; width:100%; height:780px"
+    ></webview>
+
+    <script type="text/javascript">
+      //获取嵌入的浏览器控件（webview)
+      var webview = document.getElementById("view");
+
+      aardio.on("executeJavaScript", js => {
+        //注入JS脚本到打开的远程网页
+        webview.executeJavaScript(js);
+      });
+
+      //监听浏览器事件
+      webview.addEventListener("dom-ready", () => {
+        aardio.$onWebViewDomReady(webview.getURL());
+      });
+    </script>
+  </body>
+</html>

package/aardio/extensions/wizard/project2/template/web/layoutUi/default.aproj

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<project ver="10" name="HTMLayout" libEmbed="true" icon="" CompanyName="wubin.in" FileDescription="ui" LegalCopyright="Copyright (C) aardio 2018" ProductName="ui" InternalName="ui" FileVersion="0.0.0.6" ProductVersion="0.0.0.6" publishDir="/dist/" ui="win" output="HTMLayout.exe" dstrip="false">
+	<file name="main.aardio" path="main.aardio"/>
+	<folder name="资源文件(web.layout)" path="layout" comment="" embed="true">
+		<file name="tabs.css" path="layout\tabs.css" comment="layout\tabs.css"/>
+		<file name="ui.css" path="layout\ui.css" comment="layout\ui.css"/>
+		<file name="ui.html" path="layout\ui.html" comment="layout\ui.html"/>
+		<folder name="images" path="layout\images" comment="layout\images">
+			<file name="begin.png" path="layout\images\begin.png" comment="layout\images\begin.png"/>
+			<file name="bj.jpg" path="layout\images\bj.jpg" comment="layout\images\bj.jpg"/>
+			<file name="document.png" path="layout\images\document.png" comment="layout\images\document.png"/>
+			<file name="download.png" path="layout\images\download.png" comment="layout\images\download.png"/>
+			<file name="home.png" path="layout\images\home.png" comment="layout\images\home.png"/>
+			<file name="picture.png" path="layout\images\picture.png" comment="layout\images\picture.png"/>
+		</folder>
+		<folder name="styles" path="layout\styles" comment="layout\styles">
+			<folder name="images" path="layout\styles\images" comment="layout\styles\images"/>
+		</folder>
+	</folder>
+</project>

package/aardio/extensions/wizard/project2/template/web/layoutUi/layout/tabs.css

@@ -0,0 +1,123 @@
+.tabs {
+  behavior: tabs;/*指定这是一个选项卡控件*/
+  flow: horizontal;/*修改默认的垂直布局为横向布局,这样strip就跑左侧去了*/
+  height: 100%%;
+  width: 100%%;
+  font: system;
+  margin: 0;
+  padding: 0;
+}
+
+/* 选项卡按钮列表 */
+.tabs>ul.strip {
+  flow: vertical;/*选项卡按钮改成垂直布局*/
+  list-style:none;
+  margin-bottom: 12dip;
+  padding: 10dip 0dip 2dip 0dip;
+  width: 190dip;
+  height: 100%%;
+  margin-top: 90dip;
+}
+
+/* 选项卡按钮默认样式 */
+.tabs>.strip>[panel]{
+  color: #fff;
+  font-size: 14dip;
+  margin: 0;
+  height: 28dip;
+  width: *;
+  list-style-image: none;
+  padding: 10dip 0dip 0dip 50dip;
+  position: relative;
+}
+
+.tabs>.strip>[panel] img {
+  vertical-align: middle;
+  margin-right: 15dip;
+  width: 16dip;
+  height: 16dip;
+}
+
+.tabs>.strip>[panel]:hover
+
+/* 鼠标悬停选项卡样式*/
+{
+  background-color: #FFFFFF44;
+  transition:blend;
+}
+
+.tabs>.strip>[panel]:current
+
+/*当前选项卡样式*/
+{
+  background-color: rgb(251, 189, 98) rgb(239, 159, 42) rgb(239, 159, 42) rgb(251, 189, 98);
+  position: relative;
+}
+
+.tabs>.strip>[panel]:current:hover
+
+/*点击当前选项卡的样式*/
+{
+  transition: none;
+}
+
+.tabs>.strip>[panel]:current:first-child,
+.tabs>.strip>[panel]:current:hover:first-child {}
+
+.tabs:focus .strip [panel]:current {}
+
+/* 选项卡页面 - 默认全部隐藏 */
+.tabs>[name] {
+  display: none;
+}
+
+/* 选项卡页面 - 当前选定：展开状态(expanded) */
+.tabs>[name]:expanded {
+  background: #FFF;
+  background-repeat: stretch;
+  padding: 20dip;
+  margin: 0;
+  display: block;
+  height: 100%%;
+  width: 100%%;
+  /*框架必须指定宽度  */
+}
+
+/* 框架页正在打开 */
+.tabs>iframe[name]:busy {
+  /* foreground-image:url(images/loading.png); */
+  foreground-repeat: no-repeat;
+  foreground-position: 2dip 2dip;
+}
+
+
+/* 下面指定关闭按钮的样式 */
+.tabs>.strip>[panel] .close-panel {
+  position: absolute;
+  display: none;
+}
+
+.tabs>.strip>[panel]:hover .close-panel {
+  display: block;
+  top: 7dip;
+  right: 3dip;
+  width: 14dip;
+  height: 14dip;
+  line-height: 14dip;
+  border-radius: 14dip;
+  font-size: 14dip;
+  font-family: "Marlett";
+  color: #7e8c8d;
+  content: "r";
+}
+
+.tabs>.strip>[panel]:hover .close-panel:hover {
+  background: #999;
+  color: #FFF;
+}
+
+.tabs>.strip>[panel]:hover .close-panel:active {
+  background: red;
+  color: #FFF;
+}
+

package/aardio/extensions/wizard/project2/template/web/layoutUi/layout/ui.css

@@ -0,0 +1,67 @@
+
+html{
+    behavior:windowSizer;
+    width:100%;
+    height:100%; 
+} 
+
+body{
+    margin:0;
+    width:100%%;
+    height:100%%; 
+    background-color:#4CA341;
+    /* background-position: 55dip 115dip 40dip 215dip;  */
+}
+
+#logo{
+    width:81dip;
+    height:81dip; 
+    background-image:url(images\logo.png); 
+    background-repeat:stretch;
+    position: absolute;
+    left:49dip;
+    top:40dip; 
+ }
+
+#title-bar{ 
+    behavior:windowCommand;
+    width:100%;
+    height:37dip; 
+} 
+
+#title-bar .buttons {  
+    background:#E4E4E4; 
+    position:absolute;
+    left:190dip;
+    top:0dip;
+    right:0dip;  
+    height:17dip;  
+    padding:10dip 15dip 10dip 10dip;
+    border-bottom: 1dip solid #AAAAAA ;
+}
+
+#title-bar a[command]{
+    display:block; 
+    float:right;
+    width:16dip;
+    height:16dip;
+    color:#9c9b9d;
+    font-family:"Marlett"; 
+    font-size: 14dip;
+    padding:3dip 4dip 4dip 6dip; 
+}
+
+#title-bar a[command]:hover{ 
+    background:#f0a331;
+    color:#FFFFFF;
+}
+
+#title-bar a[command]:active{ 
+    background:#E09321;
+    color:#EEE;
+}
+ 
+#title-bar a[command="window-restore"]{ 
+    content:"2";
+}
+