xframelib 0.5.5 → 0.5.8

package/dist/model/Config.d.ts

@@ -20,12 +20,18 @@ export interface IUIObject {
     WebSite?: string;
     /**
      * 超时锁屏时间(单位：秒s)
+     * 自动锁屏时间，为0不锁屏。
      */
     LockTime?: number;
     /**
      * 是否是能访问互联网，还是内网部署应用
      * */
     IsInternet?: boolean;
+    /**
+     * 网站灰色模式，用于可能悼念的日期开启
+     * 默认为false
+     */
+    GrayMode?: boolean;
     /**
      * 其他扩展的属性
      */
@@ -38,7 +44,19 @@ export interface IServiceURL {
     /**
      * 用户登录（统一用户登录）
      */
-    LoginAuthURL: string;
+    LoginAuthURL?: string;
+    /**
+     * 文件管理服务地址（统一文件管理：后台）
+     */
+    FileServiceURL?: string;
+    /**
+     * 文件管理（统一文件管理：前台）
+     */
+    FileOnlineURL?: string;
+    /**
+     * 在线日志服务（统一文件管理）
+     */
+    LogServiceURL?: string;
     /**
      * Axios普通WebAPI的BaseURL
      * 全局默认的http请求地址（一般与主hprose相同或不同）;文件上传地址
@@ -100,3 +118,26 @@ export interface ISystemConfig {
     APIPath?: object;
     [props: string]: any;
 }
+import { Component } from 'vue';
+export declare type Lazy<T> = () => Promise<T>;
+/**
+ * 窗体内容配置接口
+ */
+export interface IModalConfig {
+    /**
+     * 唯一ID,与组件名一致
+     */
+    id: string;
+    /**
+     * 说明信息
+     */
+    label?: string;
+    /**
+     * 动态加载的组件
+     */
+    component: Lazy<Component>;
+    /**
+     * 其他可扩展的属性
+     */
+    [props: string]: any;
+}

package/dist/model/Layout.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'vue';
-export declare type Lazy<T> = () => Promise<T>;
+import type { Lazy } from './Config';
 /**
  *布局枚举类型
  */
@@ -24,6 +24,10 @@ export interface IWidgetLayout {
     height?: string;
 }
 export interface IWidgetConfig {
+    /**
+     * Layout标识名,以支撑多个布局使用
+     */
+    layoutID?: string;
     /**
      * 唯一ID,与组件名一致
      */
@@ -57,13 +61,13 @@ export interface IWidgetConfig {
      */
     preload?: boolean;
     /**
-     * 前置容器ID,一般也就是bindid
+     * 前置组件 ID,一般也就是bindid
      */
     afterid?: string;
     /**
-     * 绑定依赖容器ID,不一定有afterid
+     * 20220424 WM:暂时去掉，容易混乱和循环引用
+     * 绑定依赖组件ID,不一定有afterid
      */
-    bindid?: string;
     /**
      * 所属组，用于业务分类
      */
@@ -72,4 +76,8 @@ export interface IWidgetConfig {
      * 外部定义布局(备用)
      */
     layout?: IWidgetLayout;
+    /**
+     * 扩展属性，支持应用
+     */
+    [props: string]: any;
 }

package/dist/public/mitm.html

@@ -12,155 +12,169 @@
 	to open up a link that will start the download
 -->
 <script>
-// This will prevent the sw from restarting
-let keepAlive = () => {
-  keepAlive = () => {}
-  var ping = location.href.substr(0, location.href.lastIndexOf('/')) + '/ping'
-  var interval = setInterval(() => {
-    if (sw) {
-      sw.postMessage('ping')
-    } else {
-      fetch(ping).then(res => res.text(!res.ok && clearInterval(interval)))
-    }
-  }, 10000)
-}
-
-// message event is the first thing we need to setup a listner for
-// don't want the opener to do a random timeout - instead they can listen for
-// the ready event
-// but since we need to wait for the Service Worker registration, we store the
-// message for later
-let messages = []
-window.onmessage = evt => messages.push(evt)
-
-let sw = null
-let scope = ''
-
-function registerWorker() {
-  return navigator.serviceWorker.getRegistration('./').then(swReg => {
-    return swReg || navigator.serviceWorker.register('sw.js', { scope: './' })
-  }).then(swReg => {
-    const swRegTmp = swReg.installing || swReg.waiting
-
-    scope = swReg.scope
-
-    return (sw = swReg.active) || new Promise(resolve => {
-      swRegTmp.addEventListener('statechange', fn = () => {
-        if (swRegTmp.state === 'activated') {
-          swRegTmp.removeEventListener('statechange', fn)
-          sw = swReg.active
-          resolve()
-        }
+  // This will prevent the sw from restarting
+  let keepAlive = () => {
+    keepAlive = () => {};
+    var ping = location.href.substring(0, location.href.lastIndexOf('/')) + '/ping';
+    var interval = setInterval(() => {
+      if (sw) {
+        sw.postMessage('ping');
+      } else {
+        fetch(ping).then(res => res.text(!res.ok && clearInterval(interval)));
+      }
+    }, 10000);
+  };
+
+  // message event is the first thing we need to setup a listner for
+  // don't want the opener to do a random timeout - instead they can listen for
+  // the ready event
+  // but since we need to wait for the Service Worker registration, we store the
+  // message for later
+  let messages = [];
+  window.onmessage = evt => messages.push(evt);
+
+  let sw = null;
+  let scope = '';
+
+  function registerWorker() {
+    return navigator.serviceWorker
+      .getRegistration('./')
+      .then(swReg => {
+        return swReg || navigator.serviceWorker.register('sw.js', { scope: './' });
       })
-    })
-  })
-}
-
-// Now that we have the Service Worker registered we can process messages
-function onMessage (event) {
-  let { data, ports, origin } = event
-
-  // It's important to have a messageChannel, don't want to interfere
-  // with other simultaneous downloads
-  if (!ports || !ports.length) {
-    throw new TypeError("[StreamSaver] You didn't send a messageChannel")
+      .then(swReg => {
+        const swRegTmp = swReg.installing || swReg.waiting;
+
+        scope = swReg.scope;
+
+        return (
+          (sw = swReg.active) ||
+          new Promise(resolve => {
+            swRegTmp.addEventListener(
+              'statechange',
+              (fn = () => {
+                if (swRegTmp.state === 'activated') {
+                  swRegTmp.removeEventListener('statechange', fn);
+                  sw = swReg.active;
+                  resolve();
+                }
+              })
+            );
+          })
+        );
+      });
   }
 
-  if (typeof data !== 'object') {
-    throw new TypeError("[StreamSaver] You didn't send a object")
-  }
+  // Now that we have the Service Worker registered we can process messages
+  function onMessage(event) {
+    let { data, ports, origin } = event;
 
-  // the default public service worker for StreamSaver is shared among others.
-  // so all download links needs to be prefixed to avoid any other conflict
-  data.origin = origin
+    // It's important to have a messageChannel, don't want to interfere
+    // with other simultaneous downloads
+    if (!ports || !ports.length) {
+      throw new TypeError("[StreamSaver] You didn't send a messageChannel");
+    }
 
-  // if we ever (in some feature versoin of streamsaver) would like to
-  // redirect back to the page of who initiated a http request
-  data.referrer = data.referrer || document.referrer || origin
+    if (typeof data !== 'object') {
+      throw new TypeError("[StreamSaver] You didn't send a object");
+    }
 
-  // pass along version for possible backwards compatibility in sw.js
-  data.streamSaverVersion = new URLSearchParams(location.search).get('version')
+    // the default public service worker for StreamSaver is shared among others.
+    // so all download links needs to be prefixed to avoid any other conflict
+    data.origin = origin;
 
-  if (data.streamSaverVersion === '1.2.0') {
-    console.warn('[StreamSaver] please update streamsaver')
-  }
+    // if we ever (in some feature versoin of streamsaver) would like to
+    // redirect back to the page of who initiated a http request
+    data.referrer = data.referrer || document.referrer || origin;
 
-  /** @since v2.0.0 */
-  if (!data.headers) {
-    console.warn("[StreamSaver] pass `data.headers` that you would like to pass along to the service worker\nit should be a 2D array or a key/val object that fetch's Headers api accepts")
-  } else {
-    // test if it's correct
-    // should thorw a typeError if not
-    new Headers(data.headers)
-  }
+    // pass along version for possible backwards compatibility in sw.js
+    data.streamSaverVersion = new URLSearchParams(location.search).get('version');
 
-  /** @since v2.0.0 */
-  if (typeof data.filename === 'string') {
-    console.warn("[StreamSaver] You shouldn't send `data.filename` anymore. It should be included in the Content-Disposition header option")
-    // Do what File constructor do with fileNames
-    data.filename = data.filename.replace(/\//g, ':')
-  }
+    if (data.streamSaverVersion === '1.2.0') {
+      console.warn('[StreamSaver] please update streamsaver');
+    }
 
-  /** @since v2.0.0 */
-  if (data.size) {
-    console.warn("[StreamSaver] You shouldn't send `data.size` anymore. It should be included in the content-length header option")
-  }
+    /** @since v2.0.0 */
+    if (!data.headers) {
+      console.warn(
+        "[StreamSaver] pass `data.headers` that you would like to pass along to the service worker\nit should be a 2D array or a key/val object that fetch's Headers api accepts"
+      );
+    } else {
+      // test if it's correct
+      // should thorw a typeError if not
+      new Headers(data.headers);
+    }
 
-  /** @since v2.0.0 */
-  if (data.readableStream) {
-    console.warn("[StreamSaver] You should send the readableStream in the messageChannel, not throught mitm")
-  }
+    /** @since v2.0.0 */
+    if (typeof data.filename === 'string') {
+      console.warn(
+        "[StreamSaver] You shouldn't send `data.filename` anymore. It should be included in the Content-Disposition header option"
+      );
+      // Do what File constructor do with fileNames
+      data.filename = data.filename.replace(/\//g, ':');
+    }
 
-  /** @since v2.0.0 */
-  if (!data.pathname) {
-    console.warn("[StreamSaver] Please send `data.pathname` (eg: /pictures/summer.jpg)")
-    data.pathname = Math.random().toString().slice(-6) + '/' + data.filename
-  }
+    /** @since v2.0.0 */
+    if (data.size) {
+      console.warn(
+        "[StreamSaver] You shouldn't send `data.size` anymore. It should be included in the content-length header option"
+      );
+    }
 
-  // remove all leading slashes
-  data.pathname = data.pathname.replace(/^\/+/g, '')
+    /** @since v2.0.0 */
+    if (data.readableStream) {
+      console.warn(
+        '[StreamSaver] You should send the readableStream in the messageChannel, not throught mitm'
+      );
+    }
 
-  // remove protocol
-  let org = origin.replace(/(^\w+:|^)\/\//, '')
+    /** @since v2.0.0 */
+    if (!data.pathname) {
+      console.warn('[StreamSaver] Please send `data.pathname` (eg: /pictures/summer.jpg)');
+      data.pathname = Math.random().toString().slice(-6) + '/' + data.filename;
+    }
 
-  // set the absolute pathname to the download url.
-  data.url = new URL(`${scope + org}/${data.pathname}`).toString()
+    // remove all leading slashes
+    data.pathname = data.pathname.replace(/^\/+/g, '');
 
-  if (!data.url.startsWith(`${scope + org}/`)) {
-    throw new TypeError('[StreamSaver] bad `data.pathname`')
-  }
+    // remove protocol
+    let org = origin.replace(/(^\w+:|^)\/\//, '');
+
+    // set the absolute pathname to the download url.
+    data.url = new URL(`${scope + org}/${data.pathname}`).toString();
 
-  // This sends the message data as well as transferring
-  // messageChannel.port2 to the service worker. The service worker can
-  // then use the transferred port to reply via postMessage(), which
-  // will in turn trigger the onmessage handler on messageChannel.port1.
+    if (!data.url.startsWith(`${scope + org}/`)) {
+      throw new TypeError('[StreamSaver] bad `data.pathname`');
+    }
+
+    // This sends the message data as well as transferring
+    // messageChannel.port2 to the service worker. The service worker can
+    // then use the transferred port to reply via postMessage(), which
+    // will in turn trigger the onmessage handler on messageChannel.port1.
 
-  const transferable = data.readableStream
-    ? [ ports[0], data.readableStream ]
-    : [ ports[0] ]
+    const transferable = data.readableStream ? [ports[0], data.readableStream] : [ports[0]];
+
+    if (!(data.readableStream || data.transferringReadable)) {
+      keepAlive();
+    }
 
-  if (!(data.readableStream || data.transferringReadable)) {
-    keepAlive()
+    return sw.postMessage(data, transferable);
   }
 
-  return sw.postMessage(data, transferable)
-}
-
-if (window.opener) {
-  // The opener can't listen to onload event, so we need to help em out!
-  // (telling them that we are ready to accept postMessage's)
-  window.opener.postMessage('StreamSaver::loadedPopup', '*')
-}
-
-if (navigator.serviceWorker) {
-  registerWorker().then(() => {
-    window.onmessage = onMessage
-    messages.forEach(window.onmessage)
-  })
-} else {
-  // FF can ping sw with fetch from a secure hidden iframe
-  // shouldn't really be possible?
-  keepAlive()
-}
+  if (window.opener) {
+    // The opener can't listen to onload event, so we need to help em out!
+    // (telling them that we are ready to accept postMessage's)
+    window.opener.postMessage('StreamSaver::loadedPopup', '*');
+  }
 
+  if (navigator.serviceWorker) {
+    registerWorker().then(() => {
+      window.onmessage = onMessage;
+      messages.forEach(window.onmessage);
+    });
+  } else {
+    // FF can ping sw with fetch from a secure hidden iframe
+    // shouldn't really be possible?
+    keepAlive();
+  }
 </script>

package/dist/utils/H5Tool.d.ts

@@ -95,4 +95,23 @@ export default class H5Tool {
      * @param text
      */
     static copyText: (text: string) => Promise<unknown>;
+    /**
+     * 设置是否开启网站灰模式
+     * @param isGray 是否暗灰模式
+     */
+    static setGrayMode(isGray: boolean): void;
+    /**
+     * 开关 HTML元素的Style类名
+     * @param flag
+     * @param clsName
+     * @param target
+     */
+    static toggleClass(flag: boolean, clsName: string, target?: HTMLElement): void;
+    /**
+     * 设置 css 变量（全局）
+     * @param prop
+     * @param val
+     * @param dom
+     */
+    static setCssVar(prop: string, val: any, dom?: HTMLElement): void;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "xframelib",
-  "version": "0.5.5",
+  "version": "0.5.8",
   "description": "积累的前端开发基础库",
   "main": "dist/index.js",
   "common": "dist/index.cjs",
   "typings": "dist/index.d.ts",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 8090",
     "build": "vite build",
     "lib": "rollup -c ",
     "serve": "vite preview",
@@ -34,26 +34,26 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.1",
+    "@rollup/plugin-node-resolve": "^13.2.1",
+    "@rollup/plugin-typescript": "^8.3.2",
     "@types/streamsaver": "^2.0.1",
-    "@vitejs/plugin-vue": "^2.2.4",
-    "@vue/compiler-sfc": "^3.2.31",
-    "esbuild": "^0.14.27",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "@vue/compiler-sfc": "^3.2.33",
+    "esbuild": "^0.14.38",
     "rimraf": "^3.0.2",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-esbuild": "^4.8.2",
+    "rollup-plugin-esbuild": "^4.9.1",
     "rollup-plugin-scss": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.49.9",
-    "typescript": "^4.6.2",
-    "vite": "^2.8.6",
-    "vue": "^3.2.31",
+    "sass": "^1.50.1",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.5",
+    "vue": "^3.2.33",
     "vue-router": "^4.0.14",
-    "vue-tsc": "^0.33.7"
+    "vue-tsc": "^0.34.10"
   }
 }