chore: fix eslint issue

Author: sonofmagic

packages-runtime/ui/stories/core/Button.stories.tsx

@@ -170,7 +170,7 @@ export const Appearances: Story = {
 // 所有尺寸
 export const Sizes: Story = {
   render: () => (
-    <div className="flex items-center flex-wrap gap-4">
+    <div className="flex flex-wrap items-center gap-4">
       <Button size="sm">Small</Button>
       <Button size="md">Medium</Button>
       <Button size="icon">🔍</Button>

packages-runtime/ui/stories/core/Input.stories.tsx

@@ -79,7 +79,7 @@ export const Controlled: Story = {
     return (
       <div className="space-y-2">
         <Input value={value} onChange={e => setValue(e.target.value)} placeholder="受控输入" />
-        <p className="text-sm text-gray-600">
+        <p className="text-gray-600 text-sm">
           当前值:
           {' '}
           {value}

packages-runtime/ui/stories/core/Switch.stories.tsx

@@ -12,9 +12,18 @@ interface SwitchProps {
 }
 
 const Switch: React.FC<SwitchProps> = ({ checked = false, disabled = false }) => (
-  <label className="inline-flex items-center cursor-pointer">
-    <input type="checkbox" className="sr-only peer" checked={checked} disabled={disabled} />
-    <div className="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" />
+  <label className="inline-flex cursor-pointer items-center">
+    <input type="checkbox" className="peer sr-only" checked={checked} disabled={disabled} />
+    <div className={`
+      w-11 bg-gray-200 peer relative h-6 rounded-full
+      peer-focus:ring-blue-300 peer-focus:ring-4 peer-focus:outline-none
+      peer-checked:after:border-white peer-checked:after:translate-x-full
+      after:bg-white after:border-gray-300 after:absolute after:top-[2px]
+      after:left-[2px] after:h-5 after:w-5 after:rounded-full after:border
+      after:transition-all after:content-['']
+      peer-checked:bg-blue-600
+    `}
+    />
   </label>
 )
 

packages-runtime/ui/stories/feedback/Loading.stories.tsx

@@ -7,7 +7,10 @@ import React from 'react'
 
 const Loading: React.FC = () => (
   <div className="flex items-center justify-center">
-    <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" />
+    <div className={`
+      animate-spin border-blue-600 h-8 w-8 rounded-full border-b-2
+    `}
+    />
   </div>
 )
 

packages-runtime/ui/stories/navigation/Tabs.stories.tsx

@@ -16,7 +16,12 @@ const Tabs: React.FC<TabsProps> = ({ tabs, activeTab = 0 }) => (
       <button
         key={tab}
         type="button"
-        className={`px-4 py-2 ${index === activeTab ? 'border-b-2 border-blue-600 text-blue-600' : 'text-gray-600'}`}
+        className={`
+          px-4 py-2
+          ${index === activeTab
+        ? 'border-blue-600 text-blue-600 border-b-2'
+        : `text-gray-600`}
+        `}
       >
         {tab}
       </button>