qidian-vue-ui 2.8.0 → 2.8.1

package/dist/components/form/item.css

@@ -1,6 +1,6 @@
-.qd-form-item[data-v-e77adabb] >  .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-c50cabe3] >  .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-e77adabb]:not(.t-switch):not(.t-tag):not(.t-icon):not(.qd-file-icon) {
+.qd-form-item__component[data-v-c50cabe3]: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-e77adabb"]]);
+const QdFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c50cabe3"]]);
 export {
   QdFormItem as default
 };

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

@@ -19,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     context: {},
     component: {},
+    label: { type: [Function, Object] },
     required: { type: [Boolean, String] },
     ifRender: { type: [Boolean, Function, Object] },
     help: { type: [String, Function, Object] },
@@ -27,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     trimOnBlur: { type: Boolean },
     gridIndex: {},
     for: {},
-    label: {},
     labelAlign: {},
     labelWidth: {},
     name: {},
@@ -61,6 +61,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return ifRender;
     });
+    const reLabel = computed(() => {
+      const label = props.label;
+      if (label?.__qdCompute || label?.__qdAsyncCompute) {
+        const { result } = qdUseComputeValue(
+          label,
+          currentContext,
+          props.crudMode
+        );
+        return result.value;
+      }
+      return label;
+    });
     const gridDefaultProps = inject(PROVIDE_GRID_ITEM_PROPS_KEY, void 0);
     const gridWidth = inject(PROVIDE_GRID_WIDTH_KEY, ref(DEFAULT_GRID_WIDTH));
     const gridIndex = computed(() => props.gridIndex);
@@ -95,12 +107,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const { component: reComponent, rules: wrappedRules } = resolveQdFormItemOptions({
         formItem: props,
         context: currentContext.value,
-        label: formItemOptions.label,
+        label: reLabel.value,
         t
       });
       return {
         formItemOptions: {
           ...formItemOptions,
+          label: reLabel.value,
           rules: wrappedRules
         },
         gridItemOptions: { col, row },

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

@@ -10,9 +10,10 @@ export type QdFormBeforeSubmitQueueResult = boolean | {
     message?: string;
 };
 export type QdFormBeforeSubmitQueueItem = () => Promise<QdFormBeforeSubmitQueueResult> | QdFormBeforeSubmitQueueResult;
-export interface QdFormItemProps extends Omit<TdFormItemProps, 'rules' | 'help'>, AllowedComponentProps, QdGridItemProps, Pick<QdFormProps, 'crudMode' | 'defaultClearable'> {
+export interface QdFormItemProps extends Omit<TdFormItemProps, 'label' | 'rules' | 'help'>, AllowedComponentProps, QdGridItemProps, Pick<QdFormProps, 'crudMode' | 'defaultClearable'> {
     context?: QdConfigRendererProps['context'];
     component?: QdConfigRendererProps['config'];
+    label?: QdConfigValue<TdFormItemProps['label']>;
     required?: boolean | string;
     ifRender?: QdConfigValue<boolean>;
     help?: TdFormItemProps['help'] | QdComputeFunction<TNodeReturnValue>;

package/package.json

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