revert: 发布新版本 0.33.1 (2023-04-27)

FightingDesign · Apr 27, 2023 · cb2bf74 · cb2bf74
1 parent a39c407
commit cb2bf74
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 34 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -125,6 +125,7 @@
     "jizhuangxiang",
     "juln",
     "kehupandian",
+    "labelposition",
     "landtransportation",
     "layoutdirection",
     "leftalignment",

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -4,6 +4,11 @@
 
 English | [Chinese](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.md)
 
+## 0.33.1 (2023-04-27)
+
+- Add `label-position` configuration item to the `f-form` component
+- Optimize `f-form` style details
+
 ## 0.33.0 (2023-04-25)
 
 - Abolish the `f-table` component `optional` configuration item

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.33.1 (2023-04-27)
+
+- `f-form` 组件新增 `label-position` 配置项
+- 优化 `f-form` 样式细节
+
 ## 0.33.0 (2023-04-25)
 
 - 废除 `f-table` 组件 `optional` 配置项

diff --git a/docs/components/form.md b/docs/components/form.md
@@ -151,11 +151,12 @@
 
 ## Form Attributes
 
-| 参数          | 说明                     | 类型                                 | 可选值 | 默认值 |
-| ------------- | ------------------------ | ------------------------------------ | ------ | ------ |
-| `label-width` | label 的宽度             | string / number                      | ——     | ——     |
-| `model`       | 表单数据对象             | Object                               | ——     | ——     |
-| `on-submit`   | 点击提交按钮后触发的回调 | <a href="#formsubmit">FormSubmit</a> | ——     | ——     |
+| 参数             | 说明                     | 类型                                       | 可选值        | 默认值 |
+| ---------------- | ------------------------ | ------------------------------------------ | ------------- | ------ |
+| `label-width`    | label 的宽度             | string / number                            | ——            | ——     |
+| `label-position` | label 位置               | <a href="#labelposition">LabelPosition</a> | `top` `right` | top    |
+| `model`          | 表单数据对象             | Object                                     | ——            | ——     |
+| `on-submit`      | 点击提交按钮后触发的回调 | <a href="#formsubmit">FormSubmit</a>       | ——            | ——     |
 
 ## FormItem Attributes
 
@@ -187,6 +188,7 @@ import type {
   FormProps,
   FormParam,
   FormSubmit,
+  LabelPosition,
   FormItemInstance,
   FormItemProps,
   FormItemRulesItem,
@@ -228,6 +230,12 @@ interface FormItemRulesItem {
 type FormItemRules = FormItemRulesItem[]
 ```
 
+### LabelPosition
+
+```ts
+type LabelPosition = 'left' | 'top'
+```
+
 ## Contributors
 
 <a href="https://github.com/Tyh2001" target="_blank">

diff --git a/docs/docs/changelog.md b/docs/docs/changelog.md
@@ -2,6 +2,11 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.33.1 (2023-04-27)
+
+- `f-form` 组件新增 `label-position` 配置项
+- 优化 `f-form` 样式细节
+
 ## 0.33.0 (2023-04-25)
 
 - 废除 `f-table` 组件 `optional` 配置项

diff --git a/packages/fighting-design/package.json b/packages/fighting-design/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fighting-design",
-  "version": "0.33.0",
+  "version": "0.33.1",
   "description": "Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.",
   "keywords": [
     "fighting",

diff --git a/start/src/App.vue b/start/src/App.vue
@@ -1,30 +1,5 @@
-<script lang="ts" setup>
-  import { reactive } from 'vue'
-  import { FMessage } from 'fighting-design'
+<script lang="ts" setup></script>
 
-  const ruleForm = reactive({
-    account: '',
-    password: ''
-  })
+<template></template>
 
-  const handelSubmit = (): void => {
-    FMessage.primary('开始提交表单')
-  }
-</script>
-
-<template>
-  {{ ruleForm }}
-  <f-form label-width="90px" label-position="left" :on-submit="handelSubmit">
-    <f-form-item label="账号">
-      <f-input v-model="ruleForm.account" :max-length="6" type="text" placeholder="请输入账号" />
-    </f-form-item>
-
-    <f-form-item label="密码">
-      <f-input v-model="ruleForm.password" type="password" placeholder="请输入密码" />
-    </f-form-item>
-
-    <f-form-item>
-      <f-button type="primary" native-type="submit">提交表单</f-button>
-    </f-form-item>
-  </f-form>
-</template>
+<style lang="scss" scoped></style>