Upload 11 files

pages/002 Form Component/demo_button.py

@@ -1,18 +1,25 @@
 ### Button
-import streamsync as ss
-
+import simplestart as ss
 
 ss.md('''
 ## ss.button
 ''')
 ss.md('''
-[Online Help](http://www.simplestart.cc)
+[Online Help](https://www.simplestart.cc/doc_form/ss-button.html)
 ''')
 ss.space()
 ss.md('''
 #### 🔅 Example
 ''')
 
+
+def testme():
+    #ss.openpage("002 Form Component/demo_button", lang="zh")
+    #ss.openpage("main", lang="zh")
+    ss.send_message("change_locale", {"locale":"zh"});
+    
+ss.button("testme", onclick = testme)
+
 #Custom Function
 def myclick():
     mytext.text = "You clicked "

pages/002 Form Component/demo_menu.py

@@ -0,0 +1,100 @@
+### Menu
+import streamsync as ss
+
+ss.md("## ss.menu")
+
+ss.md('''
+#### 🔅 Example
+''')
+
+data = [
+    {'index': '1', 'title': 'Processing Center', 'icon':'mdi-home'},
+    {'type': 'spacer'}, #add spacer
+    {
+        'index': '2',
+        'title': 'Workspace',
+        'icon' : 'mdi-plus',
+        'subItems': [
+            {'index': '2-1', 'title': 'item one'},
+            {'index': '2-2', 'title': 'item two'},
+            {'index': '2-3', 'title': 'item three'},
+            {
+                'index': '2-4',
+                'title': 'item four',
+                'subItems': [
+                    {'index': '2-4-1', 'title': 'item one'},
+                    {'index': '2-4-2', 'title': 'item two'},
+                    {'index': '2-4-3', 'title': 'item three'},
+                ],
+            },
+        ],
+    },
+    {'index': '3', 'title': 'Info', 'disabled': True, 'icon':'mdi-cancel'},
+    {'index': '4', 'title': 'Orders', 'icon':'mdi-wrench'},
+]
+
+def menu_select(event):
+    print("menu1")
+    ss.message(event.data["keyPath"])
+
+    
+ss.md("### Horiontal Menu")
+ss.menu(data, direction = "horizontal", onselect = menu_select)
+
+ss.space()
+ss.md("### Vertical Menu")
+
+ss.menu(data, direction = "vertical", dark = True, onselect = menu_select)
+
+
+ss.space()
+ss.write('''
+---
+#### 🔎 Code
+''')
+
+ss.md('''
+```python
+import simplestart as ss
+
+data = [
+    {'index': '1', 'title': 'Processing Center', 'icon':'mdi-home'},
+    {'type': 'spacer'}, #add spacer
+    {
+        'index': '2',
+        'title': 'Workspace',
+        'icon' : 'mdi-plus',
+        'subItems': [
+            {'index': '2-1', 'title': 'item one'},
+            {'index': '2-2', 'title': 'item two'},
+            {'index': '2-3', 'title': 'item three'},
+            {
+                'index': '2-4',
+                'title': 'item four',
+                'subItems': [
+                    {'index': '2-4-1', 'title': 'item one'},
+                    {'index': '2-4-2', 'title': 'item two'},
+                    {'index': '2-4-3', 'title': 'item three'},
+                ],
+            },
+        ],
+    },
+    {'index': '3', 'title': 'Info', 'disabled': True, 'icon':'mdi-cancel'},
+    {'index': '4', 'title': 'Orders', 'icon':'mdi-wrench'},
+]
+
+def menu_select(event):
+    print("menu1")
+    ss.message(event.data["keyPath"])
+
+    
+ss.md("### Horiontal Menu")
+ss.menu(data, direction = "horizontal", onselect = menu_select)
+
+ss.space()
+ss.md("### Vertical Menu")
+
+ss.menu(data, direction = "vertical", dark = True, onselect = menu_select)
+
+```
+''')