@esvndev/es-react-config-setting 1.0.50 → 1.0.51

package/dist/index.js

@@ -18798,6 +18798,31 @@ const GetSettingConfigByGroup = (obj, callback) => {
         callback({ status: false, data: error });
     });
 };
+//Update setting data
+const UpdateSettingConfig = (obj, file, callback) => {
+    const _url = `${BASE_URL}/api/config/update-setting-config`;
+    const formData = new FormData();
+    // Gửi từng item theo dạng Items[0].Key, Items[0].Value...
+    obj.Items.forEach((item, index) => {
+        formData.append(`Items[${index}].Key`, item.Key);
+        formData.append(`Items[${index}].Value`, item.Value);
+        formData.append(`Items[${index}].SortOrder`, item.SortOrder ?? 1);
+    });
+    if (file) {
+        formData.append("file", file);
+    }
+    const options = {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${getToken()}`
+        },
+        body: formData
+    };
+    fetch(_url, options)
+        .then(res => res.json())
+        .then(data => callback({ status: true, data }))
+        .catch(error => callback({ status: false, data: error }));
+};
 
 const SettingApp = (props) => {
     const { isOpen, eventChange, eventClose } = { ...props };
@@ -18823,14 +18848,23 @@ const SettingApp = (props) => {
     const handleFormClosed = () => {
     };
     //Sự kiện giá trị thay đổi
-    const _eventChange = (data) => {
+    const _eventChange = (key, data) => {
         if (data.target) {
+            var _value = "";
             if (data.target.type === 'checkbox') {
-                console.log("new data", data.target.checked);
+                _value = data.target.checked ? 'true' : 'false';
             }
             else {
-                console.log("new data", data.target.value);
+                _value = data.target.value;
             }
+            UpdateSettingConfig({
+                Items: [{
+                        Key: key,
+                        Value: _value
+                    }]
+            }, null, (rs) => {
+                console.log(rs);
+            });
             if (eventChange)
                 eventChange([{ key: "x", value: "x", state: "update" }]);
         }
@@ -18880,34 +18914,35 @@ const SettingApp = (props) => {
     };
     //Hàm sử dụng tạo theo loại giá trị
     const _renderInput = (root, data) => {
+        console.log(data);
         switch (data.type) {
             case "switch":
             case "checkbox":
-                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox", className: "", onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox", className: "", onChange: (e) => _eventChange(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, onChange: _eventChange }), 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, onChange: (e) => _eventChange(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, id: data.name, onChange: _eventChange, 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));
+                return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, onChange: (e) => _eventChange(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":
-                return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name, onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "password":
-                return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "password", className: "input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "password", className: "input-custom", placeholder: data.name, onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "number":
-                return (jsxRuntime.jsx("div", { className: "number-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "number", className: "t-right input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "number-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "number", className: "t-right input-custom", placeholder: data.name, onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "date":
-                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date", className: "t-right input-custom", onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "time":
-                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "time", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "time", className: "t-right input-custom", onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "datetime":
-                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "datetime", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "datetime", className: "t-right input-custom", onChange: (e) => _eventChange(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: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom", onChange: (e) => _eventChange(data, e) }) }, data.id));
             case "color":
-                return (jsxRuntime.jsx("div", { className: "color-picker t-right", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "color", className: "form-color input-custom", onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "color-picker t-right", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "color", className: "form-color input-custom", onChange: (e) => _eventChange(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 ?? '', onChange: _eventChange }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: (data.type ?? 'normal') + '-input', title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type ?? '', onChange: (e) => _eventChange(data, e) }) }, data.id));
         }
     };
     //hàm tạo các thông số cấu hình và cài đặt