@esvndev/es-react-config-setting 1.0.54 → 1.0.56

package/dist/index.js

@@ -18687,7 +18687,7 @@ const getToken = () => {
 };
 //#endregion 
 const GetSettingGroup = (callback) => {
-    const _url = `${BASE_URL}/api/config/get-setting-group`;
+    const _url = `${BASE_URL}/api/config/get-setting-config-group`;
     const options = {
         method: 'GET',
         headers: {
@@ -18848,31 +18848,17 @@ const SettingApp = (props) => {
     const handleFormClosed = () => {
     };
     //Sự kiện giá trị thay đổi
-    const _eventChange = (obj, e) => {
-        const value = e.target.type === "checkbox" ? e.target.checked : e.target.value;
-        setFormState(prev => ({
-            ...prev,
-            [e.id]: value
-        }));
-        if (e.target) {
-            var _value = "";
-            if (obj.type === 'checkbox') {
-                _value = e.target.checked ? 'true' : 'false';
-            }
-            else {
-                _value = e.target.value;
-            }
-            UpdateSettingConfig({
-                Items: [{
-                        Key: obj.key,
-                        Value: _value
-                    }]
-            }, null, (rs) => {
-                console.log(rs);
-            });
-            if (eventChange)
-                eventChange([{ key: obj.key, value: _value, state: "update" }]);
-        }
+    const _eventChange = (obj) => {
+        UpdateSettingConfig({
+            Items: [{
+                    Key: obj.key,
+                    Value: obj.value
+                }]
+        }, null, (rs) => {
+            console.log(rs);
+        });
+        if (eventChange)
+            eventChange([{ key: obj.key, value: obj.value, state: "update" }]);
     };
     const DynamicIcon = ({ name, className }) => {
         const LucideIcon = Icon[name];
@@ -18881,6 +18867,7 @@ const SettingApp = (props) => {
     //#endregion
     const [settingData, setSettingData] = React.useState({});
     const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
+    const [formState, setFormState] = React.useState({});
     //Load data of group config and setting by group
     React.useEffect(() => {
         if (isOpen) {
@@ -18927,7 +18914,35 @@ const SettingApp = (props) => {
         loadSettingConfigByGroup(data);
         setDataSettingGroup(updated);
     };
-    const [formState, setFormState] = React.useState({});
+    //Khai báo sản biến cập nhật timer
+    const saveSettings = React.useRef({
+        hide_warning: null,
+        hide_navbar: null,
+        target_output_per_hour: null,
+        working_hours_per_day: null,
+        monthly_target_defects: null,
+        allowed_defects_per_model_day: null
+    }).current;
+    //Cấu hình số lỗi mục tiêu cho phép cho 1 model trong 1 ngày
+    const change_save = (obj, e) => {
+        const _m = saveSettings;
+        if (saveSettings && _m[obj.id] !== null) {
+            clearTimeout(_m[obj.id]);
+        }
+        const value = e.target.type === "checkbox" ? e.target.checked : e.target.value;
+        setFormState(prev => ({
+            ...prev,
+            [obj.id]: value
+        }));
+        const _data = {
+            id: crypto.randomUUID(),
+            key: obj,
+            value: value,
+        };
+        _m[obj.id] = setTimeout(() => {
+            _eventChange(_data);
+        }, 1000);
+    };
     //Hàm sử dụng tạo theo loại giá trị
     const _renderInput = (root, data) => {
         console.log(data);
@@ -18935,11 +18950,11 @@ 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) => _eventChange(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(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) => _eventChange(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(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) => _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));
+                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));
             case "slider":
             case "text":
             case "password":
@@ -18948,12 +18963,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) => _eventChange(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(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) => _eventChange(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(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) => _eventChange(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(data, e) }) }, data.id));
         }
     };
     //hàm tạo các thông số cấu hình và cài đặt