@fangzhongya/fang-ui 0.1.29 → 0.1.30

package/dist/components/common/use.cjs

@@ -410,6 +410,13 @@ function useAdditional(value, add) {
     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);
@@ -442,6 +449,7 @@ 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

@@ -31,6 +31,7 @@ export declare function usePropsDefault(props: any, keyObj: {
  * @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

package/dist/components/common/use.js

@@ -408,6 +408,13 @@ function useAdditional(value, add) {
     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);
@@ -441,6 +448,7 @@ export {
   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-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 use.useAdditional(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, useAdditional } 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 useAdditional(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/index.scss

@@ -121,4 +121,5 @@
 @use './tablespd/index.scss' as *;
 @use './tabless/index.scss' as *;
 @use './tablesv/index.scss' as *;
-@use './tablesvp/index.scss' as *;
+@use './tablesvp/index.scss' as *;
+@use './tablesvpd/index.scss' as *;

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

@@ -53,7 +53,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return use.useAdditional(label, colon);
+      return use.useLabelAdditional(label, colon);
     }
   }
   return label;

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

@@ -1,5 +1,5 @@
 import "vue";
-import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel, useAdditional } from "../../common/use.js";
+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) {
@@ -51,7 +51,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return useAdditional(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/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;
@@ -1872,4 +1875,32 @@
 }
 .tablesvp-paginat .el-pagination {
   justify-content: flex-end;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
 }

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": 1763520174611,
+    "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;
@@ -1872,4 +1875,32 @@
 }
 .tablesvp-paginat .el-pagination {
   justify-content: flex-end;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.29",
+  "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/components": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/components": "0.0.1-0",
     "@fang-ui/hooks": "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",