@fangzhongya/fang-ui 0.1.44 → 0.1.46

package/dist/components/tables/common/util.cjs

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const use = require("../../common/use.cjs");
-const firstUpper = require("@fangzhongya/utils/basic/string/firstUpper");
-const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
 const getAttrValue = require("../../../utils/vues/getAttrValue.cjs");
 const css = require("../../../utils/css.cjs");
 function getVNodeWidth(vnode) {
@@ -67,91 +65,6 @@ function setMinWidth(obj, props) {
     }
   }
 }
-const eventAliasObj = {
-  //.stop - 调用 event.stopPropagation()。
-  stop(event) {
-    event.stopPropagation();
-    return true;
-  },
-  // .prevent - 调用 event.preventDefault()。
-  prevent(event) {
-    event.preventDefault();
-    return true;
-  },
-  // .self - 只有事件从元素本身发出才触发处理函数。
-  self(event) {
-    return event.target === event.currentTarget;
-  },
-  // .once - 最多触发一次处理函数。
-  once(event) {
-    var _a;
-    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
-      return false;
-    } else {
-      if (event.currentTarget) {
-        event.currentTarget.__once__ = true;
-      }
-      return true;
-    }
-  }
-  // .capture - 在捕获模式添加事件监听器。
-  // 处理事件是异步的，只有在触发了事件后才执行方法,
-  // 目前无法支持 capture
-  // capture(event) {
-  //     console.log('event', event);
-  //     return true;
-  // },
-};
-function eventAlias(key, callback, obj, $event) {
-  let is = false;
-  const name = "on" + firstUpper.firstUpper(key);
-  const arr = [];
-  for (const k of Object.keys(obj)) {
-    if (k.startsWith(name)) {
-      arr.push(k);
-    }
-  }
-  const reg = new RegExp("^" + name);
-  for (const v of arr) {
-    let s = v.replace(reg, "");
-    if (s && $event) {
-      let ns = splitUpper.splitUpper(s);
-      if (ns.includes("passive")) {
-        ns = ns.filter((k) => {
-          return k != "prevent";
-        });
-      }
-      const fn = () => {
-        if (ns.includes("once")) {
-          let isc = eventAliasObj.once($event);
-          if (isc) {
-            callback(obj[v]);
-          }
-        } else {
-          callback(obj[v]);
-        }
-      };
-      vue.withModifiers(fn, ns)();
-    } else {
-      callback(obj[v]);
-    }
-    is = true;
-  }
-  return is;
-}
-function eventAliass(callback, arr, obj, $event) {
-  if (!callback || !obj || !arr || arr.length === 0) {
-    return false;
-  }
-  let is = false;
-  const items = Array.isArray(arr) ? arr : [arr];
-  for (const key of items) {
-    if (eventAlias(key, callback, obj, $event)) {
-      is = true;
-    }
-  }
-  return is;
-}
 function setEmptyDisplay(value, emptyDisplay, isStr) {
   if (isStr) {
     if (value === "" || value === void 0 || value === null) {
@@ -161,6 +74,5 @@ function setEmptyDisplay(value, emptyDisplay, isStr) {
     return emptyDisplay;
   }
 }
-exports.eventAliass = eventAliass;
 exports.setEmptyDisplay = setEmptyDisplay;
 exports.setMinWidth = setMinWidth;

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

@@ -5,14 +5,6 @@
  * @returns 返回设置的最小宽度值，可能为具体数值、函数执行结果或undefined
  */
 export declare function setMinWidth(obj: ObjAny, props?: ObjAny): any;
-/**
- * 支持事件别名处理
- * @param {*} callback
- * @param {*} arr
- * @param {*} obj
- * @param {*} $event
- */
-export declare function eventAliass(callback: Function, arr: string | string[], obj: ObjAny, $event: Event): boolean;
 /**
  * 设置空值显示内容
  * @param value 需要检查的值

package/dist/components/tables/common/util.js

@@ -1,7 +1,5 @@
-import { render, isVNode, h, withModifiers } from "vue";
+import { render, isVNode, h } from "vue";
 import { useGetDomLabel } from "../../common/use.js";
-import { firstUpper } from "@fangzhongya/utils/basic/string/firstUpper";
-import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
 import { getAttrValue } from "../../../utils/vues/getAttrValue.js";
 import { getCssNumber } from "../../../utils/css.js";
 function getVNodeWidth(vnode) {
@@ -65,91 +63,6 @@ function setMinWidth(obj, props) {
     }
   }
 }
-const eventAliasObj = {
-  //.stop - 调用 event.stopPropagation()。
-  stop(event) {
-    event.stopPropagation();
-    return true;
-  },
-  // .prevent - 调用 event.preventDefault()。
-  prevent(event) {
-    event.preventDefault();
-    return true;
-  },
-  // .self - 只有事件从元素本身发出才触发处理函数。
-  self(event) {
-    return event.target === event.currentTarget;
-  },
-  // .once - 最多触发一次处理函数。
-  once(event) {
-    var _a;
-    if ((_a = event.currentTarget) == null ? void 0 : _a.__once__) {
-      return false;
-    } else {
-      if (event.currentTarget) {
-        event.currentTarget.__once__ = true;
-      }
-      return true;
-    }
-  }
-  // .capture - 在捕获模式添加事件监听器。
-  // 处理事件是异步的，只有在触发了事件后才执行方法,
-  // 目前无法支持 capture
-  // capture(event) {
-  //     console.log('event', event);
-  //     return true;
-  // },
-};
-function eventAlias(key, callback, obj, $event) {
-  let is = false;
-  const name = "on" + firstUpper(key);
-  const arr = [];
-  for (const k of Object.keys(obj)) {
-    if (k.startsWith(name)) {
-      arr.push(k);
-    }
-  }
-  const reg = new RegExp("^" + name);
-  for (const v of arr) {
-    let s = v.replace(reg, "");
-    if (s && $event) {
-      let ns = splitUpper(s);
-      if (ns.includes("passive")) {
-        ns = ns.filter((k) => {
-          return k != "prevent";
-        });
-      }
-      const fn = () => {
-        if (ns.includes("once")) {
-          let isc = eventAliasObj.once($event);
-          if (isc) {
-            callback(obj[v]);
-          }
-        } else {
-          callback(obj[v]);
-        }
-      };
-      withModifiers(fn, ns)();
-    } else {
-      callback(obj[v]);
-    }
-    is = true;
-  }
-  return is;
-}
-function eventAliass(callback, arr, obj, $event) {
-  if (!callback || !obj || !arr || arr.length === 0) {
-    return false;
-  }
-  let is = false;
-  const items = Array.isArray(arr) ? arr : [arr];
-  for (const key of items) {
-    if (eventAlias(key, callback, obj, $event)) {
-      is = true;
-    }
-  }
-  return is;
-}
 function setEmptyDisplay(value, emptyDisplay, isStr) {
   if (isStr) {
     if (value === "" || value === void 0 || value === null) {
@@ -160,7 +73,6 @@ function setEmptyDisplay(value, emptyDisplay, isStr) {
   }
 }
 export {
-  eventAliass,
   setEmptyDisplay,
   setMinWidth
 };

package/dist/components/tables/index.css

@@ -43,5 +43,10 @@
 }
 .tables-table.el-table--default .cell {
   white-space: pre-wrap;
+}
+.tables-table.el-table--default .cell.el-tooltip {
+  white-space: nowrap;
+}
+.tables-table.el-table--default .cell {
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }

package/dist/components/tables/index.scss

@@ -27,6 +27,9 @@ $tables: 'tables';
 			}
 			.cell {
 				white-space: pre-wrap;
+				&.#{el('tooltip')} {
+					white-space: nowrap;
+				}
 				padding: 0
 					var(
 						vdm('interval-horizon', $tables),

package/dist/components/tables/src/data.cjs

@@ -16,9 +16,7 @@ const dataProps = {
    */
   height: {
     type: [String, Number],
-    default() {
-      return "auto";
-    }
+    default: "auto"
   },
   /**
    * @props { String, Number } maxHeight

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

@@ -26,7 +26,7 @@ export declare const dataProps: {
      */
     height: {
         type: (StringConstructor | NumberConstructor)[];
-        default(): string;
+        default: string;
     };
     /**
      * @props { String, Number } maxHeight

package/dist/components/tables/src/data.js

@@ -14,9 +14,7 @@ const dataProps = {
    */
   height: {
     type: [String, Number],
-    default() {
-      return "auto";
-    }
+    default: "auto"
   },
   /**
    * @props { String, Number } maxHeight

package/dist/components/tablesp/index.css

@@ -43,6 +43,11 @@
 }
 .tables-table.el-table--default .cell {
   white-space: pre-wrap;
+}
+.tables-table.el-table--default .cell.el-tooltip {
+  white-space: nowrap;
+}
+.tables-table.el-table--default .cell {
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 

package/dist/components/tablespd/index.css

@@ -43,6 +43,11 @@
 }
 .tables-table.el-table--default .cell {
   white-space: pre-wrap;
+}
+.tables-table.el-table--default .cell.el-tooltip {
+  white-space: nowrap;
+}
+.tables-table.el-table--default .cell {
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 

package/dist/components/tablesv/src/data.cjs

@@ -16,9 +16,7 @@ const dataProps = {
    */
   height: {
     type: [String, Number],
-    default() {
-      return "auto";
-    }
+    default: "auto"
   },
   /**
    * @props { String, Number } maxHeight

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

@@ -26,7 +26,7 @@ export declare const dataProps: {
      */
     height: {
         type: (StringConstructor | NumberConstructor)[];
-        default(): string;
+        default: string;
     };
     /**
      * @props { String, Number } maxHeight

package/dist/components/tablesv/src/data.js

@@ -14,9 +14,7 @@ const dataProps = {
    */
   height: {
     type: [String, Number],
-    default() {
-      return "auto";
-    }
+    default: "auto"
   },
   /**
    * @props { String, Number } maxHeight

package/dist/css/index.css

@@ -1075,10 +1075,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 {
@@ -1150,11 +1150,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 {
@@ -1174,36 +1176,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;
 }
 
 .tables {
@@ -1227,6 +1228,11 @@
 }
 .tables-table.el-table--default .cell {
   white-space: pre-wrap;
+}
+.tables-table.el-table--default .cell.el-tooltip {
+  white-space: nowrap;
+}
+.tables-table.el-table--default .cell {
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 

package/dist/css/list.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/css/lists.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/css/listsp.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 {