修复坐标轴选项导出问题

Author: Linho1219

src/editor/options.vue

@@ -1,8 +1,8 @@
 <template>
   <s-scroll-view>
     <div id="options">
+      <!-- global -->
       <s-divider>{{ t("options.global") }}</s-divider>
-
       <div class="option">
         <span class="label">{{ t("options.grid") }}</span>
         <s-switch
@@ -18,6 +18,7 @@
         ></s-text-field>
       </div>
 
+      <!-- xAxis -->
       <s-divider>{{ t("options.horizontal") }}</s-divider>
       <div class="option">
         <span class="label">{{ t("options.axis.reverse") }}</span>
@@ -45,6 +46,7 @@
         ></s-text-field>
       </div>
 
+      <!-- yAxis -->
       <s-divider>{{ t("options.vertical") }}</s-divider>
       <div class="option">
         <span class="label">{{ t("options.axis.reverse") }}</span>

src/types/options.ts

@@ -1,6 +1,5 @@
 import { FunctionPlotOptions } from "function-plot";
 import { amendAttr, omitAttr } from "./utils";
-import cloneDeep from "lodash-es/cloneDeep";
 
 type PrivateAxis = {
   invert: boolean;
@@ -15,14 +14,15 @@ export type PrivateOptions = {
   title: string;
 };
 
+const defaultAxis = {
+  invert: false,
+  label: "",
+  type: "linear",
+} as PrivateAxis;
+
 export function toPrivateOptions(
   original: Partial<FunctionPlotOptions>
 ): PrivateOptions {
-  const defaultAxis = {
-    invert: false,
-    label: "",
-    type: "linear",
-  } as PrivateAxis;
   const { xAxis, yAxis, title, grid } = original;
   return amendAttr<PrivateOptions>(
     { xAxis, yAxis, title, grid },
@@ -35,15 +35,21 @@ export function toPrivateOptions(
   );
 }
 
-const checkAxisUseless = ({ invert, label, type }: PrivateAxis) =>
-  label === "" && !invert && type === "linear";
+const checkObjEmpty = (object: Object) => Object.keys(object).length === 0;
 
 export const toPublicOptions = (
   options: PrivateOptions
 ): Partial<FunctionPlotOptions> =>
-  omitAttr(cloneDeep(options), {
-    title: "",
-    grid: false,
-    xAxis: checkAxisUseless,
-    yAxis: checkAxisUseless,
-  });
+  omitAttr(
+    {
+      ...options,
+      xAxis: omitAttr(options.xAxis, defaultAxis),
+      yAxis: omitAttr(options.yAxis, defaultAxis),
+    },
+    {
+      title: "",
+      grid: false,
+      xAxis: checkObjEmpty,
+      yAxis: checkObjEmpty,
+    }
+  );