参数方程面板

Author: Linho1219

src/editor/inputs/parametric.vue

@@ -8,7 +8,38 @@
       <span class="label styled">y=</span>
       <FilledTextfield class="styled fn" label="g(t)" v-model="self.y" />
     </div>
-
+    <AnimatedFold :folded="props.folded">
+      <s-divider>{{ t("data.more.dividerTitle") }}</s-divider>
+      <div class="input-inner-optional">
+        <div class="fields">
+          <!-- range -->
+          <span class="label"> {{ t("data.more.range") }} </span>
+          <Domain :self="self" :defaultMin="0" :defaultMax="2 * Math.PI" />
+          <!-- color -->
+          <span class="label">
+            {{ t("data.more.color") }}
+            <HelpIcon> {{ t("data.more.colorHelp") }} </HelpIcon>
+          </span>
+          <ColorPicker v-model="self.color" />
+          <!-- nSamples -->
+          <span class="label"> {{ t("data.more.nSamples") }} </span>
+          <s-text-field
+            class="input monospace-inner"
+            type="number"
+            :label="t('data.more.nSamples')"
+            v-model="self.nSamples"
+            :min="1"
+            @blur="if (!self.nSamples) self.nSamples = undefined;"
+          ></s-text-field>
+        </div>
+        <div class="switches">
+          <!-- closed -->
+          <s-checkbox type="checkbox" v-model.lazy="self.closed">
+            {{ t("data.more.closed") }}
+          </s-checkbox>
+        </div>
+      </div>
+    </AnimatedFold>
   </div>
 </template>
 
@@ -20,6 +51,10 @@ import { I18nSchema } from "@/i18n";
 const { t } = useI18n<{ message: I18nSchema }>();
 
 import FilledTextfield from "@/editor/inputs/subblocks/function.vue";
+import HelpIcon from "./subblocks/helpIcon.vue";
+import ColorPicker from "./subblocks/colorPicker.vue";
+import Domain from "./subblocks/domain.vue";
+import AnimatedFold from "@/ui/animated/animatedFold.vue";
 
 const props = defineProps<{
   folded: boolean;

src/editor/inputs/subblocks/domain.vue

@@ -22,19 +22,28 @@ const { t } = useI18n<{ message: I18nSchema }>();
 
 import { PrivateDataTypes } from "@/types/data";
 import { ref, watch } from "vue";
-const props = defineProps<{ self: PrivateDataTypes.Functions }>();
-const infToUndefined = (value: number) =>
-  value === Infinity || value === -Infinity ? "" : value;
-const undefinedToInf = (value: number | "" | undefined, sign: number) =>
-  value === "" || value === undefined ? sign * Infinity : value;
-const value1 = ref<number | "">(infToUndefined(props.self.range[0]));
-const value2 = ref<number | "">(infToUndefined(props.self.range[1]));
+const props = defineProps<{
+  self:
+    | PrivateDataTypes.Linear
+    | PrivateDataTypes.Parametric
+    | PrivateDataTypes.Polar;
+  defaultMin?: number;
+  defaultMax?: number;
+}>();
+const [defaultMin, defaultMax] =
+  PrivateDataTypes.defaultRange[props.self.fnType];
+const defToUndefined = (value: number) =>
+  value === defaultMin || value === defaultMax ? "" : value;
+const undefinedToDef = (value: number | "" | undefined, defValue: number) =>
+  value === "" || value === undefined ? defValue : value;
+const value1 = ref<number | "">(defToUndefined(props.self.range[0]));
+const value2 = ref<number | "">(defToUndefined(props.self.range[1]));
 
 watch(value1, (newVal) => {
-  props.self.range[0] = undefinedToInf(newVal, -1);
+  props.self.range[0] = undefinedToDef(newVal, defaultMin);
 });
 watch(value2, (newVal) => {
-  props.self.range[1] = undefinedToInf(newVal, 1);
+  props.self.range[1] = undefinedToDef(newVal, defaultMax);
 });
 </script>
 

src/types/data.ts

@@ -36,6 +36,12 @@ export namespace PrivateDataTypes {
     };
   }
 
+  export const defaultRange = {
+    linear: [-Infinity, Infinity],
+    parametric: [0, 2 * Math.PI],
+    polar: [-Math.PI, Math.PI],
+  } as const;
+
   /** Normal functions: y=f(x) */
   export type Linear = Function & {
     fnType: "linear";
@@ -133,8 +139,10 @@ export function toPublicData(data: PrivateData): FunctionPlotDatum {
       ...data,
       range: ((): [number, number] | undefined => {
         if (!("range" in data)) return undefined;
-        let [v1, v2] = data.range;
-        if (v1 === -Infinity && v2 === Infinity) return undefined;
+        let [min, max] = data.range;
+        let [defaultMin, defaultMax] =
+          PrivateDataTypes.defaultRange[data.fnType];
+        if (min === defaultMin && max === defaultMax) return undefined;
         return data.range;
       })(),
       derivative: (() => {
@@ -222,7 +230,7 @@ export function toPrivateData(input: Object) {
                 }),
           skipTip: false,
           nSamples: undefined,
-          range: () => [-Infinity, Infinity] as [number, number],
+          range: () => [...PrivateDataTypes.defaultRange.linear],
           ...getFunctionGlobals(),
         }
       );
@@ -239,7 +247,7 @@ export function toPrivateData(input: Object) {
         graphType: "polyline",
         r: "",
         nSamples: undefined,
-        range: () => [-Infinity, Infinity] as [number, number],
+        range: () => [...PrivateDataTypes.defaultRange.polar],
         ...getFunctionGlobals(),
       });
     case "parametric":
@@ -249,7 +257,7 @@ export function toPrivateData(input: Object) {
         x: "",
         y: "",
         nSamples: undefined,
-        range: () => [-Infinity, Infinity] as [number, number],
+        range: () => [...PrivateDataTypes.defaultRange.parametric],
         ...getFunctionGlobals(),
       });
     case "points":