@fangzhongya/fang-ui 0.1.28 → 0.1.30

package/dist/components/common/use.cjs

@@ -305,7 +305,13 @@ function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
         compons
       );
     } else {
-      return vue.h(obj.compon, componObj);
+      if (typeof obj.compon == "function") {
+        return obj.compon(componObj);
+      } else if (vue.isVNode(obj.compon)) {
+        return obj.compon;
+      } else {
+        return vue.h(obj.compon, componObj);
+      }
     }
   }
 }
@@ -316,9 +322,13 @@ const useGetDomValue = (obj, data, options, index) => {
   }
   return value;
 };
-const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index) => {
+const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index, isComponSelected = (obj2) => true) => {
   if (label) {
-    if (isObject.isObject(label)) {
+    if (typeof label == "function") {
+      return label();
+    } else if (vue.isVNode(label)) {
+      return label;
+    } else if (isObject.isObject(label)) {
       if (isArray.isArray(label)) {
         return vue.h(
           "div",
@@ -349,16 +359,18 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
           return slot;
         }
         if (label.compon) {
-          const column = useSetCompon(
-            label,
-            data,
-            optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
+          if (isComponSelected(obj)) {
+            const column = useSetCompon(
+              label,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+            if (column) {
+              return column;
+            }
           }
         }
         return useGetDomValue(label, data, optionss, index);
@@ -391,12 +403,53 @@ function usePropsDefault(props, keyObj) {
     }
   });
 }
+function useAdditional(value, add) {
+  if (typeof value === "string" && typeof add === "string") {
+    return value + add;
+  } else {
+    return vue.h(vue.Fragment, {}, [value, add]);
+  }
+}
+function useLabelAdditional(value, add) {
+  if (typeof value === "string" && typeof add === "string") {
+    return value + add;
+  } else {
+    return vue.h(vue.Fragment, {}, [value, add]);
+  }
+}
+function getVNodeContent(vnode) {
+  const container = document.createElement("div");
+  vue.render(vnode, container);
+  const textContent = container.textContent || "";
+  vue.render(null, container);
+  return textContent;
+}
+function getLabelText(label) {
+  if (typeof label == "undefined") {
+    return "";
+  } else if (typeof label == "string") {
+    return label;
+  } else if (typeof label == "function") {
+    label = label();
+  }
+  if (vue.isVNode(label)) {
+    return getVNodeContent(label);
+  } else if (label instanceof Array) {
+    return label.join("");
+  } else {
+    return (label == null ? void 0 : label.toString()) || "";
+  }
+}
 exports.getFormRule = getFormRule;
+exports.getLabelText = getLabelText;
 exports.getOnObjs = getOnObjs;
+exports.getVNodeContent = getVNodeContent;
 exports.setFormDefaultValue = setFormDefaultValue;
+exports.useAdditional = useAdditional;
 exports.useGetDomLabel = useGetDomLabel;
 exports.useGetDomValue = useGetDomValue;
 exports.useHide = useHide;
+exports.useLabelAdditional = useLabelAdditional;
 exports.useObjComponSelected = useObjComponSelected;
 exports.usePropsDefault = usePropsDefault;
 exports.useSetCompon = useSetCompon;

package/dist/components/common/use.d.ts

@@ -1,4 +1,4 @@
-import { Component, VNode, RendererNode, RendererElement } from 'vue';
+import { Component, VNode } from 'vue';
 export declare function useVueValue(v: any, key: string | Function): any;
 export declare function useSetValue(v: any, key: string | Function, value: any): any;
 export declare function getFormRule(obj: ListObj): string | undefined;
@@ -11,13 +11,37 @@ type Compons = {
     [key: string]: Component;
 };
 export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number, scope?: ObjAny): any;
-export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode< RendererNode, RendererElement, {
-    [key: string]: any;
-}> | undefined;
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): any;
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;
-export declare const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => string | VNode;
+export declare const useGetDomLabel: (label: string | ListObj | VNode | Function | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number, isComponSelected?: (obj: ListObj) => boolean) => any;
 export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
+/**
+ * 设置获取默认值
+ * @param props
+ * @param keyObj
+ * @returns
+ */
 export declare function usePropsDefault(props: any, keyObj: {
     [key: string]: () => any;
 }): any;
+/**
+ * 追加内容
+ * @param value
+ * @param add
+ * @returns
+ */
+export declare function useAdditional(value: string | VNode, add: string | VNode): string | VNode;
+export declare function useLabelAdditional(value: string | VNode, add: string | VNode): string | VNode;
+/**
+ * 获取VNode的展示文本
+ * @param vnode
+ * @returns
+ */
+export declare function getVNodeContent(vnode: VNode): string;
+/**
+ * 获取label的展示文本
+ * @param label
+ * @returns
+ */
+export declare function getLabelText(label: string | ListObj | VNode | Function | undefined): string;
 export {};

package/dist/components/common/use.js

@@ -1,4 +1,4 @@
-import { h, resolveComponent, computed, useAttrs } from "vue";
+import { h, resolveComponent, computed, useAttrs, isVNode, Fragment, render } from "vue";
 import { isHTMLTag, isSVGTag } from "@vue/shared";
 import "../../utils/index.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
@@ -303,7 +303,13 @@ function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
         compons
       );
     } else {
-      return h(obj.compon, componObj);
+      if (typeof obj.compon == "function") {
+        return obj.compon(componObj);
+      } else if (isVNode(obj.compon)) {
+        return obj.compon;
+      } else {
+        return h(obj.compon, componObj);
+      }
     }
   }
 }
@@ -314,9 +320,13 @@ const useGetDomValue = (obj, data, options, index) => {
   }
   return value;
 };
-const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index) => {
+const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index, isComponSelected = (obj2) => true) => {
   if (label) {
-    if (isObject(label)) {
+    if (typeof label == "function") {
+      return label();
+    } else if (isVNode(label)) {
+      return label;
+    } else if (isObject(label)) {
       if (isArray(label)) {
         return h(
           "div",
@@ -347,16 +357,18 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
           return slot;
         }
         if (label.compon) {
-          const column = useSetCompon(
-            label,
-            data,
-            optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
+          if (isComponSelected(obj)) {
+            const column = useSetCompon(
+              label,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+            if (column) {
+              return column;
+            }
           }
         }
         return useGetDomValue(label, data, optionss, index);
@@ -389,13 +401,54 @@ function usePropsDefault(props, keyObj) {
     }
   });
 }
+function useAdditional(value, add) {
+  if (typeof value === "string" && typeof add === "string") {
+    return value + add;
+  } else {
+    return h(Fragment, {}, [value, add]);
+  }
+}
+function useLabelAdditional(value, add) {
+  if (typeof value === "string" && typeof add === "string") {
+    return value + add;
+  } else {
+    return h(Fragment, {}, [value, add]);
+  }
+}
+function getVNodeContent(vnode) {
+  const container = document.createElement("div");
+  render(vnode, container);
+  const textContent = container.textContent || "";
+  render(null, container);
+  return textContent;
+}
+function getLabelText(label) {
+  if (typeof label == "undefined") {
+    return "";
+  } else if (typeof label == "string") {
+    return label;
+  } else if (typeof label == "function") {
+    label = label();
+  }
+  if (isVNode(label)) {
+    return getVNodeContent(label);
+  } else if (label instanceof Array) {
+    return label.join("");
+  } else {
+    return (label == null ? void 0 : label.toString()) || "";
+  }
+}
 export {
   getFormRule,
+  getLabelText,
   getOnObjs,
+  getVNodeContent,
   setFormDefaultValue,
+  useAdditional,
   useGetDomLabel,
   useGetDomValue,
   useHide,
+  useLabelAdditional,
   useObjComponSelected,
   usePropsDefault,
   useSetCompon,

package/dist/components/forms/index.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/components/forms/src/setup.cjs

@@ -120,8 +120,9 @@ function setUp(props, emit, cs, refForm, getLocale) {
           }
         }
         obj.config = obj.config ?? {};
+        const labeltext = obj.labelText ?? use.getLabelText(obj.label);
         if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
-          obj.config.placeholder = (trigger == 1 ? getLocale("form.import") : getLocale("form.select")) + obj.label;
+          obj.config.placeholder = (trigger == 1 ? getLocale("form.import") : getLocale("form.select")) + labeltext;
         }
         if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
           obj.config.clearable = true;
@@ -133,6 +134,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
             rules[p] = obj.rules;
           } else if (obj.rule) {
             rules[p] = util.getRule(
+              labeltext,
               trigger,
               obj,
               dataForm,

package/dist/components/forms/src/setup.js

@@ -2,7 +2,7 @@ import { dataHandle } from "./data.js";
 import { provides, changes } from "../common/config.js";
 import { getRule } from "./util.js";
 import "../../../utils/css.js";
-import { setFormDefaultValue, getFormRule } from "../../common/use.js";
+import { setFormDefaultValue, getLabelText, getFormRule } from "../../common/use.js";
 import "../../../utils/index.js";
 import { computed, provide, isProxy, ref, watch } from "vue";
 import { useCompons } from "../../../hooks/compons/index.js";
@@ -118,8 +118,9 @@ function setUp(props, emit, cs, refForm, getLocale) {
           }
         }
         obj.config = obj.config ?? {};
+        const labeltext = obj.labelText ?? getLabelText(obj.label);
         if (((_a = obj.config) == null ? void 0 : _a.placeholder) === void 0) {
-          obj.config.placeholder = (trigger == 1 ? getLocale("form.import") : getLocale("form.select")) + obj.label;
+          obj.config.placeholder = (trigger == 1 ? getLocale("form.import") : getLocale("form.select")) + labeltext;
         }
         if (((_b = obj.config) == null ? void 0 : _b.clearable) === void 0) {
           obj.config.clearable = true;
@@ -131,6 +132,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
             rules[p] = obj.rules;
           } else if (obj.rule) {
             rules[p] = getRule(
+              labeltext,
               trigger,
               obj,
               dataForm,

package/dist/components/forms/src/util.cjs

@@ -19,9 +19,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const judge__namespace = /* @__PURE__ */ _interopNamespaceDefault(judge);
-function getRule(trigger, obj, data, refForm, getLocale) {
+function getRule(name, trigger, obj, data, refForm, getLocale) {
   var _a;
-  const name = obj.label;
   let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
   const rule = obj.rule;
   if (typeof multiple != "boolean") {

package/dist/components/forms/src/util.d.ts

@@ -18,5 +18,5 @@ export type Rules = {
  * @param {any} refForm 表单引用
  * @returns {{ required: boolean, validator: Function, trigger: string }}
  */
-export declare function getRule(trigger: number, obj: ListObj, data: any, refForm: any, getLocale: Function): Rule;
+export declare function getRule(name: string, trigger: number, obj: ListObj, data: any, refForm: any, getLocale: Function): Rule;
 export {};

package/dist/components/forms/src/util.js

@@ -1,8 +1,7 @@
 import { useHide } from "../../common/use.js";
 import * as judge from "@fangzhongya/utils/judge/judge";
-function getRule(trigger, obj, data, refForm, getLocale) {
+function getRule(name, trigger, obj, data, refForm, getLocale) {
   var _a;
-  const name = obj.label;
   let multiple = obj.multiple ?? ((_a = obj.config) == null ? void 0 : _a.multiple);
   const rule = obj.rule;
   if (typeof multiple != "boolean") {

package/dist/components/forms-div/src/index2.cjs

@@ -180,7 +180,13 @@ const _sfc_main = vue.defineComponent({
           return vue.h(vue.resolveComponent(compon), componObj, slots);
         }
       } else {
-        return vue.h(compon, componObj, slots);
+        if (typeof compon == "function") {
+          return compon(componObj, slots);
+        } else if (vue.isVNode(compon)) {
+          return compon;
+        } else {
+          return vue.h(compon, componObj, slots);
+        }
       }
     };
     const setSslot = () => {

package/dist/components/forms-div/src/index2.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, h, resolveComponent } from "vue";
+import { defineComponent, computed, ref, h, resolveComponent, isVNode } from "vue";
 import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -178,7 +178,13 @@ const _sfc_main = defineComponent({
           return h(resolveComponent(compon), componObj, slots);
         }
       } else {
-        return h(compon, componObj, slots);
+        if (typeof compon == "function") {
+          return compon(componObj, slots);
+        } else if (isVNode(compon)) {
+          return compon;
+        } else {
+          return h(compon, componObj, slots);
+        }
       }
     };
     const setSslot = () => {

package/dist/components/forms-item/index.scss

@@ -11,6 +11,9 @@ $forms-item: 'forms-item';
 				line-height: var(vdm('row-height', $forms-item));
 			}
 		}
+		.#{e()}form-item__label {
+			white-space: pre-wrap;
+		}
 		&.is-top {
 			.#{e()}form-item__content {
 				min-height: var(vdm('row-height', $forms-item));

package/dist/components/forms-item/src/label.cjs

@@ -28,7 +28,7 @@ function render(props, emit, slots, form) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return use.useLabelAdditional(label, colon);
     }
   }
   return label;

package/dist/components/forms-item/src/label.js

@@ -1,5 +1,5 @@
 import { defineComponent, inject } from "vue";
-import { useGetDomLabel } from "../../common/use.js";
+import { useGetDomLabel, useLabelAdditional } from "../../common/use.js";
 import { provides } from "../../forms/common/config.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
 function render(props, emit, slots, form) {
@@ -26,7 +26,7 @@ function render(props, emit, slots, form) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return useLabelAdditional(label, colon);
     }
   }
   return label;

package/dist/components/{forms-item → forms-items}/index.css

@@ -39,6 +39,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/components/list/src/util.cjs

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("vue");
 const use = require("../../common/use.cjs");
-require("../../../utils/util.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -37,29 +35,17 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
   if (label) {
-    if (isObject.isObject(label)) {
-      label = Object.assign({}, obj, label);
-      const slot = use.useSetSlot(label, props.value, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        if (isComponSelected(obj)) {
-          const column = use.useSetCompon(
-            label,
-            props.value,
-            props.optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
-          }
-        }
-      }
-      label = use.useGetDomValue(label, props.value, props.optionss, index);
-    }
+    label = use.useGetDomLabel(
+      label,
+      obj,
+      props.value,
+      slots,
+      props.optionss,
+      compons,
+      emit,
+      index || 0,
+      isComponSelected
+    );
   }
   let colon = props.colon;
   if (colon) {
@@ -67,7 +53,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return use.useLabelAdditional(label, colon);
     }
   }
   return label;

package/dist/components/list/src/util.d.ts

@@ -4,5 +4,5 @@ type Compons = {
 };
 export declare const setClass: (item: ListObj, data: ObjStr, index: number) => any;
 export declare function setSslot(obj: ListObj, data: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: Function, index?: number): any;
-export declare function setLabel(obj: ListObj, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: Function, index?: number): any;
+export declare function setLabel(obj: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: (obj: ObjAny) => boolean, index?: number): any;
 export {};

package/dist/components/list/src/util.js

@@ -1,7 +1,5 @@
 import "vue";
-import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
-import "../../../utils/util.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel, useLabelAdditional } from "../../common/use.js";
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -35,29 +33,17 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
   if (label) {
-    if (isObject(label)) {
-      label = Object.assign({}, obj, label);
-      const slot = useSetSlot(label, props.value, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        if (isComponSelected(obj)) {
-          const column = useSetCompon(
-            label,
-            props.value,
-            props.optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
-          }
-        }
-      }
-      label = useGetDomValue(label, props.value, props.optionss, index);
-    }
+    label = useGetDomLabel(
+      label,
+      obj,
+      props.value,
+      slots,
+      props.optionss,
+      compons,
+      emit,
+      index || 0,
+      isComponSelected
+    );
   }
   let colon = props.colon;
   if (colon) {
@@ -65,7 +51,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return useLabelAdditional(label, colon);
     }
   }
   return label;

package/dist/components/page/index.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/components/scss/common.scss

@@ -26,3 +26,6 @@
 .com-lable-array {
 	line-height: 18px;
 }
+// .com-lable-colon {
+// 	white-space: pre-wrap; /* 保留空白符，并正常换行 */
+// }

package/dist/components/tables/common/pagin.d.ts

@@ -224,6 +224,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         default?: any;
         value?: any;
         label?: string | /*elided*/ any | undefined;
+        labelText?: string | undefined;
         hideLabel?: boolean | undefined;
         prop?: string | undefined;
         slot?: string | undefined;
@@ -256,6 +257,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         default?: any;
         value?: any;
         label?: string | /*elided*/ any | undefined;
+        labelText?: string | undefined;
         hideLabel?: boolean | undefined;
         prop?: string | undefined;
         slot?: string | undefined;

package/dist/components/tables/src/column.d.ts

@@ -1,7 +1,5 @@
 import { VNode, RendererNode, RendererElement } from 'vue';
-export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): string | VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}>;
+export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): any;
 export declare function getTableColumn(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number, def?: Function): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>;

package/dist/components/tablesv/src/column.d.ts

@@ -1,8 +1,6 @@
 import { VNode, RendererNode, RendererElement } from 'vue';
 export declare function setProps(obj: ListObj, props: ObjAny): ObjAny;
-export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): string | VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}>;
+export declare function setHeader(obj: ListObj, scope: ObjAny, slots: ObjAny, emit: Function, props: ObjAny, index: number): any;
 export declare function columnRender(obj: ListObj, emit: Function, props: ObjAny, slots: ObjAny, index: number): VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>;

package/dist/css/{forms-item.css → forms-items.css}

@@ -39,6 +39,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/css/forms.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/css/index.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/css/page.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1763474711826,
+    "lastModified": 1763521936120,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/index.css

@@ -40,6 +40,9 @@
   height: var(--forms-item-row-height);
   line-height: var(--forms-item-row-height);
 }
+.forms-item-el-item .el-form-item__label {
+  white-space: pre-wrap;
+}
 .forms-item-el-item.is-top .el-form-item__content {
   min-height: var(--forms-item-row-height);
   display: grid;

package/dist/type.d.ts

@@ -67,6 +67,10 @@ type ListObj = {
 	 * 展示字段名称
 	 */
 	label?: string | ListObj;
+	/**
+	 * 展示字段名称的文本，用来校验提示，输入框提示
+	 */
+	labelText?: string;
 	hideLabel?: boolean;
 	/**
 	 * 表单取值字段名称

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.28",
+  "version": "0.1.30",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -50,14 +50,14 @@
     "vue": "^3.5.24",
     "vue-tsc": "^3.1.4",
     "vxe-table": "4.6.20",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0"
+    "@fang-ui/utils": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",