@esvndev/es-react-config-setting 1.0.44 → 1.0.46

package/dist/index.mjs

@@ -11468,6 +11468,43 @@ const GetSettingGroup = (callback) => {
         callback({ status: false, data: error });
     });
 };
+const GetSettingConfig = (callback) => {
+    const _url = `${BASE_URL}/api/config/get-setting-config`;
+    const options = {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${getToken()}`,
+        },
+    };
+    fetch(_url, options)
+        .then(response => {
+        if (!response.ok) {
+            console.log(`HTTP error! Status: ${response.status}`);
+            return null;
+        }
+        return response.text(); // hoặc .json() nếu muốn object
+    })
+        .then(text => {
+        if (text) {
+            try {
+                JSON.parse(text); // Kiểm tra nếu là JSON hợp lệ
+                console.log('Response JSON string:', text);
+            }
+            catch (err) {
+                console.log('Invalid JSON:', err);
+            }
+            callback({ status: true, data: JSON.parse(text) });
+        }
+        else {
+            callback({ status: false, data: text });
+        }
+    })
+        .catch(error => {
+        console.log('Fetch error:', error);
+        callback({ status: false, data: error });
+    });
+};
 const GetSettingConfigByGroup = (obj, callback) => {
     const _url = `${BASE_URL}/api/config/get-setting-config-by-group`;
     const options = {
@@ -11530,6 +11567,11 @@ const SettingApp = (props) => {
     //Sự kiện sau khi đã đóng cài đặt
     const handleFormClosed = () => {
     };
+    //Sự kiện giá trị thay đổi
+    const _eventChange = () => {
+        if (eventChange)
+            eventChange([{ key: "x", value: "x", state: "update" }]);
+    };
     const DynamicIcon = ({ name, className }) => {
         const LucideIcon = Icon[name];
         return LucideIcon ? jsx(LucideIcon, { className: className }) : null;
@@ -11579,36 +11621,36 @@ const SettingApp = (props) => {
         switch (data.type) {
             case "switch":
             case "checkbox":
-                return (jsx("div", { className: "checkbox", title: data.description, children: jsx(Input$1, { type: "checkbox", className: "" }) }, data.id));
+                return (jsx("div", { className: "checkbox", title: data.description, children: jsx(Input$1, { type: "checkbox", className: "", onChange: _eventChange }) }, data.id));
             case "radio":
-                return (jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxs("label", { children: [jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }, data.id));
+                return (jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxs("label", { children: [jsx(Input$1, { type: "radio", name: data.name, value: opt.value, onChange: _eventChange }), opt.name] }, index))) }, data.id));
             case "combobox":
-                return (jsx("div", { className: "combobox", title: data.description, children: jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, children: [jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsx("option", { value: opt.value, children: opt.name }, index)))] }) }, data.id));
+                return (jsx("div", { className: "combobox", title: data.description, children: jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, onChange: _eventChange, children: [jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsx("option", { value: opt.value, children: opt.name }, index)))] }) }, data.id));
             case "slider":
             case "text":
-                return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name }) }, data.id));
+                return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
             case "password":
-                return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "password", className: "input-custom", placeholder: data.name }) }, data.id));
+                return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "password", className: "input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
             case "number":
-                return (jsx("div", { className: "number-input", title: data.description, children: jsx(Input$1, { type: "number", className: "t-right input-custom", placeholder: data.name }) }, data.id));
+                return (jsx("div", { className: "number-input", title: data.description, children: jsx(Input$1, { type: "number", className: "t-right input-custom", placeholder: data.name, onChange: _eventChange }) }, data.id));
             case "date":
-                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "date", className: "t-right input-custom" }) }, data.id));
+                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "date", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
             case "time":
-                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "time", className: "t-right input-custom" }) }, data.id));
+                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "time", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
             case "datetime":
-                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "datetime", className: "t-right input-custom" }) }, data.id));
+                return (jsx("div", { className: "date-input", title: data.description, children: jsx(Input$1, { type: "datetime", className: "t-right input-custom", onChange: _eventChange }) }, data.id));
             case "image":
             case "file":
-                return (jsx("div", { className: "file-input", title: data.description, children: jsx(Input$1, { type: "file", className: "input-custom" }) }, data.id));
+                return (jsx("div", { className: "file-input", title: data.description, children: jsx(Input$1, { type: "file", className: "input-custom", onChange: _eventChange }) }, data.id));
             case "color":
-                return (jsx("div", { className: "color-picker t-right", title: data.description, children: jsx(Input$1, { type: "color", className: "form-color input-custom" }) }, data.id));
+                return (jsx("div", { className: "color-picker t-right", title: data.description, children: jsx(Input$1, { type: "color", className: "form-color input-custom", onChange: _eventChange }) }, data.id));
             default:
-                return (jsx("div", { className: (data.type ?? 'normal') + '-input', title: data.description, children: jsx(Input$1, { type: data.type ?? '' }) }, data.id));
+                return (jsx("div", { className: (data.type ?? 'normal') + '-input', title: data.description, children: jsx(Input$1, { type: data.type ?? '', onChange: _eventChange }) }, data.id));
         }
     };
     //hàm tạo các thông số cấu hình và cài đặt
     const _renderView = () => {
-        return (settingData && settingData.data && settingData.data.length > 0 ? settingData.data.map((item, index) => {
+        return (settingData && settingData.length > 0 ? settingData.map((item, index) => {
             return (jsxs("div", { className: "setting-section", children: [jsx("div", { className: "setting-section-label", children: jsx("div", { className: "", children: jsx("span", { children: item.name }) }) }), item.description ?
                         jsx("div", { className: "setting-section-desc", children: jsx("div", { className: "", children: jsx("span", { children: item.description }) }) })
                         : null, item.data ?
@@ -11627,6 +11669,17 @@ const SettingApp = (props) => {
 };
 
 const INIT_CONFIG_SETTING = () => {
+    _LOAD_();
+    GetSettingConfig((data) => {
+        if (data.status) {
+            localStorage.setItem("INIT_CONFIG_SETTING", JSON.parse(data.data));
+        }
+        _LOAD_();
+    });
+};
+//Nạp dữ liệu biến vào 
+const _LOAD_ = () => {
+    localStorage.getItem("INIT_CONFIG_SETTING");
 };
 
 export { INIT_CONFIG_SETTING, SettingApp };