clickgo 3.1.16-dev2 → 3.2.1-beta2

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 (32) 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/lib/fs.ts +1 -1
  28. package/dist/lib/task.js +1 -2
  29. package/dist/lib/task.ts +1 -3
  30. package/dist/theme/byterun.cgt +0 -0
  31. package/dist/theme/familiar.cgt +0 -0
  32. 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.1-beta2}"></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.1-beta2';
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.1-beta2';
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/lib/fs.ts CHANGED
@@ -129,7 +129,7 @@ export async function getContent(path: string, options?: BufferEncoding | {
129
129
  }
130
130
  ourl = tool.urlResolve(__dirname, './').slice(0, -1) + fpath;
131
131
  }
132
- else {
132
+ else {
133
133
  ourl = path;
134
134
  }
135
135
  try {
package/dist/lib/task.js CHANGED
@@ -1332,8 +1332,7 @@ function loadLocale(lang, path, taskId) {
1332
1332
  if (!task) {
1333
1333
  return false;
1334
1334
  }
1335
- path = tool.urlResolve(task.current + '/', path) + '.json';
1336
- const fcontent = yield fs.getContent(path, {
1335
+ const fcontent = yield fs.getContent(path + '.json', {
1337
1336
  'encoding': 'utf8'
1338
1337
  }, taskId);
1339
1338
  if (!fcontent) {
package/dist/lib/task.ts CHANGED
@@ -1518,10 +1518,8 @@ export async function loadLocale(lang: string, path: string, taskId?: number): P
1518
1518
  if (!task) {
1519
1519
  return false;
1520
1520
  }
1521
- /** --- 当前父 form 的路径（以 / 结尾）或 /（没有基路径的话） --- */
1522
- path = tool.urlResolve(task.current + '/', path) + '.json';
1523
1521
  /** --- 获取的语言文件 --- */
1524
- const fcontent = await fs.getContent(path, {
1522
+ const fcontent = await fs.getContent(path + '.json', {
1525
1523
  'encoding': 'utf8'
1526
1524
  }, taskId);
1527
1525
  if (!fcontent) {
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.1-beta2",
4
4
  "description": "Background interface, software interface, mobile phone APP interface operation library.",
5
5
  "keywords": [
6
6
  "deskrt",