clickgo 3.1.1-dev10 → 3.1.3-dev12

package/dist/lib/tool.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.execCommand = exports.blob2DataUrl = exports.blob2Text = exports.urlResolve = exports.parseUrl = exports.request = exports.escapeHTML = exports.getNumber = exports.getBoolean = exports.random = exports.RANDOM_LUNS = exports.RANDOM_V = exports.RANDOM_LUN = exports.RANDOM_LU = exports.RANDOM_LN = exports.RANDOM_UN = exports.RANDOM_L = exports.RANDOM_U = exports.RANDOM_N = exports.rand = exports.getMimeByPath = exports.stylePrepend = exports.eventsAttrWrap = exports.layoutClassPrepend = exports.layoutInsertAttr = exports.layoutAddTagClassAndReTagName = exports.styleUrl2DataUrl = exports.purify = exports.sleep = exports.clone = exports.blob2ArrayBuffer = exports.getClassPrototype = void 0;
+exports.execCommand = exports.blob2DataUrl = exports.blob2Text = exports.urlResolve = exports.parseUrl = exports.request = exports.escapeHTML = exports.getArray = exports.getNumber = exports.getBoolean = exports.random = exports.RANDOM_LUNS = exports.RANDOM_V = exports.RANDOM_LUN = exports.RANDOM_LU = exports.RANDOM_LN = exports.RANDOM_UN = exports.RANDOM_L = exports.RANDOM_U = exports.RANDOM_N = exports.rand = exports.getMimeByPath = exports.stylePrepend = exports.teleportGlue = exports.eventsAttrWrap = exports.layoutClassPrepend = exports.layoutInsertAttr = exports.layoutAddTagClassAndReTagName = exports.styleUrl2DataUrl = exports.purify = exports.sleepFrame = exports.nextFrame = exports.sleep = exports.clone = exports.blob2ArrayBuffer = exports.getClassPrototype = void 0;
 function getClassPrototype(obj, over = [], level = 0) {
     if (level === 0) {
         return getClassPrototype(Object.getPrototypeOf(obj), over, level + 1);
@@ -93,6 +93,25 @@ function sleep(ms = 0) {
     });
 }
 exports.sleep = sleep;
+function nextFrame() {
+    return new Promise(function (resolve) {
+        requestAnimationFrame(() => {
+            resolve();
+        });
+    });
+}
+exports.nextFrame = nextFrame;
+function sleepFrame(count) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (count > 10) {
+            count = 10;
+        }
+        for (let i = 0; i < count; ++i) {
+            yield nextFrame();
+        }
+    });
+}
+exports.sleepFrame = sleepFrame;
 function purify(text) {
     text = '>' + text + '<';
     text = text.replace(/<!--([\s\S]*?)-->/g, '').replace(/>([\s\S]*?)</g, function (t, t1) {
@@ -255,6 +274,19 @@ function eventsAttrWrap(layout) {
     });
 }
 exports.eventsAttrWrap = eventsAttrWrap;
+function teleportGlue(layout, formId) {
+    if (typeof formId !== 'string') {
+        formId = formId.toString();
+    }
+    const fid = formId;
+    return layout.replace(/<teleport([\s\S]+?)to="(.+?)"([\s\S]+?<[\w-]+)/g, (v, v1, v2, v3) => {
+        if (v2 !== 'system') {
+            return v;
+        }
+        return '<teleport' + v1 + 'to="#cg-pop-list > [data-form-id=\'' + fid + '\']"' + v3 + ' data-cg-pop';
+    });
+}
+exports.teleportGlue = teleportGlue;
 function stylePrepend(style, prep = '') {
     if (prep === '') {
         prep = 'cg-scope' + Math.round(Math.random() * 1000000000000000).toString() + '_';
@@ -379,6 +411,21 @@ function getNumber(param) {
     return parseFloat(param);
 }
 exports.getNumber = getNumber;
+function getArray(param) {
+    if (typeof param !== 'string') {
+        return param;
+    }
+    let rtn = [];
+    if (param.startsWith('[')) {
+        rtn = JSON.parse(param);
+    }
+    else {
+        param = param.replace(/ /g, '');
+        rtn = param.split(',');
+    }
+    return rtn;
+}
+exports.getArray = getArray;
 function escapeHTML(html) {
     return html.replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }

package/dist/lib/tool.ts

@@ -126,6 +126,30 @@ export function sleep(ms: number = 0): Promise<boolean> {
     });
 }
 
+/**
+ * --- 等待浏览器帧 ---
+ */
+export function nextFrame(): Promise<void> {
+    return new Promise(function(resolve) {
+        requestAnimationFrame(() => {
+            resolve();
+        });
+    });
+}
+
+/**
+ * --- 等待浏览器帧 ---
+ * @param count 等待帧数最高 10 帧
+ */
+export async function sleepFrame(count: number): Promise<void> {
+    if (count > 10) {
+        count = 10;
+    }
+    for (let i = 0; i < count; ++i) {
+        await nextFrame();
+    }
+}
+
 /**
  * --- 去除 html 的空白符、换行以及注释 ---
  * @param text 要纯净的字符串
@@ -338,6 +362,24 @@ export function eventsAttrWrap(layout: string): string {
     });
 }
 
+/**
+ * --- 对 layout 的 teleport 做转义处理为 vue 识别的内容 ---
+ * @param layout 要处理的窗体或控件的 layout
+ * @param formId 要加入的 formId
+ */
+export function teleportGlue(layout: string, formId: number | string): string {
+    if (typeof formId !== 'string') {
+        formId = formId.toString();
+    }
+    const fid = formId;
+    return layout.replace(/<teleport([\s\S]+?)to="(.+?)"([\s\S]+?<[\w-]+)/g, (v, v1, v2, v3): string => {
+        if (v2 !== 'system') {
+            return v;
+        }
+        return '<teleport' + v1 + 'to="#cg-pop-list > [data-form-id=\'' + fid + '\']"' + v3 + ' data-cg-pop';
+    });
+}
+
 /**
  * --- 给 class 前部增加唯一标识符 ---
  * @param style 样式内容
@@ -504,6 +546,25 @@ export function getNumber(param: string | number): number {
     return parseFloat(param);
 }
 
+/**
+ * --- 根据参数获取最终的数组型 ---
+ * @param param 参数
+ */
+export function getArray(param: string | any[]): any[] {
+    if (typeof param !== 'string') {
+        return param;
+    }
+    let rtn: any[] = [];
+    if (param.startsWith('[')) {
+        rtn = JSON.parse(param);
+    }
+    else {
+        param = param.replace(/ /g, '');
+        rtn = param.split(',');
+    }
+    return rtn;
+}
+
 /**
  * --- 转义 HTML ---
  * @param html HTML 字符

package/dist/lib/zip.ts

@@ -142,6 +142,7 @@ export class Zip {
         return pstats;
     }
 
+    /** --- 读取目录，hasChildren: false, hasDir: true, pathAsKey: false --- */
     public readDir(path?: string, opt?: { 'hasChildren'?: boolean; 'hasDir'?: boolean; 'pathAsKey'?: false; }): types.IZipItem[];
     public readDir(path?: string, opt?: { 'hasChildren'?: boolean; 'hasDir'?: boolean; 'pathAsKey': true; }): Record<string, types.IZipItem>;
     /**
@@ -278,6 +279,7 @@ export class Zip {
      */
     private _refreshList(): void {
         const list: Record<string, Record<string, types.IZipItem>> = {};
+        // eslint-disable-next-line @litert/rules/disable-for-each-method
         this._zip.forEach(function(relativePath: string, item: jszip.JSZipObject) {
             if (relativePath.startsWith('/')) {
                 relativePath = relativePath.slice(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clickgo",
-  "version": "3.1.1-dev10",
+  "version": "3.1.3-dev12",
   "description": "Background interface, software interface, mobile phone APP interface operation library.",
   "keywords": [
     "deskrt",

package/types/index.d.ts

@@ -10,8 +10,10 @@ export * as tool from '../dist/lib/tool';
 export * as zip from '../dist/lib/zip';
 
 export function getVersion(): string;
-export function getNative(): boolean;
+export function isNative(): boolean;
 export function getPlatform(): NodeJS.Platform | 'web';
+export function isImmersion(): boolean;
+export function hasFrame(): boolean;
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export const AbstractBoot: typeof import('../dist/index').AbstractBoot;
 export function launcher(boot: import('../dist/index').AbstractBoot): void;
@@ -33,9 +35,6 @@ export interface IControlConfig {
     'layout': string;
     /** --- 不带扩展名，系统会在末尾添加 .css --- */
     'style': string;
-
-    /** --- 将要加载的文件 --- */
-    'files': string[];
 }
 
 /** --- 控件对象 --- */
@@ -95,17 +94,13 @@ export interface ICoreFetchAppOptions {
 
 /** --- 应用包解包后对象 --- */
 export interface IApp {
-    /** --- net 模式将包含 net 属性，否则是 app 解包模式 --- */
-    'net'?: {
-        'current': string;
-        'url': string;
-        'notify'?: number;
-        'progress'?: (loaded: number, total: number) => void | Promise<void>;
-    };
-    /** --- 应用图标，net 模式下可能为空 --- */
-    'icon': string;
+    'type': 'app';
+    /** --- 控件对象配置文件 --- */
+    'config': IAppConfig;
     /** --- 所有已加载的文件内容 --- */
     'files': Record<string, Blob | string>;
+    /** --- 应用图标，net 模式下可能为空 --- */
+    'icon': string;
 }
 
 /** --- 应用文件包 config --- */
@@ -132,7 +127,7 @@ export interface IAppConfig {
     /** --- 图标路径，需包含扩展名 --- */
     'icon'?: string;
 
-    /** --- 将要加载的非 js 文件列表，仅 net 模式有用 --- */
+    /** --- 将要加载的非 js 文件列表，打包为 cga 模式下此配置可省略 --- */
     'files'?: string[];
 }
 
@@ -185,12 +180,20 @@ export interface IBindDownOptions {
     'end'?: (e: MouseEvent | TouchEvent) => void;
 }
 
-/** --- 绑定上下左右拉选项 --- */
-export interface IBindGestureOptions {
-    'el'?: HTMLElement;
-    'rect'?: DOMRect;
-    'dirs'?: Array<('top' | 'right' | 'bottom' | 'left')>;
-    handler: (dir: 'top' | 'right' | 'bottom' | 'left') => void;
+/** --- 绑定拖动选项 move 回调的回调参数 --- */
+export interface IBindMoveMoveOptions {
+    'ox': number;
+    'oy': number;
+    'x': number;
+    'y': number;
+    'border': TDomBorder;
+    'inBorder': {
+        'top': boolean;
+        'right': boolean;
+        'bottom': boolean;
+        'left': boolean;
+    };
+    'dir': 'top' | 'right' | 'bottom' | 'left';
 }
 
 /** --- 绑定拖动选项 --- */
@@ -211,7 +214,7 @@ export interface IBindMoveOptions {
     'object'?: HTMLElement | IVue;
     'showRect'?: boolean;
     'start'?: (x: number, y: number) => any;
-    'move'?: (ox: number, oy: number, x: number, y: number, border: TDomBorder, dir: 'top' | 'right' | 'bottom' | 'left', e: MouseEvent | TouchEvent) => void;
+    'move'?: (e: MouseEvent | TouchEvent, opt: IBindMoveMoveOptions) => void;
     'up'?: (moveTimes: Array<{ 'time': number; 'ox': number; 'oy': number; }>, e: MouseEvent | TouchEvent) => void;
     'end'?: (moveTimes: Array<{ 'time': number; 'ox': number; 'oy': number; }>, e: MouseEvent | TouchEvent) => void;
     'borderIn'?: (x: number, y: number, border: TDomBorder, e: MouseEvent | TouchEvent) => void;
@@ -246,7 +249,7 @@ export interface IBindResizeOptions {
 /** --- 监视大小中的元素 --- */
 export interface IWatchSizeItem {
     'el': HTMLElement;
-    'ro': any;
+    'handler': () => void | Promise<void>;
     'taskId'?: number;
 }
 
@@ -298,6 +301,7 @@ export interface IFormCreateOptions {
 /** --- 窗体的 code 参数 --- */
 export interface IFormCreateCode {
     'data'?: Record<string, any>;
+    'access'?: Record<string, any>;
     'methods'?: Record<string, any>;
     'computed'?: Record<string, {
         'get'?: any;
@@ -351,7 +355,6 @@ export interface ITask {
     'id': number;
     'app': IApp;
     'class': import('../dist/lib/core').AbstractApp;
-    'config': IAppConfig;
     'customTheme': boolean;
     'locale': {
         'lang': string;
@@ -383,8 +386,6 @@ export interface ITask {
     }>;
     /** --- 任务中的 timer 列表 --- */
     'timers': Record<string, number>;
-    /** --- 用于初始化 control 时 invoke 用 --- */
-    'invoke'?: Record<string, any>;
 }
 
 /** --- 系统任务信息 --- */
@@ -400,10 +401,6 @@ export interface ITaskRunOptions {
     'progress'?: (loaded: number, total: number) => void | Promise<void>;
     /** --- 显示 notify 窗口 --- */
     'notify'?: boolean;
-    /** --- 设置为主应用，整个运行时只能设置一次，因此 App 下不可能被设置 --- */
-    'main'?: boolean;
-    /** --- native 下窗体与实体窗体大小同步，App 模式下无法设置 --- */
-    'sync'?: boolean;
     /** --- 所属任务，App 模式无法设置 --- */
     'taskId'?: number;
     /** --- 不禁止某些浏览器对象，App 模式下无法设置 --- */

package/dist/app/demo/form/control/greatview/greatview.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.methods = exports.mounted = exports.computed = exports.data = void 0;
-const clickgo = require("clickgo");
-exports.data = {
-    'ntab': '',
-    'lineValue': 100,
-    'lineCount': 2,
-    'sLeft1': 0,
-    'sTop1': 0,
-    'l1': 0,
-    'c1': 0,
-    'sLeft2': 0,
-    'sTop2': 0,
-    'l2': 0,
-    'c2': 0,
-    'sLeft3': 0,
-    'sTop3': 0,
-    'l3': 0,
-    'c3': 0,
-    'sLeft4': 0,
-    'sTop4': 0,
-    'l4': 0,
-    'c4': 0,
-    'direction': false,
-    'dir5': 'v',
-    'sLeft5': 0,
-    'sTop5': 0,
-    'l5': 0,
-    'c5': 0,
-    'line5': 10,
-    'c6': 0,
-    'is6': [],
-    'gesture': false,
-    'style': false,
-    'selection': false,
-    'content': false,
-    'area': {}
-};
-exports.computed = {
-    'is': function () {
-        const is = [];
-        for (let i = 0; i < this.lineCount; ++i) {
-            if (i > 0 && i % 10 === 0) {
-                is[i] = 30;
-                continue;
-            }
-        }
-        return is;
-    }
-};
-const mounted = function () {
-    this.is6[29] = 50;
-    this.is6[39] = 50;
-};
-exports.mounted = mounted;
-exports.methods = {
-    scrollborder: function (e, dir) {
-        if (!this.gesture) {
-            return;
-        }
-        let dirs = [];
-        switch (dir) {
-            case 'h': {
-                dirs = ['left', 'right'];
-                break;
-            }
-            default: {
-                dirs = ['top', 'bottom'];
-                break;
-            }
-        }
-        clickgo.dom.bindGesture(e, {
-            'dirs': dirs,
-            'handler': (dir) => {
-                switch (dir) {
-                    case 'left':
-                    case 'top': {
-                        this.lineCount -= 10;
-                        if (this.lineCount < 0) {
-                            this.lineCount = 0;
-                        }
-                        break;
-                    }
-                    default: {
-                        this.lineCount += this.lineValue;
-                    }
-                }
-            }
-        });
-    }
-};

package/dist/app/demo/form/control/overflow/overflow.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.methods = exports.data = void 0;
-const clickgo = require("clickgo");
-exports.data = {
-    'ntab': '',
-    'lineValue': 10,
-    'lineCount': 2,
-    'sLeft1': 0,
-    'sTop1': 0,
-    'l1': 0,
-    'c1': 0,
-    'sLeft2': 0,
-    'sTop2': 0,
-    'l2': 0,
-    'c2': 0,
-    'sLeft3': 0,
-    'sTop3': 0,
-    'l3': 0,
-    'c3': 0,
-    'sLeft4': 0,
-    'sTop4': 0,
-    'l4': 0,
-    'c4': 0,
-    'direction': false,
-    'dir5': 'v',
-    'sLeft5': 0,
-    'sTop5': 0,
-    'l5': 0,
-    'c5': 0,
-    'line5': 10,
-    'gesture': false,
-    'style': false
-};
-exports.methods = {
-    scrollborder: function (e, dir) {
-        if (!this.gesture) {
-            return;
-        }
-        let dirs = [];
-        switch (dir) {
-            case 'h': {
-                dirs = ['left', 'right'];
-                break;
-            }
-            default: {
-                dirs = ['top', 'bottom'];
-                break;
-            }
-        }
-        clickgo.dom.bindGesture(e, {
-            'dirs': dirs,
-            'handler': (dir) => {
-                switch (dir) {
-                    case 'left':
-                    case 'top': {
-                        this.lineCount -= 10;
-                        if (this.lineCount < 0) {
-                            this.lineCount = 0;
-                        }
-                        break;
-                    }
-                    default: {
-                        this.lineCount += this.lineValue;
-                    }
-                }
-            }
-        });
-    }
-};

package/dist/app/demo/form/control/overflow/overflow.xml

@@ -1,98 +0,0 @@
-<form title="Overflow" width="450" height="450" min-width="300" min-height="400" padding="10">
-    <tab v-model="ntab" :tabs="['normal', 'adaptation', 'beyond', 'nest']" style="flex: 1; width: 0;">
-        <!-- 默认 -->
-        <layout v-if="ntab === 'normal'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <!-- v -->
-            <layout gutter="10" style="flex: 1; height: 0;">
-                <overflow v-model:scroll-left="sLeft1" v-model:scroll-top="sTop1" direction="v" @resize="c1 = $event" @change="l1 = $event" @scrollborder="scrollborder($event, 'v')" :style="{'line-height': style ? '1.5' : undefined}" class="border" style="flex: 1;">
-                    <block :style="{'padding': style ? '10px' : undefined}">
-                        <block v-for="(line, index) of lineCount">
-                            <button v-if="index > 0 && index % 10 === 0" style="height: 30px;">test</button>
-                            <block v-else>Line {{line}}, index: {{index}}.</block>
-                        </block>
-                    </block>
-                </overflow>
-                <layout class="border" style="flex: 1;">
-                    <overflow v-model:scroll-left="sLeft2" v-model:scroll-top="sTop2" direction="v" @resize="c2 = $event" @change="l2 = $event" @scrollborder="scrollborder($event, 'v')" :style="{'line-height': style ? '1.5' : undefined}" style="flex: 1;">
-                        <block :style="{'padding': style ? '10px' : undefined}">
-                            <block v-for="(line, index) of lineCount">
-                                <block v-if="index > 0 && index % 10 === 0" class="custom">Custom</block>
-                                <block v-else>Line {{line}}, index: {{index}}.</block>
-                            </block>
-                        </block>
-                    </overflow>
-                    <scroll :length="l2" :client="c2" v-model:scroll-offset="sTop2" style="width: 20px;"></scroll>
-                </layout>
-            </layout>
-            <label>Scroll Left: {{sLeft1}}, Scroll Top: {{sTop1}}, Length: {{l1}}, Client: {{c1}}.</label>
-            <label>Scroll Left: {{sLeft2}}, Scroll Top: {{sTop2}}, Length: {{l2}}, Client: {{c2}}.</label>
-            <!-- h -->
-            <overflow v-model:scroll-left="sLeft3" v-model:scroll-top="sTop3" @resize="c3 = $event" @change="l3 = $event" @scrollborder="scrollborder($event, 'h')" :style="{'line-height': style ? '1.5' : undefined}" class="border" style="flex: 1; height: 0;">
-                <layout :style="{'padding': style ? '10px' : undefined}" style="flex: 1;">
-                    <layout v-for="(line, index) of lineCount" align-v="center" align-h="center" direction="v" class="rightborder" style="width: 80px;">
-                        <label>Col {{line}}.</label>
-                        <label>index: {{index}}.</label>
-                    </layout>
-                </layout>
-            </overflow>
-            <label>Scroll Left: {{sLeft3}}, Scroll Top: {{sTop3}}, Length: {{l3}}, Client: {{c3}}.</label>
-            <!-- button list -->
-            <layout gutter="10">
-                <select v-model="lineValue" :data="[10, 50]" style="flex: 1; width: 0;"></select>
-                <button @click="lineCount += lineValue" style="height: 30px;padding: 0 10px;">Add lines</button>
-                <button @click="lineCount += lineValue;if(lineCount < 0) {lineCount = 0;}" style="height: 30px; padding: 0 10px;">Remove lines</button>
-            </layout>
-            <layout gutter="10">
-                <button @click="gesture = !gesture" style="flex: 1; width: 0; height: 30px;">{{gesture ? '' : '!'}}gesture</button>
-                <button @click="style = !style" style="flex: 1; width: 0; height: 30px;">{{style ? '' : '!'}}style</button>
-            </layout>
-        </layout>
-        <!-- 自适应 -->
-        <layout v-else-if="ntab === 'adaptation'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <layout :direction="direction ? 'h' : 'v'" style="flex: 1; height: 0;">
-                <overflow class="border" v-model:scroll-left="sLeft4" v-model:scroll-top="sTop4" :direction="direction ? 'h' : 'v'" @resize="c4 = $event" @change="l4 = $event" @scrollborder="scrollborder($event, 'v')">
-                    <layout v-for="(line, index) of lineCount" align-v="center" direction="v" :class="[direction && 'rightborder']">
-                        <button v-if="index > 0 && index % 10 === 0" style="height: 30px;" :style="{'width': direction ? '30px' : undefined}">test</button>
-                        <block v-else :style="{'width': direction ? '80px' : undefined, 'text-align': direction ? 'center' : undefined}">Line {{line}}</block>
-                    </layout>
-                </overflow>
-            </layout>
-            <label>Scroll Left: {{sLeft4}}, Scroll Top: {{sTop4}}, Length: {{l4}}, Client: {{c4}}.</label>
-            <layout gutter="10">
-                <button @click="lineCount += 10" style="flex: 1; height: 30px;">Add 10 lines</button>
-                <button @click="lineCount -= 10;if(lineCount < 0) {lineCount = 0;}" style="flex: 1; height: 30px;">Remove 10 lines</button>
-                <button @click="direction = !direction" style="flex: 1; height: 30px;">Direction</button>
-            </layout>
-        </layout>
-        <!-- 内容超出 -->
-        <layout v-else-if="ntab === 'beyond'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-            <layout gutter="10" align-v="center">
-                <button @click="dir5 = (dir5 === 'h' ? 'v' : 'h')" style="flex: 1; height: 30px;">Change direction</button>
-                <button @click="line5 = (line5 === 10 ? 1 : 10)" style="flex: 1; height: 30px;">Change data</button>
-                <label>Direction: {{dir5}}</label>
-            </layout>
-            <overflow v-model:scroll-left="sLeft5" v-model:scroll-top="sTop5" @resize="c5 = $event" @change="l5 = $event" :direction="dir5" class="border" style="flex: 1; height: 0; padding: 10px 0 0 10px;">
-                <layout v-for="i of line5" :direction="dir5 === 'h' ? 'v' : 'h'">
-                    <layout v-for="j of 10" class="block">
-                        <block>{{i}}-{{j}}</block>
-                    </layout>
-                </layout>
-            </overflow>
-            <label>Scroll Left: {{sLeft5}}, Scroll Top: {{sTop5}}, Length: {{l5}}, Client: {{c5}}.</label>
-        </layout>
-        <!-- 嵌套 -->
-        <layout v-else style="flex: 1; width: 0; padding: 10px;">
-            <overflow class="border" direction="v" style="flex: 1; width: 0;">
-                <template v-for="i of 100">
-                    <overflow v-if="i === 30" class="border" direction="v" style="height: 50px;">
-                        <label v-for="k of 50">Line {{k}}</label>
-                    </overflow>
-                    <overflow v-else-if="i === 40" class="border" style="height: 50px;">
-                        <label v-for="k of 50" class="rightborder" style="width: 80px;">Line {{k}}</label>
-                    </overflow>
-                    <label v-else>Line {{i}}</label>
-                </template>
-            </overflow>
-        </layout>
-    </tab>
-</form>

package/dist/app/demo/form/control/view/view.css

@@ -1 +0,0 @@
-.border{border:1px solid rgba(0,0,0,.1)}.custom{margin:auto;background:#07c160;width:60%;height:30px;color:#fff;text-align:center;line-height:30px}.rightborder{border-right:1px solid rgba(0,0,0,.1)}.block{width:200px;height:200px;padding:0 10px 10px 0}.block block{background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;flex:1}

package/dist/app/demo/form/control/view/view.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.methods = exports.data = void 0;
-const clickgo = require("clickgo");
-exports.data = {
-    'ntab': '',
-    'lineValue': 10,
-    'lineCount': 2,
-    'sLeft1': 0,
-    'sTop1': 0,
-    'l1': 0,
-    'c1': 0,
-    'sLeft2': 0,
-    'sTop2': 0,
-    'l2': 0,
-    'c2': 0,
-    'sLeft3': 0,
-    'sTop3': 0,
-    'l3': 0,
-    'c3': 0,
-    'sLeft4': 0,
-    'sTop4': 0,
-    'l4': 0,
-    'c4': 0,
-    'direction': false,
-    'dir5': 'v',
-    'sLeft5': 0,
-    'sTop5': 0,
-    'l5': 0,
-    'c5': 0,
-    'line5': 10,
-    'c6': 0,
-    'gesture': false,
-    'style': false,
-    'selection': false,
-    'area': {}
-};
-exports.methods = {
-    scrollborder: function (e, dir) {
-        if (!this.gesture) {
-            return;
-        }
-        let dirs = [];
-        switch (dir) {
-            case 'h': {
-                dirs = ['left', 'right'];
-                break;
-            }
-            default: {
-                dirs = ['top', 'bottom'];
-                break;
-            }
-        }
-        clickgo.dom.bindGesture(e, {
-            'dirs': dirs,
-            'handler': (dir) => {
-                switch (dir) {
-                    case 'left':
-                    case 'top': {
-                        this.lineCount -= 10;
-                        if (this.lineCount < 0) {
-                            this.lineCount = 0;
-                        }
-                        break;
-                    }
-                    default: {
-                        this.lineCount += this.lineValue;
-                    }
-                }
-            }
-        });
-    }
-};