seeder-st2110-components 1.6.10 → 1.7.0

package/dist/index.esm.js

@@ -1533,17 +1533,21 @@ const SubmitButton = _ref2 => {
     loading,
     action,
     children,
-    disabled = false
+    disabled = false,
+    editButtonEle = null
   } = _ref2;
   return /*#__PURE__*/jsx("div", {
     className: "submit-btn-wrapper",
-    children: /*#__PURE__*/jsx(Button, {
-      type: "default",
-      className: "btn-gray",
-      loading: loading,
-      onClick: action,
-      disabled: disabled,
-      children: children
+    children: /*#__PURE__*/jsxs(Space, {
+      size: "middle",
+      children: [editButtonEle, /*#__PURE__*/jsx(Button, {
+        type: "default",
+        className: "btn-gray",
+        loading: loading,
+        onClick: action,
+        disabled: disabled,
+        children: children
+      })]
     })
   });
 };
@@ -1552,8 +1556,11 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     form,
     onSave,
     onLoad,
+    onEdit,
+    onCancelEdit,
+    onUpdate,
     isLoading,
-    isEditing,
+    isSavedPreset,
     originalPresetData,
     fields = {
       name: {
@@ -1564,11 +1571,14 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     },
     texts = {
       loadButton: "Load",
-      saveButton: "Save"
+      saveButton: "Save",
+      editButton: "Edit",
+      cancelButton: "Cancel"
     },
     presetChanged // 作用：在切换选中预设时强制触发 Checkbox 的重新初始化
   } = _ref3;
   const [initialSelected, setInitialSelected] = useState([]);
+  const [isEditMode, setIsEditMode] = useState(false); // 是否进入编辑模式
   const currentSelected = Form.useWatch('category_list', form) || [];
 
   // 检查是否包含category_list字段
@@ -1582,23 +1592,53 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
     }
   }, [presetChanged, form, hasCategoryList]); // 当presetChanged变化时更新
 
+  // 当 isSavedPreset 或 presetChanged 变化时，重置编辑模式
+  useEffect(() => {
+    setIsEditMode(false);
+  }, [isSavedPreset, presetChanged]);
+
   // 动态生成 checkbox 选项
   const checkboxOptions = useMemo(() => {
     if (!hasCategoryList) return [];
     return fields.category_list.options.map(category => {
       const isInitiallySelected = initialSelected.includes(category.name);
-      const shouldDisable = isEditing ? !isInitiallySelected : false;
+      const shouldDisable = isSavedPreset ? !isInitiallySelected : false;
       return _objectSpread2(_objectSpread2({}, category), {}, {
         disabled: shouldDisable,
         initiallySelected: isInitiallySelected
       });
     });
-  }, [initialSelected, isEditing, hasCategoryList, fields.category_list]);
+  }, [initialSelected, isSavedPreset, hasCategoryList, fields.category_list]);
   const handleCheckboxChange = checkedValues => {
     form.setFieldsValue({
       category_list: checkedValues
     });
   };
+  const handleEditClick = () => {
+    setIsEditMode(true);
+    if (onEdit) {
+      onEdit(); // 如果有外部回调
+    }
+  };
+  const handleCancelEdit = () => {
+    if (originalPresetData) {
+      form.setFieldsValue(originalPresetData);
+    }
+    setIsEditMode(false);
+    if (onCancelEdit) {
+      onCancelEdit();
+    }
+  };
+  const handleSaveEdit = async () => {
+    try {
+      if (onUpdate) {
+        await onUpdate();
+      }
+      setIsEditMode(false);
+    } catch (error) {
+      console.error('update fail:', error);
+    }
+  };
   const handleLoad = async () => {
     try {
       const formValues = await form.validateFields();
@@ -1613,6 +1653,11 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
       console.error('表单验证失败:', error);
     }
   };
+
+  // 在编辑模式下，name 和 description 可以编辑，但 categories 不可编辑
+  const shouldDisableNameAndDesc = isSavedPreset && !isEditMode;
+  const shouldDisableCategories = isEditMode; // categories 在编辑模式下总是不可编辑
+
   return /*#__PURE__*/jsxs(Flex, {
     vertical: true,
     style: {
@@ -1644,7 +1689,7 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
         required: true,
         children: /*#__PURE__*/jsx(Input, {
           placeholder: fields.name.placeholder,
-          disabled: isEditing
+          disabled: shouldDisableNameAndDesc
         })
       }), hasCategoryList && /*#__PURE__*/jsx(Form.Item, {
         name: "category_list",
@@ -1666,9 +1711,10 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
         children: /*#__PURE__*/jsx(Checkbox.Group, {
           className: "grid grid-cols-2 gap-2",
           onChange: handleCheckboxChange,
+          disabled: shouldDisableCategories,
           children: checkboxOptions.map(category => /*#__PURE__*/jsx(Checkbox, {
             value: category.name,
-            disabled: category.disabled,
+            disabled: category.disabled || shouldDisableCategories,
             children: category.label
           }, category.name))
         })
@@ -1678,17 +1724,46 @@ const RightDetailForm = /*#__PURE__*/memo(_ref3 => {
         children: /*#__PURE__*/jsx(Input.TextArea, {
           rows: 4,
           placeholder: fields.description.placeholder,
-          disabled: isEditing,
+          disabled: shouldDisableNameAndDesc,
           style: {
             resize: 'none'
           }
         })
       })]
-    }), isEditing ? /*#__PURE__*/jsx(SubmitButton, _objectSpread2(_objectSpread2({
+    }), isSavedPreset ? isEditMode ?
+    /*#__PURE__*/
+    // 编辑模式下的按钮
+    jsx("div", {
+      className: "submit-btn-wrapper",
+      children: /*#__PURE__*/jsxs(Space, {
+        size: "middle",
+        children: [/*#__PURE__*/jsx(Button, {
+          type: "default",
+          className: "btn-gray",
+          onClick: handleCancelEdit,
+          children: texts.cancelButton
+        }), /*#__PURE__*/jsx(Button, {
+          type: "default",
+          className: "btn-gray",
+          onClick: handleSaveEdit,
+          loading: isLoading,
+          children: texts.saveButton
+        })]
+      })
+    }) :
+    /*#__PURE__*/
+    // 非编辑模式下的按钮
+    jsx(SubmitButton, _objectSpread2(_objectSpread2({
       action: handleLoad
     }, hasCategoryList && {
       disabled: !currentSelected.length
     }), {}, {
+      editButtonEle: /*#__PURE__*/jsx(Button, {
+        type: "default",
+        className: "btn-gray",
+        onClick: handleEditClick,
+        children: texts.editButton
+      }),
       children: texts.loadButton
     })) : /*#__PURE__*/jsx(SubmitButton, {
       action: onSave,
@@ -1707,6 +1782,7 @@ const Preset = _ref => {
     savePreset,
     removePreset,
     loadPreset,
+    updatePreset,
     onLoadSuccess,
     // 加载成功后的回调
     onLoadError,
@@ -1729,7 +1805,9 @@ const Preset = _ref => {
       newButton: "New Preset",
       removeButton: "Delete",
       loadButton: "Load",
-      saveButton: "Save"
+      saveButton: "Save",
+      editButton: "Edit",
+      cancelButton: "Cancel"
     },
     // 样式定制
     width = 1000,
@@ -1946,6 +2024,47 @@ const Preset = _ref => {
       setLoading(false);
     }
   }, [form, AntdMessage, texts, savePreset, getPresetList]);
+  const handleUpdate = useCallback(async () => {
+    if (!selectedPreset || !selectedPreset.id) {
+      AntdMessage.error('No preset selected or preset ID is missing.');
+      return;
+    }
+    setLoading(true);
+    try {
+      var _fields$name2;
+      const values = await form.getFieldsValue();
+
+      // 验证预设名称
+      if ((_fields$name2 = fields.name) !== null && _fields$name2 !== void 0 && _fields$name2.required) {
+        if (!values.name || values.name.trim() === '') {
+          AntdMessage.error('Name is required.');
+          return; // 直接返回 不执行
+        }
+      }
+      await updatePreset({
+        id: selectedPreset.id,
+        name: values.name,
+        description: values.description
+      });
+
+      // 刷新列表
+      const data = await getPresetList();
+      const presets = (data === null || data === void 0 ? void 0 : data.preset_list) || data || [];
+      setPresetList(presets);
+
+      // 更新当前选中的预设
+      const updatedPreset = presets.find(item => item.id === selectedPreset.id);
+      if (updatedPreset) {
+        setSelectedPreset(updatedPreset);
+      }
+      AntdMessage.success(texts.successText);
+    } catch (error) {
+      console.error('Failed to update preset:', error);
+      throw error;
+    } finally {
+      setLoading(false);
+    }
+  }, [form, AntdMessage, texts, updatePreset, selectedPreset]);
 
   // 初始化数据
   useEffect(() => {
@@ -1991,14 +2110,17 @@ const Preset = _ref => {
           form: form,
           onSave: handleSave,
           onLoad: handleLoadPreset,
+          onUpdate: handleUpdate,
           isLoading: loading,
-          isEditing: !!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id),
+          isSavedPreset: !!(selectedPreset !== null && selectedPreset !== void 0 && selectedPreset.id),
           originalPresetData: selectedPreset // 传递原始数据
           ,
           fields: fields,
           texts: {
             loadButton: texts.loadButton,
-            saveButton: texts.saveButton
+            saveButton: texts.saveButton,
+            editButton: texts.editButton,
+            cancelButton: texts.cancelButton
           },
           presetChanged: presetChanged
         }) : /*#__PURE__*/jsx(Flex, {
@@ -3435,9 +3557,7 @@ const CommonHeader = _ref => {
     className = '',
     style = {},
     // 新增插槽
-    leftContent = null,
-    // 左侧额外内容
-    rightContent = null // 右侧额外内容
+    leftContent // 左侧额外内容
   } = _ref;
   const [logo] = useSpaLogo$1(logoProps);
 
@@ -3471,7 +3591,7 @@ const CommonHeader = _ref => {
     }), /*#__PURE__*/jsxs(Flex, {
       align: "center",
       gap: 10,
-      children: [rightContent, showHardwareUsage && usageElement, /*#__PURE__*/jsxs("div", {
+      children: [showHardwareUsage && usageElement, /*#__PURE__*/jsxs("div", {
         className: "header-controls",
         children: [menuElement && /*#__PURE__*/jsx("div", {
           className: "control-icon",