ts-glitter 21.1.6 → 21.1.7
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.
- package/create.js +1 -0
- package/lowcode/Entry.js +1 -1
- package/lowcode/Entry.ts +1 -1
- package/lowcode/editor-components/global-widget/bridge.js +43 -0
- package/lowcode/editor-components/global-widget/bridge.ts +46 -0
- package/lowcode/editor-components/global-widget/global-widget.js +1 -1
- package/lowcode/editor-components/global-widget/global-widget.ts +1 -1
- package/lowcode/glitterBundle/plugins/editor-elem.js +14 -4
- package/lowcode/glitterBundle/plugins/editor-elem.ts +13 -4
- package/lowcode/jspage/function-page/main_editor.js +14 -10
- package/lowcode/jspage/function-page/main_editor.ts +14 -10
- package/lowcode/jspage/function-page/tool-setting.js +259 -223
- package/lowcode/jspage/function-page/tool-setting.ts +349 -311
- package/lowcode/official_view_component/official/component.ts +1 -0
- package/package.json +3 -1
package/create.js
CHANGED
package/lowcode/Entry.js
CHANGED
|
@@ -146,7 +146,7 @@ export class Entry {
|
|
|
146
146
|
}
|
|
147
147
|
window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : createClock();
|
|
148
148
|
console.log(`Entry-time:`, window.renderClock.stop());
|
|
149
|
-
glitter.share.editerVersion = 'V_21.1.
|
|
149
|
+
glitter.share.editerVersion = 'V_21.1.7';
|
|
150
150
|
glitter.share.start = new Date();
|
|
151
151
|
const vm = { appConfig: [] };
|
|
152
152
|
window.saasConfig = {
|
package/lowcode/Entry.ts
CHANGED
|
@@ -149,7 +149,7 @@ export class Entry {
|
|
|
149
149
|
}
|
|
150
150
|
(window as any).renderClock = (window as any).renderClock ?? createClock();
|
|
151
151
|
console.log(`Entry-time:`, (window as any).renderClock.stop());
|
|
152
|
-
glitter.share.editerVersion = 'V_21.1.
|
|
152
|
+
glitter.share.editerVersion = 'V_21.1.7';
|
|
153
153
|
glitter.share.start = new Date();
|
|
154
154
|
const vm = { appConfig: [] };
|
|
155
155
|
(window as any).saasConfig = {
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ToolSetting } from '../../jspage/function-page/tool-setting.js';
|
|
2
|
+
export class Bridge {
|
|
3
|
+
static main(obj) {
|
|
4
|
+
const gvc = obj.gvc;
|
|
5
|
+
const glitter = gvc.glitter;
|
|
6
|
+
return [
|
|
7
|
+
`<div style="height:5px;"></div>`,
|
|
8
|
+
ToolSetting.item({
|
|
9
|
+
gvc: gvc,
|
|
10
|
+
dd: (() => {
|
|
11
|
+
switch (glitter.share.editorViewModel.selectItem.data.tag) {
|
|
12
|
+
case 'c_header':
|
|
13
|
+
return {
|
|
14
|
+
title: '標頭選單',
|
|
15
|
+
tag: '標頭元件',
|
|
16
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的標頭將預設為以下樣式`,
|
|
17
|
+
toggle: true
|
|
18
|
+
};
|
|
19
|
+
case 'footer':
|
|
20
|
+
return {
|
|
21
|
+
title: '頁腳選單',
|
|
22
|
+
tag: '頁腳元件',
|
|
23
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的頁腳將預設為以下樣式`,
|
|
24
|
+
toggle: true
|
|
25
|
+
};
|
|
26
|
+
case 'SY00-normal-products':
|
|
27
|
+
case 'SY02_page_product':
|
|
28
|
+
case 'SY00-normal-scroll-products':
|
|
29
|
+
return {
|
|
30
|
+
title: '商品卡片',
|
|
31
|
+
tag: '商品卡片',
|
|
32
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的商品卡片將預設為以下樣式`,
|
|
33
|
+
toggle: true,
|
|
34
|
+
editable: true
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
})(),
|
|
38
|
+
}),
|
|
39
|
+
`<div style="height:1px;" class="border-top mx-n3"></div>`,
|
|
40
|
+
].join(`<div style="height:10px;"></div>`);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
window.glitter.setModule(import.meta.url, Bridge);
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { GVC } from '../../glitterBundle/GVController.js';
|
|
2
|
+
import { ToolSetting } from '../../jspage/function-page/tool-setting.js';
|
|
3
|
+
|
|
4
|
+
export class Bridge {
|
|
5
|
+
public static main(obj: any) {
|
|
6
|
+
const gvc: GVC = obj.gvc;
|
|
7
|
+
const glitter = gvc.glitter;
|
|
8
|
+
return [
|
|
9
|
+
`<div style="height:5px;"></div>`,
|
|
10
|
+
ToolSetting.item({
|
|
11
|
+
gvc: gvc,
|
|
12
|
+
dd: (() => {
|
|
13
|
+
switch (glitter.share.editorViewModel.selectItem.data.tag){
|
|
14
|
+
case 'c_header':
|
|
15
|
+
return {
|
|
16
|
+
title: '標頭選單',
|
|
17
|
+
tag: '標頭元件',
|
|
18
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的標頭將預設為以下樣式`,
|
|
19
|
+
toggle:true
|
|
20
|
+
};
|
|
21
|
+
case 'footer':
|
|
22
|
+
return {
|
|
23
|
+
title: '頁腳選單',
|
|
24
|
+
tag: '頁腳元件',
|
|
25
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的頁腳將預設為以下樣式`,
|
|
26
|
+
toggle:true
|
|
27
|
+
};
|
|
28
|
+
case 'SY00-normal-products':
|
|
29
|
+
case 'SY02_page_product':
|
|
30
|
+
case 'SY00-normal-scroll-products':
|
|
31
|
+
return {
|
|
32
|
+
title: '商品卡片',
|
|
33
|
+
tag: '商品卡片',
|
|
34
|
+
hint: `全館 (首頁,隱形賣場,一頁式網頁) 的商品卡片將預設為以下樣式`,
|
|
35
|
+
toggle:true,
|
|
36
|
+
editable:true
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
})(),
|
|
40
|
+
}),
|
|
41
|
+
`<div style="height:1px;" class="border-top mx-n3"></div>`,
|
|
42
|
+
].join(`<div style="height:10px;"></div>`);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
(window as any).glitter.setModule(import.meta.url, Bridge);
|
|
@@ -110,7 +110,7 @@ export class GlobalWidget {
|
|
|
110
110
|
return module_list
|
|
111
111
|
.map((dd) => {
|
|
112
112
|
return `
|
|
113
|
-
<div class="d-flex align-items-center justify-content-center bgf6 hoverHidden position-relative py-4" style="">
|
|
113
|
+
<div class="d-flex align-items-center justify-content-center bgf6 hoverHidden position-relative py-4" style="min-height:200px;">
|
|
114
114
|
<img class="w-100" src="${dd.template_config.image[0]}">
|
|
115
115
|
<div
|
|
116
116
|
class="position-absolute w-100 h-100 align-items-center justify-content-center rounded fs-6 flex-column"
|
|
@@ -135,7 +135,7 @@ export class GlobalWidget {
|
|
|
135
135
|
return module_list
|
|
136
136
|
.map((dd: any) => {
|
|
137
137
|
return `
|
|
138
|
-
<div class="d-flex align-items-center justify-content-center bgf6 hoverHidden position-relative py-4" style="">
|
|
138
|
+
<div class="d-flex align-items-center justify-content-center bgf6 hoverHidden position-relative py-4" style="min-height:200px;">
|
|
139
139
|
<img class="w-100" src="${dd.template_config.image[0]}">
|
|
140
140
|
<div
|
|
141
141
|
class="position-absolute w-100 h-100 align-items-center justify-content-center rounded fs-6 flex-column"
|
|
@@ -680,7 +680,17 @@ export class EditorElem {
|
|
|
680
680
|
return html ` <iframe class="rounded-3" style="border: none;width:${cf.width}px;height:${cf.height}px;"></iframe>`;
|
|
681
681
|
}
|
|
682
682
|
static codeEditor(obj) {
|
|
683
|
+
var _a;
|
|
683
684
|
const codeID = obj.gvc.glitter.getUUID();
|
|
685
|
+
console.log(`codeEditor`, {
|
|
686
|
+
type: 'getData',
|
|
687
|
+
value: `${obj.structStart ? obj.structStart : `(()=>{`} ${(_a = obj.initial) !== null && _a !== void 0 ? _a : ''}
|
|
688
|
+
${obj.structEnd ? obj.structEnd : '})()'}`,
|
|
689
|
+
language: 'javascript',
|
|
690
|
+
refactor: true,
|
|
691
|
+
structStart: obj.structStart,
|
|
692
|
+
structEnd: obj.structEnd,
|
|
693
|
+
});
|
|
684
694
|
function getComponent(gvc, height) {
|
|
685
695
|
return gvc.bindView(() => {
|
|
686
696
|
const id = obj.gvc.glitter.getUUID();
|
|
@@ -692,10 +702,10 @@ export class EditorElem {
|
|
|
692
702
|
const childWindow = (document.getElementById(frameID) || window.parent.document.getElementById(frameID)).contentWindow;
|
|
693
703
|
childWindow.postMessage({
|
|
694
704
|
type: 'getData',
|
|
695
|
-
value: `${obj.structStart ? obj.structStart : `(()=>{`} ${(_a = obj.initial) !== null && _a !== void 0 ? _a : ''}
|
|
696
|
-
|
|
705
|
+
value: `${obj.structStart ? obj.structStart : `(()=>{`} \n${(_a = obj.initial) !== null && _a !== void 0 ? _a : ''}
|
|
706
|
+
${obj.structEnd ? obj.structEnd : '})()'}`,
|
|
697
707
|
language: 'javascript',
|
|
698
|
-
refactor:
|
|
708
|
+
refactor: false,
|
|
699
709
|
structStart: obj.structStart,
|
|
700
710
|
structEnd: obj.structEnd,
|
|
701
711
|
}, domain);
|
|
@@ -974,7 +984,7 @@ export class EditorElem {
|
|
|
974
984
|
快速插入
|
|
975
985
|
${obj.quick_insert
|
|
976
986
|
.map(dd => {
|
|
977
|
-
return html
|
|
987
|
+
return html ` <div
|
|
978
988
|
style="cursor: pointer;"
|
|
979
989
|
onclick="${gvc.event(() => {
|
|
980
990
|
editor.selection.restore();
|
|
@@ -775,6 +775,15 @@ export class EditorElem {
|
|
|
775
775
|
structEnd?: string;
|
|
776
776
|
}) {
|
|
777
777
|
const codeID = obj.gvc.glitter.getUUID();
|
|
778
|
+
console.log(`codeEditor`, {
|
|
779
|
+
type: 'getData',
|
|
780
|
+
value: `${obj.structStart ? obj.structStart : `(()=>{`} ${obj.initial ?? ''}
|
|
781
|
+
${obj.structEnd ? obj.structEnd : '})()'}`,
|
|
782
|
+
language: 'javascript',
|
|
783
|
+
refactor: true,
|
|
784
|
+
structStart: obj.structStart,
|
|
785
|
+
structEnd: obj.structEnd,
|
|
786
|
+
});
|
|
778
787
|
|
|
779
788
|
function getComponent(gvc: GVC, height: number) {
|
|
780
789
|
return gvc.bindView(() => {
|
|
@@ -789,10 +798,10 @@ export class EditorElem {
|
|
|
789
798
|
childWindow.postMessage(
|
|
790
799
|
{
|
|
791
800
|
type: 'getData',
|
|
792
|
-
value: `${obj.structStart ? obj.structStart : `(()=>{`} ${obj.initial ?? ''}
|
|
793
|
-
|
|
801
|
+
value: `${obj.structStart ? obj.structStart : `(()=>{`} \n${obj.initial ?? ''}
|
|
802
|
+
${obj.structEnd ? obj.structEnd : '})()'}`,
|
|
794
803
|
language: 'javascript',
|
|
795
|
-
refactor:
|
|
804
|
+
refactor: false,
|
|
796
805
|
structStart: obj.structStart,
|
|
797
806
|
structEnd: obj.structEnd,
|
|
798
807
|
},
|
|
@@ -1132,7 +1141,7 @@ export class EditorElem {
|
|
|
1132
1141
|
快速插入
|
|
1133
1142
|
${obj.quick_insert
|
|
1134
1143
|
.map(dd => {
|
|
1135
|
-
return html
|
|
1144
|
+
return html` <div
|
|
1136
1145
|
style="cursor: pointer;"
|
|
1137
1146
|
onclick="${gvc.event(() => {
|
|
1138
1147
|
editor.selection.restore();
|
|
@@ -1046,14 +1046,7 @@ export class Main_editor {
|
|
|
1046
1046
|
};
|
|
1047
1047
|
})}
|
|
1048
1048
|
<div style="height: 60px;"></div>
|
|
1049
|
-
|
|
1050
|
-
class="${document.body.clientWidth < 800
|
|
1051
|
-
? `position-fixed`
|
|
1052
|
-
: `position-absolute`} w-100 bottom-0 d-flex align-items-center p-3 shadow justify-content-end border-top bg-white "
|
|
1053
|
-
style="height: 60px;${document.body.clientWidth < 800
|
|
1054
|
-
? `padding-bottom:${parseInt(glitter.share.bottom_inset, 10)}px !important;`
|
|
1055
|
-
: ``}"
|
|
1056
|
-
>
|
|
1049
|
+
|
|
1057
1050
|
${(() => {
|
|
1058
1051
|
const view = [];
|
|
1059
1052
|
if (viewModel.selectItem.deletable !== 'false') {
|
|
@@ -1098,9 +1091,20 @@ export class Main_editor {
|
|
|
1098
1091
|
glitter.htmlGenerate.deleteWidget(glitter.share.editorViewModel.selectContainer, viewModel.selectItem, () => { });
|
|
1099
1092
|
}), '刪除'));
|
|
1100
1093
|
}
|
|
1101
|
-
|
|
1094
|
+
if (!view.join('')) {
|
|
1095
|
+
return ``;
|
|
1096
|
+
}
|
|
1097
|
+
else {
|
|
1098
|
+
return ` <div
|
|
1099
|
+
class="${document.body.clientWidth < 800
|
|
1100
|
+
? `position-fixed`
|
|
1101
|
+
: `position-absolute`} w-100 bottom-0 d-flex align-items-center p-3 shadow justify-content-end border-top bg-white "
|
|
1102
|
+
style="height: 60px;${document.body.clientWidth < 800
|
|
1103
|
+
? `padding-bottom:${parseInt(glitter.share.bottom_inset, 10)}px !important;`
|
|
1104
|
+
: ``}"
|
|
1105
|
+
>${view.join('<div class="mx-1"></div>')}</div>`;
|
|
1106
|
+
}
|
|
1102
1107
|
})()}
|
|
1103
|
-
</div>
|
|
1104
1108
|
</div>
|
|
1105
1109
|
`,
|
|
1106
1110
|
gvc.bindView(() => {
|
|
@@ -1137,14 +1137,7 @@ export class Main_editor {
|
|
|
1137
1137
|
};
|
|
1138
1138
|
})}
|
|
1139
1139
|
<div style="height: 60px;"></div>
|
|
1140
|
-
|
|
1141
|
-
class="${document.body.clientWidth < 800
|
|
1142
|
-
? `position-fixed`
|
|
1143
|
-
: `position-absolute`} w-100 bottom-0 d-flex align-items-center p-3 shadow justify-content-end border-top bg-white "
|
|
1144
|
-
style="height: 60px;${document.body.clientWidth < 800
|
|
1145
|
-
? `padding-bottom:${parseInt(glitter.share.bottom_inset, 10)}px !important;`
|
|
1146
|
-
: ``}"
|
|
1147
|
-
>
|
|
1140
|
+
|
|
1148
1141
|
${(() => {
|
|
1149
1142
|
const view: any = [];
|
|
1150
1143
|
if (viewModel.selectItem.deletable !== 'false') {
|
|
@@ -1210,9 +1203,20 @@ export class Main_editor {
|
|
|
1210
1203
|
)
|
|
1211
1204
|
);
|
|
1212
1205
|
}
|
|
1213
|
-
|
|
1206
|
+
if(!view.join('')){
|
|
1207
|
+
return ``
|
|
1208
|
+
}else{
|
|
1209
|
+
return ` <div
|
|
1210
|
+
class="${document.body.clientWidth < 800
|
|
1211
|
+
? `position-fixed`
|
|
1212
|
+
: `position-absolute`} w-100 bottom-0 d-flex align-items-center p-3 shadow justify-content-end border-top bg-white "
|
|
1213
|
+
style="height: 60px;${document.body.clientWidth < 800
|
|
1214
|
+
? `padding-bottom:${parseInt(glitter.share.bottom_inset, 10)}px !important;`
|
|
1215
|
+
: ``}"
|
|
1216
|
+
>${view.join('<div class="mx-1"></div>')}</div>`
|
|
1217
|
+
}
|
|
1218
|
+
|
|
1214
1219
|
})()}
|
|
1215
|
-
</div>
|
|
1216
1220
|
</div>
|
|
1217
1221
|
`,
|
|
1218
1222
|
gvc.bindView(() => {
|