root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-29 08:45:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: editor-viewer using react-monaco-editor

Browse Source
This commit is contained in:
dongchengjie
2024-07-02 21:02:29 +08:00
parent 0021fc24bb
commit f69e1d2a0c
8 changed files with 195 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/profile/rules-editor-viewer.tsx
View File

@@ -42,7 +42,7 @@ interface Props {
property: string;
open: boolean;
onClose: () => void;
onChange?: (prev?: string, curr?: string) => void;
onSave?: (prev?: string, curr?: string) => void;
}
const portValidator = (value: string): boolean => {
@@ -227,7 +227,7 @@ const rules: {
const builtinProxyPolicies = ["DIRECT", "REJECT", "REJECT-DROP", "PASS"];
export const RulesEditorViewer = (props: Props) => {
const { title, profileUid, property, open, onClose, onChange } = props;
const { title, profileUid, property, open, onClose, onSave } = props;
const { t } = useTranslation();
const [prevData, setPrevData] = useState("");
@@ -330,7 +330,7 @@ export const RulesEditorViewer = (props: Props) => {
},${proxyPolicy}${ruleType.noResolve && noResolve ? ",no-resolve" : ""}`;
};
const onSave = useLockFn(async () => {
const handleSave = useLockFn(async () => {
try {
let currData = yaml.dump({
prepend: prependSeq,
@@ -338,7 +338,7 @@ export const RulesEditorViewer = (props: Props) => {
delete: deleteSeq,
});
await saveProfileFile(property, currData);
onChange?.(prevData, currData);
onSave?.(prevData, currData);
onClose();
} catch (err: any) {
Notice.error(err.message || err.toString());
@@ -575,7 +575,7 @@ export const RulesEditorViewer = (props: Props) => {
{t("Cancel")}
</Button>
<Button onClick={onSave} variant="contained">
<Button onClick={handleSave} variant="contained">
{t("Save")}
</Button>
</DialogActions>