apply-clients 3.2.34 → 3.2.48

package/static/class.js

@@ -0,0 +1,97 @@
+var classes = {
+    BorderRect: {
+        Border: "@R,0,0,w,h",
+    },
+    BorderRound:{
+        Border:"@M,r,0|A,w,0,w,h,r,r|A,w,h,0,h,r|A,0,h,0,0,r|A,0,0,w,0,r"
+    },
+    Button:{
+        Background: "this.MouseIn: $#376fa7$, $#4792de$",
+        PaddingLeft: "@12", PaddingRight: "@12", PaddingTop: "@8", PaddingBottom: "@7",
+        Radius:"@4", Border:"@M,r,0|A,w,0,w,h,r,r|A,w,h,0,h,r|A,0,h,0,0,r|A,0,0,w,0,r",
+    },
+    Button2:{
+        Background: "this.MouseIn: $#ecf5ff$, $#ffffff$", StrokeStyle:"@#4792de", FillStyle:"@#4792de",
+        Radius:"@4",PaddingTop:"@8", PaddingLeft:"@12", PaddingBottom:"@7", PaddingRight:"@12",
+        Border:"@M,r,0|A,w,0,w,h,r,r|A,w,h,0,h,r|A,0,h,0,0,r|A,0,0,w,0,r",
+    },
+    Button2Slot:{
+        PaddingTop:"@7", PaddingLeft:"@10", PaddingBottom:"@7", PaddingRight:"@10"
+    },
+    SearchButton:{
+        Background:"this.MouseIn:$#0f69c5$,$#4792de$", Radius:"@4"
+    },
+    SearchButtonImg:{
+        Path:"@SearchButton", PaddingLeft:"@6", PaddingTop:"@6", PaddingRight:"@6", PaddingBottom:"@6",
+    },
+    DropDownButton:{
+        Background:"this.MouseIn:$#08aed7$,$#5ac0d9$", Radius:"@4"
+    },
+    DropDownButtonImg:{
+        Path:"@down_white12_8", PaddingLeft:"@9", PaddingTop:"@11", PaddingRight:"@9", PaddingBottom:"@11"
+    },
+    CalendarTextNormal:{
+        Background: "this.MouseIn: $#e6ebf1$, $$",
+        Radius:"@4",HAlign:"@Center", VAlign:"@Center",
+    },
+    DataGridHead:{
+        Border: "@R,0,0,w,h", StrokeStyle:"@#dfe4e7", PaddingTop:"@9", PaddingBottom:"@9", PaddingLeft:"@20", VAlign:"@Center"
+    },
+    DataGridBody:{
+        Border: "@R,0,0,w,h", StrokeStyle:"@#dfe4e7", PaddingLeft:"@20", PaddingRight:"@20", PaddingTop:"@9", PaddingBottom:"@8",VAlign:"@Center"
+    },
+    Text:{
+        PaddingLeft:"@10", PaddingTop:"@10", PaddingRight:"@10", PaddingBottom:"@10"
+    },
+    NormalFont:{
+        Font:"@14px 微软雅黑", FillStyle:"@#333333"
+    },
+    TitleFont:{
+        Font:"@16px 微软雅黑", FillStyle:"@#181818"
+    },
+    NormalFontBold:{
+        Font:"@bold 14px 微软雅黑", FillStyle:"@#666666"
+    },
+    NormalFontlight:{
+        FillStyle:"@#666666"
+    },
+    NormalFontLighter:{
+        FillStyle:"@#999999"
+    },
+    NormalFontHeavy:{
+        FillStyle:"@#000000"
+    },
+    PopupSearch:{
+        Background:"@#ffffff", Radius:"@2",
+    },
+    Modal:{
+        Background:"@#ffffff", Radius:"@20", PaddingTop:"@20", PaddingBottom:"@20",
+    },
+    GridLabel:{
+        VAlign:"@Center", HAlign:"@Right", Right:"@10", Top:"@10"
+    },
+    SelectWhite:{
+        Radius:"@4", Background:"@#ffffff", StrokeStyle:"@#c7c7c7"
+    },
+    SelectGray:{
+        Radius:"@4", Background:"@#e3e7ec",
+    },
+    PopupShadow:{
+        ShadowBlur:"@4", ShadowColor:"@#000000", ShadowOffsetX:"@1", ShadowOffsetY:"@2", GlobalAlpha:"@0.4"
+    },
+    RadioButtonData:{
+        Data:["是", "否"]
+    },
+    FormItem:{
+        VAlign:"@Center", PaddingLeft:"@20", PaddingRight:"@80"
+    },
+    FormLabel:{
+        Right:"@10", VAlign:"@Center", PaddingTop:"@13",PaddingBottom:"@13", HAlign:"@Right"
+    },
+    FormInput:{
+        Top:"@5", Bottom:"@5"
+    },
+    FormSelect:{
+        Width:"@150"
+    }
+};

package/static/init.js

@@ -0,0 +1,135 @@
+
+var canvas = "Canvas";
+var ScrollLeft = 0;
+var ScrollTop = 0;
+var Images = {};
+var ImageSource = "go_static/images/";
+var ImageNames = ["checkbox_true.png", "checkbox_false.png", "down_white12_8.png","SearchButton.png","down_black10_6.png",
+    "doubledown.png","drag.png", "searchnormal.png", "searchhover.png", "addnew.png","addnewhover.png", "close.png","radioButtonNormal.png",
+    "radioButtonHover.png","radioButtonSelected.png","cycle13.png", "unloaded.png", "edit.png","delete.png", "back.png","list.png",
+    "person.png", "watch.png","right_black6_10.png", "littleadd.png", "littledelete.png"];
+
+var NewComp = {template:{type:'Stack'}};
+
+var windowChangeEvent = new CustomEvent('WindowChanged', {
+    detail: {
+        title: 'Window has Changed!',
+    },
+});
+
+var addImageEvent = new CustomEvent("AddImage", {
+    detail:{
+        title:'New image has been added to imageset!'
+    },
+});
+
+
+
+var WasmURL= ()=>{
+    try {
+        if (HostApp == undefined){
+            throw e
+        }else{
+            return 'http://127.0.0.1:8089/test.wasm'
+        }
+    }catch (e) {
+        return 'test.wasm'
+    }
+}
+
+getImages(ImageNames, ImageSource);
+
+//窗口大小变化，获取窗口大小
+window.onresize = findDimensions
+
+
+if (!WebAssembly.instantiateStreaming) { // polyfill
+    WebAssembly.instantiateStreaming = async (resp, importObject) => {
+        const source = await (await resp).arrayBuffer();
+        return await WebAssembly.instantiate(source, importObject);
+    };
+}
+const go = new Go();
+let mod, inst;
+
+
+async function loadWasm() {
+    console.log("before fetch" + new Date())
+    let a = await fetch(WasmURL());
+    console.log("after fetch" + new Date())
+    return WebAssembly.instantiateStreaming(a, go.importObject).then((result) => {
+        mod = result.module;
+        inst = result.instance;
+        button = document.getElementById("runButton");
+        // 有button，button变可用，否则，直接调用运行过程
+        if (button) {
+            button.disabled = false;
+        }
+        console.log("after instanct", new Date().toString())
+
+    }).catch((err) => {
+        console.error(err);
+    });
+}
+
+async function  run() {
+    await go.run(inst);
+    inst = await WebAssembly.instantiate(mod, go.importObject); // reset instance
+}
+
+// 产生canvas元素，并插入content中
+function displayCanvas() {
+    //找到准备放canvas的父div
+    let content = document.getElementById("content");
+    //若是非js模式，找下拉框确定要绘制的界面名称
+    let select = document.getElementById("conv");
+    if (select) {
+        //取下拉框选中值为绘制界面名称
+        global.canvas = select.options[select.selectedIndex].value
+    }
+    //看是否已有以当前界面名称为id的canvas画布
+    let compCanvas = document.getElementById(canvas)
+    if (!compCanvas){
+        //如果没有以当前界面名称为id的canvas画布，则看父div内有没有canvas，没有的话创建并初始化新的canvas
+        compCanvas = content.firstElementChild
+        if (compCanvas == null){
+            //创建新的canvas
+            compCanvas = document.createElement("canvas")
+            //将canvas宽高设置为父div的宽高
+            compCanvas.width = content.offsetWidth
+            compCanvas.height = content.offsetHeight
+            //将新创建的canvas添加到父div中
+            content.appendChild(compCanvas)
+        }
+        //修改canvas的id为当前要绘制界面的名称
+        compCanvas.id = canvas
+    }
+    //触发canvas显示事件，通知go绘制界面
+    window.dispatchEvent(new CustomEvent("canvasDisplayEvent",{
+        detail:{
+            //传入组件名及组件
+            componentName:canvas,
+            canvas:compCanvas
+        }
+    }));
+}
+
+async function loadFonts(fonts) {
+    for(var key in fonts){
+        let myFont = new FontFace(key, fonts[key]);
+        let font = await myFont.load();
+        document.fonts.add(font)
+    }
+    
+    function getWasmUrl(){
+        let url = ''
+        try {
+            HostApp
+            url='http://127.0.0.1:8089/test.wasm'
+        }catch (e) {
+            url='test.wasm'
+        }finally {
+            return url
+        }
+    }
+}