@esvndev/es-react-config-setting 1.0.29 → 1.0.31
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/dist/index.js +21 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +21 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11684,16 +11684,19 @@ const SettingApp = (props) => {
|
|
|
11684
11684
|
description: "Danh sách danh sách danh sách danh sách",
|
|
11685
11685
|
data: [
|
|
11686
11686
|
{
|
|
11687
|
+
id: "b7e1e7f0-1c2a-4e50-8fa2-17b91f5a3aa1",
|
|
11687
11688
|
name: "Hiển thị trạng thái truy cập",
|
|
11688
11689
|
description: "Ai được phép truy cập",
|
|
11689
11690
|
type: "checkbox"
|
|
11690
11691
|
},
|
|
11691
11692
|
{
|
|
11693
|
+
id: "c3de6c47-d1fa-4e1e-a6a1-82b83ddc9e11",
|
|
11692
11694
|
name: "Hiển thị trạng thái truy cập",
|
|
11693
11695
|
description: "Ai được phép truy cập",
|
|
11694
11696
|
type: "radio"
|
|
11695
11697
|
},
|
|
11696
11698
|
{
|
|
11699
|
+
id: "0d231d12-d137-4f04-a72e-fae5fc4bcf7d",
|
|
11697
11700
|
name: "Hiển thị trạng thái truy cập",
|
|
11698
11701
|
description: "Ai được phép truy cập",
|
|
11699
11702
|
type: "combobox",
|
|
@@ -11703,26 +11706,31 @@ const SettingApp = (props) => {
|
|
|
11703
11706
|
]
|
|
11704
11707
|
},
|
|
11705
11708
|
{
|
|
11709
|
+
id: "9385d2e6-1e3e-4856-917f-42a2e4d1a4b3",
|
|
11706
11710
|
name: "Nhập văn bản",
|
|
11707
11711
|
description: "Gõ nội dung cần nhập",
|
|
11708
11712
|
type: "text"
|
|
11709
11713
|
},
|
|
11710
11714
|
{
|
|
11715
|
+
id: "64f3d53c-03c0-4b97-a30d-66c933eb2f96",
|
|
11711
11716
|
name: "Nhập số",
|
|
11712
11717
|
description: "Chỉ nhập giá trị số",
|
|
11713
11718
|
type: "number"
|
|
11714
11719
|
},
|
|
11715
11720
|
{
|
|
11721
|
+
id: "acf86f69-0a8b-4e3f-8106-5406e4d6bc90",
|
|
11716
11722
|
name: "Chọn ngày",
|
|
11717
11723
|
description: "Lựa chọn ngày cụ thể",
|
|
11718
11724
|
type: "date"
|
|
11719
11725
|
},
|
|
11720
11726
|
{
|
|
11727
|
+
id: "c3b1f3e4-6041-4ec1-b72a-c0b4e1a08fa0",
|
|
11721
11728
|
name: "Bật/tắt trạng thái",
|
|
11722
11729
|
description: "Chuyển đổi trạng thái",
|
|
11723
11730
|
type: "switch"
|
|
11724
11731
|
},
|
|
11725
11732
|
{
|
|
11733
|
+
id: "62f4d1e3-745a-4955-9a5f-9260b271bfcf",
|
|
11726
11734
|
name: "Điều chỉnh giá trị",
|
|
11727
11735
|
description: "Kéo để chọn giá trị mong muốn",
|
|
11728
11736
|
type: "slider",
|
|
@@ -11730,11 +11738,13 @@ const SettingApp = (props) => {
|
|
|
11730
11738
|
max: 100
|
|
11731
11739
|
},
|
|
11732
11740
|
{
|
|
11741
|
+
id: "6b727c50-5426-4eb9-8e50-2c5e95726c6f",
|
|
11733
11742
|
name: "Tải tệp",
|
|
11734
11743
|
description: "Chọn tệp để tải lên",
|
|
11735
11744
|
type: "file"
|
|
11736
11745
|
},
|
|
11737
11746
|
{
|
|
11747
|
+
id: "93b7e3c3-ef02-40e4-9c56-7190c3e23b64",
|
|
11738
11748
|
name: "Màu sắc",
|
|
11739
11749
|
description: "Chọn màu sắc yêu thích",
|
|
11740
11750
|
type: "color"
|
|
@@ -11777,27 +11787,28 @@ const SettingApp = (props) => {
|
|
|
11777
11787
|
};
|
|
11778
11788
|
//Hàm sử dụng tạo theo loại giá trị
|
|
11779
11789
|
const _renderInput = (root, data) => {
|
|
11790
|
+
console.log((new Date()).getTime(), 111);
|
|
11780
11791
|
switch (data.type) {
|
|
11781
11792
|
case "checkbox":
|
|
11782
|
-
return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox" }) }));
|
|
11793
|
+
return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox" }) }, data.id));
|
|
11783
11794
|
case "radio":
|
|
11784
|
-
return (jsxRuntime.jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxRuntime.jsxs("label", { children: [jsxRuntime.jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }));
|
|
11795
|
+
return (jsxRuntime.jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxRuntime.jsxs("label", { children: [jsxRuntime.jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }, data.id));
|
|
11785
11796
|
case "combobox":
|
|
11786
|
-
return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(FormGroup, { title: data.description, children: [jsxRuntime.jsx(Label, { for: data.name, children: data.name }), jsxRuntime.jsxs(Input$1, { type: "select", name: data.name, id: data.name, children: [jsxRuntime.jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsxRuntime.jsx("option", { value: opt.value, children: opt.name }, index)))] })] }) }));
|
|
11797
|
+
return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(FormGroup, { title: data.description, children: [jsxRuntime.jsx(Label, { for: data.name, children: data.name }), jsxRuntime.jsxs(Input$1, { type: "select", name: data.name, id: data.name, children: [jsxRuntime.jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsxRuntime.jsx("option", { value: opt.value, children: opt.name }, index)))] })] }) }, data.id));
|
|
11787
11798
|
case "text":
|
|
11788
|
-
return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", placeholder: data.name }) }));
|
|
11799
|
+
return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", placeholder: data.name }) }, data.id));
|
|
11789
11800
|
case "number":
|
|
11790
|
-
return (jsxRuntime.jsx("div", { className: "number-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "number", placeholder: data.name }) }));
|
|
11801
|
+
return (jsxRuntime.jsx("div", { className: "number-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "number", placeholder: data.name }) }, data.id));
|
|
11791
11802
|
case "date":
|
|
11792
|
-
return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date" }) }));
|
|
11803
|
+
return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date" }) }, data.id));
|
|
11793
11804
|
case "switch":
|
|
11794
|
-
return (jsxRuntime.jsx("div", { className: "switch", title: data.description }));
|
|
11805
|
+
return (jsxRuntime.jsx("div", { className: "switch", title: data.description }, data.id));
|
|
11795
11806
|
case "slider":
|
|
11796
|
-
return (jsxRuntime.jsx("div", { className: "slider", title: data.description }));
|
|
11807
|
+
return (jsxRuntime.jsx("div", { className: "slider", title: data.description }, data.id));
|
|
11797
11808
|
case "file":
|
|
11798
|
-
return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file" }) }));
|
|
11809
|
+
return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file" }) }, data.id));
|
|
11799
11810
|
case "color":
|
|
11800
|
-
return (jsxRuntime.jsx("div", { className: "color-picker", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "color" }) }));
|
|
11811
|
+
return (jsxRuntime.jsx("div", { className: "color-picker", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "color" }) }, data.id));
|
|
11801
11812
|
default:
|
|
11802
11813
|
return null;
|
|
11803
11814
|
}
|