@stechquick/studio-cli 4.2.0-2 → 4.2.0-3

package/dist/studio-cli/kits/miniapp-app-kit/.ai-kit/ui-kit/examples/style/createChildren.qjson

@@ -0,0 +1,411 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "Messaging",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_1",
+					"T": "prop"
+				},
+				"triggerOnRestored": {
+					"H": "false",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"setQjsonPath": {
+					"H": "let compName;\r\nlet qjsonPath;\r\n(<any>components[compName]).QJsonPath=qjsonPath;",
+					"C": true,
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "VCombobox",
+			"P": {
+				"ID": {
+					"H": "closedPanes",
+					"T": "prop"
+				},
+				"attach": {
+					"H": "true",
+					"T": "prop"
+				},
+				"label": {
+					"H": "'ReCreate Pane'",
+					"T": "prop"
+				},
+				"dense": {
+					"H": "'true'",
+					"T": "prop"
+				},
+				"clearable": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"change": {
+					"H": "\r\nif (value) {\r\n    quick.EM.trace(value)\r\n    quick.Quick.createChildren({ parentCompQId: 'GL', templateChildName: value })\r\n}\r\n\r\nlet items: any = components.GL.getClosedPanes();\r\ncomponents.closedPanes.items = []\r\nquick.EM.trace(items);\r\nif (items.length > 0) {\r\n    items.forEach(item => {\r\n        components.closedPanes.items.push(item)\r\n    });\r\n}\r\n",
+					"P": "value:any",
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_4"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		},
+		{
+			"T": "GoldenLayout",
+			"P": {
+				"ID": {
+					"H": "GL",
+					"T": "prop"
+				},
+				"childNames": {
+					"H": "['pane1','pane2','templateChild']",
+					"T": "prop"
+				},
+				"glConfig": {
+					"H": {
+						"settings": {
+							"hasHeaders": true,
+							"constrainDragToContainer": true,
+							"reorderEnabled": true,
+							"selectionEnabled": false,
+							"popoutWholeStack": false,
+							"blockedPopoutsThrowError": true,
+							"closePopoutsOnUnload": true,
+							"showPopoutIcon": false,
+							"showMaximiseIcon": true,
+							"showCloseIcon": true,
+							"responsiveMode": "onload",
+							"tabOverlapAllowance": 0,
+							"reorderOnTabMenuClick": true,
+							"tabControlOffset": 10
+						},
+						"dimensions": {
+							"borderWidth": 5,
+							"borderGrabWidth": 15,
+							"minItemHeight": 10,
+							"minItemWidth": 10,
+							"headerHeight": 20,
+							"dragProxyWidth": 300,
+							"dragProxyHeight": 200
+						},
+						"labels": {
+							"close": "close",
+							"maximise": "maximise",
+							"minimise": "minimise",
+							"popout": "open in new window",
+							"popin": "pop in",
+							"tabDropdown": "additional tabs"
+						},
+						"content": [
+							{
+								"type": "row",
+								"isClosable": true,
+								"reorderEnabled": true,
+								"title": "",
+								"content": [
+									{
+										"type": "stack",
+										"isClosable": true,
+										"reorderEnabled": true,
+										"title": "",
+										"activeItemIndex": 0,
+										"width": 33.333333333333336,
+										"content": [
+											{
+												"type": "component",
+												"componentName": "component",
+												"title": "pane1",
+												"componentState": {
+													"id": "pane1",
+													"text": "pane1",
+													"class": "pane192738"
+												},
+												"isClosable": true,
+												"reorderEnabled": true
+											}
+										]
+									},
+									{
+										"type": "stack",
+										"header": {},
+										"isClosable": true,
+										"reorderEnabled": true,
+										"title": "",
+										"activeItemIndex": 0,
+										"width": 33.333333333333336,
+										"content": [
+											{
+												"type": "component",
+												"componentName": "component",
+												"title": "pane2",
+												"componentState": {
+													"id": "pane2",
+													"text": "pane2",
+													"class": "pane287818"
+												},
+												"isClosable": true,
+												"reorderEnabled": true
+											}
+										]
+									},
+									{
+										"type": "row",
+										"isClosable": true,
+										"reorderEnabled": true,
+										"title": "",
+										"width": 33.33333333333333,
+										"content": [
+											{
+												"type": "stack",
+												"width": 100,
+												"isClosable": true,
+												"reorderEnabled": true,
+												"title": "",
+												"activeItemIndex": 0,
+												"content": [
+													{
+														"type": "component",
+														"componentName": "component",
+														"title": "templateChild",
+														"componentState": {
+															"id": "templateChild",
+															"text": "templateChild",
+															"class": "templateChild17521"
+														},
+														"isClosable": true,
+														"reorderEnabled": true
+													}
+												]
+											}
+										]
+									}
+								]
+							}
+						],
+						"isClosable": true,
+						"reorderEnabled": true,
+						"title": "",
+						"openPopouts": [],
+						"maximisedItemId": null
+					},
+					"T": "prop"
+				}
+			},
+			"E": {
+				"paneClosed": {
+					"H": "let items: any= components.GL.getClosedPanes();\r\ncomponents.closedPanes.items = []\r\nquick.EM.trace(items);\r\nif (items.length > 0) {\r\n    items.forEach(item => {\r\n        components.closedPanes.items.push(item)\r\n    });\r\n}\r\n",
+					"P": "childName:string",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"pane1": {
+					"c": [
+						{
+							"T": "DxDataGrid",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_5",
+									"T": "prop"
+								},
+								"dataSource": {
+									"H": "[{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_5"
+							},
+							"O": {
+								"cType": "scopedSlot",
+								"forceUpdateAfterPropertySetting": true
+							}
+						}
+					],
+					"cType": "child"
+				},
+				"pane2": {
+					"c": [
+						{
+							"T": "VDataTable",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_6",
+									"T": "prop"
+								},
+								"footerProps": {
+									"H": "{showFirstLastPage = true,\nfirstIcon = 'mdi-arrow-collapse-left',\nlastIcon = 'mdi-arrow-collapse-right',\nprevIcon = 'mdi-minus',\nnextIcon = 'mdi-plus'}",
+									"T": "prop"
+								},
+								"headers": {
+									"H": "[{ text = 'Dessert (100g serving)', align= 'start', sortable= false, value= 'name'},\n{ text = 'Calories', value= 'calories', sortable = true },\n{ text = 'Fat (g)', value= 'fat' },\n{ text = 'Carbs (g)', value= 'carbs' },\n{ text = 'Protein (g)', value= 'protein' },\n{ text = 'Iron (%)', value= 'iron' }]",
+									"T": "prop"
+								},
+								"items": {
+									"H": "[{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]",
+									"T": "prop"
+								},
+								"itemsPerPage": {
+									"H": "5",
+									"T": "prop"
+								},
+								"visible": {
+									"H": "true",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_6"
+							},
+							"O": {
+								"cType": "scopedSlot"
+							}
+						}
+					],
+					"cType": "child"
+				},
+				"templateChild": {
+					"c": [
+						{
+							"T": "CustomComponent",
+							"P": {
+								"ID": {
+									"H": "customComp",
+									"T": "prop"
+								},
+								"visible": {
+									"H": "true",
+									"T": "prop"
+								},
+								"QJsonPath": {
+									"H": "'/static/pages/TestCustomComp1.qjson'",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {
+								"default": {
+									"c": [
+										{
+											"T": "Ghost",
+											"P": {
+												"ID": {
+													"H": "EdtrComp_11",
+													"T": "prop"
+												}
+											},
+											"E": {},
+											"C": {},
+											"_Editor": {
+												"eID": "EdtrComp_11"
+											},
+											"O": {
+												"cType": "child"
+											}
+										}
+									],
+									"cType": "child"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_8"
+							},
+							"O": {
+								"cType": "child",
+								"dynProps": true
+							}
+						}
+					],
+					"cType": "child"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_3"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "VBtn",
+			"P": {
+				"ID": {
+					"H": "EdtrComp_9",
+					"T": "prop"
+				},
+				"color": {
+					"H": "'primary'",
+					"T": "prop"
+				},
+				"visible": {
+					"H": "true",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"click": {
+					"H": "let newChildCount = quick.store.get(\"newChildCount\") || 1;\r\nlet newChildName=\"newPane\"+newChildCount;\r\nlet createdChild = quick.Quick.createChildren({ parentCompQId: \"GL\", templateChildName: \"templateChild\", newChildName: newChildName });\r\nlet newCustomCompName = \"customComp_\" + newChildName;\r\nlet newQjsonPath = \"/static/pages/TestCustomComp\" + newChildCount + \".qjson\";\r\nquick.MM.trigger(\"setQjsonPath\",[{compName:newCustomCompName,qjsonPath:newQjsonPath}])\r\nnewChildCount = ++newChildCount;\r\nquick.store.set(\"newChildCount\", newChildCount);\r\n",
+					"P": "mouseEvent:unknown | undefined",
+					"HL": "TS"
+				}
+			},
+			"C": {
+				"default": {
+					"c": [
+						{
+							"T": "QLabel",
+							"C": {},
+							"E": {},
+							"P": {
+								"ID": {
+									"H": "EdtrComp_10",
+									"T": "prop"
+								},
+								"text": {
+									"H": "'CreateNewPane'",
+									"T": "prop"
+								}
+							},
+							"_Editor": {
+								"eID": "EdtrComp_10"
+							},
+							"O": {
+								"cType": "child"
+							}
+						}
+					],
+					"cType": "slot"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_9"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		}
+	],
+	"lrids": {},
+	"opt": { "V": 2.5 }
+};
+export default pjson

package/dist/studio-cli/kits/miniapp-app-kit/.ai-kit/ui-kit/examples/style/createClosedPanes.qjson

@@ -0,0 +1,265 @@
+let pjson = {
+	"pJson": [
+		{
+			"T": "Messaging",
+			"P": {
+				"ID": {
+					"H": "PageComp",
+					"T": "prop"
+				},
+				"triggerOnRestored": {
+					"H": "false",
+					"T": "prop"
+				}
+			},
+			"E": {},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_1"
+			},
+			"O": {
+				"cType": "child"
+			}
+		},
+		{
+			"T": "VCombobox",
+			"P": {
+				"ID": {
+					"H": "closedPanes",
+					"T": "prop"
+				},
+				"attach": {
+					"H": "true",
+					"T": "prop"
+				},
+				"label": {
+					"H": "'ReCreate Pane'",
+					"T": "prop"
+				},
+				"dense": {
+					"H": "'true'",
+					"T": "prop"
+				}
+			},
+			"E": {
+				"change": {
+					"H": "quick.EM.trace(value)\r\nquick.Quick.createChildren({parentCompQId:'GL',templateChildName:value})",
+					"P": "value:any",
+					"HL": "TS"
+				}
+			},
+			"C": {},
+			"_Editor": {
+				"eID": "EdtrComp_4"
+			},
+			"O": {
+				"cType": "slot"
+			}
+		},
+		{
+			"T": "GoldenLayout",
+			"P": {
+				"ID": {
+					"H": "GL",
+					"T": "prop"
+				},
+				"childNames": {
+					"H": "['pane1','pane2']",
+					"T": "prop"
+				},
+				"glConfig": {
+					"H": {
+						"settings": {
+							"hasHeaders": true,
+							"constrainDragToContainer": true,
+							"reorderEnabled": true,
+							"selectionEnabled": false,
+							"popoutWholeStack": false,
+							"blockedPopoutsThrowError": true,
+							"closePopoutsOnUnload": true,
+							"showPopoutIcon": false,
+							"showMaximiseIcon": true,
+							"showCloseIcon": true,
+							"responsiveMode": "onload",
+							"tabOverlapAllowance": 0,
+							"reorderOnTabMenuClick": true,
+							"tabControlOffset": 10
+						},
+						"dimensions": {
+							"borderWidth": 5,
+							"borderGrabWidth": 15,
+							"minItemHeight": 10,
+							"minItemWidth": 10,
+							"headerHeight": 20,
+							"dragProxyWidth": 300,
+							"dragProxyHeight": 200
+						},
+						"labels": {
+							"close": "close",
+							"maximise": "maximise",
+							"minimise": "minimise",
+							"popout": "open in new window",
+							"popin": "pop in",
+							"tabDropdown": "additional tabs"
+						},
+						"content": [
+							{
+								"type": "row",
+								"isClosable": true,
+								"reorderEnabled": true,
+								"title": "",
+								"content": [
+									{
+										"type": "stack",
+										"isClosable": true,
+										"reorderEnabled": true,
+										"title": "",
+										"activeItemIndex": 0,
+										"width": 50,
+										"content": [
+											{
+												"type": "component",
+												"componentName": "component",
+												"title": "pane1",
+												"componentState": {
+													"id": "pane1",
+													"text": "pane1",
+													"class": "pane192738"
+												},
+												"isClosable": true,
+												"reorderEnabled": true
+											}
+										]
+									},
+									{
+										"type": "stack",
+										"header": {},
+										"isClosable": true,
+										"reorderEnabled": true,
+										"title": "",
+										"activeItemIndex": 0,
+										"width": 50,
+										"content": [
+											{
+												"type": "component",
+												"componentName": "component",
+												"title": "pane2",
+												"componentState": {
+													"id": "pane2",
+													"text": "pane2",
+													"class": "pane287818"
+												},
+												"isClosable": true,
+												"reorderEnabled": true
+											}
+										]
+									}
+								]
+							}
+						],
+						"isClosable": true,
+						"reorderEnabled": true,
+						"title": "",
+						"openPopouts": [],
+						"maximisedItemId": null
+					},
+					"T": "prop"
+				}
+			},
+			"E": {
+				"paneClosed": {
+					"H": "items=GL.getClosedPanes()\r\nclosedPanes.items=[]\r\nEM.trace(items)\r\nforeach (item in items) {\r\n    EM.trace(item)\r\n    closedPanes.items.push(item)\r\n}\r\nEM.trace(closedPanes.items)",
+					"P": "childName"
+				}
+			},
+			"C": {
+				"pane1": {
+					"c": [
+						{
+							"T": "DxDataGrid",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_5",
+									"T": "prop"
+								},
+								"dataSource": {
+									"H": "[{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_5"
+							},
+							"O": {
+								"cType": "scopedSlot",
+								"forceUpdateAfterPropertySetting": true
+							}
+						}
+					],
+					"cType": "child"
+				},
+				"pane2": {
+					"c": [
+						{
+							"T": "VDataTable",
+							"P": {
+								"ID": {
+									"H": "EdtrComp_6",
+									"T": "prop"
+								},
+								"footerProps": {
+									"H": "{showFirstLastPage = true,\nfirstIcon = 'mdi-arrow-collapse-left',\nlastIcon = 'mdi-arrow-collapse-right',\nprevIcon = 'mdi-minus',\nnextIcon = 'mdi-plus'}",
+									"T": "prop"
+								},
+								"headers": {
+									"H": "[{ text = 'Dessert (100g serving)', align= 'start', sortable= false, value= 'name'},\n{ text = 'Calories', value= 'calories', sortable = true },\n{ text = 'Fat (g)', value= 'fat' },\n{ text = 'Carbs (g)', value= 'carbs' },\n{ text = 'Protein (g)', value= 'protein' },\n{ text = 'Iron (%)', value= 'iron' }]",
+									"T": "prop"
+								},
+								"items": {
+									"H": "[{name = 'Frozens Yogurt', calories = 159, fat = '6.0', carbs = 24, protein = '4.0', iron = '1%'},\n{name = 'Ice cream sandwich', calories = 237, fat = '9.0', carbs = 37, protein = '4.3', iron = '1%'},\n{name = 'Eclair', calories = 262, fat = '16.0', carbs = 23, protein = '6.0', iron = '7%'},\n{name = 'Cupcake', calories = 305, fat = '3.7', carbs = 67, protein = '4.3', iron = '8%'},\n{name = 'Gingerbread',calories = 356, fat = '16.0', carbs = 49, protein = '3.9', iron = '16%'},\n{name = 'Jelly bean', calories = 375,  fat = '0.0', carbs = 94, protein = '0.0', iron = '0%'},\n{name = 'Lollipop', calories = 392, fat = '0.2', carbs = 98, protein = '0.0', iron = '2 %'},\n{name = 'Honeycomb', calories = 408, fat = '3.2', carbs = 87, protein = '6.5', iron = '45%'},\n{name = 'Donut', calories = 452, fat = '25.0', carbs = 51, protein = '4.9', iron = '22%'},\n{name = 'KitKat', calories = 518, fat = '26.0', carbs = 65, protein = '7', iron=  '6 %'}]",
+									"T": "prop"
+								},
+								"itemsPerPage": {
+									"H": "5",
+									"T": "prop"
+								},
+								"visible": {
+									"H": "true",
+									"T": "prop"
+								}
+							},
+							"E": {},
+							"C": {},
+							"_Editor": {
+								"eID": "EdtrComp_6"
+							},
+							"O": {
+								"cType": "scopedSlot"
+							}
+						}
+					],
+					"cType": "child"
+				},
+				"default": {
+					"c": [],
+					"cType": "child"
+				},
+				"seda": {
+					"c": [],
+					"cType": "child"
+				}
+			},
+			"_Editor": {
+				"eID": "EdtrComp_3"
+			},
+			"O": {
+				"cType": "child"
+			}
+		}
+	],
+	"lrids": {},
+	"opt": { "V": 2.5 }
+};
+export default pjson