@esvndev/es-react-config-setting 1.0.38 → 1.0.40
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.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +8 -114
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -114
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4}.setting-modal .modal-title{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:700;line-height:1.5}.flx{display:flex;flex-flow:row nowrap}.flx-col{flex-flow:column nowrap}.flx-sp-btw{justify-content:space-between}.setting-modal-body-custom{height:calc(100vh - 3.5rem - 55px)}.setting-modal{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.5;overflow:hidden}.setting-menu,.stack-navigation{margin-top:0!important}.stack-navigation{background-color:#ebecf0;padding-left:0!important;padding-right:0!important}.setting-section{padding-left:12px;padding-right:12px}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:700;height:50px;justify-content:space-between;line-height:1.5;margin-top:0!important;padding:0 16px!important}.setting-menu__item:hover{background-color:var(--layer-background-hover)}.setting-menu__item.selected{background-color:var(--layer-background-selected)}.setting-menu__wrapper-content{align-items:center;display:flex;margin-right:2px}.setting-menu{background-color:var(--layer-background);border-right:1px solid var(--divider-bold);padding-left:0!important;padding-right:0!important}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}.setting-menu__icon{font-size:1.125rem;height:1.125rem;line-height:0;margin-right:10px;width:1.125rem}.setting-menu__name{margin:0}.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-section-label{color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;height:32px;line-height:1.5;line-height:32px;padding:0 16px}.setting-section-content{background-color:transparent;margin:8px 0 24px}.setting-section-content__item.first{border-radius:8px 8px 0 0}.setting-section-content__item{background-color:var(--layer-background);box-sizing:border-box;cursor:pointer;padding:12px 16px 0}.setting-section-content__item.last{border-radius:0 0 8px 8px;padding:12px 16px}.setting-section-content__description,.setting-section-desc{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.5;line-height:1.4}.setting-section-desc{padding:0 16px}.setting-section-content__item.single{border-radius:8px;padding:12px 16px}.z-radio{color:var(--text-primary);width:fit-content}.t-right{text-align:right}.input-custom{height:34px!important;padding:.3rem .5rem!important;width:190px}.form-color{width:75px!important}
|
|
1
|
+
:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4}.setting-modal .modal-title{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:700;line-height:1.5}.flx{display:flex;flex-flow:row nowrap}.flx-col{flex-flow:column nowrap}.flx-sp-btw{justify-content:space-between}.setting-modal-body-custom{height:calc(100vh - 3.5rem - 55px)}.setting-modal{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.5;overflow:hidden}.setting-menu,.stack-navigation{margin-top:0!important}.stack-navigation{background-color:#ebecf0;padding-left:0!important;padding-right:0!important}.setting-section{padding-left:12px;padding-right:12px}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:700;height:50px;justify-content:space-between;line-height:1.5;margin-top:0!important;padding:0 16px!important}.setting-menu__item:hover{background-color:var(--layer-background-hover)}.setting-menu__item.selected{background-color:var(--layer-background-selected)}.setting-menu__wrapper-content{align-items:center;display:flex;margin-right:2px}.setting-menu{background-color:var(--layer-background);border-right:1px solid var(--divider-bold);padding-left:0!important;padding-right:0!important}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}.setting-menu__icon{font-size:1.125rem;height:1.125rem;line-height:0;margin-right:10px;width:1.125rem}.setting-menu__name{margin:0}.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-section-label{color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;height:32px;line-height:1.5;line-height:32px;padding:0 16px}.setting-section-content{background-color:transparent;margin:8px 0 24px}.setting-section-content__item.first{border-radius:8px 8px 0 0}.setting-section-content__item{background-color:var(--layer-background);box-sizing:border-box;cursor:pointer;padding:12px 16px 0}.setting-section-content__item.last{border-radius:0 0 8px 8px;padding:12px 16px}.setting-section-content__description,.setting-section-desc{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.5;line-height:1.4}.setting-section-desc{padding:0 16px}.setting-section-content__item.single{border-radius:8px;padding:12px 16px}.z-radio{color:var(--text-primary);width:fit-content}.t-right{text-align:right}.input-custom{height:34px!important;padding:.3rem .5rem!important;width:190px!important}.form-color{width:75px!important}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CACpC,sBAAuB,CACvB,uBAAwB,CACxB,8BAAmC,CACnC,mCAAoC,CACpC,gCACF,CAEA,4BAKE,yBAA0B,CAF1B,aAAc,CAFd,kBAAmB,CAGnB,eAAiB,CAFjB,eAIF,CAEA,KACE,YAAa,CACb,oBACF,CAEA,SACE,uBACF,CAEA,YACE,6BACF,CAEA,2BACE,kCACF,CAEA,eAIE,yBAA0B,CAH1B,iBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAEhB,eACF,CAEA,gCAEE,sBACF,CAEA,kBACE,wBAAyB,CACzB,wBAA4B,CAC5B,yBACF,CAEA,iBACE,iBAAkB,CAClB,kBACF,CAEA,oBAUE,kBAAmB,CAPnB,yBAA0B,CAC1B,cAAe,CAIf,YAAa,CAHb,iBAAmB,CACnB,eAAgB,CAKhB,eAAiB,CAVjB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CAKhB,sBAAwB,CAVxB,wBAWF,CAEA,0BACE,8CACF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAA2C,CAE3C,wBAA0B,CAC1B,yBACF,CAEA,0CAEE,iDACF,CAEA,8BAGE,kCAAmC,CADnC,OAAQ,CADR,iBAGF,CAEA,oBACE,kBAAmB,CAEnB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAHlB,cAIF,CAEA,oBACE,QACF,CAEA,UAIE,oBAAqB,CADrB,eAAgB,CAFhB,sBAAuB,CACvB,kBAGF,CAEA,uBACE,yBAA0B,CAO1B,YAAa,CANb,cAAe,CACf,eAAgB,CAIhB,WAAY,CAHZ,eAAgB,CAEhB,gBAAiB,CADjB,cAIF,CAEA,yBACE,4BAA6B,CAC7B,iBACF,CAEA,qCACE,yBACF,CAEA,+BACE,wCAAyC,CACzC,qBAAsB,CACtB,cAAe,CACf,mBACF,CAEA,oCAEE,yBAA0B,CAD1B,iBAEF,CAUA,4DAHE,2BAA4B,CAJ5B,kBAAoB,CACpB,eAAgB,CAChB,eAAgB,CAChB,eAWF,CAPA,sBAEE,cAKF,CAEA,sCACE,iBAAkB,CAClB,iBACF,CAEA,SAEE,yBAA0B,CAD1B,iBAEF,CAEA,SACE,gBACF,CAEA,cAEE,qBAAuB,CACvB,6BAAiC,CAFjC,
|
|
1
|
+
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,MACE,mCAAoC,CACpC,sBAAuB,CACvB,uBAAwB,CACxB,8BAAmC,CACnC,mCAAoC,CACpC,gCACF,CAEA,4BAKE,yBAA0B,CAF1B,aAAc,CAFd,kBAAmB,CAGnB,eAAiB,CAFjB,eAIF,CAEA,KACE,YAAa,CACb,oBACF,CAEA,SACE,uBACF,CAEA,YACE,6BACF,CAEA,2BACE,kCACF,CAEA,eAIE,yBAA0B,CAH1B,iBAAmB,CACnB,eAAgB,CAChB,eAAgB,CAEhB,eACF,CAEA,gCAEE,sBACF,CAEA,kBACE,wBAAyB,CACzB,wBAA4B,CAC5B,yBACF,CAEA,iBACE,iBAAkB,CAClB,kBACF,CAEA,oBAUE,kBAAmB,CAPnB,yBAA0B,CAC1B,cAAe,CAIf,YAAa,CAHb,iBAAmB,CACnB,eAAgB,CAKhB,eAAiB,CAVjB,WAAY,CAQZ,6BAA8B,CAF9B,eAAgB,CAKhB,sBAAwB,CAVxB,wBAWF,CAEA,0BACE,8CACF,CAEA,6BACE,iDACF,CAEA,+BAEE,kBAAmB,CADnB,YAAa,CAEb,gBACF,CAEA,cAEE,wCAAyC,CADzC,0CAA2C,CAE3C,wBAA0B,CAC1B,yBACF,CAEA,0CAEE,iDACF,CAEA,8BAGE,kCAAmC,CADnC,OAAQ,CADR,iBAGF,CAEA,oBACE,kBAAmB,CAEnB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAHlB,cAIF,CAEA,oBACE,QACF,CAEA,UAIE,oBAAqB,CADrB,eAAgB,CAFhB,sBAAuB,CACvB,kBAGF,CAEA,uBACE,yBAA0B,CAO1B,YAAa,CANb,cAAe,CACf,eAAgB,CAIhB,WAAY,CAHZ,eAAgB,CAEhB,gBAAiB,CADjB,cAIF,CAEA,yBACE,4BAA6B,CAC7B,iBACF,CAEA,qCACE,yBACF,CAEA,+BACE,wCAAyC,CACzC,qBAAsB,CACtB,cAAe,CACf,mBACF,CAEA,oCAEE,yBAA0B,CAD1B,iBAEF,CAUA,4DAHE,2BAA4B,CAJ5B,kBAAoB,CACpB,eAAgB,CAChB,eAAgB,CAChB,eAWF,CAPA,sBAEE,cAKF,CAEA,sCACE,iBAAkB,CAClB,iBACF,CAEA,SAEE,yBAA0B,CAD1B,iBAEF,CAEA,SACE,gBACF,CAEA,cAEE,qBAAuB,CACvB,6BAAiC,CAFjC,qBAGF,CAEA,YACE,oBACF","file":"index.css","sourcesContent":[":root {\n --layer-background-selected: #dbebff;\n --text-primary: #081b3a;\n --layer-background: #fff;\n --divider-bold: rgba(0, 0, 0, 0.15);\n --surface-background-subtle: #ebecf0;\n --layer-background-hover: #f1f2f4;\n}\n\n.setting-modal .modal-title {\n font-size: 1.125rem;\n line-height: 1.5;\n display: block;\n font-weight: bold;\n color: var(--text-primary);\n}\n\n.flx {\n display: flex;\n flex-flow: row nowrap;\n}\n\n.flx-col {\n flex-flow: column nowrap;\n}\n\n.flx-sp-btw {\n justify-content: space-between;\n}\n\n.setting-modal-body-custom {\n height: calc(100vh - 3.5rem - 55px);\n}\n\n.setting-modal {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.5;\n color: var(--text-primary);\n overflow: hidden;\n}\n\n.setting-menu,\n.stack-navigation {\n margin-top: 0px !important;\n}\n\n.stack-navigation {\n background-color: #ebecf0;\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n\n.setting-section {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n.setting-menu__item {\n height: 50px;\n padding: 0 16px !important;\n color: var(--text-primary);\n cursor: pointer;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.5;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n margin-top: 0 !important;\n}\n\n.setting-menu__item:hover {\n background-color: var(--layer-background-hover);\n}\n\n.setting-menu__item.selected {\n background-color: var(--layer-background-selected);\n}\n\n.setting-menu__wrapper-content {\n display: flex;\n align-items: center;\n margin-right: 2px;\n}\n\n.setting-menu {\n border-right: 1px solid var(--divider-bold);\n background-color: var(--layer-background);\n padding-left: 0 !important;\n padding-right: 0 !important;\n}\n\n.setting-right,\n.setting-right .stack-page {\n background-color: var(--surface-background-subtle);\n}\n\n.stack-navigation .stack-page {\n position: absolute;\n inset: 0;\n background: var(--layer-background);\n}\n\n.setting-menu__icon {\n font-size: 1.125rem;\n width: 1.125rem;\n height: 1.125rem;\n line-height: 0;\n margin-right: 10px;\n}\n\n.setting-menu__name {\n margin: 0;\n}\n\n.truncate {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n word-wrap: break-word;\n}\n\n.setting-section-label {\n color: var(--text-primary);\n font-size: 1rem;\n font-weight: 600;\n line-height: 1.5;\n padding: 0 16px;\n line-height: 32px;\n height: 32px;\n display: flex;\n}\n\n.setting-section-content {\n background-color: transparent;\n margin: 8px 0 24px;\n}\n\n.setting-section-content__item.first {\n border-radius: 8px 8px 0 0;\n}\n\n.setting-section-content__item {\n background-color: var(--layer-background);\n box-sizing: border-box;\n cursor: pointer;\n padding: 12px 16px 0;\n}\n\n.setting-section-content__item.last {\n padding: 12px 16px;\n border-radius: 0 0 8px 8px;\n}\n\n.setting-section-content__description {\n font-size: 0.8125rem;\n font-weight: 400;\n line-height: 1.5;\n line-height: 1.4;\n color: var(--text-secondary);\n}\n\n.setting-section-desc {\n color: var(--text-secondary);\n padding: 0 16px;\n font-size: 0.8125rem;\n font-weight: 400;\n line-height: 1.5;\n line-height: 1.4;\n}\n\n.setting-section-content__item.single {\n border-radius: 8px;\n padding: 12px 16px;\n}\n\n.z-radio {\n width: fit-content;\n color: var(--text-primary);\n}\n\n.t-right {\n text-align: right;\n}\n\n.input-custom {\n width: 190px !important;\n height: 34px !important;\n padding: 0.3rem 0.5rem !important;\n}\n\n.form-color {\n width: 75px !important;\n}"]}
|
package/dist/index.js
CHANGED
|
@@ -11484,12 +11484,15 @@ const GetSettingGroup = (callback) => {
|
|
|
11484
11484
|
catch (err) {
|
|
11485
11485
|
console.log('Invalid JSON:', err);
|
|
11486
11486
|
}
|
|
11487
|
+
callback({ state: true, data: JSON.parse(text) });
|
|
11488
|
+
}
|
|
11489
|
+
else {
|
|
11490
|
+
callback({ state: false, data: text });
|
|
11487
11491
|
}
|
|
11488
|
-
callback({ state: true, data: text });
|
|
11489
11492
|
})
|
|
11490
11493
|
.catch(error => {
|
|
11491
11494
|
console.log('Fetch error:', error);
|
|
11492
|
-
callback({ state:
|
|
11495
|
+
callback({ state: false, data: error });
|
|
11493
11496
|
});
|
|
11494
11497
|
};
|
|
11495
11498
|
|
|
@@ -11505,8 +11508,6 @@ const SettingApp = (props) => {
|
|
|
11505
11508
|
const [windowSize, setWindowSize] = React.useState(getWindowSize());
|
|
11506
11509
|
//Cho phép tự đóng hoặc không
|
|
11507
11510
|
const [backdrop, setBackdrop] = React.useState(true);
|
|
11508
|
-
React.useEffect(() => {
|
|
11509
|
-
}, []);
|
|
11510
11511
|
//Sự kiện đóng/mở cài đặt
|
|
11511
11512
|
const handleModal = () => {
|
|
11512
11513
|
if (eventClose)
|
|
@@ -11518,124 +11519,19 @@ const SettingApp = (props) => {
|
|
|
11518
11519
|
//Sự kiện sau khi đã đóng cài đặt
|
|
11519
11520
|
const handleFormClosed = () => {
|
|
11520
11521
|
};
|
|
11521
|
-
//Hàm chuyển đổi ngôn ngữ
|
|
11522
|
-
const t = (l) => {
|
|
11523
|
-
return l;
|
|
11524
|
-
};
|
|
11525
11522
|
const DynamicIcon = ({ name, className }) => {
|
|
11526
11523
|
const LucideIcon = Icon[name];
|
|
11527
11524
|
return LucideIcon ? jsxRuntime.jsx(LucideIcon, { className: className }) : null;
|
|
11528
11525
|
};
|
|
11529
11526
|
//#endregion
|
|
11530
11527
|
const [settingData, setSettingData] = React.useState([]);
|
|
11531
|
-
const [dataSettingGroup, setDataSettingGroup] = React.useState([
|
|
11532
|
-
id: 1,
|
|
11533
|
-
name: t('Cài đặt chung'),
|
|
11534
|
-
active: true,
|
|
11535
|
-
icon: 'Settings',
|
|
11536
|
-
data: [{
|
|
11537
|
-
name: "Danh bạ",
|
|
11538
|
-
description: "Danh sách danh sách danh sách danh sách",
|
|
11539
|
-
data: [
|
|
11540
|
-
{
|
|
11541
|
-
id: "b7e1e7f0-1c2a-4e50-8fa2-17b91f5a3aa1",
|
|
11542
|
-
name: "Hiển thị trạng thái truy cập",
|
|
11543
|
-
description: "Ai được phép truy cập",
|
|
11544
|
-
type: "checkbox"
|
|
11545
|
-
},
|
|
11546
|
-
{
|
|
11547
|
-
id: "c3de6c47-d1fa-4e1e-a6a1-82b83ddc9e11",
|
|
11548
|
-
name: "Hiển thị trạng thái truy cập",
|
|
11549
|
-
description: "Ai được phép truy cập",
|
|
11550
|
-
type: "radio"
|
|
11551
|
-
},
|
|
11552
|
-
{
|
|
11553
|
-
id: "0d231d12-d137-4f04-a72e-fae5fc4bcf7d",
|
|
11554
|
-
name: "Hiển thị trạng thái truy cập",
|
|
11555
|
-
description: "Ai được phép truy cập",
|
|
11556
|
-
type: "combobox",
|
|
11557
|
-
option: [
|
|
11558
|
-
{ name: "Cho phép", value: 1 },
|
|
11559
|
-
{ name: "Không phép", value: 0 }
|
|
11560
|
-
]
|
|
11561
|
-
},
|
|
11562
|
-
{
|
|
11563
|
-
id: "9385d2e6-1e3e-4856-917f-42a2e4d1a4b3",
|
|
11564
|
-
name: "Nhập văn bản",
|
|
11565
|
-
description: "Gõ nội dung cần nhập",
|
|
11566
|
-
type: "text"
|
|
11567
|
-
},
|
|
11568
|
-
{
|
|
11569
|
-
id: "64f3d53c-03c0-4b97-a30d-66c933eb2f96",
|
|
11570
|
-
name: "Nhập số",
|
|
11571
|
-
description: "Chỉ nhập giá trị số",
|
|
11572
|
-
type: "number"
|
|
11573
|
-
},
|
|
11574
|
-
{
|
|
11575
|
-
id: "acf86f69-0a8b-4e3f-8106-5406e4d6bc90",
|
|
11576
|
-
name: "Chọn ngày",
|
|
11577
|
-
description: "Lựa chọn ngày cụ thể",
|
|
11578
|
-
type: "date"
|
|
11579
|
-
},
|
|
11580
|
-
{
|
|
11581
|
-
id: "c3b1f3e4-6041-4ec1-b72a-c0b4e1a08fa0",
|
|
11582
|
-
name: "Bật/tắt trạng thái",
|
|
11583
|
-
description: "Chuyển đổi trạng thái",
|
|
11584
|
-
type: "switch"
|
|
11585
|
-
},
|
|
11586
|
-
{
|
|
11587
|
-
id: "62f4d1e3-745a-4955-9a5f-9260b271bfcf",
|
|
11588
|
-
name: "Điều chỉnh giá trị",
|
|
11589
|
-
description: "Kéo để chọn giá trị mong muốn",
|
|
11590
|
-
type: "slider",
|
|
11591
|
-
min: 0,
|
|
11592
|
-
max: 100
|
|
11593
|
-
},
|
|
11594
|
-
{
|
|
11595
|
-
id: "6b727c50-5426-4eb9-8e50-2c5e95726c6f",
|
|
11596
|
-
name: "Tải tệp",
|
|
11597
|
-
description: "Chọn tệp để tải lên",
|
|
11598
|
-
type: "file"
|
|
11599
|
-
},
|
|
11600
|
-
{
|
|
11601
|
-
id: "93b7e3c3-ef02-40e4-9c56-7190c3e23b64",
|
|
11602
|
-
name: "Màu sắc",
|
|
11603
|
-
description: "Chọn màu sắc yêu thích",
|
|
11604
|
-
type: "color"
|
|
11605
|
-
}
|
|
11606
|
-
]
|
|
11607
|
-
}]
|
|
11608
|
-
}, {
|
|
11609
|
-
id: 2,
|
|
11610
|
-
name: t('Quyền riêng tư'),
|
|
11611
|
-
icon: "Lock"
|
|
11612
|
-
}, {
|
|
11613
|
-
id: 3,
|
|
11614
|
-
name: t('Giao diện'),
|
|
11615
|
-
icon: "Thermometer"
|
|
11616
|
-
}, {
|
|
11617
|
-
id: 4,
|
|
11618
|
-
name: t('Thông báo'),
|
|
11619
|
-
icon: "BecoxyNotification"
|
|
11620
|
-
}, {
|
|
11621
|
-
id: 5,
|
|
11622
|
-
name: t('Tin nhắn'),
|
|
11623
|
-
icon: "MessageCircle"
|
|
11624
|
-
}, {
|
|
11625
|
-
id: 6,
|
|
11626
|
-
name: t('Ngôn ngữ'),
|
|
11627
|
-
icon: "Flag"
|
|
11628
|
-
}, {
|
|
11629
|
-
id: 7,
|
|
11630
|
-
name: t('Tiện ích'),
|
|
11631
|
-
icon: "BookOpen"
|
|
11632
|
-
}]);
|
|
11528
|
+
const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
|
|
11633
11529
|
//Load data of group config and setting by group
|
|
11634
11530
|
React.useEffect(() => {
|
|
11635
11531
|
GetSettingGroup((data) => {
|
|
11636
|
-
|
|
11532
|
+
setDataSettingGroup(data);
|
|
11637
11533
|
});
|
|
11638
|
-
}, []);
|
|
11534
|
+
}, [isOpen]);
|
|
11639
11535
|
//Sự kiện chọn nhóm cài đặt
|
|
11640
11536
|
const switchSettingTab = (data) => {
|
|
11641
11537
|
const updated = dataSettingGroup.map((item) => ({
|
|
@@ -11668,8 +11564,6 @@ const SettingApp = (props) => {
|
|
|
11668
11564
|
return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "time", className: "t-right input-custom" }) }, data.id));
|
|
11669
11565
|
case "datetime":
|
|
11670
11566
|
return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "datetime", className: "t-right input-custom" }) }, data.id));
|
|
11671
|
-
case "slider":
|
|
11672
|
-
return (jsxRuntime.jsx("div", { className: "slider", title: data.description }, data.id));
|
|
11673
11567
|
case "image":
|
|
11674
11568
|
case "file":
|
|
11675
11569
|
return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom" }) }, data.id));
|