极坐标方程面板

Author: Linho1219

src/editor/dataList.vue

@@ -36,6 +36,8 @@ import DataItem from "./data.vue";
 
 import { useProfile } from "@/states";
 const profile = useProfile();
+
+import "./inputs/inputs.scss";
 </script>
 
 <style>

src/editor/inputs/implicit.vue

@@ -44,5 +44,4 @@ import FilledTextfield from "@/editor/inputs/subblocks/function.vue";
 import AnimatedFold from "@/ui/animated/animatedFold.vue";
 import ColorPicker from "./subblocks/colorPicker.vue";
 import HelpIcon from "./subblocks/helpIcon.vue";
-import "./inputs.scss";
 </script>

src/editor/inputs/linear.vue

@@ -82,6 +82,5 @@ import HelpIcon from "./subblocks/helpIcon.vue";
 import ColorPicker from "./subblocks/colorPicker.vue";
 import Domain from "./subblocks/domain.vue";
 import DerivatePane from "./subblocks/derivatePane.vue";
-import AnimatedFold from "@/ui/animated/animatedFold.vue";
-import "./inputs.scss";
+import AnimatedFold from "@/ui/animated/animatedFold.vue"
 </script>

src/editor/inputs/polar.vue

@@ -9,8 +9,39 @@
         v-model="self.r"
       />
     </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" />
+          <!-- 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>
 
 <script setup lang="ts">
@@ -27,4 +58,9 @@ const props = defineProps<{
   index: number;
 }>();
 const self = toRef(props, "self");
+
+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";
 </script>