@shijiu/jsview-vue 2.2.426-test.0 → 2.3.0

package/utils/JsViewPlugin/JsvPlayer/AckEventDefine.ts

@@ -0,0 +1,82 @@
+export class AckEventDefine {
+    // Category
+    static CATEGORY_JSC: number = 1;
+    static CATEGORY_VIEW: number = 2;
+    static CATEGORY_EXCEPTION: number = 3;
+
+    // Type of jsc
+    // Content lifeCycle: event格式:
+    // {
+    //      "act": string类型，当前动作，
+    //      		JsContext重载启动时(reload动作，或者loadUrl动作, 以及closeView时): "reset"
+    //				js启动过程事件: 按顺序
+    //					"systemJsLoaded": 系统js加载完成
+    //					"engineJsRead": Engine Js 完成下载
+    //					"engineJsLoaded": Engine Js 完成eval
+    //					"mainJsRead": Main Js 完成下载
+    //					"mainJsLoaded": Main Js 完成 eval
+    //					"appJsStart": 开始运行框架的主入口处理
+    //      "contextId": int类型，发生事件对应的context id，当url切换或者reload时，contentId会发生变化
+    // }
+    static TYPE_JS_CONTEXT_LIFECYCLE: number = 1;
+
+    // Content permission: event格式:
+    // {
+    //      "contextId": int类型，发生事件对应的context id，当url切换或者reload时，contentId会发生变化
+    //      "authDone": int类型  是否完成校验, 0: 还未进行校验,  1: 已完成校验
+    // ================== 授权做完后的信息 ====================
+    // success(bool): 当次授权校验是否通过
+    // showAlert(bool): APP界面右下角展示未授权提示，满足下面条件之一时会展示
+    //                  1. app运行的main.js是未进行签名(签名参考src/appConfig/中的描述)的，提示"npm start 调试模式"
+    //                  2. 仅在在线授权服务器无法达到, 并且达到允许次数时生效(每日累计1次, 最多累计30天), 提示"抢先版内核"
+    //                  3. 远程授权api返回结果为未授权时
+    //                  4. 本地有授权文件，但授权文件不合法或者过期
+    // errorCount(int): 在线授权api访问失败(网络不通)的累计次数, api访问到并拿到结果后清0
+    // checkType(int): 授权的校验方式, 1: 调试模式, 2: 本地文件校验的方式, 3: 在线校验方式
+    // customDescribe: 授权的描述, 许可范围等描述
+    // errorCode: 授权失败的错误码
+    //     -1: apk签名不匹配(仅离线校验时)
+    //     -2: js的app name未登记
+    //     -3: js的app签名和app name登记信息不匹配
+    //     -4: permission.js文件过期
+    //     -5: core版本不匹配
+    //     -6: 分支名不匹配
+    //     -7: 在线鉴权时未通过的统一错误码(后台详细错误码搭建中...)
+    //     -8: 页面为npm start的调试模式(开发人员调试时才会出现此状态)
+    //     -101: 本地permission.js文件格式错误
+    //     -102: permission.js文件授权信息中core版本无法正确解析为数字错误
+    //     -103: permission.js文件授权信息中的日期格式错误
+    //     -105: 在线鉴权api请求失败错误
+    // playerMaxVer(int): 播放器授权的最高版本(0000 00000) 前4位为渠道号，后5位为版本号
+    // }
+    static TYPE_JS_CONTEXT_PERMISSION: number = 2;
+
+    // Type of view
+    // Shared view layout: event格式:
+    // {
+    //      "x": int类型，对应view更新到了x位置,
+    //      "y": int类型，对应view更新到了y位置,
+    //      "width": int类型，对应view宽度更新后的值,
+    //      "height": int类型，对应view高度更新后的值,
+    //      "mat4": native指针类型, view的位置信息的matrix,
+    //      "visible": int类型, view是否可见,(0:不可见, 1:可见)
+    //      "order": int类型, 本NativeSharedView的相对图层
+    //      "dw": int类型，Design map width，用于换算x,y,width,height
+    // }
+    static TYPE_SHARED_VIEW_LAYOUT: number = 1;
+
+    // app view aspect ratio change: event格式:
+    // {
+    //      "width": int类型，横轴比例，对应"16/9"中的16,
+    //      "height": int类型，纵轴比例，对应"16/9"中的9,
+    // }
+    static TYPE_APP_ASPECT_RATIO_CHANGE: number = 2;
+
+    // Type of exception
+    // Unhandled exit action: event格式:
+    // {
+    //      "reason": string类型，触发离开动作的触发器，例如: "backKey",
+    //      "comment": string类型, 当BackKey场景, 为"keyDown"和"keyUp"
+    // }
+    static TYPE_EXCEPTION_UNHANDLED_EXIT_ACTION: number = 1;
+}

package/utils/JsViewPlugin/JsvPlayer/BrowserJsvPlayer.vue

@@ -1,7 +1,9 @@
 <script>
 import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
+import { AckEventDefine } from "./AckEventDefine.ts";
 import playerExMethods from "./JsvMediaBrowserInterface.js";
 import { shallowRef } from "vue";
+import { JsvNativeSharedDiv } from "jsview";
 
 let logDebug = console.log;
 
@@ -276,14 +278,16 @@ export default {
      */
     corner: { type: Number, default: 0 },
   },
-  components: {},
+  components: {
+    JsvNativeSharedDiv,
+  },
   watch: {
     active(newValue) {
-      console.log("LudlDebug active newValue: " + newValue);
+      console.log("active newValue: " + newValue);
       if (this.video) {
         if (newValue) {
           this.registerEvent();
-          this.video.setHoleID(this.holeId);
+          // this.video.setHoleID?.(this.holeId);
           this.holeStyle = {
             left: 0,
             top: 0,
@@ -332,8 +336,7 @@ export default {
     return {
       video: null,
       holeId: "",
-      jsvMainView: shallowRef(null),
-      innerViewId: shallowRef(-1),
+      positionAckFunc: null,
     };
   },
 
@@ -370,8 +373,35 @@ export default {
     if (!this.video) {
       // 创建PC版本的video标签
       this.video = window.originDocument.createElement("video");
+      this.video.style.position = "absolute";
+      this.video.style.zIndex = -100;
       this._extendsApi(this.video);
-      this.video.style.borderRadius = this.corner + "px";
+
+      const appElement = window.originDocument.getElementById("app");
+      document.body.insertBefore(this.video, appElement);
+
+      // 跟踪视频显示位置
+      let _this = this;
+      this.positionAckFunc = (event_json) => {
+        // 跟踪JsvNativeShared的位置变化
+        let new_pos = JSON.parse(event_json);
+        this.video.style.left =
+          window.JsvCoreApi.WasmExt.measurePosition(new_pos.x) + "px";
+        this.video.style.top =
+          window.JsvCoreApi.WasmExt.measurePosition(new_pos.y) + "px";
+
+        this.video.style.width =
+          window.JsvCoreApi.WasmExt.measurePosition(new_pos.width) + "px";
+        this.video.style.height =
+          window.JsvCoreApi.WasmExt.measurePosition(new_pos.height) + "px";
+      };
+
+      window.JsvCoreApi.WasmExt.listenerToAckEvent(
+        AckEventDefine.CATEGORY_VIEW,
+        AckEventDefine.TYPE_SHARED_VIEW_LAYOUT,
+        this.holeId,
+        this.positionAckFunc
+      );
     } else {
       this.video.setRef();
       first_create = false;
@@ -421,24 +451,20 @@ export default {
         }
       }
 
-      // 创建挂载的VideoView
-      this.jsvMainView = new Forge.VideoView(this.video, null);
-      this.innerViewId = Forge.sViewStore.add(
-        new Forge.ViewInfo(this.jsvMainView)
-      );
-
       this.onRef?.(this.video);
     }
   },
 
   unmounted() {
     if (this.video != null) {
-      // 清理View管理缓存
-      if (this.innerViewId !== -1) {
-        Forge.sViewStore.remove(this.innerViewId);
-        this.innerViewId = -1;
-        this.jsvMainView = null;
+      // 清理video标签
+      document.body.removeChild(this.video);
+
+      // 解除NativeSharedDiv对应的位置监听
+      if (this.positionAckFunc != null) {
+        window.JsvCoreApi.WasmExt.recycleAckListener(this.positionAckFunc);
       }
+
       this.onRef?.(null);
     }
   },
@@ -495,23 +521,15 @@ export default {
 </script>
 
 <template>
-  <div
+  <jsv-native-shared-div
     :style="{
       ...holeStyle,
-      backgroundColor: 'rgba(0,0,0,1)',
-      borderRadius: corner,
+      left: this.style.left,
+      top: this.style.top,
     }"
-  >
-    <div
-      :style="{
-        left: holeStyle.left,
-        top: holeStyle.top,
-        width: holeStyle.width,
-        height: holeStyle.height,
-      }"
-      :data-jsv-vw-innerview="innerViewId"
-    />
-  </div>
+    :getId="getHoleId"
+    :corner="corner"
+  />
 </template>
 
 <style scoped></style>

package/utils/JsViewVueTools/JsvRuntimeBridge.js

@@ -14,9 +14,9 @@ function direct_call(name, ...args) {
     } else {
         let func = null;
         if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge[name] === "function") {
-            func = window.jJsvRuntimeBridge[name];
+            func = window.jJsvRuntimeBridge[name].bind(window.jJsvRuntimeBridge);
         } else if (window.jContentShellJBridge && typeof window.jContentShellJBridge[name] === "function") {
-            func = window.jContentShellJBridge[name];
+            func = window.jContentShellJBridge[name].bind(window.jContentShellJBridge);
         }
         direct_call_map[name] = func;
         if (func) {
@@ -600,6 +600,14 @@ function providerUpdate(uri, contentValue, selection, selectionArgs) {
     return direct_call("providerUpdate", uri, contentValue ? JSON.stringify(contentValue) : null, selection, selectionArgs ? JSON.stringify(selectionArgs) : null)
 }
 
+/**
+ * 
+ * @returns 设备开机时长
+ */
+function getBootTime(){
+    return direct_call("getBootTime")
+}
+
 
 // 显示声明，可以提高执行速度和利用上编辑器的成员名提示功能
 const bridge = {
@@ -645,7 +653,8 @@ const bridge = {
     providerQuery,
     providerInsert,
     providerDelete,
-    providerUpdate
+    providerUpdate,
+    getBootTime
 };
 
 export {

package/utils/JsViewVueTools/JsvTextureStore/CanvasTexture/Path.ts

@@ -1,5 +1,29 @@
 import * as Constants from "./CommandList"
 
+/**
+ * PathStrokeSetting
+ * 描边样式设定
+ * lineWidth: 描边线宽
+ * color: 描边颜色
+ * dash: 描边虚线样式，例如[10, 5]表示10px实线，5px虚线，交替出现
+ * phase: 描边虚线样式起始位置，例如0表示从虚线开始位置开始绘制
+ */
+interface PathStrokeSetting {
+    lineWidth: Number,
+    color: String,
+    dash?: Array<Number>,
+    phase?: Number
+}
+
+function pathStrokeSettingToJson(setting: PathStrokeSetting): Object {
+    return {
+        "lineWidth": setting.lineWidth,
+        "clr": setting.color,
+        "dash": setting.dash,
+        "phase": setting.phase
+    }
+}
+
 class DrawingPath {
     protected drawCommandsRefs: Array<Object> = [];
     protected finishedDraw: boolean = false; // 控制stroke和fill只能调用一次
@@ -16,6 +40,19 @@ class DrawingPath {
      * @param {String} color 颜色设定，例如rgba(red:0~255, green:0~255, blue:0~255, alpla:0~1.0), 或则 #AARRGGBB
      */
     public stroke(lineWidth: Number, color: String) {
+        this.strokeWithSetting({
+            lineWidth: lineWidth,
+            color: color,
+        });
+    }
+
+    /**
+     * strokeWithSetting
+     * 绘制边框，并设置描边样式
+     * 
+     * @param {PathStrokeSetting} setting 描边样式设定
+     */
+    public strokeWithSetting(setting: PathStrokeSetting) {
         if (this.finishedDraw) {
             console.error("Error: path can only draw once");
             return;
@@ -24,8 +61,7 @@ class DrawingPath {
         this.drawCommandsRefs.push({
             "cmd": Constants.CMD_PREPARE_PAINT,
             "type": "stroke",
-            "lineWidth": lineWidth,
-            "clr": color
+            ...pathStrokeSettingToJson(setting)
         });
         this.onFinishDraw(); // 调用继承类的完成处理执行绘制
         this.finishedDraw = true;

package/utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.ts

@@ -38,7 +38,7 @@ let sTextureStoreApi = {
      * @param {String|null} baseName 可选, 访问名的前缀信息
      * @return {CanvasTexture}
      */
-    canvasTexture: (width: Number, height: Number, baseName: String | null): CanvasTexture => {
+    canvasTexture: (width: Number, height: Number, baseName: String | null = null): CanvasTexture => {
         return new CanvasTexture(width, height, baseName);
     },
 

package/utils/JsViewVueTools/index.js

@@ -19,7 +19,6 @@ export * from "./JsvImpactTracer";
 export * from "./JsvTextTools";
 export * from "./JsvPreDownloader"
 export { default as DefaultKeyCodeMap } from "./DefaultKeyMap";
-export * from "./JsvDemoTester"
 export * from "./JsvPerformance"
 export * from "./JsvTextureStore/JsvTextureStore"
 export * from "./JsvTextureDefines"

package/utils/JsViewVueWidget/Jsv3dDiv.vue

@@ -0,0 +1,85 @@
+<script lang="ts">
+/**
+ * @file
+ *
+ * 【模块 export 内容】
+ * JsvPosterDiv：Vue高阶组件，海报描画
+ *  props说明:
+ *      @prop {{x:number, y:number, z:number}}  position 坐标信息，优先级高于style中的left, top
+ *      @prop {Object}                          style    {Object}   包含
+ *                          left/top/width/height
+ *                          border-radius
+ *                          backgroundImage/backgroundColor
+ *                          的style设置
+ *      @prop {boolean}                         enableAA 默认开启的。anti-alias(局部)算法，此算法会引起边缘2~3像素虚化
+ */
+</script>
+
+<script setup lang="ts">
+import { watchEffect, withDefaults, defineProps, shallowRef } from "vue";
+
+interface PositionType {
+  x: number;
+  y: number;
+  z: number;
+}
+
+const rProps = withDefaults(
+  defineProps<{
+    style: Object | null;
+    position: any; // PositionType
+    enableAA: boolean;
+  }>(),
+  {
+    style: null,
+    position: null,
+    enableAA: true,
+  }
+);
+
+let rPositionX = shallowRef(0);
+let rPositionY = shallowRef(0);
+let rPositionZ = shallowRef(0);
+
+let rDivStyle = shallowRef({});
+let rEnableAA = shallowRef("0");
+
+watchEffect(() => {
+  if (rProps.style) {
+    let { left, top, ...others } = rProps.style as any;
+
+    rPositionX.value = left;
+    rPositionY.value = top;
+    rPositionZ.value = 0;
+
+    rDivStyle.value = others;
+  }
+  if (rProps.position) {
+    rPositionX.value = isNaN(rProps.position.x)
+      ? rPositionX.value
+      : rProps.position.x;
+    rPositionY.value = isNaN(rProps.position.y)
+      ? rPositionY.value
+      : rProps.position.y;
+    rPositionZ.value = isNaN(rProps.position.z)
+      ? rPositionZ.value
+      : rProps.position.z;
+  }
+  rEnableAA.value = rProps.enableAA ? "1" : "0";
+});
+</script>
+
+<template>
+  <div
+    :style="{
+      left: rPositionX,
+      top: rPositionY,
+      ...rDivStyle,
+    }"
+    :data-jsv-img-enable-aa="rEnableAA"
+    v-bind="$attrs"
+    :data-jsv-vw-set-z="rPositionZ"
+  >
+    <slot></slot>
+  </div>
+</template>

package/utils/JsViewVueWidget/Jsv3dStage.vue

@@ -0,0 +1,50 @@
+<script lang="ts">
+/**
+ * @file
+ *
+ * 【模块 export 内容】
+ * JsvPosterDiv：Vue高阶组件，海报描画
+ *  props说明:
+ *      @prop {Object}      style    包含
+                                      left/top/width/height
+                                      的style设置
+ *      @prop {number}     perspective 透视精神，默认1000，要求透视效果前后差距越大，此值约小，
+                                        推荐档位
+                                        透视效果非常明显的场景: 300
+                                        透视效果适中的场景: 1000~2000
+ */
+</script>
+
+<script setup lang="ts">
+import { withDefaults, defineProps } from "vue";
+
+const rProps = withDefaults(
+  defineProps<{
+    style: { top: number; left: number; width: number; height: number };
+    perspective: number;
+  }>(),
+  {
+    style: {
+      top: 0,
+      left: 0,
+      width: 0,
+      height: 0,
+    } as any,
+    perspective: 1000,
+  }
+);
+</script>
+
+<template>
+  <div
+    :style="{
+      left: rProps.style.left,
+      top: rProps.style.top,
+      width: rProps.style.width,
+      height: rProps.style.height,
+      perspective: rProps.perspective,
+    }"
+  >
+    <slot></slot>
+  </div>
+</template>

package/utils/JsViewVueWidget/JsvApic/JsvApic/index.js

@@ -7,11 +7,4 @@
  */
 //! 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
 import * as JsvApic from "./JsvApic.vue";
-let _JsvApic;
-if (window.JsView) {
-  _JsvApic = JsvApic.default;
-} else {
-  const BrowserApic = await import("./BrowserApic.vue");
-  _JsvApic = BrowserApic.default;
-}
-export default _JsvApic;
+export default JsvApic.default;

package/utils/JsViewVueWidget/JsvApic/JsvApic2/index.js

@@ -7,11 +7,4 @@
  */
 //! 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
 import * as JsvApic2 from "./JsvApic2.vue";
-let _JsvApic2;
-if (window.JsView) {
-  _JsvApic2 = JsvApic2.default;
-} else {
-  const BrowserApic2 = await import("./BrowserApic2.vue");
-  _JsvApic2 = BrowserApic2.default;
-}
-export default _JsvApic2;
+export default JsvApic2.default

package/utils/JsViewVueWidget/JsvFlexCell/JsvFlexDiv.vue

@@ -27,7 +27,7 @@
  *                  alignSelf: auto|flex-start|flex-end|center|stretch  默认auto, 覆盖container的alignItems设置
  *              特别注意: 这些属性会引起位置对齐问题, 所以会自动去掉: "overflow:hidden"
  *          askSize: boolean  设置会跟进flex的尺寸变化，设置后可通过getWidth/getHeight拿到尺寸，但会降低性能
- *          onSized: Function 比askSize更进一步，可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸
+ *          onSized: Function(width:number, height:number) 比askSize更进一步，可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸
  *
  *      expose说明:
  *          getWidth():  当askSize或者onSize生效时，获取元素的宽度

package/utils/JsViewVueWidget/JsvFlexCell/JsvFullScrAdjust.vue

@@ -0,0 +1,151 @@
+<!--
+ * @file
+ *
+ * 【模块 export 内容】
+ *  JsvFullscreenAdjust: 将给定的宽高区域(一般为主屏幕),放到屏幕中心,保持横纵比
+ *      props说明:
+ *          childWidth: number 主屏幕的宽
+ *          childHeight: number 主屏幕的高
+ *          onSized: Function(width:number, height:number) 
+                  可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸
+ *          background: {string} (选填)背景图案 可选值: 绝对路径url|url(相对路径url)|#FFFFFF|rbga(255,0,0,1.0)
+ *
+ *      expose说明:
+ *          getWidth():  onSize生效时，获取元素的宽度
+ *          getHeight():  onSize生效时，获取元素的高度
+ *                   
+-->
+<script setup>
+import { shallowRef, watchEffect } from "vue";
+import { Forge } from "@shijiu/jsview/dom/jsv-forge-define";
+import JsvScreenFlex from "./JsvScreenFlex.vue";
+
+const rProps = defineProps({
+  childWidth: {
+    type: Number,
+    default: 0,
+  },
+  childHeight: {
+    type: Number,
+    default: 0,
+  },
+  askSize: {
+    type: Boolean,
+    default: false,
+  },
+  onSized: {
+    type: Function,
+    default: null,
+  },
+  background: {
+    type: String,
+    default: null,
+  },
+});
+
+// 此div的宽度是固定的全屏尺寸，在jsview体系下，全屏的宽度就是designMapWidth
+const cDivMaxWidth = Forge.sRenderBridge.GetScreenInfo().designedWidth;
+
+let rScreenFlexRef = shallowRef(null);
+let rChildWidth = shallowRef(0);
+let rChildHeight = shallowRef(0);
+let rScaleSet = shallowRef(null);
+
+let vGetScreenSize = false;
+let vScreenWidth = 0;
+let vScreenHeight = 0;
+
+watchEffect(() => {
+  if (vGetScreenSize) {
+    // 响应child的width, height的变化设置
+    _ResizeContainer(
+      vScreenWidth,
+      vScreenHeight,
+      rProps.childWidth,
+      rProps.childHeight
+    );
+  }
+});
+
+let cOnSizeFunc = (width, height) => {
+  if (rProps.onSized) {
+    rProps.onSized(width, height);
+  }
+
+  vScreenWidth = width;
+  vScreenHeight = height;
+  _ResizeContainer(
+    vScreenWidth,
+    vScreenHeight,
+    rProps.childWidth,
+    rProps.childHeight
+  );
+};
+
+function _ResizeContainer(screenWidth, screenHeight, childWidth, childHeight) {
+  if (childWidth == 0 || childHeight == 0) {
+    console.error(`Error: size is 0 set w=${childWidth} h=${childHeight}`);
+    return;
+  }
+
+  if (childWidth > cDivMaxWidth) {
+    console.error(
+      `Error: over max-width max-with=${cDivMaxWidth} set width=${childWidth}`
+    );
+    return;
+  }
+
+  rChildWidth.value = childWidth;
+  rChildHeight.value = childHeight;
+
+  let scale = 1.0;
+  let requireHeight = Math.floor((childWidth * screenHeight) / screenWidth);
+  if (requireHeight < childHeight) {
+    // height展示不下，以height为主，保留3位小数
+    scale = Math.floor((requireHeight / childHeight) * 1000) / 1000;
+  } else {
+    // height能展示下，以width为主, scale不变
+  }
+  rScaleSet.value = `scale3d(${scale}, ${scale}, 1)`;
+}
+
+defineExpose({
+  // TODO: PC模拟环境中目前没有浏览器的类似ResizeObserver接口
+  //       可以监听到left/ top变化，所以先关闭Left / Top的获取
+  // getLeft: () => {
+  //   return SizeX.value;
+  // },
+  // getTop: () => {
+  //   return SizeY.value;
+  // },
+
+  getWidth: () => {
+    return rScreenFlexRef.value?.getWidth();
+  },
+  getHeight: () => {
+    return rScreenFlexRef.value?.getHeight();
+  },
+});
+</script>
+
+<template>
+  <jsv-screen-flex
+    :style="{
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
+    }"
+    :onSized="cOnSizeFunc"
+    :background="rProps.background"
+  >
+    <div
+      :style="{
+        width: rProps.childWidth,
+        height: rProps.childHeight,
+        transform: rScaleSet,
+      }"
+    >
+      <slot />
+    </div>
+  </jsv-screen-flex>
+</template>

package/utils/JsViewVueWidget/JsvFlexCell/JsvScreenFlex.vue

@@ -16,8 +16,8 @@
  *                                 副轴方向多行内容总体的对齐方式，例如主轴为行时，项目在每行中竖直方向的对齐
  *              特别注意: 这些属性会引起位置对齐问题, 所以会自动去掉: "overflow:hidden"
  *          askSize: boolean  设置会跟进flex的尺寸变化，设置后可通过getWidth/getHeight拿到尺寸，但会降低性能
- *          onSized: Function 比askSize更进一步，可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸
- *          background: {string} (选填)背景图案 可选值: 绝对路径url|url(相对路径url)|#FFFFFF|rbga(255,0,0,1.0)
+ *          onSized: Function(width:number, height:number) 
+                比askSize更进一步，可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸*          background: {string} (选填)背景图案 可选值: 绝对路径url|url(相对路径url)|#FFFFFF|rbga(255,0,0,1.0)
  *
  *      expose说明:
  *          getWidth():  当askSize或者onSize生效时，获取元素的宽度

package/utils/JsViewVueWidget/JsvFlexCell/index.js

@@ -1,3 +1,4 @@
 
 export { default as JsvFlexDiv } from "./JsvFlexDiv.vue";
 export { default as JsvScreenFlex } from "./JsvScreenFlex.vue";
+export { default as JsvFullScrAdjust } from "./JsvFullScrAdjust.vue";