Change: ズームのControlをrangeにする

sevenc-nanashi · Nov 21, 2024 · 23a32e1 · 23a32e1
1 parent 6441c05
commit 23a32e1
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/src/components/Sing/SequencerGrid/index.stories.ts b/src/components/Sing/SequencerGrid/index.stories.ts
@@ -1,6 +1,14 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
 
 import Presentation from "./Presentation.vue";
+import {
+  ZOOM_X_MAX,
+  ZOOM_X_MIN,
+  ZOOM_X_STEP,
+  ZOOM_Y_MAX,
+  ZOOM_Y_MIN,
+  ZOOM_Y_STEP,
+} from "@/sing/viewHelper";
 
 const meta: Meta<typeof Presentation> = {
   component: Presentation,
@@ -18,6 +26,24 @@ const meta: Meta<typeof Presentation> = {
     sequencerSnapType: 16,
     numMeasures: 32,
   },
+  argTypes: {
+    sequencerZoomX: {
+      control: {
+        type: "range",
+        min: ZOOM_X_MIN,
+        max: ZOOM_X_MAX,
+        step: ZOOM_X_STEP,
+      },
+    },
+    sequencerZoomY: {
+      control: {
+        type: "range",
+        min: ZOOM_Y_MIN,
+        max: ZOOM_Y_MAX,
+        step: ZOOM_Y_STEP,
+      },
+    },
+  },
 
   render: (args) => ({
     components: { Presentation },

diff --git a/src/components/Sing/SequencerRuler/index.stories.ts b/src/components/Sing/SequencerRuler/index.stories.ts
@@ -4,6 +4,7 @@ import { ref } from "vue";
 
 import Presentation from "./Presentation.vue";
 import { UnreachableError } from "@/type/utility";
+import { ZOOM_X_MIN, ZOOM_X_MAX, ZOOM_X_STEP } from "@/sing/viewHelper";
 
 const meta: Meta<typeof Presentation> = {
   component: Presentation,
@@ -31,6 +32,16 @@ const meta: Meta<typeof Presentation> = {
 
     // TODO: ContextMenuをDIする
   },
+  argTypes: {
+    sequencerZoomX: {
+      control: {
+        type: "range",
+        min: ZOOM_X_MIN,
+        max: ZOOM_X_MAX,
+        step: ZOOM_X_STEP,
+      },
+    },
+  },
   render: (args) => ({
     components: { Presentation },
     setup() {