clickgo 3.1.16-dev2 → 3.2.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/README.md +1 -1
  2. package/dist/app/demo/form/control/box/box.xml +1 -1
  3. package/dist/app/demo/form/control/flow/flow.css +1 -1
  4. package/dist/app/demo/form/control/flow/flow.scss +2 -2
  5. package/dist/app/demo/form/control/html/html.xml +2 -2
  6. package/dist/app/demo/form/control/layout/layout.xml +1 -1
  7. package/dist/app/demo/form/control/nav/nav.js +1 -0
  8. package/dist/app/demo/form/control/nav/nav.xml +3 -2
  9. package/dist/app/demo/form/control/vflow/vflow.css +1 -1
  10. package/dist/app/demo/form/control/vflow/vflow.scss +3 -3
  11. package/dist/app/demo/form/control/vflow/vflow.xml +1 -1
  12. package/dist/app/demo/form/method/dom/dom.css +1 -1
  13. package/dist/app/demo/form/method/dom/dom.scss +2 -2
  14. package/dist/app/demo/form/method/dom/dom.xml +6 -6
  15. package/dist/clickgo.js +1 -1
  16. package/dist/clickgo.ts +1 -1
  17. package/dist/control/box.cgc +0 -0
  18. package/dist/control/common.cgc +0 -0
  19. package/dist/control/desc.cgc +0 -0
  20. package/dist/control/form.cgc +0 -0
  21. package/dist/control/html.cgc +0 -0
  22. package/dist/control/monaco.cgc +0 -0
  23. package/dist/control/nav.cgc +0 -0
  24. package/dist/control/property.cgc +0 -0
  25. package/dist/control/table.cgc +0 -0
  26. package/dist/control/task.cgc +0 -0
  27. package/dist/theme/byterun.cgt +0 -0
  28. package/dist/theme/familiar.cgt +0 -0
  29. package/package.json +1 -1
package/README.md CHANGED
@@ -28,7 +28,7 @@ Load the module loader first, and then load it using the module loader.
28
28
  **index.html**
29
29
 
30
30
  ```html
31
- <script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.4.9/dist/loader.min.js?path=index&npm={'clickgo':'3.1.14'}"></script>
31
+ <script src="https://cdn.jsdelivr.net/npm/@litert/loader@3.4.9/dist/loader.min.js?path=index&npm={'clickgo':'3.2.0-beta'}"></script>
32
32
  ```
33
33
 
34
34
  **index.js**
package/dist/app/demo/form/control/box/box.xml CHANGED
@@ -2,7 +2,7 @@
2
2
  <layout direction="v" gutter="10" style="flex: 1;">
3
3
  <box style="flex: 1;" v-model="val1"></box>
4
4
  <layout gutter="10" style="flex: 1;">
5
- <block style="flex: 1; position: relative; border: solid 1px #000; overflow: hidden;">
5
+ <block style="flex: 1; position: relative; border: solid 1px var(--g-border-color); overflow: hidden;">
6
6
  <template v-for="item, id of val2">
7
7
  <button v-if="(id === 'btn') || (id.slice(3) % 2)" style="position: absolute; z-index: 1;" :style="{'left': item.x + 'px', 'top': item.y + 'px', 'width': item.width + 'px', 'height': item.height + 'px'}">button{{id.slice(3)}}</button>
8
8
  <text v-else :modelValue="'text' + id.slice(3)" style="position: absolute; z-index: 1;" :style="{'left': item.x + 'px', 'top': item.y + 'px', 'width': item.width + 'px', 'height': item.height + 'px'}"></text>
package/dist/app/demo/form/control/flow/flow.css CHANGED
@@ -1 +1 @@
1
- .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}
1
+ .border{border:1px solid var(--g-border-color)}.custom{margin:auto;background:#07c160;width:60%;height:30px;color:#fff;text-align:center;line-height:30px}.rightborder{border-right:1px solid var(--g-border-color)}.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/flow/flow.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .border {
2
- border: 1px solid rgba(0, 0, 0, .1);
2
+ border: 1px solid var(--g-border-color);
3
3
  }
4
4
 
5
5
  .custom {
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  .rightborder {
10
- border-right: 1px solid rgba(0, 0, 0, .1);
10
+ border-right: 1px solid var(--g-border-color);
11
11
  }
12
12
 
13
13
  .block {
package/dist/app/demo/form/control/html/html.xml CHANGED
@@ -1,8 +1,8 @@
1
1
  <form title="Html" width="400" height="500" padding="10">
2
2
  <layout gutter="10" direction="v" style="flex: 1; width: 0;">
3
3
  <layout gutter="10" style="flex: 1; height: 0;">
4
- <html :html="html" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-color); padding: 10px; flex: 1; width: 0;"></html>
5
- <html :html="html" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-color); padding: 10px; flex: 1; width: 0;"></html>
4
+ <html :html="html" :css="lcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px; flex: 1; width: 0;"></html>
5
+ <html :html="html" :css="rcss" style="background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color); padding: 10px; flex: 1; width: 0;"></html>
6
6
  </layout>
7
7
  <layout gutter="10">
8
8
  <button style="height: 30px; flex: 1;" @click="lcss = lcss ? '' : css">Left {{lcss ? 'remove' : 'add'}} css</button>
package/dist/app/demo/form/control/layout/layout.xml CHANGED
@@ -1,7 +1,7 @@
1
1
  <form width="300" height="300" title="Layout">
2
2
  <layout direction="v" gutter="10" style="padding: 10px; flex: 1; width: 0;">
3
3
  <label>direction: {{direction[0]}}, media: {{mediaVal}}</label>
4
- <layout :direction="direction[0]" :media="media" :gutter="gutter" @media="onMedia" style="flex: 1; border: solid 1px #000; padding: 10px;">
4
+ <layout :direction="direction[0]" :media="media" :gutter="gutter" @media="onMedia" style="flex: 1; border: solid 1px var(--g-border-color); padding: 10px;">
5
5
  <block style="background: var(--success); flex: 1;" />
6
6
  <block style="flex: 1;" :style="{'background': bigColor ? 'var(--warning)' : 'var(--info)'}" />
7
7
  </layout>
package/dist/app/demo/form/control/nav/nav.js CHANGED
@@ -40,6 +40,7 @@ class default_1 extends clickgo.form.AbstractForm {
40
40
  this.name = '';
41
41
  this.isShow = false;
42
42
  this.loading = false;
43
+ this.logo = '';
43
44
  }
44
45
  onMounted() {
45
46
  this.watch('name', () => __awaiter(this, void 0, void 0, function* () {
package/dist/app/demo/form/control/nav/nav.xml CHANGED
@@ -1,5 +1,5 @@
1
1
  <form width="600" height="500" title="Nav" :loading="loading">
2
- <nav v-model="name" v-model:show="isShow" @layer="layer = $event" style="flex: 1; width: 0;">
2
+ <nav v-model="name" v-model:show="isShow" :logo="logo" @layer="layer = $event" style="flex: 1; width: 0;">
3
3
  <nav-item label="Title1">
4
4
  <nav-title>group1</nav-title>
5
5
  <nav-item label="Sub1">
@@ -37,7 +37,7 @@
37
37
  </nav-item>
38
38
  <nav-item label="Root1"></nav-item>
39
39
  <nav-item label="Root2"></nav-item>
40
- <nav-item label="Root3"></nav-item>
40
+ <nav-item label="Root3" icon="/package/res/icon.svg"></nav-item>
41
41
  <template v-slot:content>
42
42
  <layout direction="v" gutter="10" style="padding: 10px; flex: 1;">
43
43
  <label>Change the size of the form to see the effect.</label>
@@ -46,6 +46,7 @@
46
46
  <button v-if="layer" @click="isShow = true" style="height: 30px;">Open</button>
47
47
  <button @click="name = 'Action11'" style="height: 30px;">Select "Action11"</button>
48
48
  <button @click="name = 'hasname'" style="height: 30px;">Select "hasname"</button>
49
+ <button @click="logo = logo ? '' : '/clickgo/icon.png'" style="height: 30px;">{{logo ? 'Remove' : 'Set'}} logo</button>
49
50
  </layout>
50
51
  </template>
51
52
  </nav>
package/dist/app/demo/form/control/vflow/vflow.css CHANGED
@@ -1 +1 @@
1
- .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}.content{display:inline-block;padding:5px;background:rgba(0,0,0,.1);margin-left:2px;margin-bottom:1px}
1
+ .border{border:1px solid var(--g-border-color)}.custom{margin:auto;background:#07c160;width:60%;height:30px;color:#fff;text-align:center;line-height:30px}.rightborder{border-right:1px solid var(--g-border-color)}.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}.content{display:inline-block;padding:5px;background:var(--g-border-color);color:var(--face);margin-left:2px;margin-bottom:1px}
package/dist/app/demo/form/control/vflow/vflow.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .border {
2
- border: 1px solid rgba(0, 0, 0, .1);
2
+ border: 1px solid var(--g-border-color);
3
3
  }
4
4
 
5
5
  .custom {
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  .rightborder {
10
- border-right: 1px solid rgba(0, 0, 0, .1);
10
+ border-right: 1px solid var(--g-border-color);
11
11
  }
12
12
 
13
13
  .block {
@@ -18,5 +18,5 @@
18
18
  }
19
19
 
20
20
  .content {
21
- display: inline-block; padding: 5px; background: rgba(0, 0, 0, .1); margin-left: 2px; margin-bottom: 1px;
21
+ display: inline-block; padding: 5px; background: var(--g-border-color); color: var(--face); margin-left: 2px; margin-bottom: 1px;
22
22
  }
package/dist/app/demo/form/control/vflow/vflow.xml CHANGED
@@ -4,7 +4,7 @@
4
4
  <layout v-if="ntab === 'normal'" gutter="10" direction="v" style="flex: 1; width: 0; padding: 10px;">
5
5
  <!-- v -->
6
6
  <layout gutter="10" style="flex: 1; height: 0;">
7
- <vflow v-model:scroll-left="sLeft1" v-model:scroll-top="sTop1" @update:scrollTop="stst" direction="v" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @select="area = $event" @clientwidth="cWidth1 = $event" @clientheight="cHeight1 = $event" @scrollwidth="sWidth1 = $event" @scrollheight="sHeight1 = $event" :style="{'line-height': style ? '1.5' : undefined, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; width: 0;" :data="lineCount" v-slot="data" :sizes="is">
7
+ <vflow v-model:scroll-left="sLeft1" v-model:scroll-top="sTop1" direction="v" :selection="selection" :gesture="gesture ? ['top', 'bottom'] : []" @gesture="onGesture" @select="area = $event" @clientwidth="cWidth1 = $event" @clientheight="cHeight1 = $event" @scrollwidth="sWidth1 = $event" @scrollheight="sHeight1 = $event" :style="{'line-height': style ? '1.5' : undefined, 'padding': style ? '10px' : undefined}" class="border" style="flex: 1; width: 0;" :data="lineCount" v-slot="data" :sizes="is">
8
8
  <button v-if="data.index > 0 && data.index % 10 === 0" style="height: 30px;">test</button>
9
9
  <block v-else>Line {{data.row}}, index: {{data.index}}<label v-if="content" class="content">ha</label>.</block>
10
10
  </vflow>
package/dist/app/demo/form/method/dom/dom.css CHANGED
@@ -1 +1 @@
1
- .dropLine{display:flex;flex:1;margin-bottom:5px}.dropLine>block{border:1px solid rgba(0,0,0,.3);background-color:#fff;flex:1;margin-right:5px;display:flex;justify-content:center;align-items:center}.dropLine>block[data-cg-hover]{background-color:#333;color:#fff}
1
+ .dropLine{display:flex;flex:1;margin-bottom:5px}.dropLine>block{border:solid 1px var(--g-plain-border-color);flex:1;margin-right:5px;display:flex;justify-content:center;align-items:center}.dropLine>block[data-cg-hover]{background-color:var(--g-color);color:var(--face)}
package/dist/app/demo/form/method/dom/dom.scss CHANGED
@@ -2,9 +2,9 @@
2
2
  display: flex; flex: 1; margin-bottom: 5px;
3
3
 
4
4
  > block {
5
- border: 1px solid rgba(0, 0, 0, 0.3); background-color: #FFF; flex: 1; margin-right: 5px; display: flex; justify-content: center; align-items: center;
5
+ border: solid 1px var(--g-plain-border-color); flex: 1; margin-right: 5px; display: flex; justify-content: center; align-items: center;
6
6
  &[data-cg-hover] {
7
- background-color: #333; color: #FFF;
7
+ background-color: var(--g-color); color: var(--face);
8
8
  }
9
9
  }
10
10
  }
package/dist/app/demo/form/method/dom/dom.xml CHANGED
@@ -14,7 +14,7 @@
14
14
  <button style="height: 30px; flex: 1;" @click="getWatchSizeCount(taskId)">getWatchSizeCount({{taskId}})</button>
15
15
  </layout>
16
16
  <layout gutter="10">
17
- <layout ref="watch" align-v="center" align-h="center" style="flex: 1; background: #FFF;">{{watchInner ? 'inner' : 'Inner'}}</layout>
17
+ <layout ref="watch" align-v="center" align-h="center" style="flex: 1; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{watchInner ? 'inner' : 'Inner'}}</layout>
18
18
  <button @click="wwatch" style="height: 30px; padding: 0 5px;">{{watchText ? '' : '!'}}watch</button>
19
19
  <button @click="watchInner = !watchInner" style="padding: 0 5px;">Change</button>
20
20
  </layout>
@@ -27,12 +27,12 @@
27
27
  <!-- getWatchInfo -->
28
28
  <text :model-value="getWatchInfoText" readonly multi style="height: 300px;"></text>
29
29
  <button @click="getWatchInfo" :disabled="getWatchInfoDisabled" style="height: 30px; padding: 0 10px;">getWatchInfo 20s</button>
30
- <block @mousedown="bindGesture" @touchstart="bindGesture" style="height: 50px; background: #FFF; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, .5); font-size: 14px;">{{bindGestureText ? bindGestureText : 'bindGesture(e: Touch | Mouse, { ... })'}}</block>
31
- <block @wheel="bindGestureWheel" style="height: 50px; background: #FFF; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, .5); font-size: 14px;">{{bindGestureWheelText ? bindGestureWheelText : 'bindGesture(e: Wheel, { ... })'}}</block>
30
+ <block @mousedown="bindGesture" @touchstart="bindGesture" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{bindGestureText ? bindGestureText : 'bindGesture(e: Touch | Mouse, { ... })'}}</block>
31
+ <block @wheel="bindGestureWheel" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">{{bindGestureWheelText ? bindGestureWheelText : 'bindGesture(e: Wheel, { ... })'}}</block>
32
32
  <button @click="bindLong" ref="bindLong" @mousedown="bindLongDown" @touchstart="bindLongDown" style="height: 30px;">{{bindLongText ? 'Yeah!' : 'bindLong(e, () => { ... })'}}</button>
33
- <block style="height: 100px; display: flex; background: #FFF;">
33
+ <block style="height: 100px; display: flex; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">
34
34
  <block style="flex: 1; display: flex; justify-content: center; align-items: center;">
35
- <block @mousedown="bindDragDown" @touchstart="bindDragDown" ref="bindDrag" style="border: 1px solid rgba(0, 0, 0, 0.3); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;">Drag</block>
35
+ <block @mousedown="bindDragDown" @touchstart="bindDragDown" ref="bindDrag" style="width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: solid 1px var(--g-plain-border-color);">Drag</block>
36
36
  </block>
37
37
  <block style="margin-left: 10px; flex: 1; display: flex; flex-direction: column; padding: 5px 0 0 5px;">
38
38
  <block class="dropLine">
@@ -52,7 +52,7 @@
52
52
  </block>
53
53
  </block>
54
54
  </block>
55
- <block @mousedown="bindMoveDown" @touchstart="bindMoveDown" style="height: 50px; background: #FFF; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, .5); font-size: 14px; position: relative;">
55
+ <block @mousedown="bindMoveDown" @touchstart="bindMoveDown" style="height: 50px; display: flex; justify-content: center; align-items: center; font-size: 14px; position: relative; background: var(--g-plain-background); border: solid 1px var(--g-plain-border-color);">
56
56
  <label>bindMove(e, { ... })</label>
57
57
  <block ref="move" style="background: #07c160; position: absolute;" :style="{'left': moveLeft + 'px', 'top': moveTop + 'px', 'width': moveWidth + 'px', 'height': moveHeight + 'px'}" @dblclick="moveWidth = moveWidth === 25 ? 50 : 25;moveHeight = moveHeight === 25 ? 50 : 25"></block>
58
58
  </block>
package/dist/clickgo.js CHANGED
@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.zip = exports.tool = exports.theme = exports.task = exports.native = exports.fs = exports.form = exports.dom = exports.core = exports.control = exports.vue = exports.hasFrame = exports.isImmersion = exports.getPlatform = exports.isNative = exports.getVersion = void 0;
27
- const version = '3.1.3';
27
+ const version = '3.2.0-beta';
28
28
  function getVersion() {
29
29
  return version;
30
30
  }
package/dist/clickgo.ts CHANGED
@@ -13,7 +13,7 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- const version = '3.1.3';
16
+ const version = '3.2.0-beta';
17
17
  export function getVersion(): string {
18
18
  return version;
19
19
  }
package/dist/control/box.cgc CHANGED
Binary file
package/dist/control/common.cgc CHANGED
Binary file
package/dist/control/desc.cgc CHANGED
Binary file
package/dist/control/form.cgc CHANGED
Binary file
package/dist/control/html.cgc CHANGED
Binary file
package/dist/control/monaco.cgc CHANGED
Binary file
package/dist/control/nav.cgc CHANGED
Binary file
package/dist/control/property.cgc CHANGED
Binary file
package/dist/control/table.cgc CHANGED
Binary file
package/dist/control/task.cgc CHANGED
Binary file
package/dist/theme/byterun.cgt CHANGED
Binary file
package/dist/theme/familiar.cgt CHANGED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "clickgo",
3
- "version": "3.1.16-dev2",
3
+ "version": "3.2.0-beta",
4
4
  "description": "Background interface, software interface, mobile phone APP interface operation library.",
5
5
  "keywords": [
6
6
  "deskrt",