tee3apps-cms-sdk-react 0.0.7 → 0.0.9
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/README.md +24 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,10 +5,7 @@ A powerful and flexible React component library for dynamically rendering pages
|
|
|
5
5
|
## 🚀 Features
|
|
6
6
|
|
|
7
7
|
- **Dynamic Page Rendering**: Convert JSON data into fully functional web pages
|
|
8
|
-
- **Dynamic Form Rendering**: Convert JSON data into interactive forms with validation
|
|
9
8
|
- **Flexible Element Support**: Support for various page elements (text, images, buttons, forms, etc.)
|
|
10
|
-
- **Form Field Support**: Multiple form field types (text, number, date, select, radio, boolean)
|
|
11
|
-
- **Form Validation**: Built-in required field validation with custom toast notifications
|
|
12
9
|
- **Easy Integration**: Simple drop-in component with minimal configuration
|
|
13
10
|
- **TypeScript Support**: Full TypeScript support with comprehensive type definitions
|
|
14
11
|
- **Customizable Styling**: Built-in themes with customization options
|
|
@@ -33,7 +30,7 @@ Here's a simple example of how to use the Dynamic Page Renderer:
|
|
|
33
30
|
|
|
34
31
|
```jsx
|
|
35
32
|
import React, { useState, useEffect } from 'react';
|
|
36
|
-
import { Page
|
|
33
|
+
import { Page } from 'tee3apps-cms-sdk-react';
|
|
37
34
|
|
|
38
35
|
function App() {
|
|
39
36
|
const [pageData, setPageData] = useState(null);
|
|
@@ -123,7 +120,7 @@ function FormPage() {
|
|
|
123
120
|
export default FormPage;
|
|
124
121
|
```
|
|
125
122
|
|
|
126
|
-
## 📊
|
|
123
|
+
## 📊 Data Structure
|
|
127
124
|
|
|
128
125
|
The package expects your `pageElements` data to follow this structure:
|
|
129
126
|
|
|
@@ -319,9 +316,27 @@ The `PageForm` component expects the same structure as `Page`, but with form-spe
|
|
|
319
316
|
"bottom": "0px",
|
|
320
317
|
"flexView": true
|
|
321
318
|
},
|
|
322
|
-
"mobileweb": {
|
|
323
|
-
|
|
324
|
-
|
|
319
|
+
"mobileweb": {
|
|
320
|
+
"isScroll": false,
|
|
321
|
+
"isVisible": true,
|
|
322
|
+
"top": "0px",
|
|
323
|
+
"bottom": "0px",
|
|
324
|
+
"flexView": true
|
|
325
|
+
},
|
|
326
|
+
"mobileapp": {
|
|
327
|
+
"isScroll": false,
|
|
328
|
+
"isVisible": true,
|
|
329
|
+
"top": "0px",
|
|
330
|
+
"bottom": "0px",
|
|
331
|
+
"flexView": true
|
|
332
|
+
},
|
|
333
|
+
"tablet": {
|
|
334
|
+
"isScroll": false,
|
|
335
|
+
"isVisible": true,
|
|
336
|
+
"top": "0px",
|
|
337
|
+
"bottom": "0px",
|
|
338
|
+
"flexView": true
|
|
339
|
+
}
|
|
325
340
|
}
|
|
326
341
|
},
|
|
327
342
|
"columns": [
|
|
@@ -493,5 +508,4 @@ If you encounter any issues or have questions, please create an issue on GitHub
|
|
|
493
508
|
|
|
494
509
|
---
|
|
495
510
|
|
|
496
|
-
Built for developers who need dynamic page rendering capabilities.
|
|
497
|
-
=======
|
|
511
|
+
Built for developers who need dynamic page rendering capabilities.
|