@esvndev/es-react-config-setting 1.0.60 → 1.0.64

package/dist/index.js

@@ -18804,6 +18804,7 @@ const GetSettingConfigByGroup = (obj, callback) => {
 const UpdateSettingConfig = (obj, file, callback) => {
     const _url = `${BASE_URL}/api/config/update-setting-config`;
     const formData = new FormData();
+    formData.append(`GroupId`, obj.GroupId);
     obj.Items.forEach((item, index) => {
         formData.append(`Items[${index}].Key`, item.Key);
         formData.append(`Items[${index}].Value`, item.Value);
@@ -18857,6 +18858,7 @@ const SettingApp = (props) => {
     //Sự kiện giá trị thay đổi
     const _eventChange = (obj) => {
         UpdateSettingConfig({
+            GroupId: obj.groupId,
             Items: [{
                     Key: obj.key,
                     Value: obj.value,
@@ -18923,7 +18925,7 @@ const SettingApp = (props) => {
         allowed_defects_per_model_day: null
     }).current;
     //Cấu hình thông số delay tránh gửi liên tục
-    const change_save = (obj, e) => {
+    const change_save = (root, obj, e) => {
         const _m = saveSettings;
         if (saveSettings && _m[obj.id] !== null) {
             clearTimeout(_m[obj.id]);
@@ -18949,7 +18951,8 @@ const SettingApp = (props) => {
             obj: obj,
             key: obj.id,
             value: value,
-            file: value_file
+            file: value_file,
+            groupId: root.id
         };
         _m[obj.id] = setTimeout(() => {
             _eventChange(_data);
@@ -18961,11 +18964,18 @@ const SettingApp = (props) => {
         switch (data.type) {
             case "switch":
             case "checkbox":
-                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox", checked: !!value, onChange: (e) => change_save(data, e) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox", checked: !!value, onChange: (e) => change_save(root, data, e) }) }, data.id));
             case "radio":
-                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, checked: value === opt.value, onChange: (e) => change_save(data, e) }), opt.name] }, index))) }, data.id));
+                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, checked: value === opt.value, onChange: (e) => change_save(root, data, e) }), opt.name] }, index))) }, data.id));
             case "combobox":
-                return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, value: value, onChange: (e) => change_save(data, e), 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));
+                let _data_option = [];
+                try {
+                    _data_option = JSON.parse(data.option ?? []);
+                }
+                catch (ex) {
+                    console.log("Error config option setting", data);
+                }
+                return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, value: value, onChange: (e) => change_save(root, data, e), 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));
             case "slider":
             case "text":
             case "password":
@@ -18974,12 +18984,12 @@ const SettingApp = (props) => {
             case "time":
             case "datetime":
             case "color":
-                return (jsxRuntime.jsx("div", { className: `${data.type}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type, className: "input-custom", value: value, placeholder: data.name, onChange: (e) => change_save(data, e) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: `${data.type}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type, className: "input-custom", value: value, placeholder: data.name, onChange: (e) => change_save(root, data, e) }) }, data.id));
             case "image":
             case "file":
-                return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom", onChange: (e) => change_save(data, e) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom", onChange: (e) => change_save(root, data, e) }) }, data.id));
             default:
-                return (jsxRuntime.jsx("div", { className: `${data.type ?? 'normal'}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type ?? "text", value: value, onChange: (e) => change_save(data, e) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: `${data.type ?? 'normal'}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type ?? "text", value: value, onChange: (e) => change_save(root, data, e) }) }, data.id));
         }
     };
     //hàm tạo các thông số cấu hình và cài đặt