-
-
+
+
diff --git a/test/package.json b/test/package.json
index 244e05d..9d41dd3 100644
--- a/test/package.json
+++ b/test/package.json
@@ -8,7 +8,6 @@
},
"dependencies": {
"@sciux/layout": "workspace:^",
- "@sciux/math": "workspace:^",
"@sciux/model": "workspace:^",
"@sciux/widget": "workspace:^",
"sciux": "workspace:^",
diff --git a/test/src/examples.ts b/test/src/examples.ts
index 5c79350..2c82898 100644
--- a/test/src/examples.ts
+++ b/test/src/examples.ts
@@ -1,12 +1,7 @@
import test from './example.sciux?raw'
+import widget from './template/widget.sciux?raw'
export default {
- layout: {
- columns: {
- basic: {},
- },
- rows: test,
- flexbox: {},
- table: {},
- },
+ test,
+ widget,
}
diff --git a/test/src/template/widget.sciux b/test/src/template/widget.sciux
new file mode 100644
index 0000000..811e416
--- /dev/null
+++ b/test/src/template/widget.sciux
@@ -0,0 +1,43 @@
+
+ This is a triangle, it's three sides are following the Pythagorean theorem.
+ Let's see the graph
+
+
+
+ Use Python to calculate it:
+
+def pythagorean(a, b):
+ return (a**2 + b**2)**0.5
+
+
+
+ Use JavaScript to calculate it:
+
+function pythagorean(a, b) {
+ return Math.sqrt(a**2 + b**2)
+}
+
+
+
+
+
+ a Value
+ b Value
+ Result
+ 3
+ 4
+ 5
+ 5
+ 12
+ 13
+ 8
+ 15
+ 17
+
+
+
+
+
+
diff --git a/test/tsconfig.json b/test/tsconfig.json
index e678aec..428a346 100644
--- a/test/tsconfig.json
+++ b/test/tsconfig.json
@@ -8,6 +8,9 @@
/* Bundler mode */
"moduleResolution": "bundler",
+ "paths": {
+ "#/*": ["./src/template/*"]
+ },
"allowImportingTsExtensions": true,
/* Linting */