@fangzhongya/fang-ui 0.1.19 → 0.1.21

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

@@ -85,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              onUpform: _cache[1] || (_cache[1] = (...arr) => emit("upform", ...arr))
             }), createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k, i) => {
                 return {
@@ -103,7 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               optionss: unref(prs).optionss,
               valueobj: unref(prs).valueobj,
               modelValue: value.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+              onUpform: _cache[3] || (_cache[3] = (...arr) => emit("upform", ...arr))
             }), createSlots({ _: 2 }, [
               renderList(Object.keys(unref(slots)), (k, i) => {
                 return {

package/dist/components/global-config/src/data.cjs

@@ -59,12 +59,24 @@ const dataProps = buildProps.buildProps({
     type: String,
     default: enums.DefaultConfig.alias
   },
+  /**
+   * @props { Boolean } isPropsConfig
+   * @description 是否支持props配置
+   */
   isPropsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } isAttrsConfig
+   * @description 是否支持attr的配置
+   */
   isAttrsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Object } defaultConfig
+   * @description 配置的数据
+   */
   defaultConfig: {
     type: Object,
     default() {

package/dist/components/global-config/src/data.d.ts

@@ -57,12 +57,24 @@ export declare const dataProps: {
         type: StringConstructor;
         default: DefaultConfig;
     };
+    /**
+     * @props { Boolean } isPropsConfig
+     * @description 是否支持props配置
+     */
     isPropsConfig: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Boolean } isAttrsConfig
+     * @description 是否支持attr的配置
+     */
     isAttrsConfig: {
         type: BooleanConstructor;
     };
+    /**
+     * @props { Object } defaultConfig
+     * @description 配置的数据
+     */
     defaultConfig: {
         type: () => {
             [key: string]: ObjAny;

package/dist/components/global-config/src/data.js

@@ -57,12 +57,24 @@ const dataProps = buildProps({
     type: String,
     default: DefaultConfig.alias
   },
+  /**
+   * @props { Boolean } isPropsConfig
+   * @description 是否支持props配置
+   */
   isPropsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Boolean } isAttrsConfig
+   * @description 是否支持attr的配置
+   */
   isAttrsConfig: {
     type: Boolean
   },
+  /**
+   * @props { Object } defaultConfig
+   * @description 配置的数据
+   */
   defaultConfig: {
     type: Object,
     default() {

package/dist/components/index.cjs

@@ -129,12 +129,14 @@ const index$2F = require("./uploads/index.cjs");
 const index$2G = require("./list/index.cjs");
 const index$2H = require("./lists/index.cjs");
 const index$2I = require("./listsp/index.cjs");
-const index$2J = require("./paging/index.cjs");
-const index$2K = require("./tables/index.cjs");
-const index$2L = require("./tablesp/index.cjs");
-const index$2M = require("./tabless/index.cjs");
-const index$2N = require("./tablesv/index.cjs");
-const index$2O = require("./tablesvp/index.cjs");
+const index$2J = require("./listspd/index.cjs");
+const index$2K = require("./paging/index.cjs");
+const index$2L = require("./tables/index.cjs");
+const index$2M = require("./tablesp/index.cjs");
+const index$2N = require("./tablespd/index.cjs");
+const index$2O = require("./tabless/index.cjs");
+const index$2P = require("./tablesv/index.cjs");
+const index$2Q = require("./tablesvp/index.cjs");
 const index$1 = require("element-plus/es/components/button/index");
 const index$3 = require("element-plus/es/components/card/index");
 const index$5 = require("element-plus/es/components/color-picker/index");
@@ -308,12 +310,14 @@ exports.Uploads = index$2F.Uploads;
 exports.List = index$2G.List;
 exports.Lists = index$2H.Lists;
 exports.Listsp = index$2I.Listsp;
-exports.Paging = index$2J.Paging;
-exports.Tables = index$2K.Tables;
-exports.Tablesp = index$2L.Tablesp;
-exports.Tabless = index$2M.Tabless;
-exports.Tablesv = index$2N.Tablesv;
-exports.Tablesvp = index$2O.Tablesvp;
+exports.Listspd = index$2J.Listspd;
+exports.Paging = index$2K.Paging;
+exports.Tables = index$2L.Tables;
+exports.Tablesp = index$2M.Tablesp;
+exports.Tablespd = index$2N.Tablespd;
+exports.Tabless = index$2O.Tabless;
+exports.Tablesv = index$2P.Tablesv;
+exports.Tablesvp = index$2Q.Tablesvp;
 Object.keys(index$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/components/index.d.ts

@@ -126,9 +126,11 @@ export * from './uploads/index';
 export * from './list/index';
 export * from './lists/index';
 export * from './listsp/index';
+export * from './listspd/index';
 export * from './paging/index';
 export * from './tables/index';
 export * from './tablesp/index';
+export * from './tablespd/index';
 export * from './tabless/index';
 export * from './tablesv/index';
 export * from './tablesvp/index';

package/dist/components/index.js

@@ -127,9 +127,11 @@ import { Uploads } from "./uploads/index.js";
 import { List } from "./list/index.js";
 import { Lists } from "./lists/index.js";
 import { Listsp } from "./listsp/index.js";
+import { Listspd } from "./listspd/index.js";
 import { Paging } from "./paging/index.js";
 import { Tables } from "./tables/index.js";
 import { Tablesp } from "./tablesp/index.js";
+import { Tablespd } from "./tablespd/index.js";
 import { Tabless } from "./tabless/index.js";
 import { Tablesv } from "./tablesv/index.js";
 import { Tablesvp } from "./tablesvp/index.js";
@@ -250,6 +252,7 @@ export {
   List,
   Lists,
   Listsp,
+  Listspd,
   Loading,
   Mention,
   Menu,
@@ -294,6 +297,7 @@ export {
   TableColumn,
   Tables,
   Tablesp,
+  Tablespd,
   Tabless,
   Tablesv,
   Tablesvp,

package/dist/components/index.scss

@@ -113,9 +113,11 @@
 @use './list/index.scss' as *;
 @use './lists/index.scss' as *;
 @use './listsp/index.scss' as *;
+@use './listspd/index.scss' as *;
 @use './paging/index.scss' as *;
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;
+@use './tablespd/index.scss' as *;
 @use './tabless/index.scss' as *;
 @use './tablesv/index.scss' as *;
 @use './tablesvp/index.scss' as *;

package/dist/components/index2.scss

@@ -113,9 +113,11 @@
 @use './list/style/index2.scss' as *;
 @use './lists/style/index2.scss' as *;
 @use './listsp/style/index2.scss' as *;
+@use './listspd/style/index2.scss' as *;
 @use './paging/style/index2.scss' as *;
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
+@use './tablespd/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
 @use './tablesv/style/index2.scss' as *;
 @use './tablesvp/style/index2.scss' as *;

package/dist/components/list/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -85,6 +86,17 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .list-div .list-table.right .list-table-th {
   text-align: right;
 }

package/dist/components/list/index.scss

@@ -88,6 +88,21 @@ $list: 'list';
 			.#{z($list, 'table-th')} {
 				text-align: left;
 			}
+
+			.#{z($list, 'table-value')} {
+				word-break: break-all;
+				white-space: normal;
+				display: block;
+
+				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;
+			}
 			&.right {
 				.#{z($list, 'table-th')} {
 					text-align: right;

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

@@ -76,6 +76,9 @@ const dataProps = {
   align: {
     type: String
   },
+  showOverflow: {
+    type: [Boolean, String]
+  },
   /**
    * @props { String } labelAlign ( )
    * 标签展示左右位置
@@ -83,6 +86,13 @@ const dataProps = {
   labelAlign: {
     type: String
   },
+  /**
+   * @props { String } items ( )
+   * 展示上下位置
+   */
+  items: {
+    type: String
+  },
   /**
    * @props { String } labelItems=center ( )
    * 标签展示上下位置
@@ -91,8 +101,17 @@ const dataProps = {
     type: String,
     default: "center"
   },
-  items: {
-    type: String
+  /**
+   * @props { String } rowMaxHeight ( )
+   * 最大高度
+   */
+  rowMaxHeight: { type: String },
+  /**
+   * @props { Number } lineClamp ( )
+   * 超出几行隐藏
+   */
+  lineClamp: {
+    type: Number
   },
   /**
    * @props { Boolean, String } border=true ( )

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

@@ -84,6 +84,9 @@ export declare const dataProps: {
     align: {
         type: StringConstructor;
     };
+    showOverflow: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
     /**
      * @props { String } labelAlign ( )
      * 标签展示左右位置
@@ -91,6 +94,13 @@ export declare const dataProps: {
     labelAlign: {
         type: StringConstructor;
     };
+    /**
+     * @props { String } items ( )
+     * 展示上下位置
+     */
+    items: {
+        type: StringConstructor;
+    };
     /**
      * @props { String } labelItems=center ( )
      * 标签展示上下位置
@@ -99,9 +109,20 @@ export declare const dataProps: {
         type: StringConstructor;
         default: string;
     };
-    items: {
+    /**
+     * @props { String } rowMaxHeight ( )
+     * 最大高度
+     */
+    rowMaxHeight: {
         type: StringConstructor;
     };
+    /**
+     * @props { Number } lineClamp ( )
+     * 超出几行隐藏
+     */
+    lineClamp: {
+        type: NumberConstructor;
+    };
     /**
      * @props { Boolean, String } border=true ( )
      * 是否需要边框，边框颜色

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

@@ -74,6 +74,9 @@ const dataProps = {
   align: {
     type: String
   },
+  showOverflow: {
+    type: [Boolean, String]
+  },
   /**
    * @props { String } labelAlign ( )
    * 标签展示左右位置
@@ -81,6 +84,13 @@ const dataProps = {
   labelAlign: {
     type: String
   },
+  /**
+   * @props { String } items ( )
+   * 展示上下位置
+   */
+  items: {
+    type: String
+  },
   /**
    * @props { String } labelItems=center ( )
    * 标签展示上下位置
@@ -89,8 +99,17 @@ const dataProps = {
     type: String,
     default: "center"
   },
-  items: {
-    type: String
+  /**
+   * @props { String } rowMaxHeight ( )
+   * 最大高度
+   */
+  rowMaxHeight: { type: String },
+  /**
+   * @props { Number } lineClamp ( )
+   * 超出几行隐藏
+   */
+  lineClamp: {
+    type: Number
   },
   /**
    * @props { Boolean, String } border=true ( )

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

@@ -6,6 +6,8 @@ const css = require("../../common/css.cjs");
 const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
+const tooltip = require("../../tables/common/tooltip.cjs");
+require("../../tables/common/config.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
 require("../../tables/common/img.cjs");
@@ -22,8 +24,9 @@ const _sfc_main = vue.defineComponent({
   setup(prs, { emit, slots }) {
     const props = index.usePropsDefault(data.name, prs, data.dataProps);
     index.viewProps(props, data.name);
-    const compons$1 = compons.getCompons(props.compons);
+    const compons$1 = compons.useCompons("list-compons", props.compons);
     const cs = index$1.useCssName(data.name);
+    const refDom = vue.ref();
     const isfocus = vue.ref(false);
     const rowObj = vue.ref();
     const borderColor = vue.computed(() => {
@@ -61,9 +64,9 @@ const _sfc_main = vue.defineComponent({
             lin = props.column;
             is = true;
           } else {
-            let k = (obj.column || 1) + lin;
+            let k = (obj.colspan || 1) + lin;
             if (k > props.column) {
-              lin = obj.column || 1;
+              lin = obj.colspan || 1;
               is = true;
             } else {
               lin = k;
@@ -99,9 +102,9 @@ const _sfc_main = vue.defineComponent({
             lin = props.column;
             is = true;
           } else {
-            let k = (obj.column || 1) + lin;
+            let k = (obj.colspan || 1) + lin;
             if (k > props.column) {
-              lin = obj.column || 1;
+              lin = obj.colspan || 1;
               is = true;
             } else {
               lin = k;
@@ -156,12 +159,13 @@ const _sfc_main = vue.defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [
           vue.h(
@@ -187,6 +191,20 @@ 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 getChildrenValue = (obj, index2) => {
       if (obj.children) {
         return [
@@ -208,7 +226,10 @@ const _sfc_main = vue.defineComponent({
               class: cs.z("table-value"),
               style: {
                 textAlign: obj.align || props.align
-              }
+              },
+              title: obj.title,
+              onMouseenter: ($event) => handleCellMouseEnter($event, obj),
+              onMouseleave: handleCellMouseLeave
             },
             [
               util.setSslot(
@@ -239,13 +260,13 @@ const _sfc_main = vue.defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
-          rowspan: isRow ? 2 : void 0,
-          onClick: (event) => {
-            isfocus.value = true;
-            rowObj.value = obj;
-            event.stopPropagation();
-            return false;
-          }
+          rowspan: setRowspan(obj, isRow)
+          // onClick: (event: Event) => {
+          // 	isfocus.value = true;
+          // 	rowObj.value = obj;
+          // 	event.stopPropagation();
+          // 	return false;
+          // },
         },
         [...getChildrenValue(obj, index2)]
       );
@@ -261,6 +282,7 @@ const _sfc_main = vue.defineComponent({
             "td",
             {
               colspan: setColspan(obj),
+              rowspan: setRowspan(obj),
               class: cs.is("whole", obj.whole)
             },
             [
@@ -287,8 +309,8 @@ const _sfc_main = vue.defineComponent({
       if (["auto", "top"].includes(props.labelPosition)) {
         if (obj.whole) {
           return props.column;
-        } else if (obj.column) {
-          return obj.column;
+        } else if (obj.colspan) {
+          return obj.colspan;
         } else {
           return "";
         }
@@ -296,21 +318,51 @@ const _sfc_main = vue.defineComponent({
         const j = !obj.isdiv ? 0 : 1;
         if (obj.whole) {
           return (props.column - 1) * 2 + 1 + j;
-        } else if (obj.column) {
-          return (obj.column - 1) * 2 + 1 + j;
+        } else if (obj.colspan) {
+          return (obj.colspan - 1) * 2 + 1 + j;
         } else {
           return 1 + j;
         }
       }
     };
+    const setRowspan = (obj, isRow) => {
+      if (props.labelPosition == "top") {
+        const j = !obj.isdiv ? 0 : 1;
+        if (obj.rowspan) {
+          return (obj.rowspan - 1) * 2 + 1 + j;
+        } else if (isRow) {
+          return 2;
+        }
+      } else if (props.labelPosition == "auto") {
+        if (obj.rowspan) {
+          return obj.rowspan;
+        } else if (isRow) {
+          return 2;
+        }
+      } else {
+        if (obj.rowspan) {
+          return obj.rowspan;
+        } else if (isRow) {
+          return 2;
+        } else {
+          return 1;
+        }
+      }
+      return;
+    };
     const renderValue = () => {
       if (props.list && props.list.length > 0) {
         return vue.h(
           "div",
           {
+            ref: (el) => {
+              refDom.value = el;
+            },
             class: cs.z("div"),
             style: cs.vdo({
               borderColor: borderColor.value,
+              rowMaxHeight: props.rowMaxHeight,
+              lineClamp: props.lineClamp,
               interval: props.interval
             })
             // onClick(event: Event) {