clickgo 3.16.24 → 3.16.26

package/README.md

@@ -20,7 +20,7 @@
 
 Build web and native apps using HTML + CSS.
 
-Apps compile into a single `.cga` file — run it in the browser or locally via `ClickGo Native`. Great for image editors, DB tools, file managers, admin panels, and more.
+Apps compile into a single `.cga` file — run it in the browser or locally via [ClickGo Native](https://github.com/maiyun/clickgo-native). Great for image editors, DB tools, file managers, admin panels, and more.
 
 <p align="center">
     <img src="./doc/pic3.jpg" alt="ClickGo">
@@ -35,7 +35,7 @@ First, load the module loader, then load your app with it.
 **index.html**
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.24'}"></script>
+<script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.5.8/dist/loader.min.js?path=index&npm={'clickgo':'3.16.26'}"></script>
 ```
 
 **index.js**
@@ -196,6 +196,8 @@ This library is published under [Apache-2.0](./LICENSE) license.
 [Copy SVG Vector](https://www.svgrepo.com/svg/522803/copy)
 [Scissors SVG Vector](https://www.svgrepo.com/svg/523012/scissors)
 [Paste SVG Vector](https://www.svgrepo.com/svg/489767/paste)
+[Sun 2 SVG Vector](https://www.svgrepo.com/svg/529971/sun-2)
+[Moon SVG Vector](https://www.svgrepo.com/svg/529729/moon)
 
 ### **LICENSE:** CC0 License **UPLOADER:** SVG Repo
 

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

@@ -47,6 +47,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.end = false;
         this.dlist = false;
         this.selected = '';
+        this.select = '';
     }
     onChanged() {
         console.log('onChanged', JSON.stringify(this.mv));

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

@@ -1,10 +1,10 @@
-<form width="600" height="750" title="Calendar">
+<form width="600" height="780" title="Calendar">
     <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
         <label>modelValue: {{mv}}</label>
         <label>yearmonth: {{ym}}</label>
-        <label>selected: {{selected}}</label>
+        <label>selected: {{selected}}, select: {{select}}</label>
         <label>dlist: {{dlist ? ['20240101'] : undefined}}</label>
-        <calendar v-model="mv" v-model:yearmonth="ym" :disabled="disabled" :plain="plain" :start="start ? '20240305' : undefined" :end="end ? '20280306' : undefined" :disabledList="dlist ? ['20240101'] : undefined" @changed="onChanged" @selected="onSelected" style="flex: 1;">
+        <calendar v-model="mv" v-model:yearmonth="ym" v-model:select="select" :disabled="disabled" :plain="plain" :start="start ? '20240305' : undefined" :end="end ? '20280306' : undefined" :disabledList="dlist ? ['20240101'] : undefined" @changed="onChanged" @selected="onSelected" style="flex: 1;">
             <template v-if="bottom" v-slot="d">
                 <layout style="flex: 1;" align-h="center">{{d.year}}</layout>
             </template>
@@ -27,5 +27,8 @@
             <button @click="dlist = !dlist" style="flex: 1;">{{dlist ? '' : '!'}}disabledList</button>
             <button @click="left = !left" style="flex: 1;">{{left ? '' : '!'}}left</button>
         </layout>
+        <layout gutter="10" align-v="center">
+            <button @click="select = '20200203'" style="flex: 1;">Set select</button>
+        </layout>
     </layout>
 </form>

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

@@ -35,6 +35,15 @@
         <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>

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

@@ -144,6 +144,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.remoteDelay = [0];
         this.plain = false;
         this.virtual = false;
+        this.leftlabel = true;
     }
     get sizes() {
         const rtn = {};

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

@@ -45,7 +45,7 @@
                 <layout gutter="10" direction="v" style="padding: 10px;">
                     <label>Now select value is {{select2}}</label>
                     <label>Label: {{label2}}</label>
-                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :disabledList="disabledList" :unavailableList="unavailableList" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @change="onChange" @changed="onChanged" @tagclick="onTagclick" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                    <select v-model="select2" @label="label2 = $event" :data="slist2" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :disabledList="disabledList" :unavailableList="unavailableList" :leftlabel="leftlabel" @load="onLoad" @remote="onRemote" @add="onAdd" @remove="onRemove" @added="onAdded" @removed="onRemoved" @change="onChange" @changed="onChanged" @tagclick="onTagclick" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                     <layout gutter="10">
                         <button @click="select2[0]='ha6'" style="flex: 1">Select disabled</button>
                         <button @click="disabledList = disabledList.length > 1 ? ['haha4'] : ['haha3', 'ha5']" style="flex: 1">{{disabledList.length ? disabledList : 'disabledList'}}</button>
@@ -53,17 +53,17 @@
                     <button @click="unavailableList = unavailableList.length > 1 ? ['haha4'] : ['haha3', 'ha5']">{{unavailableList.length ? unavailableList : 'unavailableList'}}</button>
                     <list :data="addRemoveList" style="height: 100px;"></list>
                     <label>Custom height:</label>
-                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" v-slot:row="data">
+                    <select :data="['1','2','3','4','5']" :disabled="disabled" :editable="editable" :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" style="height: 60px;" @load="onLoad" @remote="onRemote" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}" v-slot:row="data">
                         <layout gutter="5" align-v="center"><circle />{{data.row.label}}</layout>
                     </select>
                     <label>Always editable: {{aemodel}}</label>
                     <layout gutter="10" align-v="center">
-                        <select v-model="aemodel" :data="editableData[editableDataValue[0]]" :disabled="disabled" editable editablelabel :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
+                        <select v-model="aemodel" :data="editableData[editableDataValue[0]]" :disabled="disabled" editable editablelabel :multi="multi" :plain="plain" :tree="tree" :async="async" :virtual="virtual" :padding="padding[0]" :search="search" :remote="remote" :remote-delay="remoteDelay[0]" :icon="icon" icon-default="../../../res/txt.svg" :leftlabel="leftlabel" placeholder="Please enter" @load="onLoad" @remote="onRemote" style="flex: 1;" :style="{'font-size': fontSize ? '16px' : undefined, 'background': background ? 'red' : undefined, 'color': background ? '#FFF' : undefined}"></select>
                         <button @click="aemodel.length=0">clear</button>
                         <button @click="aemodel[0] = '4'">4</button>
                         <button @click="aemodel[0] = '22'">22</button>
                         <label>data</label>
-                        <select v-model="editableDataValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" />
+                        <select v-model="editableDataValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" />
                     </layout>
                     <layout gutter="10">
                         <button @click="icon = !icon" style="flex: 1;">{{icon ? '' : '!'}}icon</button>
@@ -74,25 +74,25 @@
                         <button @click="search = !search" style="flex: 1;">{{search ? '' : '!'}}search</button>
                         <template v-if="search">
                             <button @click="remote = !remote" style="flex: 1;">{{remote ? '' : '!'}}remote</button>
-                            <select :data="[0, 100, 500, 1000, 2000]" v-model="remoteDelay" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                            <select :data="[0, 100, 500, 1000, 2000]" v-model="remoteDelay" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         </template>
                     </layout>
                     <!-- async 延迟加载 data -->
                     <label>Async value: {{asyncModel}}</label>
                     <layout gutter="10">
-                        <select v-model="asyncModel" :data="asyncData" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                        <select v-model="asyncModel" :data="asyncData" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         <button v-if="!asyncData.length" @click="asyncLoad">Load</button>
                     </layout>
                     <!-- no value -->
                     <label>No value: {{noValue}}</label>
                     <layout gutter="10">
-                        <select v-model="noValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" search style="flex: 1;" />
+                        <select v-model="noValue" :data="['0','1','2','3']" :virtual="virtual" :padding="padding[0]" search :leftlabel="leftlabel" style="flex: 1;" />
                         <button @click="noValue = []">Clear</button>
                     </layout>
                     <!-- rearward -->
                     <label>Rearward: {{reward}}</label>
                     <layout gutter="10">
-                        <select v-model="reward" :data="['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'z']" :virtual="virtual" :padding="padding[0]" style="flex: 1;"></select>
+                        <select v-model="reward" :data="['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'z']" :virtual="virtual" :padding="padding[0]" :leftlabel="leftlabel" style="flex: 1;"></select>
                         <button @click="reward[0] = 'z'">z</button>
                     </layout>
                 </layout>
@@ -130,6 +130,7 @@
         <layout gutter="10">
             <button @click="fontSize = !fontSize" style="flex: 1;">Change font size</button>
             <select v-model="padding" :data="['0', 'xs', 's', 'm', 'l', 'xl']" style="flex: 1;"></select>
+            <button v-if="ntab === 'select'" @click="leftlabel = !leftlabel" style="flex: 1;">{{leftlabel ? '' : '!'}}leftlabel</button>
         </layout>
         <layout gutter="10">
             <button @click="background = !background" style="flex: 1;">Change bg color</button>

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

@@ -50,6 +50,7 @@ class default_1 extends clickgo.form.AbstractForm {
         this.checked2 = false;
         this.checked3 = false;
         this.checked4 = 0;
+        this.checked5 = false;
         this.disabled = false;
         this.size = ['m'];
     }

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

@@ -16,10 +16,14 @@
         <layout gutter="10" align-v="center">
             <switch v-model="checked4" :disabled="disabled" :map="{'true':0,'false':1}" :size="size[0]"></switch>
             <label style="flex: 1;">{{checked4}}</label>
+            <switch v-model="checked5" :disabled="disabled" :size="size[0]">
+                <icon :name="checked5 ? 'sun' : 'moon'"></icon>
+            </switch>
+            <label style="flex: 1;">{{checked5 ? 'light' : 'dark'}}</label>
         </layout>
         <layout gutter="10" align-v="center">
             <button @click="disabled = !disabled" style="flex: 1;">{{disabled ? 'Remove' : 'Set'}} disabled</button>
-            <select v-model="size" :data="['s', 'm']" style="flex: 1;"></select>
+            <select v-model="size" :data="['s', 'm', 'l']" style="flex: 1;"></select>
         </layout>
     </layout>
 </form>

package/dist/clickgo.js

@@ -40,7 +40,7 @@ exports.getPlatform = getPlatform;
 exports.getDevice = getDevice;
 exports.isImmersion = isImmersion;
 exports.hasFrame = hasFrame;
-const version = '3.16.24';
+const version = '3.16.26';
 function getVersion() {
     return version;
 }

package/dist/global.css

@@ -1 +1 @@
-@font-face{font-family:"Noto Sans Regular";src:url("notosans-regular.ttf")}#cg-wrap{position:fixed;left:0;top:0;--g-padding-xs:2px;--g-padding-s:4px;--g-padding:7px;--g-padding-h:4px var(--g-padding);--g-padding-l:14px;--g-padding-l-h:8px var(--g-padding-l);--g-padding-xl:22px;--g-padding-xl-h:12px var(--g-padding-xl);--g-bpadding:18px;--g-margin:2px;--g-radius:0;--g-radius-l:4px;--g-radius-xl:8px;--g-size-xs:10px;--g-size:12px;--g-size-m:16px;--g-size-l:20px;--g-size-xl:28px;--g-size-xxl:34px;--g-control:14px;--g-control-m:18px;--g-family:"Noto Sans Regular",apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--g-line:1.2;--g-cubic:cubic-bezier(0.39, 0.575, 0.565, 1);--g-transition:none;--g-boxsize:calc(var(--g-padding) * 2 + var(--g-size));--cg:oklch(.7 .23 45);--cg-bg:oklch(.98 .01 45);--success:oklch(.7 .23 150);--success-hover:oklch(.75 .23 150);--success-active:oklch(.6 .23 150);--success-focus:oklch(.65 .23 150);--success-disabled:oklch(.85 0 150);--success-bg:oklch(.98 .01 150);--info:oklch(.7 .23 255);--info-hover:oklch(.75 .23 255);--info-active:oklch(.6 .23 255);--info-focus:oklch(.65 .23 255);--info-disabled:oklch(.85 0 255);--info-bg:oklch(.98 .01 255);--warning:oklch(.7 .23 45);--warning-hover:oklch(.75 .23 45);--warning-active:oklch(.6 .23 45);--warning-focus:oklch(.65 .23 45);--warning-disabled:oklch(.85 0 45);--warning-bg:oklch(.98 .01 45);--danger:oklch(.7 .23 25);--danger-hover:oklch(.75 .23 25);--danger-active:oklch(.6 .23 25);--danger-focus:oklch(.65 .23 25);--danger-disabled:oklch(.85 0 25);--danger-bg:oklch(.98 .01 25);--system-color:oklch(.96 0 0);--system-background:oklch(0 0 0 / .35);--system-background-hover:oklch(1 0 0 / .06);--system-background-active:oklch(1 0 0 / .1);--system-control-background:oklch(1 0 0 / .03);--system-border-color:oklch(1 0 0 / .03);--system-border-color-hover:oklch(1 0 0 / .06);--system-placeholder-color:oklch(1 0 0 / .2);--g-pure:oklch(1 0 0);--face:oklch(.95 0 0);--face-hover:oklch(.9 0 0);--face-selected:oklch(.85 0 0);--g-pop-background:oklch(1 0 0);--g-pop-backdrop:none;--g-pop-border:solid .5px var(--g-border-color);--g-shadow:none;--g-outline-shadow:none;--g-color:oklch(.45 0 0);--g-color-hover:oklch(.55 0 0);--g-color-active:oklch(.35 0 0);--g-color-focus:oklch(.4 0 0);--g-color-disabled:oklch(.7 0 0);--g-color-tip:oklch(.6 0 0);--g-background:oklch(.95 0 0);--g-background-hover:oklch(1 0 0);--g-background-active:oklch(.9 0 0);--g-background-opacity:oklch(.5 0 0 / .2);--g-background-focus:oklch(.97 0 0);--g-background-disabled:oklch(.85 0 0);--g-border-color:oklch(.5 0 0);--g-border-color-hover:oklch(.55 0 0);--g-border-color-active:oklch(.4 0 0);--g-border-color-focus:oklch(.45 0 0);--g-border-color-disabled:oklch(.7 0 0);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:oklch(1 0 0);--g-plain-background-hover:oklch(.98 0 0);--g-plain-background-active:oklch(.95 0 0);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:oklch(.95 0 0);--g-plain-background-selected:oklch(.95 0 0);--g-plain-border-color:oklch(.8 0 0);--g-plain-border-color-hover:oklch(.9 0 0);--g-plain-border-color-active:oklch(.7 0 0);--g-plain-border-color-focus:oklch(.75 0 0);--g-plain-border-color-disabled:oklch(.7 0 0);--g-plain-border-color-plain:oklch(.95 0 0);--g-block-background:oklch(.9 0 0);--g-block-background-hover:oklch(.8 0 0);--g-block-dark-background:oklch(.3 0 0);--g-block-dark-background-hover:oklch(.4 0 0)}[data-cg-disabled]{cursor:not-allowed}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.25);background:rgba(255,255,255,.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0px 15px 30px rgba(0,0,0,.07);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .3s var(--g-cubic);transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 5px rgba(0,0,0,.1);opacity:0;display:flex;justify-content:center;align-items:center;border:solid 1px #fff;transition:all .3s var(--g-cubic);transition-property:transform,border;transform:initial}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .3s var(--g-cubic);transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .3s var(--g-cubic)}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:var(--g-size);font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .3s var(--g-cubic);transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .3s var(--g-cubic);transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .3s var(--g-cubic)}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 15px 30px rgba(0,0,0,.07);transition:.3s var(--g-cubic);transition-property:transform,opacity;transform:translateY(-10px);opacity:0;overflow:hidden}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-pop-none]{display:none !important}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;bottom:0;width:280px;font-size:14px;display:flex;transition:.3s var(--g-cubic);transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0px 15px 30px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5)}.cg-notify-wrap.cg-notify-only{align-items:center}.cg-notify-wrap.cg-notify-full .cg-notify-title{padding-bottom:10px}.cg-notify-icon{margin-right:10px;width:14px;height:14px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-alert{z-index:20020006}.cg-alert-wrap{position:fixed;left:0;bottom:100px;width:100%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.3s var(--g-cubic);transition-property:transform,opacity;color:var(--system-color);pointer-events:none}.cg-alert-wrap.cg-default .cg-alert-icon{display:none}.cg-alert-wrap.cg-primary{color:var(--success)}.cg-alert-wrap.cg-primary .cg-alert-content{border-color:var(--success);background:var(--success-bg)}.cg-alert-wrap.cg-primary .cg-alert-icon{background:var(--success)}.cg-alert-wrap.cg-info{color:var(--info)}.cg-alert-wrap.cg-info .cg-alert-content{border-color:var(--info);background:var(--info-bg)}.cg-alert-wrap.cg-info .cg-alert-icon{background:var(--info)}.cg-alert-wrap.cg-warning{color:var(--warning)}.cg-alert-wrap.cg-warning .cg-alert-content{border-color:var(--warning);background:var(--warning-bg)}.cg-alert-wrap.cg-warning .cg-alert-icon{background:var(--warning)}.cg-alert-wrap.cg-danger{color:var(--danger)}.cg-alert-wrap.cg-danger .cg-alert-content{border-color:var(--danger);background:var(--danger-bg)}.cg-alert-wrap.cg-danger .cg-alert-icon{background:var(--danger)}.cg-alert-content{padding:15px;background:var(--system-background);display:flex;align-items:center;box-shadow:0px 15px 30px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border:solid .5px rgba(0,0,0,0);border-radius:5px}.cg-alert-icon{margin-right:10px;width:14px;height:14px;border-radius:50%}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .3s var(--g-cubic);overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:oklch(0 0 0/0.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:oklch(0 0 0/0.1)}.cg-simpletask-item:active{background:oklch(0 0 0/0.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020007;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(150px) saturate(1.5);backdrop-filter:blur(150px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0px 15px 30px rgba(0,0,0,.07);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}
+@font-face{font-family:"Noto Sans Regular";src:url("notosans-regular.ttf")}#cg-wrap{position:fixed;left:0;top:0;--g-padding-xs:2px;--g-padding-s:4px;--g-padding:7px;--g-padding-h:4px var(--g-padding);--g-padding-l:14px;--g-padding-l-h:8px var(--g-padding-l);--g-padding-xl:22px;--g-padding-xl-h:12px var(--g-padding-xl);--g-bpadding:18px;--g-margin:2px;--g-radius:0;--g-radius-l:4px;--g-radius-xl:8px;--g-size-xs:10px;--g-size:12px;--g-size-m:16px;--g-size-l:20px;--g-size-xl:28px;--g-size-xxl:34px;--g-control:14px;--g-control-m:18px;--g-control-l:22px;--g-family:"Noto Sans Regular",apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--g-line:1.2;--g-cubic:cubic-bezier(0.39, 0.575, 0.565, 1);--g-transition:none;--g-boxsize:calc(var(--g-padding) * 2 + var(--g-size));--cg:oklch(.7 .23 45);--cg-bg:oklch(.98 .01 45);--success:oklch(.7 .23 150);--success-hover:oklch(.75 .23 150);--success-active:oklch(.6 .23 150);--success-focus:oklch(.65 .23 150);--success-disabled:oklch(.85 0 150);--success-bg:oklch(.98 .01 150);--info:oklch(.7 .23 255);--info-hover:oklch(.75 .23 255);--info-active:oklch(.6 .23 255);--info-focus:oklch(.65 .23 255);--info-disabled:oklch(.85 0 255);--info-bg:oklch(.98 .01 255);--warning:oklch(.7 .23 45);--warning-hover:oklch(.75 .23 45);--warning-active:oklch(.6 .23 45);--warning-focus:oklch(.65 .23 45);--warning-disabled:oklch(.85 0 45);--warning-bg:oklch(.98 .01 45);--danger:oklch(.7 .23 25);--danger-hover:oklch(.75 .23 25);--danger-active:oklch(.6 .23 25);--danger-focus:oklch(.65 .23 25);--danger-disabled:oklch(.85 0 25);--danger-bg:oklch(.98 .01 25);--system-color:oklch(.96 0 0);--system-background:oklch(0 0 0 / .35);--system-background-hover:oklch(1 0 0 / .06);--system-background-active:oklch(1 0 0 / .1);--system-control-background:oklch(1 0 0 / .03);--system-border-color:oklch(1 0 0 / .03);--system-border-color-hover:oklch(1 0 0 / .06);--system-placeholder-color:oklch(1 0 0 / .2);--g-pure:oklch(1 0 0);--face:oklch(.95 0 0);--face-hover:oklch(.9 0 0);--face-selected:oklch(.85 0 0);--g-pop-background:oklch(1 0 0);--g-pop-backdrop:none;--g-pop-border:solid .5px var(--g-border-color);--g-shadow:none;--g-outline-shadow:none;--g-color:oklch(.45 0 0);--g-color-hover:oklch(.55 0 0);--g-color-active:oklch(.35 0 0);--g-color-focus:oklch(.4 0 0);--g-color-disabled:oklch(.7 0 0);--g-color-tip:oklch(.6 0 0);--g-background:oklch(.95 0 0);--g-background-hover:oklch(1 0 0);--g-background-active:oklch(.9 0 0);--g-background-opacity:oklch(.5 0 0 / .2);--g-background-focus:oklch(.97 0 0);--g-background-disabled:oklch(.85 0 0);--g-border-color:oklch(.5 0 0);--g-border-color-hover:oklch(.55 0 0);--g-border-color-active:oklch(.4 0 0);--g-border-color-focus:oklch(.45 0 0);--g-border-color-disabled:oklch(.7 0 0);--g-focusbox-border-color:var(--g-plain-border-color);--g-plain-color:var(--g-color);--g-plain-color-hover:var(--g-color-hover);--g-plain-color-active:var(--g-color-active);--g-plain-color-focus:var(--g-color-focus);--g-plain-color-disabled:var(--g-color-disabled);--g-plain-background:oklch(1 0 0);--g-plain-background-hover:oklch(.98 0 0);--g-plain-background-active:oklch(.95 0 0);--g-plain-background-focus:var(--g-plain-background);--g-plain-background-disabled:oklch(.95 0 0);--g-plain-background-selected:oklch(.95 0 0);--g-plain-border-color:oklch(.8 0 0);--g-plain-border-color-hover:oklch(.9 0 0);--g-plain-border-color-active:oklch(.7 0 0);--g-plain-border-color-focus:oklch(.75 0 0);--g-plain-border-color-disabled:oklch(.7 0 0);--g-plain-border-color-plain:oklch(.95 0 0);--g-block-background:oklch(.9 0 0);--g-block-background-hover:oklch(.8 0 0);--g-block-dark-background:oklch(.3 0 0);--g-block-dark-background-hover:oklch(.4 0 0)}[data-cg-disabled]{cursor:not-allowed}#cg-form-list{z-index:20020000}#cg-pop-list{z-index:20020001}#cg-simpletask{z-index:20020002}#cg-rectangle{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;box-shadow:0 0 10px oklch(0 0 0/0.25);background:oklch(1 0 0/0.05);pointer-events:none;opacity:0}#cg-circular{z-index:20020003;box-sizing:border-box;position:absolute;border:solid 3px var(--cg);border-radius:50%;filter:drop-shadow(0 0 3px var(--cg));pointer-events:none;opacity:0}#cg-gesture{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:50%;pointer-events:none;opacity:0;background:var(--system-background);box-shadow:0px 15px 30px rgba(0,0,0,.07);transform:scale(0);width:20px;height:20px}#cg-gesture.done{background:rgba(255,255,255,.3);border:solid 3px rgba(0,0,0,.3)}#cg-gesture.ani{transition:all .3s var(--g-cubic);transition-property:left,top,transform}#cg-drag{z-index:20020003;box-sizing:border-box;position:absolute;border-radius:3px;pointer-events:none;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 5px rgba(0,0,0,.1);opacity:0;display:flex;justify-content:center;align-items:center;border:solid 1px #fff;transition:all .3s var(--g-cubic);transition-property:transform,border;transform:initial}#cg-launcher{z-index:20020004;box-sizing:border-box;position:fixed;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);width:100%;height:100%;left:0;top:0;color:var(--system-color);display:none;flex-direction:column;transition:all .3s var(--g-cubic);transform:scale(1.2);opacity:0}#cg-launcher:not(.cg-show){pointer-events:none}#cg-launcher.cg-show{transform:scale(1);opacity:1}.cg-launcher-search{text-align:center;padding:50px}.cg-launcher-sinput{-webkit-appearance:none;appearance:none;padding:15px;border:solid 1px rgba(0,0,0,0);background:var(--system-control-background);width:60%;border-radius:5px;color:var(--system-color);transition:all .3s var(--g-cubic)}.cg-launcher-sinput::placeholder{color:var(--system-placeholder-color)}.cg-launcher-sinput::selection{background-color:var(--system-background-hover)}.cg-launcher-sinput:focus{outline:none;border-color:var(--system-border-color-hover)}.cg-launcher-foldername{-webkit-appearance:none;appearance:none;height:50px;font-size:28px !important;border:none;background:rgba(0,0,0,0);width:50%;color:var(--system-color);text-align:center}.cg-launcher-foldername::selection{background-color:var(--system-background-hover)}.cg-launcher-foldername:focus{outline:none}.cg-launcher-item{width:190px;display:inline-flex;vertical-align:middle;margin-bottom:50px}.cg-launcher-inner{flex:1;width:0}.cg-launcher-icon{background-position:center;background-size:80px;height:80px;background-repeat:no-repeat}.cg-launcher-icon:active{filter:brightness(0.6)}.cg-launcher-name{font-size:var(--g-size);font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,.6);text-align:center;margin-top:20px}.cg-launcher-icon,.cg-launcher-name{transition:all .3s var(--g-cubic);transition-property:opacity}.cg-launcher-space{width:50px}.cg-launcher-folder{display:flex;justify-content:center;height:80px}.cg-launcher-folder>div{height:80px;width:80px;background:rgba(255,255,255,.3);border-radius:20px;padding:10px 4px 4px 10px;transition:all .3s var(--g-cubic);transition-property:left,top,width,height,opacity;overflow-y:auto}.cg-launcher-folder>div::-webkit-scrollbar{display:none}.cg-launcher-folder>div .cg-launcher-item,.cg-launcher-folder>div .cg-launcher-space{transition:all .3s var(--g-cubic)}.cg-launcher-folder>div.cg-show{padding:50px 0 0 50px}.cg-launcher-folder>div:not(.cg-show):active{filter:brightness(0.6)}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-item{width:22px;margin-bottom:6px}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-icon{background-size:16px;height:16px;pointer-events:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-name{display:none}.cg-launcher-folder>div:not(.cg-show) .cg-launcher-space{width:6px}.cg-launcher-list{flex:1;height:0;overflow-y:auto;padding:0 0 0 50px}.cg-launcher-list::-webkit-scrollbar{display:none}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-icon,.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-name{opacity:0}.cg-launcher-list.cg-folder-open>.cg-launcher-item>.cg-launcher-inner>.cg-launcher-folder>div:not(.cg-show){opacity:0}[data-cg-pop]{position:absolute;box-shadow:0px 15px 30px oklch(0 0 0/0.07);transition:.3s var(--g-cubic);transition-property:transform,opacity;transform:translateY(-10px);opacity:0;overflow:hidden}[data-cg-pop]:not([data-cg-open]){pointer-events:none}[data-cg-pop][data-cg-pop-none]{display:none !important}[data-cg-pop][data-cg-open]{transform:translateY(0px);opacity:1}#cg-notify{z-index:20020005}.cg-notify-wrap{background:var(--system-background);position:fixed;padding:15px;border-radius:5px;right:0;bottom:0;width:280px;font-size:14px;display:flex;transition:.3s var(--g-cubic);transition-property:transform,opacity;overflow:hidden;color:var(--system-color);box-shadow:0px 15px 30px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5)}.cg-notify-wrap.cg-notify-only{align-items:center}.cg-notify-wrap.cg-notify-full .cg-notify-title{padding-bottom:10px}.cg-notify-icon{margin-right:10px;width:14px;height:14px;border-radius:50%}.cg-notify-icon.cg-primary{background:var(--success)}.cg-notify-icon.cg-info{background:var(--info)}.cg-notify-icon.cg-warning{background:var(--warning)}.cg-notify-icon.cg-danger{background:var(--danger)}.cg-notify-icon.cg-progress{background:var(--cg)}.cg-notify-title{font-size:16px;font-weight:bold}.cg-notify-content{line-height:1.5;word-break:break-word}.cg-notify-progress{position:absolute;bottom:0;left:0;border-radius:1px;background:var(--cg);transition:width 1s ease-out;width:0%;height:2px}#cg-alert{z-index:20020006}.cg-alert-wrap{position:fixed;left:0;bottom:100px;width:100%;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.3s var(--g-cubic);transition-property:transform,opacity;color:var(--system-color);pointer-events:none}.cg-alert-wrap.cg-default .cg-alert-icon{display:none}.cg-alert-wrap.cg-primary{color:var(--success)}.cg-alert-wrap.cg-primary .cg-alert-content{border-color:var(--success);background:var(--success-bg)}.cg-alert-wrap.cg-primary .cg-alert-icon{background:var(--success)}.cg-alert-wrap.cg-info{color:var(--info)}.cg-alert-wrap.cg-info .cg-alert-content{border-color:var(--info);background:var(--info-bg)}.cg-alert-wrap.cg-info .cg-alert-icon{background:var(--info)}.cg-alert-wrap.cg-warning{color:var(--warning)}.cg-alert-wrap.cg-warning .cg-alert-content{border-color:var(--warning);background:var(--warning-bg)}.cg-alert-wrap.cg-warning .cg-alert-icon{background:var(--warning)}.cg-alert-wrap.cg-danger{color:var(--danger)}.cg-alert-wrap.cg-danger .cg-alert-content{border-color:var(--danger);background:var(--danger-bg)}.cg-alert-wrap.cg-danger .cg-alert-icon{background:var(--danger)}.cg-alert-content{padding:15px;background:var(--system-background);display:flex;align-items:center;box-shadow:0px 15px 30px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border:solid .5px rgba(0,0,0,0);border-radius:5px}.cg-alert-icon{margin-right:10px;width:14px;height:14px;border-radius:50%}#cg-simpletask{left:0;bottom:-46px;width:100%;height:46px;top:initial;background:var(--system-background);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);padding:5px 0 5px 5px;display:flex;color:var(--system-color);transition:bottom .3s var(--g-cubic);overflow-x:auto;position:fixed}#cg-simpletask::-webkit-scrollbar{display:none}.cg-simpletask-item{background:oklch(0 0 0/0.05);border-radius:3px;padding:10px;display:flex;align-items:center;margin-right:5px}.cg-simpletask-item:hover{background:oklch(0 0 0/0.1)}.cg-simpletask-item:active{background:oklch(0 0 0/0.2)}.cg-simpletask-icon{margin-right:5px;background-size:cover;width:16px;height:16px}#cg-confirm{z-index:20020007;position:fixed;left:0;top:0;width:100%;height:100%;background:var(--system-background);-webkit-backdrop-filter:blur(150px) saturate(1.5);backdrop-filter:blur(150px) saturate(1.5);justify-content:center;align-items:center}#cg-confirm .cg-confirm-box{background:var(--system-background);width:60%;box-shadow:0px 15px 30px rgba(0,0,0,.07);font-size:14px;border-radius:3px;overflow:hidden;color:var(--system-color)}#cg-confirm .cg-confirm-box #cg-confirm-content{padding:25px;line-height:1.5}#cg-confirm .cg-confirm-box .cg-confirm-controls{border-top:solid .5px var(--system-border-color);display:flex}#cg-confirm .cg-confirm-box .cg-confirm-controls>div{padding:20px;flex:1;text-align:center}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:last-child{border-left:solid .5px var(--system-border-color)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:hover{background:var(--system-background-hover)}#cg-confirm .cg-confirm-box .cg-confirm-controls>div:active{background:var(--system-background-active)}

package/package.json

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

package/types/index.d.ts

@@ -801,6 +801,7 @@ export interface ICalendarSelectedEvent {
         'month': string;
         'date': string;
         'value': string;
+        'type': 'default' | 'click';
     };
 }