feat: 使用左开右闭区间定义每边的 LEDs。

src/configurator/components/draggable-strip.tsx

@@ -183,8 +183,11 @@ export const DraggableStrip: FC<DraggableStripProp> = ({
       <div
         tw="border border-gray-700 h-3 w-full rounded-full"
         css={css`
-          grid-column-start: ${(config?.global_start_position ?? 0) + 1};
-          grid-column-end: ${(config?.global_end_position ?? 0) + 1};
+          grid-column: ${Math.min(
+              config?.global_start_position ?? 0,
+              config?.global_end_position ?? 0,
+            ) + 1} / span
+            ${Math.abs(config?.global_start_position - config?.global_end_position) + 1};
           grid-row-start: ${index + 1};
           cursor: ew-resize;
           transform: translateX(${boxTranslateX}px);

src/configurator/components/led-strip-editor.tsx

@@ -37,7 +37,7 @@ export const LedStripEditor: FC<LedStripEditorProps> = ({
         });
       }
     } else {
-      onChange?.(new LedStripConfig(0, 0, 1));
+      onChange?.(new LedStripConfig(0, 0, 0));
     }
   }, [config, onChange]);
   const removeLed = useCallback(() => {