clickgo 3.1.2-dev11 → 3.1.4-dev13

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;
-                    }
-                }
-            }
-        });
-    }
-};

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

@@ -1,18 +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.xml

@@ -1,94 +0,0 @@
-<form title="View" 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;">
-                <view v-model:scroll-left="sLeft1" v-model:scroll-top="sTop1" direction="v" :selection="selection" @select="area = $event" @resize="c1 = $event" @change="l1 = $event" @scrollborder="scrollborder($event, 'v')" :style="{'line-height': style ? '1.5' : undefined, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; width: 0;">
-                    <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>
-                </view>
-                <layout class="border" style="flex: 1; width: 0;">
-                    <view v-model:scroll-left="sLeft2" v-model:scroll-top="sTop2" direction="v" :selection="selection" @select="area = $event" @resize="c2 = $event" @change="l2 = $event" @scrollborder="scrollborder($event, 'v')" :style="{'line-height': style ? '1.5' : undefined, 'padding': style ? '10px' : undefined}" style="flex: 1; width: 0;">
-                        <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>
-                    </view>
-                    <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 -->
-            <view v-model:scroll-left="sLeft3" v-model:scroll-top="sTop3" :selection="selection" @select="area = $event" @resize="c3 = $event" @change="l3 = $event" @scrollborder="scrollborder($event, 'h')" :style="{'line-height': style ? '1.5' : undefined, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; height: 0;">
-                <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>
-            </view>
-            <label>Scroll Left: {{sLeft3}}, Scroll Top: {{sTop3}}, Length: {{l3}}, Client: {{c3}}.</label>
-            <label>Selection area: {{area}}</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="selection = !selection" style="flex: 1; width: 0; height: 30px;">{{selection ? '' : '!'}}selection</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;">
-                <view 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>
-                </view>
-            </layout>
-            <label>Scroll Left: {{sLeft4}}, Scroll Top: {{sTop4}}, Length: {{l4}}, Client: {{c4}}.</label>
-            <layout gutter="10">
-                <button @click="lineCount += 10" style="flex: 1; width: 0; height: 30px;">Add 10 lines</button>
-                <button @click="lineCount -= 10;if(lineCount < 0) {lineCount = 0;}" style="flex: 1; width: 0; 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; width: 0; height: 30px;">Change direction</button>
-                <button @click="line5 = (line5 === 10 ? 1 : 10)" style="flex: 1; width: 0; height: 30px;">Change data</button>
-                <label>Direction: {{dir5}}</label>
-            </layout>
-            <view v-model:scroll-left="sLeft5" v-model:scroll-top="sTop5" content="max" @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>
-            </view>
-            <label>Scroll Left: {{sLeft5}}, Scroll Top: {{sTop5}}, Length: {{l5}}, Client: {{c5}}.</label>
-        </layout>
-        <!-- 嵌套 -->
-        <layout v-else style="flex: 1; width: 0; padding: 10px;">
-            <view class="border" direction="v" @resizen="c6 = $event" solo="false" style="flex: 1; width: 0;">
-                <template v-for="i of 100">
-                    <view v-if="i === 30" class="border" direction="v" solo="false" style="height: 50px;">
-                        <label v-for="k of 50">Line {{k}}</label>
-                    </view>
-                    <view v-else-if="i === 40" class="border" solo="false" style="height: 50px;" :style="{'width': c6 + 'px'}">
-                        <label v-for="k of 50" class="rightborder" style="width: 80px;">Line {{k}}</label>
-                    </view>
-                    <label v-else>Line {{i}}</label>
-                </template>
-            </view>
-        </layout>
-    </tab>
-</form>