clickgo 3.16.27 → 4.0.0

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

@@ -1,77 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.width = 300;
-        this.height = 520;
-        this.icon = '';
-        this.title = 'Form';
-        this.min = true;
-        this.max = true;
-        this.cclose = true;
-        this.stateMax = false;
-        this.stateMin = false;
-        this.minWidth = 200;
-        this.minHeight = 100;
-        this.resize = true;
-        this.border = 'normal';
-        this.banClose = false;
-    }
-    showLoading() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.loading = true;
-            yield clickgo.tool.sleep(1000);
-            this.loading = false;
-        });
-    }
-    onClose(e) {
-        if (this.banClose) {
-            e.preventDefault();
-        }
-    }
-}
-exports.default = default_1;

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

@@ -1,5 +0,0 @@
-.bottom {
-    button {
-        flex: 1; width: 0;
-    }
-}

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

@@ -1,29 +0,0 @@
-<form v-model:width="width" v-model:height="height" :icon="icon" :title="title" :min="min" :max="max" :close="close" v-model:state-max="stateMax" v-model:state-min="stateMin" :min-width="minWidth" :min-height="minHeight" :resize="resize" :border="border" direction="v" @close="onClose">
-    <flow direction="v">
-        <layout direction="v" gutter="10" style="padding: 10px;">
-            <label>focus: {{formFocus}}, width: {{width}}, height: {{height}}, state-max: {{stateMax}}, state-min: {{stateMin}}.</label>
-            <button @click="icon = icon ? '' : '/package/res/icon.svg'">Set icon</button>
-            <button @click="title = (title === 'Form') ? 'Changed' : 'Form'">Set title</button>
-            <button @click="min = min ? false : true">{{min ? 'Hide' : 'Show'}} min button</button>
-            <button @click="max = max ? false : true">{{max ? 'Hide' : 'Show'}} max button</button>
-            <button @click="cclose = cclose ? false : true">{{cclose ? 'Hide' : 'Show'}} close button</button>
-            <button @click="stateMax = true">To max</button>
-            <button @click="stateMin = true">To min</button>
-            <button @click="minWidth = (minWidth === 200) ? 300 : 200">Set min-width to {{minWidth === 200 ? '300' : '200'}}</button>
-            <button @click="minHeight = (minHeight === 100) ? 200 : 100">Set min-height to {{minHeight === 100 ? '200' : '100'}}</button>
-            <button @click="width = 350">Set width to 350</button>
-            <button @click="height = 400">Set height to 400</button>
-            <button @click="width = 0">Set width auto</button>
-            <button @click="height = 0">Set height auto</button>
-            <button @click="resize = resize ? false : true">{{resize ? 'Disabled' : 'Enabled'}} resize</button>
-            <button @click="showLoading">Show loading</button>
-            <button @click="banClose = !banClose">{{banClose ? '' : '!'}}banClose</button>
-            <layout class="bottom" gutter="10">
-                <button @click="border = 'normal'">Normal</button>
-                <button @click="border = 'thin'">Thin</button>
-                <button @click="border = 'plain'">Plain</button>
-                <button @click="border = 'none'">None</button>
-            </layout>
-        </layout>
-    </flow>
-</form>

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

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.gutter = [0];
-        this.igutter = [0];
-        this.direction = ['h'];
-    }
-}
-exports.default = default_1;

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

@@ -1,27 +0,0 @@
-<form width="350" height="500" title="grid" padding="10">
-    <layout gutter="10" style="flex: 1;">
-        <grid :gutter="gutter[0]" :item-gutter="igutter[0]" :direction="direction[0]" style="flex: 1;" align-h="center">
-            <grid-cell style="background:hsl(0,0%,90%);">1</grid-cell>
-            <grid-cell style="background:hsl(0,0%,85%);">2</grid-cell>
-            <grid-cell style="background:hsl(0,20%,85%);">3</grid-cell>
-            <grid-cell style="background:hsl(0,40%,85%);">4</grid-cell>
-            <grid-cell style="background:hsl(0,0%,80%);padding:10px;" align-v="center" span="2" v-slot="d">
-                <label>span: {{d.span}}</label>
-                <text style="width: 50%; flex: 1;" />
-            </grid-cell>
-            <grid-cell style="background:hsl(0,20%,80%);">6</grid-cell>
-            <grid-cell style="background:hsl(0,40%,80%);">7</grid-cell>
-            <grid-cell style="background:hsl(0,60%,80%);" align-h="right" align-v="bottom" size-l="4" size-m="2">
-                <button>OK</button>
-            </grid-cell>
-        </grid>
-        <layout direction="v" gutter="10">
-            <label>gutter:</label>
-            <select v-model="gutter" :data="[0, 10, 12, 30, 31, 50]"></select>
-            <label>item gutter:</label>
-            <select v-model="igutter" :data="[0, 10, 12, 30, 31, 50]"></select>
-            <label>direction:</label>
-            <select v-model="direction" :data="['h', 'v']"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,50 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.plain = false;
-        this.padding = true;
-        this.title = 'The title';
-        this.slotTitle = false;
-        this.slotRight = false;
-        this.slotFooter = false;
-        this.position = ['top'];
-        this.warrow = true;
-    }
-}
-exports.default = default_1;

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

@@ -1,46 +0,0 @@
-<form title="Group" width="500" height="550">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
-        <group :title="title" :plain="plain" :padding="padding" :position="position[0]" style="flex: 1; height: 0;">
-            <template v-if="slotTitle" v-slot:title>
-                <layout align-v="center" style="flex: 1;">
-                    <label style="flex: 1;">slot title</label>
-                    <button>test</button>
-                </layout>
-            </template>
-            <template v-if="slotRight" v-slot:right>
-                <button style="margin-left: 10px;">test</button>
-            </template>
-            <flow direction="v" gutter="10" style="flex: 1;">
-                <label>123</label>
-                <button>abc</button>
-                <title>Small title</title>
-                <button>def</button>
-                <title type="primary">Primary title</title>
-                <label>123</label>
-                <title type="info">Info title</title>
-                <label>123</label>
-                <title type="warning" v-model:arrow="warrow">Warning title</title>
-                <label v-if="warrow">123</label>
-                <title type="danger">Danger title</title>
-                <label>123</label>
-            </flow>
-            <template v-if="slotFooter" v-slot:footer>
-                <layout align-h="end" style="flex: 1;">
-                    <button>OK</button>
-                </layout>
-            </template>
-        </group>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="title = title === 'The title' ? 'Changed title' : 'The title'">Change title</button>
-            <button style="flex: 1;" @click="title = ''">Set empty</button>
-            <button style="flex: 1;" @click="plain = !plain">{{plain ? '' : '!'}}plain</button>
-            <button style="flex: 1;" @click="padding = !padding">{{padding ? '' : '!'}}padding</button>
-        </layout>
-        <layout gutter="10">
-            <button style="flex: 1;" @click="slotTitle = !slotTitle">{{slotTitle ? '' : '!'}}slotTitle</button>
-            <button style="flex: 1;" @click="slotRight = !slotRight">{{slotRight ? '' : '!'}}slotRight</button>
-            <button style="flex: 1;" @click="slotFooter = !slotFooter">{{slotFooter ? '' : '!'}}slotFooter</button>
-            <select style="flex: 1;" v-model="position" :data="['top', 'right', 'bottom', 'left']"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.direction = ['h'];
-        this.gutter = [0];
-    }
-}
-exports.default = default_1;

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

@@ -1,19 +0,0 @@
-<form width="300" height="300" title="Hske">
-    <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
-        <label>direction: {{direction[0]}}</label>
-        <hske :direction="direction[0]" :gutter="gutter[0]" align-v="center" align-h="center" style="flex: 1; border: solid 1px var(--g-border-color); padding: 10px;">
-            <label>Try resizing this form.</label>
-            <button>OK1</button>
-            <button>OK2</button>
-            <template v-slot:first>
-                <layout align-h="center" align-v="bottom" style="flex: 1; padding-bottom: 20px; background: var(--info); color: rgba(255, 255, 255, .6)">Copyright</layout>
-            </template>
-        </hske>
-        <layout align-v="center" gutter="10">
-            <label>gutter:</label>
-            <select v-model="gutter" :data="[0, 10, 12, 30, 31, 50]" style="flex: 1;"></select>
-            <layout>direction:</layout>
-            <select v-model="direction" :data="['h', 'v']" style="flex: 1;"></select>
-        </layout>
-    </layout>
-</form>

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

@@ -1,70 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const clickgo = __importStar(require("clickgo"));
-class default_1 extends clickgo.form.AbstractForm {
-    constructor() {
-        super(...arguments);
-        this.adaptation = false;
-        this.htmlIndex = 0;
-        this.html = [
-            `<h1>Hello world!</h1>
-<button>Button</button> <button disabled>Button2</button>
-<h2>H2 title</h2>
-<div>div</div>
-<h3>H3 title</h3>
-<input onclick="alert('alert')">
-<h4>h4 title</h4>
-<input type="email" disabled>
-<ul>
-    <li class="test">li</li>
-    <li>li</li>
-</ul>
-<span>span</span>
-<ol>
-    <li>li</li>
-    <li id="li">li</li>
-</ol>
-<script>alert('b');</script>
-<style>ul{background:hsl(0,100%,98%)}</style>`,
-            `<h2>123</h2>
-<button>Test</button>`
-        ];
-        this.css = `div{background:blue;}.test{background:red;}#li{background:yellow;}`;
-        this.lcss = '';
-        this.rcss = '';
-    }
-}
-exports.default = default_1;

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

@@ -1,18 +0,0 @@
-<form title="Html" width="450" height="500" padding="10">
-    <layout gutter="10" direction="v" style="flex: 1; width: 0;">
-        <layout gutter="10">
-            <button style="flex: 1;" @click="lcss = lcss ? '' : css">Left {{lcss ? 'remove' : 'add'}} css</button>
-            <button style="flex: 1;" @click="htmlIndex = htmlIndex ? 0 : 1">Toogle html</button>
-            <button style="flex: 1;" @click="adaptation = !adaptation">{{adaptation ? '' : '!'}}Adaptation</button>
-            <button style="flex: 1;" @click="rcss = rcss ? '' : css">Right {{rcss ? 'remove' : 'add'}} css</button>
-        </layout>
-        <layout gutter="10" style="flex: 1; height: 0;">
-            <flow direction="v" style="flex: 1;">
-                <html :html="html[htmlIndex]" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
-            </flow>
-            <flow direction="v" style="flex: 1;">
-                <html :html="html[htmlIndex]" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px;" :style="{'flex': adaptation ? undefined : '1'}"></html>
-            </flow>
-        </layout>
-    </layout>
-</form>

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

@@ -1,49 +0,0 @@
-<form width="300" height="400" title="Icon" padding="10">
-    <layout gutter="20" direction="v" style="flex: 1">
-        <label>id</label>
-        <layout gutter="20" align-v="center">
-            <icon name="id" size="s"></icon>
-            <icon name="id" size="m"></icon>
-            <icon name="id" size="l"></icon>
-            <icon name="id" size="xl"></icon>
-            <icon name="id" size="xxl"></icon>
-        </layout>
-        <label>de</label>
-        <layout gutter="20" align-v="center">
-            <icon name="de" size="s"></icon>
-            <icon name="de" size="m"></icon>
-            <icon name="de" size="l"></icon>
-            <icon name="de" size="xl"></icon>
-            <icon name="de" size="xxl"></icon>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="question"></icon>
-            <icon name="question" size="m"></icon>
-            <label>question</label>
-            <icon name="info"></icon>
-            <icon name="info" size="m"></icon>
-            <label>info</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="copy"></icon>
-            <icon name="copy" size="m"></icon>
-            <label>copy</label>
-            <icon name="cut"></icon>
-            <icon name="cut" size="m"></icon>
-            <label>cut</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="paste"></icon>
-            <icon name="paste" size="m"></icon>
-            <label>paste</label>
-            <icon name="sun"></icon>
-            <icon name="sun" size="m"></icon>
-            <label>sun</label>
-        </layout>
-        <layout gutter="20" align-v="center">
-            <icon name="moon"></icon>
-            <icon name="moon" size="m"></icon>
-            <label>moon</label>
-        </layout>
-    </layout>
-</form>