Function ScriptStorage

src/pages/components/ScriptStorage/index.tsx:24–322

({ script, visible, onCancel, onOk })

  onOk: () => void;
  onCancel: () => void;
}> = ({ script, visible, onCancel, onOk }) => {
  const [data, setData] = useState<ValueModel[]>([]);
  const [rawData, setRawData] = useState<{ [key: string]: any }>({});
  const [currentValue, setCurrentValue] = useState<ValueModel>();
  const [visibleEdit, setVisibleEdit] = useState(false);
  const [isEdit, setIsEdit] = useState(false);
  const [editValue, setEditValue] = useState("");
  const [form] = Form.useForm();
  const { t } = useTranslation();

  // 保存单个键值
  const saveData = (key: string, value: any) => {
    valueClient.setScriptValue({ uuid: script!.uuid, key, value, ts: Date.now() });
    const newRawData = { ...rawData, [key]: value };
    if (value === undefined) {
      delete newRawData[key];
    }
    updateRawData(newRawData);
  };

  // 保存所有键值
  const saveRawData = (newRawValue: { [key: string]: any }) => {
    const keyValuePairs = [] as TKeyValuePair[];
    for (const [key, value] of Object.entries(newRawValue)) {
      keyValuePairs.push([key, encodeRValue(value)]);
    }
    valueClient.setScriptValues({ uuid: script!.uuid, keyValuePairs, isReplace: true, ts: Date.now() });
    updateRawData(newRawValue);
  };

  // 更新UI数据
  const updateRawData = (newRawValue: { [key: string]: any }) => {
    setRawData(newRawValue);
    setEditValue(JSON.stringify(newRawValue, null, 2));
    setData(
      Object.keys(newRawValue).map((key) => {
        return { key: key, value: newRawValue[key] };
      })
    );
  };

  // 删除单个键值
  const deleteData = (key: string) => {
    saveData(key, undefined);
    Message.info({
      content: t("delete_success"),
    });
  };

  // 清空所有键值
  const clearData = () => {
    saveRawData({});
    Message.info({
      content: t("clear_success"),
    });
  };

  useEffect(() => {