Squashed commit of the following:

commit ab373ff
Author: Tenny <tenny.shu@foxmail.com>
Date:   Thu Sep 26 11:29:13 2024 +0800

    fix: 修复 IconFont 导出错误
    feat: 表单增加 label-position

Author: Tenny

docs/components/form.md

@@ -5,8 +5,17 @@
 ## 演示
 
 <script setup lang="ts">
-  import { reactive, watch, ref } from 'vue'
+  import { reactive, watch, ref, computed } from 'vue'
   import { FormItem, Input, Form, Button, useFormReset } from '../../src'
+  import RadioGroup from '../../src/components/radio/RadioGroup.vue'
+  import Radio from '../../src/components/radio/Radio.vue'
+
+  const formAlign = ref('right')
+  const formItemAlign = ref('null')
+
+  const itemAlign = computed(() => {
+    return formItemAlign.value === 'null' ? null : formItemAlign.value
+  })
 
   const { formFields, resetFields } = useFormReset({
     username: '',
@@ -148,17 +157,71 @@
   </nt-form-item>
   </textarea>
   </CodePreview>
-</ClientOnly>`
+</ClientOnly>
+
+### 对齐方式
+
+通过设置 `label-position` 来应用标签和内容的对齐方式。
+
+您可以分别设置 `nt-form-item` 的 `label-position`. 如果值为空, 则会使用 `nt-form` 的 `label-position`。
+
+<ClientOnly>
+  <CodePreview>
+  <textarea lang="vue-html" v-pre>
+  <nt-form label-position="right">
+    <nt-form-item label="用户名">
+      <nt-input placeholder="请输入用户名"></nt-input>
+    </nt-form-item>
+    <nt-form-item label="密码">
+      <nt-input placeholder="请输入密码"></nt-input>
+    </nt-form-item>
+    <nt-form-item>
+      <nt-button html-type="submit">提交</nt-button>
+    </nt-form-item>
+  </nt-form>
+  </textarea>
+  <template #preview>
+    <Form label-width="120px" :label-position="formAlign">
+      <FormItem label="FormAlign" :label-position="itemAlign">
+        <RadioGroup v-model="formAlign">
+          <Radio label="Left" value="left" type="button" />
+          <Radio label="Right" value="right" type="button" />
+          <Radio label="Top" value="top" type="button" />
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="FormItemAlign" :label-position="itemAlign">
+        <RadioGroup v-model="formItemAlign">
+          <Radio label="Null" value="null" type="button" />
+          <Radio label="Left" value="left" type="button" />
+          <Radio label="Right" value="right" type="button" />
+          <Radio label="Top" value="top" type="button" />
+        </RadioGroup>
+      </FormItem>
+      <FormItem label="用户名" :label-position="itemAlign">
+        <Input placeholder="请输入用户名"></Input>
+      </FormItem>
+      <FormItem label="密码" :label-position="itemAlign">
+        <Input placeholder="请输入密码"></Input>
+      </FormItem>
+      <FormItem label="" :label-position="itemAlign">
+        <Button html-type="submit">提交</Button>
+      </FormItem>
+    </Form>
+  </template>
+  </CodePreview>
+</ClientOnly>
 
 ## API
 
 ### Form Props
 
+<!-- prettier-ignore -->
 | 参数          | 说明                                                                        | 类型                  | 默认值 |
 | ------------- | --------------------------------------------------------------------------- | --------------------- | ------ |
 | `model`       | 表单数据对象                                                                | `Record<string, any>` | -      |
 | `rules`       | 表单验证规则                                                                | `FormRule[]`          | -      |
 | `label-width` | 标签的长度，例如 `50px`。 作为 `Form` 直接子元素的 `form-item` 会继承该值。 | `string`              | -      |
+| `label-position` | 标签的位置 | `left`、`right`、`top` | `right` |
 
 ### Form Events
 
@@ -168,10 +231,12 @@
 
 ### FormItem Props
 
+<!-- prettier-ignore -->
 | 参数          | 说明                                                                                   | 类型      | 默认值 |
 | ------------- | -------------------------------------------------------------------------------------- | --------- | ------ |
 | `label`       | 标签文本                                                                               | `string`  | -      |
 | `required`    | 是否为必填项，如不设置，则会根据校验规则确认                                           | `boolean` | -      |
 | `name`        | `model` 的键名; 使用表单校验时必填                                                     | `string`  | -      |
 | `label-width` | 标签宽度，例如 `50px`                                                                  | `string`  | -      |
 | `error`       | 表单域验证错误时的提示信息。设置该值会导致表单验证状态变为 `error`，并显示该错误信息。 | `string`  | -      |
+| `label-position` | 标签位置, *可选* | `left`、`right`、`top` | - |

docs/components/theme.md

@@ -33,16 +33,23 @@ createApp(App).use(router).mount('#app');
     ThemeColor
   } from '../../src';
   import SourceCode from '../../src/app_components/SourceCode.vue'
-  import { ref, watch } from 'vue';
-  import { getTheme, applyTheme } from 'ph-utils/theme'
+  import { ref, watch, onMounted } from 'vue';
 
-  const theme = ref(getTheme());
-  const code = ref(``)
+  const theme = ref('');
+  const code = ref('');
 
-  watch(theme, async (val) => {
-    await applyTheme(val);
+  watch(theme, (val) => {
+    import('ph-utils/theme').then((module) => {
+      return module.applyTheme(val);
+    })
   });
 
+  onMounted(() => {
+    import('ph-utils/theme').then((module) => {
+      theme.value = module.getTheme();
+    })
+  })
+
   function handleColorChange() {
     const $style = document.getElementById('color-theme-style');
     if ($style != null) {

package.json

@@ -14,20 +14,20 @@
     "pull": "pwsh scripts/publish.ps1 publish"
   },
   "devDependencies": {
-    "@eslint/js": "^9.10.0",
+    "@eslint/js": "^9.11.1",
     "@eslint/markdown": "^6.1.0",
-    "@types/node": "^22.5.5",
+    "@types/node": "^22.7.0",
     "@vitejs/plugin-vue": "^5.1.4",
-    "eslint": "^9.10.0",
+    "eslint": "^9.11.1",
     "eslint-plugin-vue": "^9.28.0",
     "globals": "^15.9.0",
     "less": "^4.2.0",
     "prettier": "^3.3.3",
-    "shiki": "^1.17.7",
+    "shiki": "^1.18.0",
     "typescript": "^5.6.2",
-    "typescript-eslint": "^8.6.0",
-    "vite": "^5.4.6",
-    "vite-plugin-dts": "4.2.1",
+    "typescript-eslint": "^8.7.0",
+    "vite": "^5.4.7",
+    "vite-plugin-dts": "4.2.2",
     "vitepress": "^1.3.4",
     "vue-tsc": "^2.1.6"
   },
@@ -69,7 +69,7 @@
   "dependencies": {
     "@tanstack/vue-table": "^8.20.5",
     "ph-utils": "^0.9.3",
-    "qrcode-generator-es": "^1.0.2",
+    "qrcode-generator-es": "^1.0.3",
     "vue-router": "^4.4.5"
   },
   "packageManager": "pnpm@9.0.2"