@esvndev/es-react-config-setting 1.0.30 → 1.0.32
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 +24 -14
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +24 -14
- 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:
|
|
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:600;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}
|
|
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","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:
|
|
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","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: 600;\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: 600;\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}"]}
|
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"
|
|
@@ -11780,25 +11790,25 @@ const SettingApp = (props) => {
|
|
|
11780
11790
|
console.log((new Date()).getTime(), 111);
|
|
11781
11791
|
switch (data.type) {
|
|
11782
11792
|
case "checkbox":
|
|
11783
|
-
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));
|
|
11784
11794
|
case "radio":
|
|
11785
|
-
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));
|
|
11786
11796
|
case "combobox":
|
|
11787
|
-
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));
|
|
11788
11798
|
case "text":
|
|
11789
|
-
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));
|
|
11790
11800
|
case "number":
|
|
11791
|
-
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));
|
|
11792
11802
|
case "date":
|
|
11793
|
-
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));
|
|
11794
11804
|
case "switch":
|
|
11795
|
-
return (jsxRuntime.jsx("div", { className: "switch", title: data.description }));
|
|
11805
|
+
return (jsxRuntime.jsx("div", { className: "switch", title: data.description }, data.id));
|
|
11796
11806
|
case "slider":
|
|
11797
|
-
return (jsxRuntime.jsx("div", { className: "slider", title: data.description }));
|
|
11807
|
+
return (jsxRuntime.jsx("div", { className: "slider", title: data.description }, data.id));
|
|
11798
11808
|
case "file":
|
|
11799
|
-
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));
|
|
11800
11810
|
case "color":
|
|
11801
|
-
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));
|
|
11802
11812
|
default:
|
|
11803
11813
|
return null;
|
|
11804
11814
|
}
|
|
@@ -11808,10 +11818,10 @@ const SettingApp = (props) => {
|
|
|
11808
11818
|
return (settingData && settingData.data && settingData.data.length > 0 ? settingData.data.map((item, index) => {
|
|
11809
11819
|
return (jsxRuntime.jsxs("div", { className: "setting-section", children: [jsxRuntime.jsx("div", { className: "setting-section-label", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.name }) }) }), item.description ?
|
|
11810
11820
|
jsxRuntime.jsx("div", { className: "setting-section-desc", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.description }) }) })
|
|
11811
|
-
: null, item.data
|
|
11812
|
-
|
|
11813
|
-
|
|
11814
|
-
|
|
11821
|
+
: null, item.data ?
|
|
11822
|
+
jsxRuntime.jsx("div", { className: "setting-section-content ", children: item.data.length > 0 ? item.data.map((_item, _index) => {
|
|
11823
|
+
jsxRuntime.jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (item.data.length === 1 ? "single" : (_index === 0 ? 'first' : (_index === item.data.length - 1 ? 'last' : ""))), children: [jsxRuntime.jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content" }, children: [jsxRuntime.jsx("span", { children: _item.name }), jsxRuntime.jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsxRuntime.jsx("div", { style: { maxWidth: "50%" }, children: jsxRuntime.jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: _renderInput(item, _item) }) })] });
|
|
11824
|
+
}) : null }) : null] }));
|
|
11815
11825
|
})
|
|
11816
11826
|
: null);
|
|
11817
11827
|
};
|