@fangzhongya/fang-ui 0.1.45 → 0.1.47

package/dist/components/list/index.css

@@ -27,10 +27,10 @@
   width: 100%;
   height: 100%;
 }
-.list-div .list-table td {
+.list-div .list-table-td {
   text-align: left;
 }
-.list-div .list-table th {
+.list-div .list-table-th {
   font-weight: initial;
 }
 .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
 .list-div .list-table .list-table-value {
   word-break: break-all;
   white-space: pre-wrap;
+  overflow: hidden;
+}
+.list-div .list-table .list-table-value.is-tooltip {
   max-height: var(--list-row-max-height);
   display: -webkit-box;
-  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
   -webkit-box-orient: vertical;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 .list-div .list-table.right .list-table-th {
@@ -126,34 +128,33 @@
   border-top: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td {
   border-bottom: 1px solid var(--list-border-color);
   border-left: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th {
   border-left: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr:last-child > td {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
   border-bottom: 0;
 }
-.list-div .list-table.is-border > tr:last-child > th {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
   border-bottom: 0;
 }
-.list-div .list-table.is-border.top > tr > th {
+.list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
   border-bottom: 0;
 }
 .list-div .list-table .list-com {
   display: flex;
   align-items: center;
 }
-.list-div .list-table .list-com-img {
-  width: 50px;
-  height: 50px;
+.list-div .el-tooltip {
+  white-space: pre-wrap;
 }

package/dist/components/list/index.scss

@@ -6,10 +6,10 @@ $list: 'list';
 		.#{z($list, 'table')} {
 			width: 100%;
 			height: 100%;
-			td {
+			&-td {
 				text-align: left;
 			}
-			th {
+			&-th {
 				font-weight: initial;
 			}
 			.is-whole {
@@ -94,14 +94,17 @@ $list: 'list';
 			.#{z($list, 'table-value')} {
 				word-break: break-all;
 				white-space: pre-wrap;
-				max-height: var(vdm('row-max-height', $list));
-				display: -webkit-box;
-				-webkit-line-clamp: var(
-					vdm('line-clamp', $list)
-				); /* 显示的行数 */
-				-webkit-box-orient: vertical;
 				overflow: hidden;
-				text-overflow: ellipsis;
+				&.#{is('tooltip')} {
+					max-height: var(vdm('row-max-height', $list));
+					display: -webkit-box;
+					-webkit-line-clamp: var(
+						vdm('line-clamp', $list),
+						1
+					); /* 显示的行数 */
+					-webkit-box-orient: vertical;
+					text-overflow: ellipsis;
+				}
 			}
 			&.right {
 				.#{z($list, 'table-th')} {
@@ -133,32 +136,32 @@ $list: 'list';
 				border-right: 1px solid var(vdm('border-color', $list));
 				border-top: 1px solid var(vdm('border-color', $list));
 				border-bottom: 1px solid var(vdm('border-color', $list));
-				& > tr > td {
+				& > .#{z($list, 'table-tr')} > .#{z($list, 'table-td')} {
 					border-bottom: 1px solid var(vdm('border-color', $list));
 					border-left: 1px solid var(vdm('border-color', $list));
 					&:last-child {
 						border-right: 1px solid var(vdm('border-color', $list));
 					}
 				}
-				& > tr > th {
+				& > .#{z($list, 'table-tr')} > .#{z($list, 'table-th')} {
 					border-left: 1px solid var(vdm('border-color', $list));
 					border-bottom: 1px solid var(vdm('border-color', $list));
 					&:last-child {
 						border-right: 1px solid var(vdm('border-color', $list));
 					}
 				}
-				& > tr {
+				& > .#{z($list, 'table-tr')} {
 					&:last-child {
-						> td {
+						> .#{z($list, 'table-td')} {
 							border-bottom: 0;
 						}
-						> th {
+						> .#{z($list, 'table-th')} {
 							border-bottom: 0;
 						}
 					}
 				}
 				&.top {
-					& > tr > th {
+					& > .#{z($list, 'table-tr')} > .#{z($list, 'table-th')} {
 						border-bottom: 0;
 					}
 				}
@@ -167,11 +170,10 @@ $list: 'list';
 			.#{z('list-com')} {
 				display: flex;
 				align-items: center;
-				&-img {
-					width: 50px;
-					height: 50px;
-				}
 			}
 		}
+		.#{el('tooltip')} {
+			white-space: pre-wrap;
+		}
 	}
 }

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

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const util = require("./util.cjs");
 const css = require("../../common/css.cjs");
+const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/compons/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
@@ -79,7 +80,15 @@ const _sfc_main = vue.defineComponent({
     };
     const createRowAndReset = (arr, trs, resetLine = false) => {
       if (trs.length > 0) {
-        arr.push(vue.h("tr", {}, trs));
+        arr.push(
+          vue.h(
+            "tr",
+            {
+              class: cs.z("table-tr")
+            },
+            trs
+          )
+        );
       }
       return { newTrs: [], newLine: resetLine ? 0 : -1 };
     };
@@ -157,7 +166,10 @@ const _sfc_main = vue.defineComponent({
     };
     const createDoubleRows = (arr, trls, trvs) => {
       if (trls.length > 0) {
-        arr.push(vue.h("tr", {}, trls), vue.h("tr", {}, trvs));
+        arr.push(
+          vue.h("tr", { class: cs.z("table-tr") }, trls),
+          vue.h("tr", { class: cs.z("table-tr") }, trvs)
+        );
       }
     };
     const getlabel = (obj, index2) => {
@@ -205,16 +217,13 @@ const _sfc_main = vue.defineComponent({
     const handleCellMouseLeave = ($event) => {
       tooltip.hideTooltip($event);
     };
-    const handleCellMouseEnter = ($event, obj) => {
-      const showOverflow = obj.showOverflow ?? props.showOverflow;
-      if (showOverflow) {
-        tooltip.showTooltip(
-          $event,
-          refDom.value,
-          showOverflow,
-          props.lineClamp
-        );
-      }
+    const handleCellMouseEnter = ($event, showOverflow) => {
+      tooltip.showTooltip(
+        $event,
+        refDom.value,
+        showOverflow,
+        props.lineClamp
+      );
     };
     const getChildrenValue = (obj, index2) => {
       if (obj.children) {
@@ -230,36 +239,41 @@ const _sfc_main = vue.defineComponent({
           )
         ];
       } else {
+        const showOverflow = getAttrValue.getAttrValue(obj, "showOverflow") ?? props.showOverflow;
+        const attrs = {
+          class: [
+            cs.z("table-value"),
+            cs.is("tooltip", showOverflow)
+          ].join(" "),
+          style: {
+            textAlign: obj.align || props.align
+          },
+          title: obj.title,
+          onClick(event) {
+            if (obj.click) {
+              obj.click(event, props, obj);
+            }
+          }
+        };
+        if (showOverflow) {
+          attrs.onMouseenter = ($event) => {
+            return handleCellMouseEnter($event, showOverflow);
+          };
+          attrs.onMouseleave = handleCellMouseLeave;
+        }
         return [
-          vue.h(
-            "span",
-            {
-              class: cs.z("table-value"),
-              style: {
-                textAlign: obj.align || props.align
-              },
-              title: obj.title,
-              onMouseenter: ($event) => handleCellMouseEnter($event, obj),
-              onMouseleave: handleCellMouseLeave,
-              onClick(event) {
-                if (obj.click) {
-                  obj.click(event, props, obj);
-                }
-              }
-            },
-            [
-              util.setSslot(
-                obj,
-                props.value,
-                props,
-                compons,
-                emit,
-                slots,
-                isComponSelected,
-                index2
-              )
-            ]
-          )
+          vue.h("span", attrs, [
+            util.setSslot(
+              obj,
+              props.value,
+              props,
+              compons,
+              emit,
+              slots,
+              isComponSelected,
+              index2
+            )
+          ])
         ];
       }
     };
@@ -414,6 +428,11 @@ const _sfc_main = vue.defineComponent({
         globalThis.addEventListener("click", onClickTotal);
       }
     });
+    vue.onUnmounted(() => {
+      if (globalThis) {
+        globalThis.removeEventListener("click", onClickTotal);
+      }
+    });
     return {
       renderValue,
       borderColor

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

@@ -1,6 +1,7 @@
-import { defineComponent, ref, shallowRef, computed, h, onMounted } from "vue";
+import { defineComponent, ref, shallowRef, computed, h, onMounted, onUnmounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
+import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { useObjComponSelected, useHide } from "../../common/use.js";
 import { useCompons } from "../../../hooks/compons/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -77,7 +78,15 @@ const _sfc_main = defineComponent({
     };
     const createRowAndReset = (arr, trs, resetLine = false) => {
       if (trs.length > 0) {
-        arr.push(h("tr", {}, trs));
+        arr.push(
+          h(
+            "tr",
+            {
+              class: cs.z("table-tr")
+            },
+            trs
+          )
+        );
       }
       return { newTrs: [], newLine: resetLine ? 0 : -1 };
     };
@@ -155,7 +164,10 @@ const _sfc_main = defineComponent({
     };
     const createDoubleRows = (arr, trls, trvs) => {
       if (trls.length > 0) {
-        arr.push(h("tr", {}, trls), h("tr", {}, trvs));
+        arr.push(
+          h("tr", { class: cs.z("table-tr") }, trls),
+          h("tr", { class: cs.z("table-tr") }, trvs)
+        );
       }
     };
     const getlabel = (obj, index) => {
@@ -203,16 +215,13 @@ const _sfc_main = defineComponent({
     const handleCellMouseLeave = ($event) => {
       hideTooltip($event);
     };
-    const handleCellMouseEnter = ($event, obj) => {
-      const showOverflow = obj.showOverflow ?? props.showOverflow;
-      if (showOverflow) {
-        showTooltip(
-          $event,
-          refDom.value,
-          showOverflow,
-          props.lineClamp
-        );
-      }
+    const handleCellMouseEnter = ($event, showOverflow) => {
+      showTooltip(
+        $event,
+        refDom.value,
+        showOverflow,
+        props.lineClamp
+      );
     };
     const getChildrenValue = (obj, index) => {
       if (obj.children) {
@@ -228,36 +237,41 @@ const _sfc_main = defineComponent({
           )
         ];
       } else {
+        const showOverflow = getAttrValue(obj, "showOverflow") ?? props.showOverflow;
+        const attrs = {
+          class: [
+            cs.z("table-value"),
+            cs.is("tooltip", showOverflow)
+          ].join(" "),
+          style: {
+            textAlign: obj.align || props.align
+          },
+          title: obj.title,
+          onClick(event) {
+            if (obj.click) {
+              obj.click(event, props, obj);
+            }
+          }
+        };
+        if (showOverflow) {
+          attrs.onMouseenter = ($event) => {
+            return handleCellMouseEnter($event, showOverflow);
+          };
+          attrs.onMouseleave = handleCellMouseLeave;
+        }
         return [
-          h(
-            "span",
-            {
-              class: cs.z("table-value"),
-              style: {
-                textAlign: obj.align || props.align
-              },
-              title: obj.title,
-              onMouseenter: ($event) => handleCellMouseEnter($event, obj),
-              onMouseleave: handleCellMouseLeave,
-              onClick(event) {
-                if (obj.click) {
-                  obj.click(event, props, obj);
-                }
-              }
-            },
-            [
-              setSslot(
-                obj,
-                props.value,
-                props,
-                compons,
-                emit,
-                slots,
-                isComponSelected,
-                index
-              )
-            ]
-          )
+          h("span", attrs, [
+            setSslot(
+              obj,
+              props.value,
+              props,
+              compons,
+              emit,
+              slots,
+              isComponSelected,
+              index
+            )
+          ])
         ];
       }
     };
@@ -412,6 +426,11 @@ const _sfc_main = defineComponent({
         globalThis.addEventListener("click", onClickTotal);
       }
     });
+    onUnmounted(() => {
+      if (globalThis) {
+        globalThis.removeEventListener("click", onClickTotal);
+      }
+    });
     return {
       renderValue,
       borderColor

package/dist/components/lists/index.css

@@ -27,10 +27,10 @@
   width: 100%;
   height: 100%;
 }
-.list-div .list-table td {
+.list-div .list-table-td {
   text-align: left;
 }
-.list-div .list-table th {
+.list-div .list-table-th {
   font-weight: initial;
 }
 .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
 .list-div .list-table .list-table-value {
   word-break: break-all;
   white-space: pre-wrap;
+  overflow: hidden;
+}
+.list-div .list-table .list-table-value.is-tooltip {
   max-height: var(--list-row-max-height);
   display: -webkit-box;
-  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
   -webkit-box-orient: vertical;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 .list-div .list-table.right .list-table-th {
@@ -126,36 +128,35 @@
   border-top: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td {
   border-bottom: 1px solid var(--list-border-color);
   border-left: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th {
   border-left: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr:last-child > td {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
   border-bottom: 0;
 }
-.list-div .list-table.is-border > tr:last-child > th {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
   border-bottom: 0;
 }
-.list-div .list-table.is-border.top > tr > th {
+.list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
   border-bottom: 0;
 }
 .list-div .list-table .list-com {
   display: flex;
   align-items: center;
 }
-.list-div .list-table .list-com-img {
-  width: 50px;
-  height: 50px;
+.list-div .el-tooltip {
+  white-space: pre-wrap;
 }
 
 .lists {

package/dist/components/lists/src/index2.cjs

@@ -9,9 +9,8 @@ const index$2 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const index$5 = require("../../list/index.cjs");
-require("../../../utils/css.cjs");
-const index$3 = require("../../../hooks/props-default/index.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const index$7 = require("element-plus/es/components/loading/index");
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({

package/dist/components/lists/src/index2.js

@@ -7,9 +7,8 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { List } from "../../list/index.js";
-import "../../../utils/css.js";
-import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/listsp/index.css

@@ -27,10 +27,10 @@
   width: 100%;
   height: 100%;
 }
-.list-div .list-table td {
+.list-div .list-table-td {
   text-align: left;
 }
-.list-div .list-table th {
+.list-div .list-table-th {
   font-weight: initial;
 }
 .list-div .list-table .is-whole .list-table-auto {
@@ -102,11 +102,13 @@
 .list-div .list-table .list-table-value {
   word-break: break-all;
   white-space: pre-wrap;
+  overflow: hidden;
+}
+.list-div .list-table .list-table-value.is-tooltip {
   max-height: var(--list-row-max-height);
   display: -webkit-box;
-  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
   -webkit-box-orient: vertical;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 .list-div .list-table.right .list-table-th {
@@ -126,36 +128,35 @@
   border-top: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td {
   border-bottom: 1px solid var(--list-border-color);
   border-left: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th {
   border-left: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th:last-child {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr:last-child > td {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
   border-bottom: 0;
 }
-.list-div .list-table.is-border > tr:last-child > th {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
   border-bottom: 0;
 }
-.list-div .list-table.is-border.top > tr > th {
+.list-div .list-table.is-border.top > .list-table-tr > .list-table-th {
   border-bottom: 0;
 }
 .list-div .list-table .list-com {
   display: flex;
   align-items: center;
 }
-.list-div .list-table .list-com-img {
-  width: 50px;
-  height: 50px;
+.list-div .el-tooltip {
+  white-space: pre-wrap;
 }
 
 .lists {