zartui 3.1.53 → 3.1.55

package/lib/zartui.cjs.js

@@ -14542,7 +14542,7 @@ var stdin_default$C = vue.defineComponent({
         "onSelect": selectAction
       }, null), vue.withDirectives(vue.createVNode("div", {
         "class": bem$u("line")
-      }, [renderButtons()]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$X, {
+      }, [renderButtons(), slots["extend"] ? slots.extend() : ""]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$X, {
         "column-num": "3",
         "border": false,
         "square": true,
@@ -18761,7 +18761,8 @@ var stdin_default$8 = vue.defineComponent({
   }) {
     const sortOrder = vue.ref("");
     const sortKey = vue.ref("");
-    const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed));
+    const tableRef = vue.ref();
+    const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
     const formatColumns = vue.computed(() => {
       const columns = [];
       let left = 0;
@@ -18776,7 +18777,7 @@ var stdin_default$8 = vue.defineComponent({
         } else {
           column.left = 0;
         }
-        if (element.fixed && !nextColumn.fixed) {
+        if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
           column.lastFixLeft = true;
         }
         columns.push(column);
@@ -18784,8 +18785,12 @@ var stdin_default$8 = vue.defineComponent({
       return columns;
     });
     const pingedLeft = vue.ref(false);
+    const pingedRight = vue.ref(false);
     const resortHeadList = vue.computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
     vue.onMounted(() => {
+      if (tableRef.value) {
+        pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+      }
       const fixedIndexList = props.headList.map((v, i) => {
         if (v.sorter && v.defaultSortOrder) {
           sortOrder.value = v.defaultSortOrder || "";
@@ -18833,18 +18838,24 @@ var stdin_default$8 = vue.defineComponent({
       } = event;
       const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
       pingedLeft.value = mergedScrollLeft > 0;
+      const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      pingedRight.value = rightRemain > 0;
     };
     const getHead = (colData) => {
       const headSlot = slots[`head-${colData.id}`];
       const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return vue.createVNode("th", {
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "style": {
-            left: colData.fixed ? colData.left : ""
+            left: colData.fixed ? colData.left : "",
+            right: colData.fixedRight ? colData.right : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
         }, [headSlot ? headSlot(colData) : vue.createVNode("div", {
@@ -18901,12 +18912,16 @@ var stdin_default$8 = vue.defineComponent({
       }
       const style = Object.assign({}, colData.style);
       style.left = colData.fixed ? colData.left : "";
+      style.right = colData.fixedRight ? colData.right : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && vue.createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem$3("left", {
+        "class": [bem$3("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
-        }),
+        }), bem$3("right", {
+          fixed: colData.fixedRight,
+          last: colData.lastRight && pingedRight.value
+        })],
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
@@ -18941,6 +18956,7 @@ var stdin_default$8 = vue.defineComponent({
         skeleton: true
       })
     }, [getLoadingColumn()]) : vue.createVNode("div", {
+      "ref": tableRef,
       "class": bem$3({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,
@@ -20940,7 +20956,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.52";
+const version = "3.1.54";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -14540,7 +14540,7 @@ var stdin_default$C = defineComponent({
         "onSelect": selectAction
       }, null), withDirectives(createVNode("div", {
         "class": bem$u("line")
-      }, [renderButtons()]), [[vShow, showButtons]]), withDirectives(createVNode(stdin_default$X, {
+      }, [renderButtons(), slots["extend"] ? slots.extend() : ""]), [[vShow, showButtons]]), withDirectives(createVNode(stdin_default$X, {
         "column-num": "3",
         "border": false,
         "square": true,
@@ -18759,7 +18759,8 @@ var stdin_default$8 = defineComponent({
   }) {
     const sortOrder = ref("");
     const sortKey = ref("");
-    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed));
+    const tableRef = ref();
+    const fixedColumn = computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
     const formatColumns = computed(() => {
       const columns = [];
       let left = 0;
@@ -18774,7 +18775,7 @@ var stdin_default$8 = defineComponent({
         } else {
           column.left = 0;
         }
-        if (element.fixed && !nextColumn.fixed) {
+        if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
           column.lastFixLeft = true;
         }
         columns.push(column);
@@ -18782,8 +18783,12 @@ var stdin_default$8 = defineComponent({
       return columns;
     });
     const pingedLeft = ref(false);
+    const pingedRight = ref(false);
     const resortHeadList = computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
     onMounted(() => {
+      if (tableRef.value) {
+        pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+      }
       const fixedIndexList = props.headList.map((v, i) => {
         if (v.sorter && v.defaultSortOrder) {
           sortOrder.value = v.defaultSortOrder || "";
@@ -18831,18 +18836,24 @@ var stdin_default$8 = defineComponent({
       } = event;
       const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
       pingedLeft.value = mergedScrollLeft > 0;
+      const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+      pingedRight.value = rightRemain > 0;
     };
     const getHead = (colData) => {
       const headSlot = slots[`head-${colData.id}`];
       const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return createVNode("th", {
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "style": {
-            left: colData.fixed ? colData.left : ""
+            left: colData.fixed ? colData.left : "",
+            right: colData.fixedRight ? colData.right : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
         }, [headSlot ? headSlot(colData) : createVNode("div", {
@@ -18899,12 +18910,16 @@ var stdin_default$8 = defineComponent({
       }
       const style = Object.assign({}, colData.style);
       style.left = colData.fixed ? colData.left : "";
+      style.right = colData.fixedRight ? colData.right : "";
       return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && createVNode("td", {
         "onClick": () => colData.click && colData.click(rowData, rowIndex),
-        "class": bem$3("left", {
+        "class": [bem$3("left", {
           fixed: colData.fixed,
           last: colData.lastFixLeft && pingedLeft.value
-        }),
+        }), bem$3("right", {
+          fixed: colData.fixedRight,
+          last: colData.lastRight && pingedRight.value
+        })],
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
@@ -18939,6 +18954,7 @@ var stdin_default$8 = defineComponent({
         skeleton: true
       })
     }, [getLoadingColumn()]) : createVNode("div", {
+      "ref": tableRef,
       "class": bem$3({
         fixed: fixedColumn.value.length > 0,
         bordered: props.border,
@@ -20938,7 +20954,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.52";
+const version = "3.1.54";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -16318,7 +16318,7 @@
           "onSelect": selectAction
         }, null), vue.withDirectives(vue.createVNode("div", {
           "class": bem$u("line")
-        }, [renderButtons()]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$X, {
+        }, [renderButtons(), slots["extend"] ? slots.extend() : ""]), [[vue.vShow, showButtons]]), vue.withDirectives(vue.createVNode(stdin_default$X, {
           "column-num": "3",
           "border": false,
           "square": true,
@@ -22838,7 +22838,8 @@
     }) {
       const sortOrder = vue.ref("");
       const sortKey = vue.ref("");
-      const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed));
+      const tableRef = vue.ref();
+      const fixedColumn = vue.computed(() => props.headList.filter((v) => v.fixed || v.fixedRight));
       const formatColumns = vue.computed(() => {
         const columns = [];
         let left2 = 0;
@@ -22853,7 +22854,7 @@
           } else {
             column.left = 0;
           }
-          if (element.fixed && !nextColumn.fixed) {
+          if (element.fixed && !(nextColumn == null ? void 0 : nextColumn.fixed)) {
             column.lastFixLeft = true;
           }
           columns.push(column);
@@ -22861,8 +22862,12 @@
         return columns;
       });
       const pingedLeft = vue.ref(false);
+      const pingedRight = vue.ref(false);
       const resortHeadList = vue.computed(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
       vue.onMounted(() => {
+        if (tableRef.value) {
+          pingedRight.value = tableRef.value.scrollWidth > tableRef.value.clientWidth;
+        }
         const fixedIndexList = props.headList.map((v, i) => {
           if (v.sorter && v.defaultSortOrder) {
             sortOrder.value = v.defaultSortOrder || "";
@@ -22910,18 +22915,24 @@
         } = event;
         const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
         pingedLeft.value = mergedScrollLeft > 0;
+        const rightRemain = currentTarget.scrollWidth - currentTarget.scrollLeft - currentTarget.clientWidth;
+        pingedRight.value = rightRemain > 0;
       };
       const getHead = (colData) => {
         const headSlot = slots[`head-${colData.id}`];
         const headEllipsisType = colData.sorter ? "flat" : "dialog";
         if ((colData == null ? void 0 : colData.colSpan) !== 0) {
           return vue.createVNode("th", {
-            "class": bem$3("left", {
+            "class": [bem$3("left", {
               fixed: colData.fixed,
               last: colData.lastFixLeft && pingedLeft.value
-            }),
+            }), bem$3("right", {
+              fixed: colData.fixedRight,
+              last: colData.lastRight && pingedRight.value
+            })],
             "style": {
-              left: colData.fixed ? colData.left : ""
+              left: colData.fixed ? colData.left : "",
+              right: colData.fixedRight ? colData.right : ""
             },
             "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
           }, [headSlot ? headSlot(colData) : vue.createVNode("div", {
@@ -22978,12 +22989,16 @@
         }
         const style = Object.assign({}, colData.style);
         style.left = colData.fixed ? colData.left : "";
+        style.right = colData.fixedRight ? colData.right : "";
         return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && vue.createVNode("td", {
           "onClick": () => colData.click && colData.click(rowData, rowIndex),
-          "class": bem$3("left", {
+          "class": [bem$3("left", {
             fixed: colData.fixed,
             last: colData.lastFixLeft && pingedLeft.value
-          }),
+          }), bem$3("right", {
+            fixed: colData.fixedRight,
+            last: colData.lastRight && pingedRight.value
+          })],
           "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
           "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
           "style": style
@@ -23018,6 +23033,7 @@
           skeleton: true
         })
       }, [getLoadingColumn()]) : vue.createVNode("div", {
+        "ref": tableRef,
         "class": bem$3({
           fixed: fixedColumn.value.length > 0,
           bordered: props.border,
@@ -25000,7 +25016,7 @@
       });
     }
   };
-  const version = "3.1.52";
+  const version = "3.1.54";
   function install(app) {
     const components = [
       ActionSheet,