@esvndev/es-react-config-setting 1.0.38 → 1.0.39
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 +2 -109
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -109
- 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
|
@@ -11518,122 +11518,17 @@ const SettingApp = (props) => {
|
|
|
11518
11518
|
//Sự kiện sau khi đã đóng cài đặt
|
|
11519
11519
|
const handleFormClosed = () => {
|
|
11520
11520
|
};
|
|
11521
|
-
//Hàm chuyển đổi ngôn ngữ
|
|
11522
|
-
const t = (l) => {
|
|
11523
|
-
return l;
|
|
11524
|
-
};
|
|
11525
11521
|
const DynamicIcon = ({ name, className }) => {
|
|
11526
11522
|
const LucideIcon = Icon[name];
|
|
11527
11523
|
return LucideIcon ? jsxRuntime.jsx(LucideIcon, { className: className }) : null;
|
|
11528
11524
|
};
|
|
11529
11525
|
//#endregion
|
|
11530
11526
|
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
|
-
}]);
|
|
11527
|
+
const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
|
|
11633
11528
|
//Load data of group config and setting by group
|
|
11634
11529
|
React.useEffect(() => {
|
|
11635
11530
|
GetSettingGroup((data) => {
|
|
11636
|
-
|
|
11531
|
+
setDataSettingGroup(data);
|
|
11637
11532
|
});
|
|
11638
11533
|
}, []);
|
|
11639
11534
|
//Sự kiện chọn nhóm cài đặt
|
|
@@ -11668,8 +11563,6 @@ const SettingApp = (props) => {
|
|
|
11668
11563
|
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
11564
|
case "datetime":
|
|
11670
11565
|
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
11566
|
case "image":
|
|
11674
11567
|
case "file":
|
|
11675
11568
|
return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom" }) }, data.id));
|