qidian-vue-ui 2.8.9 → 2.8.11

package/dist/components/crud/list/index.vue.d.ts

@@ -9,7 +9,9 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
     expose(exposed: import("vue").ShallowUnwrapRef<QdCrudListInstanceFunctions<D, R, P, TP, Pag>>): void;
     attrs: any;
     slots: {
-        [x: string]: ((props: any) => any) | undefined;
+        [x: string]: ((props: {
+            context: import("tdesign-vue-next").Data;
+        }) => any) | undefined;
     } & {
         [x: string]: ((props: any) => any) | undefined;
     } & {

package/dist/components/crud/search/index.vue.d.ts

@@ -1,5 +1,7 @@
 import type { QdCrudSearchProps } from './types';
-declare var __VLS_8: string, __VLS_9: any, __VLS_58: string, __VLS_59: any;
+declare var __VLS_8: string, __VLS_9: any, __VLS_58: string, __VLS_59: {
+    context: import("tdesign-vue-next").Data;
+};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
 } & {

package/dist/components/crud/table/index.vue.d.ts

@@ -17,7 +17,9 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
     expose(exposed: import("vue").ShallowUnwrapRef<QdCrudTableInstanceFunctions<D, R, P, TP, Pag, false>>): void;
     attrs: any;
     slots: {
-        [x: string]: ((props: any) => any) | undefined;
+        [x: string]: ((props: {
+            context: import("tdesign-vue-next").Data;
+        }) => any) | undefined;
     } & {
         [x: string]: ((props: any) => any) | undefined;
     } & {

package/dist/components/crud/tabs-table/index.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
     expose(exposed: import("vue").ShallowUnwrapRef<QdCrudTabsTableInstanceFunctions<D, R, P, TP, Pag>>): void;
     attrs: any;
     slots: {
-        [x: string]: ((props: any) => any) | undefined;
+        [x: string]: ((props: {
+            context: import("tdesign-vue-next").Data;
+        }) => any) | undefined;
     } & {
         [x: string]: ((props: any) => any) | undefined;
     } & {

package/dist/components/dialog/form.vue.d.ts

@@ -10,7 +10,9 @@ declare const _default: <FD extends Data = Data>(__VLS_props: NonNullable<Awaite
     slots: {
         [x: string]: ((props: any) => any) | undefined;
     } & {
-        [x: string]: ((props: any) => any) | undefined;
+        [x: string]: ((props: {
+            context: Data;
+        }) => any) | undefined;
     };
     emit: ((evt: "update:visible", args_0: boolean | undefined) => void) & ((evt: "update:data", args_0: FD | undefined) => void);
 }>) => import("vue").VNode & {

package/dist/components/form/index.css

@@ -1,30 +1,30 @@
-.qd-form--small[data-v-13cb7428] {
+.qd-form--small[data-v-9e4da837] {
   font: var(--td-font-body-small);
 }
-.qd-form--small[data-v-13cb7428] .t-form__label--top {
+.qd-form--small[data-v-9e4da837] .t-form__label--top {
   min-height: var(--td-comp-margin-xxl);
   line-height: var(--td-comp-margin-xxl);
 }
-.qd-form--small[data-v-13cb7428] .t-form__controls,
-.qd-form--small[data-v-13cb7428] .t-form__controls-content {
+.qd-form--small[data-v-9e4da837] .t-form__controls,
+.qd-form--small[data-v-9e4da837] .t-form__controls-content {
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-13cb7428] .qd-grid {
+.qd-form--descriptions[data-v-9e4da837] .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-13cb7428] .qd-grid-item {
+.qd-form--descriptions[data-v-9e4da837] .qd-grid-item {
   background-color: var(--td-bg-color-container);
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__item {
+.qd-form--descriptions[data-v-9e4da837] .t-form__item {
   display: flex;
   align-items: stretch;
   height: 100%;
   margin-bottom: 0 !important;
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__label {
+.qd-form--descriptions[data-v-9e4da837] .t-form__label {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -33,12 +33,12 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__label--top {
+.qd-form--descriptions[data-v-9e4da837] .t-form__label--top {
   border-bottom: 1px solid var(--td-component-border);
   height: var(--qd-form-description-label-height, auto);
   white-space: normal;
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__controls {
+.qd-form--descriptions[data-v-9e4da837] .t-form__controls {
   flex: 1 1 0;
   overflow: hidden;
   display: flex;
@@ -48,44 +48,44 @@
   height: 100%;
   min-height: var(--td-comp-margin-xxl);
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__controls-content {
+.qd-form--descriptions[data-v-9e4da837] .t-form__controls-content {
   min-height: auto;
 }
-.qd-form--descriptions[data-v-13cb7428] .qd-form-item--label-top {
+.qd-form--descriptions[data-v-9e4da837] .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-13cb7428] .qd-form-item--label-top > .t-form__item {
+.qd-form--descriptions[data-v-9e4da837] .qd-form-item--label-top > .t-form__item {
   display: contents;
 }
-.qd-form--descriptions[data-v-13cb7428] .qd-form-item--label-top .t-form__controls-content {
+.qd-form--descriptions[data-v-9e4da837] .qd-form-item--label-top .t-form__controls-content {
   white-space: normal;
 }
-.qd-form--descriptions[data-v-13cb7428] .qd-form-item--empty-content .t-form__controls {
+.qd-form--descriptions[data-v-9e4da837] .qd-form-item--empty-content .t-form__controls {
   padding: 0 !important;
   min-height: 0;
   height: 0;
   overflow: hidden;
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__item-with-extra .t-form__controls,
-.qd-form--descriptions[data-v-13cb7428] .t-form__item-with-help .t-form__controls {
+.qd-form--descriptions[data-v-9e4da837] .t-form__item-with-extra .t-form__controls,
+.qd-form--descriptions[data-v-9e4da837] .t-form__item-with-help .t-form__controls {
   height: auto;
   overflow: visible;
 }
-.qd-form--descriptions[data-v-13cb7428] .t-form__item-with-extra .t-input__extra,
-.qd-form--descriptions[data-v-13cb7428] .t-form__item-with-help .t-input__extra {
+.qd-form--descriptions[data-v-9e4da837] .t-form__item-with-extra .t-input__extra,
+.qd-form--descriptions[data-v-9e4da837] .t-form__item-with-help .t-input__extra {
   position: static;
 }
-.qd-form--descriptions[data-v-13cb7428] .qd-form-item:not(.qd-form-item--label-top):not(.qd-form-item--label-width-full) .t-form__label {
+.qd-form--descriptions[data-v-9e4da837] .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-13cb7428] .qd-form-item--filler,
-.qd-form--descriptions[data-v-13cb7428] .qd-grid-item--fill {
+.qd-form--descriptions[data-v-9e4da837] .qd-form-item--filler,
+.qd-form--descriptions[data-v-9e4da837] .qd-grid-item--fill {
   background-color: var(--td-bg-color-secondarycontainer);
 }
-.qd-form--descriptions-mini[data-v-13cb7428] .t-form__label,
-.qd-form--descriptions-mini[data-v-13cb7428] .t-form__controls {
+.qd-form--descriptions-mini[data-v-9e4da837] .t-form__label,
+.qd-form--descriptions-mini[data-v-9e4da837] .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.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: <FD extends Data = Data>(__VLS_props: NonNullable<Awaite
     expose(exposed: import("vue").ShallowUnwrapRef<QdFormInstanceFunctions<FD>>): void;
     attrs: any;
     slots: {
+        [x: string]: ((props: {
+            context: Data;
+        }) => any) | undefined;
+    } & {
         header?: (props: {
             context: Data;
         }) => any;

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-13cb7428"]]);
+const QdForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9e4da837"]]);
 export {
   QdForm as default
 };

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

@@ -1,5 +1,5 @@
 import './index.css'
-import { defineComponent, mergeDefaults, provide, nextTick, onBeforeUnmount, shallowRef, useTemplateRef, ref, computed, watch, onMounted, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, mergeDefaults, provide, nextTick, onBeforeUnmount, shallowRef, useTemplateRef, ref, computed, watch, onMounted, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, Fragment, renderList, createSlots } from "vue";
 import { useVModels } from "../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import { createExposeProxy, resizeDirective, easyCopy, hasOwn, to, suspectedWrapperPromise } from "qidian-shared";
 import { Form, LoadingDirective } from "tdesign-vue-next";
@@ -389,16 +389,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment, null, renderList(gridNodes.value, (node, index) => {
                   return openBlock(), createElementBlock(Fragment, { key: index }, [
                     node.type === "item" ? (openBlock(), createBlock(QdFormItem, mergeProps({
-                      key: 0,
+                      key: node.index,
                       "crud-mode": __props.crudMode,
                       context: unref(data),
                       "default-clearable": __props.defaultClearable,
                       "label-align": reProps.value.formItems?.[node.index].labelAlign ?? reProps.value.labelAlignClass,
-                      "content-align": reProps.value.formItems?.[node.index].contentAlign ?? reProps.value.contentAlign
+                      "content-align": reProps.value.formItems?.[node.index].contentAlign ?? (reProps.value.formItems?.[node.index].labelAlign ? void 0 : reProps.value.contentAlign)
                     }, { ref_for: true }, reProps.value.formItems?.[node.index], {
                       "grid-index": node.index,
                       size: reProps.value.formItems?.[node.index].size ?? reProps.value.itemSize
-                    }), null, 16, ["crud-mode", "context", "default-clearable", "label-align", "content-align", "grid-index", "size"])) : (openBlock(), createBlock(unref(QdGridItem), {
+                    }), createSlots({ _: 2 }, [
+                      reProps.value.formItems?.[node.index].name && _ctx.$slots[reProps.value.formItems?.[node.index].name] ? {
+                        name: "default",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, reProps.value.formItems?.[node.index].name, { context: unref(data) }, void 0, true)
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1040, ["crud-mode", "context", "default-clearable", "label-align", "content-align", "grid-index", "size"])) : (openBlock(), createBlock(unref(QdGridItem), {
                       key: 1,
                       class: "qd-form-item--filler",
                       col: node.span,
@@ -407,7 +415,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 64);
                 }), 128))
               ]),
-              _: 1
+              _: 3
             }, 16)), [
               [unref(vResize), syncDescriptionLabelRows]
             ])

package/dist/components/form/item.css

@@ -1,25 +1,25 @@
-.qd-form-item--content-center[data-v-f071ba7b] .t-form__controls {
+.qd-form-item--content-center[data-v-7520242e] .t-form__controls {
   text-align: center;
   justify-content: center;
 }
-.qd-form-item--content-center[data-v-f071ba7b] .t-form__controls-content {
+.qd-form-item--content-center[data-v-7520242e] .t-form__controls-content {
   text-align: center;
   justify-content: center;
 }
-.qd-form-item--content-center-top[data-v-f071ba7b] .t-form__controls-content {
+.qd-form-item--content-center-top[data-v-7520242e] .t-form__controls-content {
   text-align: center;
   justify-content: center;
 }
-.qd-form-item--content-left-center[data-v-f071ba7b] .t-form__controls {
+.qd-form-item--content-left-center[data-v-7520242e] .t-form__controls {
   justify-content: center;
 }
-.qd-form-item--label-top-center[data-v-f071ba7b] .t-form__label {
+.qd-form-item--label-top-center[data-v-7520242e] .t-form__label {
   text-align: center;
   align-items: center;
 }
-.qd-form-item[data-v-f071ba7b] >  .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[data-v-7520242e] >  .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-f071ba7b]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item__component[data-v-7520242e]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
   width: 100%;
 }

package/dist/components/form/item.vue.d.ts

@@ -2,9 +2,14 @@ import type { QdFormItemProps } from './types';
 declare var __VLS_10: {
     crudMode: "view" | "add" | "edit" | undefined;
     context: Record<string, unknown> | undefined;
-}, __VLS_17: string, __VLS_18: any;
+}, __VLS_13: string | undefined, __VLS_14: {
+    crudMode: "view" | "add" | "edit" | undefined;
+    context: Record<string, unknown> | undefined;
+}, __VLS_21: string, __VLS_22: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+} & {
+    [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any;
 } & {
     default?: (props: typeof __VLS_10) => any;
 };

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-f071ba7b"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7520242e"]]);
 export {
   QdFormItem as default
 };

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

@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.labelAlign ?? injectedLabelAlign?.value
     );
     const effectiveContentAlign = computed(
-      () => props.contentAlign ?? injectedContentAlign?.value
+      () => props.labelAlign ? props.contentAlign : props.contentAlign ?? injectedContentAlign?.value
     );
     const effectiveDefaultContentAlign = computed(() => {
       if (effectiveLabelAlign.value === "top-center") return "center";
@@ -163,10 +163,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 crudMode: props.crudMode,
                 context: __props.context
               }, () => [
-                reProps.value.configRendererOptions.config ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-                  key: 0,
-                  class: "qd-form-item__component"
-                }, reProps.value.configRendererOptions), null, 16)) : createCommentVNode("", true)
+                renderSlot(_ctx.$slots, reProps.value.formItemOptions.name, {
+                  crudMode: props.crudMode,
+                  context: __props.context
+                }, () => [
+                  reProps.value.configRendererOptions.config ? (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+                    key: 0,
+                    class: "qd-form-item__component"
+                  }, reProps.value.configRendererOptions), null, 16)) : createCommentVNode("", true)
+                ], true)
               ], true)
             ]),
             _: 2

package/package.json

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