qidian-vue-ui 2.8.5 → 2.8.7

package/dist/components/crud/search/index.vue2.mjs

@@ -20,6 +20,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onReset: { type: Function },
     crudMode: {},
     size: {},
+    labelAlign: {},
+    contentAlign: {},
     items: {},
     loading: { type: Boolean },
     loadingProps: {},
@@ -33,7 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     errorMessage: {},
     id: {},
-    labelAlign: {},
     labelWidth: {},
     preventSubmitDefault: { type: Boolean },
     readonly: { type: Boolean },

package/dist/components/dialog/form.vue.mjs

@@ -18,6 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     wrapper: {},
     crudMode: {},
     size: {},
+    labelAlign: {},
+    contentAlign: {},
     items: {},
     loading: { type: Boolean },
     loadingProps: {},
@@ -30,7 +32,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     errorMessage: {},
     id: {},
-    labelAlign: {},
     labelWidth: {},
     preventSubmitDefault: { type: Boolean },
     readonly: { type: Boolean },

package/dist/components/form/config.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { QdFormBeforeSubmitQueueItem } from './types';
+import type { QdFormBeforeSubmitQueueItem, QdFormContentAlign, QdFormLabelAlign } from './types';
 export interface QdFormGridItemRegistryEntry {
     gridIndex: ComputedRef<number | undefined>;
     visible: ComputedRef<boolean>;
@@ -7,6 +7,8 @@ export interface QdFormGridItemRegistryEntry {
     isFill: ComputedRef<boolean>;
 }
 export declare const PROVIDE_FORM_REGISTER_GRID_ITEM: InjectionKey<(entry: QdFormGridItemRegistryEntry) => void>;
+export declare const PROVIDE_FORM_LABEL_ALIGN: InjectionKey<ComputedRef<QdFormLabelAlign | undefined>>;
+export declare const PROVIDE_FORM_CONTENT_ALIGN: InjectionKey<ComputedRef<QdFormContentAlign | undefined>>;
 export declare const PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE: InjectionKey<(item: QdFormBeforeSubmitQueueItem) => void>;
 export declare const PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE: InjectionKey<(item: QdFormBeforeSubmitQueueItem) => void>;
 export declare const PROVIDE_FORM_RESET_QUEUE: InjectionKey<(item: () => void) => void>;

package/dist/components/form/config.mjs

@@ -1,10 +1,14 @@
 const PROVIDE_FORM_REGISTER_GRID_ITEM = /* @__PURE__ */ Symbol("QdFormRegisterGridItem");
+const PROVIDE_FORM_LABEL_ALIGN = /* @__PURE__ */ Symbol("QdFormLabelAlign");
+const PROVIDE_FORM_CONTENT_ALIGN = /* @__PURE__ */ Symbol("QdFormContentAlign");
 const PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE = /* @__PURE__ */ Symbol("QdFormAddBeforeSubmitQueue");
 const PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE = /* @__PURE__ */ Symbol("QdFormAddAfterSubmitQueue");
 const PROVIDE_FORM_RESET_QUEUE = /* @__PURE__ */ Symbol("QdFormResetQueue");
 export {
   PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE,
   PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE,
+  PROVIDE_FORM_CONTENT_ALIGN,
+  PROVIDE_FORM_LABEL_ALIGN,
   PROVIDE_FORM_REGISTER_GRID_ITEM,
   PROVIDE_FORM_RESET_QUEUE
 };

package/dist/components/form/index.css

@@ -1,30 +1,30 @@
-.qd-form--small[data-v-21fd541b] {
+.qd-form--small[data-v-5cc3a29f] {
   font: var(--td-font-body-small);
 }
-.qd-form--small[data-v-21fd541b] .t-form__label--top {
+.qd-form--small[data-v-5cc3a29f] .t-form__label--top {
   min-height: var(--td-comp-margin-xxl);
   line-height: var(--td-comp-margin-xxl);
 }
-.qd-form--small[data-v-21fd541b] .t-form__controls,
-.qd-form--small[data-v-21fd541b] .t-form__controls-content {
+.qd-form--small[data-v-5cc3a29f] .t-form__controls,
+.qd-form--small[data-v-5cc3a29f] .t-form__controls-content {
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-grid {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-grid {
   border: 1px solid var(--td-component-border);
   background-color: var(--td-component-border);
   gap: 1px !important;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-grid-item {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-grid-item {
   background-color: var(--td-bg-color-container);
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__item {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
   margin-bottom: 0 !important;
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__label {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -33,17 +33,12 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__label--top {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__label--top {
   border-bottom: 1px solid var(--td-component-border);
-  align-items: center;
   height: var(--qd-form-description-label-height, auto);
   white-space: normal;
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__label--top + .t-form__controls > .t-form__controls-content {
-  justify-content: center;
-  text-align: center;
-}
-.qd-form--descriptions[data-v-21fd541b] .t-form__controls {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -54,44 +49,44 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__controls-content {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__controls-content {
   min-height: auto;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item--label-top {
   display: grid;
   grid-template-rows: auto minmax(min-content, 1fr);
   grid-row: span 2 !important;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top > .t-form__item {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item--label-top > .t-form__item {
   display: contents;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item--label-top .t-form__controls-content {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item--label-top .t-form__controls-content {
   white-space: normal;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item--empty-content .t-form__controls {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
   min-height: 0;
   height: 0;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-form__controls,
-.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-form__controls {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__item-with-extra .t-form__controls,
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__item-with-help .t-form__controls {
   height: auto;
   overflow: visible;
 }
-.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-extra .t-input__extra,
-.qd-form--descriptions[data-v-21fd541b] .t-form__item-with-help .t-input__extra {
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__item-with-extra .t-input__extra,
+.qd-form--descriptions[data-v-5cc3a29f] .t-form__item-with-help .t-input__extra {
   position: static;
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
   border-right: 1px solid var(--td-component-border);
 }
-.qd-form--descriptions[data-v-21fd541b] .qd-form-item--filler,
-.qd-form--descriptions[data-v-21fd541b] .qd-grid-item--fill {
+.qd-form--descriptions[data-v-5cc3a29f] .qd-form-item--filler,
+.qd-form--descriptions[data-v-5cc3a29f] .qd-grid-item--fill {
   background-color: var(--td-bg-color-secondarycontainer);
 }
-.qd-form--descriptions-mini[data-v-21fd541b] .t-form__label,
-.qd-form--descriptions-mini[data-v-21fd541b] .t-form__controls {
+.qd-form--descriptions-mini[data-v-5cc3a29f] .t-form__label,
+.qd-form--descriptions-mini[data-v-5cc3a29f] .t-form__controls {
   padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
   font: var(--td-font-body-small);
 }

package/dist/components/form/index.d.ts

@@ -2,4 +2,4 @@ export { PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE, PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUE
 export { default as QdForm } from './index.vue';
 export { default as QdFormItem } from './item.vue';
 export { qdFormGrid, qdFormGutter } from './props';
-export type { QdFormBeforeSubmitQueueItem, QdFormBeforeSubmitQueueResult, QdFormInstanceFunctions, QdFormItemProps, QdFormProps, QdFormSubmitContext } from './types';
+export type { QdFormBeforeSubmitQueueItem, QdFormBeforeSubmitQueueResult, QdFormContentAlign, QdFormInstanceFunctions, QdFormLabelAlign, QdFormItemProps, QdFormProps, QdFormSubmitContext } from './types';

package/dist/components/form/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21fd541b"]]);
+const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cc3a29f"]]);
 export {
   QdForm as default
 };

package/dist/components/form/index.vue2.mjs

@@ -6,7 +6,7 @@ import { Form, LoadingDirective } from "tdesign-vue-next";
 import { useModal } from "../../hooks/useModal.mjs";
 import { useConfig } from "../config-provider/useConfig.mjs";
 import { DEFAULT_COLUMNS } from "../grid/config.mjs";
-import { PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE, PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE, PROVIDE_FORM_RESET_QUEUE, PROVIDE_FORM_REGISTER_GRID_ITEM } from "./config.mjs";
+import { PROVIDE_FORM_ADD_BEFORE_SUBMIT_QUEUE, PROVIDE_FORM_ADD_AFTER_SUBMIT_QUEUE, PROVIDE_FORM_RESET_QUEUE, PROVIDE_FORM_REGISTER_GRID_ITEM, PROVIDE_FORM_LABEL_ALIGN, PROVIDE_FORM_CONTENT_ALIGN } from "./config.mjs";
 import QdFormItem from "./item.vue.mjs";
 import { qdFormGrid, qdFormProps } from "./props.mjs";
 import merge from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
@@ -20,6 +20,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     crudMode: {},
     size: {},
+    labelAlign: {},
+    contentAlign: {},
     items: {},
     loading: { type: Boolean },
     loadingProps: {},
@@ -33,7 +35,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     errorMessage: {},
     id: {},
-    labelAlign: {},
     labelWidth: {},
     preventSubmitDefault: { type: Boolean },
     readonly: { type: Boolean },
@@ -102,6 +103,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const submitShowFirstErrorMessage = ref();
     const submitScrollToFirstError = ref();
     let submitResolver;
+    provide(
+      PROVIDE_FORM_LABEL_ALIGN,
+      computed(() => reProps.value.labelAlignClass)
+    );
+    provide(
+      PROVIDE_FORM_CONTENT_ALIGN,
+      computed(() => reProps.value.contentAlign)
+    );
     const reProps = computed(() => {
       const {
         columns,
@@ -133,10 +142,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         mini,
         small: componentSize === "small" && !(descriptions && mini),
         itemSize,
+        labelAlignClass: !formOptions.labelAlign && descriptions ? "left" : formOptions.labelAlign ?? "top",
+        contentAlign: formOptions.contentAlign,
         formOptions: {
           ...formOptions,
           size: componentSize,
-          labelAlign: !formOptions.labelAlign && descriptions ? "left" : formOptions.labelAlign ?? "top",
+          labelAlign: !formOptions.labelAlign && descriptions ? "left" : (formOptions.labelAlign === "top-center" ? "top" : formOptions.labelAlign) ?? "top",
           scrollToFirstError: submitShowErrorMessage.value === false ? "" : submitScrollToFirstError.value ?? scrollToFirstError,
           onReset: reOnReset
         },
@@ -360,7 +371,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: "form",
         class: [
           "qd-form",
-          reProps.value.formOptions.labelAlign ? `qd-form--label-${reProps.value.formOptions.labelAlign}` : "",
+          reProps.value.labelAlignClass ? `qd-form--label-${reProps.value.labelAlignClass}` : "",
           _ctx.$slots.footer ? "qd-form--has-footer" : "",
           reProps.value.descriptions ? "qd-form--descriptions" : "",
           reProps.value.descriptions && reProps.value.mini ? "qd-form--descriptions-mini" : "",
@@ -382,7 +393,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "crud-mode": __props.crudMode,
                       context: unref(data),
                       "default-clearable": __props.defaultClearable,
-                      "label-align": reProps.value.formItems?.[node.index].labelAlign ?? reProps.value.formOptions.labelAlign
+                      "label-align": reProps.value.formItems?.[node.index].labelAlign ?? reProps.value.labelAlignClass
                     }, { ref_for: true }, reProps.value.formItems?.[node.index], {
                       "grid-index": node.index,
                       size: reProps.value.formItems?.[node.index].size ?? reProps.value.itemSize

package/dist/components/form/item.css

@@ -1,6 +1,22 @@
-.qd-form-item[data-v-c50cabe3] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item--content-center[data-v-36688b06] .t-form__controls {
+  text-align: center;
+  justify-content: center;
+}
+.qd-form-item--content-center[data-v-36688b06] .t-form__controls-content {
+  text-align: center;
+  justify-content: center;
+}
+.qd-form-item--content-center-top[data-v-36688b06] .t-form__controls-content {
+  text-align: center;
+  justify-content: center;
+}
+.qd-form-item--label-top-center[data-v-36688b06] .t-form__label {
+  text-align: center;
+  align-items: center;
+}
+.qd-form-item[data-v-36688b06] >  .t-form__item > .t-form__controls > .t-form__controls-content > *:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }
-.qd-form-item__component[data-v-c50cabe3]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item__component[data-v-36688b06]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }

package/dist/components/form/item.vue.mjs

@@ -2,7 +2,7 @@ import './item.css'
 import _sfc_main from "./item.vue2.mjs";
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c50cabe3"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36688b06"]]);
 export {
   QdFormItem as default
 };

package/dist/components/form/item.vue2.mjs

@@ -1,10 +1,10 @@
 import './item.css'
-import { defineComponent, mergeDefaults, computed, inject, ref, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createSlots, renderSlot, renderList } from "vue";
+import { defineComponent, mergeDefaults, computed, inject, isVNode, ref, createBlock, createCommentVNode, openBlock, unref, mergeProps, withCtx, createVNode, normalizeProps, guardReactiveProps, createSlots, renderSlot, renderList } from "vue";
 import { isEmpty, filterSlots } from "qidian-shared";
 import { FormItem } from "tdesign-vue-next";
 import { useConfig } from "../config-provider/useConfig.mjs";
 import { qdUseComputeValue } from "../config-renderer/compute.mjs";
-import { PROVIDE_FORM_REGISTER_GRID_ITEM } from "./config.mjs";
+import { PROVIDE_FORM_LABEL_ALIGN, PROVIDE_FORM_CONTENT_ALIGN, PROVIDE_FORM_REGISTER_GRID_ITEM } from "./config.mjs";
 import { qdFormItemProps } from "./props.mjs";
 import { resolveQdFormItemOptions } from "./utils.mjs";
 import { PROVIDE_GRID_ITEM_PROPS_KEY, PROVIDE_GRID_WIDTH_KEY, DEFAULT_GRID_WIDTH, DEFAULT_COL } from "../grid/config.mjs";
@@ -25,10 +25,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     help: { type: [String, Function, Object] },
     rules: {},
     size: {},
+    labelAlign: {},
+    contentAlign: {},
     trimOnBlur: { type: Boolean },
     gridIndex: {},
     for: {},
-    labelAlign: {},
     labelWidth: {},
     name: {},
     requiredMark: { type: Boolean },
@@ -48,6 +49,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const currentContext = computed(() => props.context || {});
     const { t } = useConfig("form");
+    const injectedLabelAlign = inject(PROVIDE_FORM_LABEL_ALIGN, void 0);
+    const injectedContentAlign = inject(PROVIDE_FORM_CONTENT_ALIGN, void 0);
+    const effectiveLabelAlign = computed(
+      () => props.labelAlign ?? injectedLabelAlign?.value
+    );
+    const effectiveContentAlign = computed(
+      () => props.contentAlign ?? injectedContentAlign?.value
+    );
     const reIfRender = computed(() => {
       const ifRender = props.ifRender;
       if (isEmpty(ifRender)) return true;
@@ -69,6 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           currentContext,
           props.crudMode
         );
+        if (isVNode(result.value)) return () => result.value;
         return result.value;
       }
       return label;
@@ -102,6 +112,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         size,
         trimOnBlur,
         gridIndex: gridIndex2,
+        labelAlign,
+        contentAlign,
         ...formItemOptions
       } = props;
       const { component: reComponent, rules: wrappedRules } = resolveQdFormItemOptions({
@@ -111,8 +123,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         t
       });
       return {
+        labelAlignClass: effectiveLabelAlign.value === "top-center" ? "qd-form-item--label-top qd-form-item--label-top-center" : effectiveLabelAlign.value === "top" ? "qd-form-item--label-top" : "",
+        contentAlignClass: effectiveContentAlign.value === "center-top" ? "qd-form-item--content-center-top" : effectiveContentAlign.value === "center" ? "qd-form-item--content-center" : "",
         formItemOptions: {
           ...formItemOptions,
+          labelAlign: effectiveLabelAlign.value === "top-center" ? "top" : effectiveLabelAlign.value,
           label: reLabel.value,
           rules: wrappedRules
         },
@@ -130,7 +145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: [
           "qd-form-item",
           reProps.value.formItemOptions.name ? `qd-form-item__${reProps.value.formItemOptions.name}` : "",
-          reProps.value.formItemOptions.labelAlign === "top" ? "qd-form-item--label-top" : "",
+          reProps.value.labelAlignClass,
+          reProps.value.contentAlignClass,
           reProps.value.formItemOptions.labelWidth === "100%" ? "qd-form-item--label-width-full" : "",
           !reProps.value.configRendererOptions.config && !_ctx.$slots.default ? "qd-form-item--empty-content" : ""
         ]

package/dist/components/form/types.d.ts

@@ -2,6 +2,8 @@ import type { CustomValidateResolveType, Data, FormInstanceFunctions, FormRule,
 import type { AllowedComponentProps } from 'vue';
 import type { QdComputeFunction, QdConfigRendererProps, QdConfigValue } from '../config-renderer';
 import type { QdGridItemProps, QdGridProps } from '../grid';
+export type QdFormLabelAlign = TdFormProps['labelAlign'] | 'top-center';
+export type QdFormContentAlign = 'left' | 'center' | 'center-top';
 export interface QdFormRule<FD extends Data = Data> extends Omit<FormRule, 'validator'> {
     validator?: (val: ValueType, data: FD) => CustomValidateResolveType | Promise<CustomValidateResolveType>;
 }
@@ -10,15 +12,17 @@ export type QdFormBeforeSubmitQueueResult = boolean | {
     message?: string;
 };
 export type QdFormBeforeSubmitQueueItem = () => Promise<QdFormBeforeSubmitQueueResult> | QdFormBeforeSubmitQueueResult;
-export interface QdFormItemProps extends Omit<TdFormItemProps, 'label' | 'rules' | 'help'>, AllowedComponentProps, QdGridItemProps, Pick<QdFormProps, 'crudMode' | 'defaultClearable'> {
+export interface QdFormItemProps extends Omit<TdFormItemProps, 'label' | 'rules' | 'help' | 'labelAlign'>, AllowedComponentProps, QdGridItemProps, Pick<QdFormProps, 'crudMode' | 'defaultClearable'> {
     context?: QdConfigRendererProps['context'];
     component?: QdConfigRendererProps['config'];
-    label?: TdFormItemProps['label'] | QdConfigValue<TdFormItemProps['label']>;
+    label?: TdFormItemProps['label'] | QdConfigValue<TNodeReturnValue>;
     required?: boolean | string;
     ifRender?: QdConfigValue<boolean>;
     help?: TdFormItemProps['help'] | QdComputeFunction<TNodeReturnValue>;
     rules?: QdFormRule[];
     size?: SizeEnum;
+    labelAlign?: QdFormLabelAlign;
+    contentAlign?: QdFormContentAlign;
     trimOnBlur?: boolean;
     gridIndex?: number;
 }
@@ -26,9 +30,11 @@ export interface QdFormSubmitContext<FD extends Data = Data> extends SubmitConte
     showErrorMessage: boolean;
     formData: FD;
 }
-export interface QdFormProps<FD extends Data = Data> extends Omit<TdFormProps<FD>, 'layout' | 'onSubmit' | 'size'>, QdGridProps {
+export interface QdFormProps<FD extends Data = Data> extends Omit<TdFormProps<FD>, 'layout' | 'onSubmit' | 'size' | 'labelAlign'>, QdGridProps {
     crudMode?: 'add' | 'view' | 'edit';
     size?: SizeEnum | 'mini';
+    labelAlign?: QdFormLabelAlign;
+    contentAlign?: QdFormContentAlign;
     items?: QdFormItemProps[];
     loading?: boolean;
     loadingProps?: TdLoadingProps;

package/dist/styles/index.css

@@ -168,13 +168,13 @@ p {
 .t-form__item {
   margin-bottom: var(--td-comp-margin-xl) !important;
 }
-.t-form__label label {
-  display: flex;
-  flex-wrap: wrap;
-}
 .t-form__label--top {
   padding-right: 0 !important;
 }
+.t-form__label--top label {
+  display: flex;
+  flex-wrap: wrap;
+}
 .t-form__controls .t-form__item {
   margin-right: 0 !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.8.5",
+  "version": "2.8.7",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",