feat: add test demo

src/split/demos/enUS/mutil-panel.demo.vue

@@ -1,17 +1,37 @@
-<markdown>
-# Multiple Panels
-</markdown>
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'SplitMultiPanel'
+})
+</script>
 
 <template>
-  <n-split direction="horizontal" style="height: 200px">
+  <n-split style="height: 200px" :default-size="[0.2, 0.4, 0.4]">
     <template #1>
-      Pane 1
+      <div class="split-panel">
+        Panel 1
+      </div>
     </template>
     <template #2>
-      Pane 2
+      <div class="split-panel">
+        Panel 2
+      </div>
     </template>
     <template #3>
-      Pane 3
+      <div class="split-panel">
+        Panel 3
+      </div>
     </template>
   </n-split>
 </template>
+
+<style scoped>
+.split-panel {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(128, 128, 128, 0.3);
+}
+</style>

src/split/demos/zhCN/index.demo-entry.md

@@ -23,6 +23,12 @@ single-px-default-size-debug.vue
 single-number-default-size-debug.vue
 single-px-size-threshold-debug.vue
 single-number-size-threshold-debug.vue
+mutil-number-default-size-debug.vue
+mutil-number-size-debug.vue
+mutil-number-size-threshold-debug.vue
+mutil-px-default-size-debug.vue
+mutil-px-size-debug.vue
+mutil-px-size-threshold-debug.vue
 ```
 
 ## API

src/split/demos/zhCN/mutil-number-default-size-debug.demo.vue

@@ -0,0 +1,21 @@
+<markdown>
+  # 多个 number 类型 default-size 调试
+  </markdown>
+
+<template>
+  <n-split
+    direction="horizontal"
+    style="height: 200px"
+    :default-size="[0.3, 0.2, 0.5]"
+  >
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/mutil-number-size-debug.demo.vue

@@ -0,0 +1,17 @@
+<markdown>
+# 多个 number 类型 size 调试
+</markdown>
+
+<template>
+  <n-split direction="horizontal" style="height: 200px" :size="[0.3, 0.2, 0.5]">
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/mutil-number-size-threshold-debug.demo.vue

@@ -0,0 +1,23 @@
+<markdown>
+# 多个 number 类型 size threshold 调试
+</markdown>
+
+<template>
+  <n-split
+    direction="horizontal"
+    style="height: 200px"
+    :size="[0.3, 0.2, 0.5]"
+    :min="[0.1, 0.2, 0.3]"
+    :max="[0.4, 0.5, 0.9]"
+  >
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/mutil-px-default-size-debug.demo.vue

@@ -0,0 +1,21 @@
+<markdown>
+# 多个 px 类型 default-size 调试
+</markdown>
+
+<template>
+  <n-split
+    direction="horizontal"
+    style="height: 200px"
+    :default-size="['200px', '200px', '200px']"
+  >
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/mutil-px-size-debug.demo.vue

@@ -0,0 +1,21 @@
+<markdown>
+# 多个 px 类型 size 调试
+</markdown>
+
+<template>
+  <n-split
+    direction="horizontal"
+    style="height: 200px"
+    :size="['200px', '200px', '200px']"
+  >
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/mutil-px-size-threshold-debug.demo.vue

@@ -0,0 +1,23 @@
+<markdown>
+# 多个 px 类型 size threshold 调试
+</markdown>
+
+<template>
+  <n-split
+    direction="horizontal"
+    style="height: 200px"
+    :size="['200px', '200px', '200px']"
+    :min="['100px', '100px', '100px']"
+    :max="['400px', '400px', '400px']"
+  >
+    <template #1>
+      Pane 1
+    </template>
+    <template #2>
+      Pane 2
+    </template>
+    <template #3>
+      Pane 3
+    </template>
+  </n-split>
+</template>

src/split/demos/zhCN/single-number-default-size-debug.demo.vue

@@ -1,5 +1,5 @@
 <markdown>
-# 单 number 类型 default size 调试 &#10004;
+# 单 number 类型 default-size 调试
 </markdown>
 
 <template>

src/split/demos/zhCN/single-number-size-debug.demo.vue

@@ -1,5 +1,5 @@
 <markdown>
-# 单 number 类型 size 调试 &#10004;
+# 单 number 类型 size 调试
 </markdown>
 
 <template>

src/split/demos/zhCN/single-number-size-threshold-debug.demo.vue

@@ -1,5 +1,5 @@
 <markdown>
-# 单 number 类型 default size threshold 调试 &#10004;
+# 单 number 类型 default-size threshold 调试
 </markdown>
 
 <template>

src/split/demos/zhCN/single-px-default-size-debug.demo.vue

@@ -1,5 +1,5 @@
 <markdown>
-# 单 px 类型 default size 调试
+# 单 px 类型 default-size 调试
 </markdown>
 
 <template>