ll-plus 2.4.12 → 2.4.13

package/es/packages/components/table/src/components/main-table.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, watch, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createTextVNode, renderSlot, Fragment, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useAttrs, ref, watch, computed, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, mergeProps, unref, createSlots, withCtx, normalizeClass, createElementVNode, toDisplayString, createTextVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../../utils/index.mjs';
 import draggable from 'vuedraggable';
 import { has } from 'lodash-es';
@@ -280,310 +280,324 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_a_popover = resolveComponent("a-popover");
       const _component_ll_empty = resolveComponent("ll-empty");
       const _component_a_table = resolveComponent("a-table");
-      return openBlock(), createBlock(_component_a_table, mergeProps({
-        class: `${unref(bem).e("main-content")}`,
-        "row-key": "id"
-      }, unref(attrs), {
-        columns: newColumns.value,
-        "data-source": newDataSource.value,
-        "expanded-row-keys": newExpandedRowKeys.value,
-        "custom-row": props.showDrag ? dragCustomRow : _ctx.customRowProps,
-        pagination: false,
-        "show-header": "",
-        onExpand: handleExpand,
-        onResizeColumn: handleResizeColumn,
-        onChange: props.change,
-        onExpandedRowsChange: props.expandedRowsChange
-      }), createSlots({
-        headerCell: withCtx((slots) => [
-          slots.column.key === "operate" && _ctx.showSetting ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(`${unref(bem).e("operate")}`)
-            },
-            [
-              createElementVNode(
-                "span",
-                null,
-                toDisplayString(slots.column.title),
-                1
-                /* TEXT */
-              ),
-              createVNode(_component_a_popover, {
-                trigger: "click",
-                placement: "bottomRight",
-                "overlay-inner-style": {
-                  padding: "0"
-                }
-              }, {
-                content: withCtx(() => [
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(` :scroll="{
+      scrollToFirstRowOnChange: true,
+      x: props?.scroll?.x ? props?.scroll?.x : 'max-content',
+      y: props?.scroll?.y ? props?.scroll?.y : '100%'
+    }" `),
+          createVNode(_component_a_table, mergeProps({
+            class: `${unref(bem).e("main-content")}`,
+            "row-key": "id"
+          }, unref(attrs), {
+            columns: newColumns.value,
+            "data-source": newDataSource.value,
+            "expanded-row-keys": newExpandedRowKeys.value,
+            "custom-row": props.showDrag ? dragCustomRow : _ctx.customRowProps,
+            pagination: false,
+            "show-header": "",
+            scroll: _ctx.scroll,
+            onExpand: handleExpand,
+            onResizeColumn: handleResizeColumn,
+            onChange: props.change,
+            onExpandedRowsChange: props.expandedRowsChange
+          }), createSlots({
+            headerCell: withCtx((slots) => [
+              slots.column.key === "operate" && _ctx.showSetting ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: normalizeClass(`${unref(bem).e("operate")}`)
+                },
+                [
                   createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(`${unref(bem).e("setting-popover")}`)
-                    },
-                    [
-                      createCommentVNode(" \u5934\u90E8 "),
+                    "span",
+                    null,
+                    toDisplayString(slots.column.title),
+                    1
+                    /* TEXT */
+                  ),
+                  createVNode(_component_a_popover, {
+                    trigger: "click",
+                    placement: "bottomRight",
+                    "overlay-inner-style": {
+                      padding: "0"
+                    }
+                  }, {
+                    content: withCtx(() => [
                       createElementVNode(
                         "div",
                         {
-                          class: normalizeClass(`${unref(bem).e("setting-popover-header")}`)
+                          class: normalizeClass(`${unref(bem).e("setting-popover")}`)
                         },
                         [
-                          createVNode(_component_a_checkbox, {
-                            indeterminate: isIndeterminate.value,
-                            checked: isAllCheck.value,
-                            onChange: handleAllColumnChange
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(" \u5217\u5C55\u793A ")
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["indeterminate", "checked"]),
+                          createCommentVNode(" \u5934\u90E8 "),
                           createElementVNode(
-                            "span",
+                            "div",
                             {
-                              class: normalizeClass(`${unref(bem).e("setting-reset-btn")}`),
-                              onClick: handleClickResetBtn
+                              class: normalizeClass(`${unref(bem).e("setting-popover-header")}`)
                             },
-                            " \u91CD\u7F6E ",
+                            [
+                              createVNode(_component_a_checkbox, {
+                                indeterminate: isIndeterminate.value,
+                                checked: isAllCheck.value,
+                                onChange: handleAllColumnChange
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" \u5217\u5C55\u793A ")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["indeterminate", "checked"]),
+                              createElementVNode(
+                                "span",
+                                {
+                                  class: normalizeClass(`${unref(bem).e("setting-reset-btn")}`),
+                                  onClick: handleClickResetBtn
+                                },
+                                " \u91CD\u7F6E ",
+                                2
+                                /* CLASS */
+                              )
+                            ],
                             2
                             /* CLASS */
-                          )
-                        ],
-                        2
-                        /* CLASS */
-                      ),
-                      createCommentVNode(" \u5185\u5BB9 "),
-                      createElementVNode(
-                        "div",
-                        {
-                          class: normalizeClass(`${unref(bem).e("setting-popover-content")}`)
-                        },
-                        [
-                          createElementVNode("div", null, [
-                            createVNode(unref(draggable), {
-                              list: settingColumns.value,
-                              "item-key": "key",
-                              group: { name: "g1" },
-                              onChange: dragChange
-                            }, {
-                              item: withCtx(({ element }) => [
-                                createElementVNode(
-                                  "div",
-                                  {
-                                    class: normalizeClass(`${unref(bem).e("setting-popover-menu")}`)
-                                  },
-                                  [
-                                    createCommentVNode(" \u62D6\u62FD "),
-                                    createElementVNode(
-                                      "div",
-                                      {
-                                        class: normalizeClass(`flex items-center ${unref(bem).e(
-                                          "setting-popover-menu-left"
-                                        )}`)
-                                      },
-                                      [
-                                        createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
-                                          style: {
-                                            marginright: "5px"
-                                          }
-                                        }, {
-                                          default: withCtx(() => [
-                                            createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-move",
-                                              "class-name": "icon"
-                                            })
-                                          ]),
-                                          _: 1
-                                          /* STABLE */
-                                        }, 8, ["class"]),
-                                        createVNode(_component_a_checkbox, {
-                                          checked: element.isCheck,
-                                          onChange: (e) => {
-                                            handleColumnItemChange(
-                                              e.target?.checked,
-                                              element
-                                            );
-                                          }
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(
-                                              toDisplayString(element.title),
-                                              1
-                                              /* TEXT */
-                                            )
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["checked", "onChange"])
-                                      ],
-                                      2
-                                      /* CLASS */
-                                    ),
+                          ),
+                          createCommentVNode(" \u5185\u5BB9 "),
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(`${unref(bem).e("setting-popover-content")}`)
+                            },
+                            [
+                              createElementVNode("div", null, [
+                                createVNode(unref(draggable), {
+                                  list: settingColumns.value,
+                                  "item-key": "key",
+                                  group: { name: "g1" },
+                                  onChange: dragChange
+                                }, {
+                                  item: withCtx(({ element }) => [
                                     createElementVNode(
                                       "div",
                                       {
-                                        class: normalizeClass(`flex items-center ${unref(bem).e(
-                                          "setting-popover-menu-right"
-                                        )}`)
+                                        class: normalizeClass(`${unref(bem).e("setting-popover-menu")}`)
                                       },
                                       [
-                                        createCommentVNode(" \u5DE6\u79FB "),
-                                        createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
-                                          onClick: ($event) => handleColumnMove(element, "left")
-                                        }, {
-                                          default: withCtx(() => [
-                                            createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-zuoyi",
-                                              "class-name": `icon ${element.fixed === "left" ? unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
-                                            }, null, 8, ["class-name"])
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["class", "onClick"]),
-                                        createVNode(_component_a_divider, { type: "vertical" }),
-                                        createCommentVNode(" \u53F3\u79FB "),
-                                        createVNode(_component_a_button, {
-                                          type: "text",
-                                          class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
-                                          onClick: ($event) => handleColumnMove(element, "right")
-                                        }, {
-                                          default: withCtx(() => [
-                                            createVNode(_component_ll_icon, {
-                                              "icon-name": "icon-youyi",
-                                              "class-name": `icon ${element.fixed === "right" ? unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
-                                            }, null, 8, ["class-name"])
-                                          ]),
-                                          _: 2
-                                          /* DYNAMIC */
-                                        }, 1032, ["class", "onClick"])
+                                        createCommentVNode(" \u62D6\u62FD "),
+                                        createElementVNode(
+                                          "div",
+                                          {
+                                            class: normalizeClass(`flex items-center ${unref(bem).e(
+                                              "setting-popover-menu-left"
+                                            )}`)
+                                          },
+                                          [
+                                            createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
+                                              style: {
+                                                marginright: "5px"
+                                              }
+                                            }, {
+                                              default: withCtx(() => [
+                                                createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-move",
+                                                  "class-name": "icon"
+                                                })
+                                              ]),
+                                              _: 1
+                                              /* STABLE */
+                                            }, 8, ["class"]),
+                                            createVNode(_component_a_checkbox, {
+                                              checked: element.isCheck,
+                                              onChange: (e) => {
+                                                handleColumnItemChange(
+                                                  e.target?.checked,
+                                                  element
+                                                );
+                                              }
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(
+                                                  toDisplayString(element.title),
+                                                  1
+                                                  /* TEXT */
+                                                )
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["checked", "onChange"])
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        ),
+                                        createElementVNode(
+                                          "div",
+                                          {
+                                            class: normalizeClass(`flex items-center ${unref(bem).e(
+                                              "setting-popover-menu-right"
+                                            )}`)
+                                          },
+                                          [
+                                            createCommentVNode(" \u5DE6\u79FB "),
+                                            createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
+                                              onClick: ($event) => handleColumnMove(element, "left")
+                                            }, {
+                                              default: withCtx(() => [
+                                                createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-zuoyi",
+                                                  "class-name": `icon ${element.fixed === "left" ? unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                                }, null, 8, ["class-name"])
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["class", "onClick"]),
+                                            createVNode(_component_a_divider, { type: "vertical" }),
+                                            createCommentVNode(" \u53F3\u79FB "),
+                                            createVNode(_component_a_button, {
+                                              type: "text",
+                                              class: normalizeClass(`${unref(bem).e("setting-popover-menu-icon")}`),
+                                              onClick: ($event) => handleColumnMove(element, "right")
+                                            }, {
+                                              default: withCtx(() => [
+                                                createVNode(_component_ll_icon, {
+                                                  "icon-name": "icon-youyi",
+                                                  "class-name": `icon ${element.fixed === "right" ? unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                                }, null, 8, ["class-name"])
+                                              ]),
+                                              _: 2
+                                              /* DYNAMIC */
+                                            }, 1032, ["class", "onClick"])
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        )
                                       ],
                                       2
                                       /* CLASS */
                                     )
-                                  ],
-                                  2
-                                  /* CLASS */
-                                )
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["list"])
-                          ])
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["list"])
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          )
                         ],
                         2
                         /* CLASS */
                       )
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ]),
-                default: withCtx(() => [
-                  createVNode(_component_a_button, {
-                    type: "text",
-                    class: normalizeClass(`${unref(bem).e("setting-icon")}`)
-                  }, {
+                    ]),
                     default: withCtx(() => [
-                      createVNode(_component_ll_icon, { "icon-name": "icon-set-line" })
+                      createVNode(_component_a_button, {
+                        type: "text",
+                        class: normalizeClass(`${unref(bem).e("setting-icon")}`)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_ll_icon, { "icon-name": "icon-set-line" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["class"])
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ],
-            2
-            /* CLASS */
-          )) : unref(has)(slots.column, "RC_TABLE_INTERNAL_COL_DEFINE") ? renderSlot(_ctx.$slots, "expandedTitle", { key: 1 }) : (openBlock(), createElementBlock(
-            Fragment,
-            { key: 2 },
-            [
-              createTextVNode(
-                toDisplayString(slots.column.title),
-                1
-                /* TEXT */
-              )
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )),
-          createCommentVNode(" \u989D\u5916header\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
-          renderSlot(_ctx.$slots, "tableHeaderCell", normalizeProps(guardReactiveProps(slots)))
-        ]),
-        bodyCell: withCtx((slots) => [
-          createCommentVNode(" \u6DFB\u52A0\u5E8F\u5217\u5217 "),
-          slots.column.key === "#" && _ctx.showIndexColumn ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 0 },
-            [
-              createTextVNode(
-                toDisplayString(slots.index + 1),
-                1
-                /* TEXT */
-              )
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : slots.column.key === "operate" ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 1 },
-            [
-              createCommentVNode(" \u6DFB\u52A0\u64CD\u4F5C\u5217 "),
-              renderSlot(_ctx.$slots, "tableOperate", normalizeProps(guardReactiveProps(slots)))
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u989D\u5916Body\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
-          renderSlot(_ctx.$slots, "tableBodyCell", normalizeProps(guardReactiveProps(slots)))
-        ]),
-        emptyText: withCtx(() => [
-          renderSlot(_ctx.$slots, "emptyText", {}, () => [
-            createVNode(_component_ll_empty)
-          ])
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        _ctx.$slots.expandedRow ? {
-          name: "expandedRowRender",
-          fn: withCtx((slots) => [
-            renderSlot(_ctx.$slots, "expandedRow", normalizeProps(guardReactiveProps(slots)))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots.customFilterDropdown ? {
-          name: "customFilterDropdown",
-          fn: withCtx((slots) => [
-            renderSlot(_ctx.$slots, "customFilterDropdown", normalizeProps(guardReactiveProps(slots)))
-          ]),
-          key: "1"
-        } : void 0,
-        _ctx.$slots.customFilterIcon ? {
-          name: "customFilterIcon",
-          fn: withCtx((slots) => [
-            renderSlot(_ctx.$slots, "customFilterIcon", normalizeProps(guardReactiveProps(slots)))
-          ]),
-          key: "2"
-        } : void 0,
-        _ctx.$slots.summary ? {
-          name: "summary",
-          fn: withCtx((slots) => [
-            renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps(slots)))
-          ]),
-          key: "3"
-        } : void 0
-      ]), 1040, ["class", "columns", "data-source", "expanded-row-keys", "custom-row", "onChange", "onExpandedRowsChange"]);
+                  })
+                ],
+                2
+                /* CLASS */
+              )) : unref(has)(slots.column, "RC_TABLE_INTERNAL_COL_DEFINE") ? renderSlot(_ctx.$slots, "expandedTitle", { key: 1 }) : (openBlock(), createElementBlock(
+                Fragment,
+                { key: 2 },
+                [
+                  createTextVNode(
+                    toDisplayString(slots.column.title),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )),
+              createCommentVNode(" \u989D\u5916header\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
+              renderSlot(_ctx.$slots, "tableHeaderCell", normalizeProps(guardReactiveProps(slots)))
+            ]),
+            bodyCell: withCtx((slots) => [
+              createCommentVNode(" \u6DFB\u52A0\u5E8F\u5217\u5217 "),
+              slots.column.key === "#" && _ctx.showIndexColumn ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(slots.index + 1),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : slots.column.key === "operate" ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 1 },
+                [
+                  createCommentVNode(" \u6DFB\u52A0\u64CD\u4F5C\u5217 "),
+                  renderSlot(_ctx.$slots, "tableOperate", normalizeProps(guardReactiveProps(slots)))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u989D\u5916Body\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
+              renderSlot(_ctx.$slots, "tableBodyCell", normalizeProps(guardReactiveProps(slots)))
+            ]),
+            emptyText: withCtx(() => [
+              renderSlot(_ctx.$slots, "emptyText", {}, () => [
+                createVNode(_component_ll_empty)
+              ])
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            _ctx.$slots.expandedRow ? {
+              name: "expandedRowRender",
+              fn: withCtx((slots) => [
+                renderSlot(_ctx.$slots, "expandedRow", normalizeProps(guardReactiveProps(slots)))
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.customFilterDropdown ? {
+              name: "customFilterDropdown",
+              fn: withCtx((slots) => [
+                renderSlot(_ctx.$slots, "customFilterDropdown", normalizeProps(guardReactiveProps(slots)))
+              ]),
+              key: "1"
+            } : void 0,
+            _ctx.$slots.customFilterIcon ? {
+              name: "customFilterIcon",
+              fn: withCtx((slots) => [
+                renderSlot(_ctx.$slots, "customFilterIcon", normalizeProps(guardReactiveProps(slots)))
+              ]),
+              key: "2"
+            } : void 0,
+            _ctx.$slots.summary ? {
+              name: "summary",
+              fn: withCtx((slots) => [
+                renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps(slots)))
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["class", "columns", "data-source", "expanded-row-keys", "custom-row", "scroll", "onChange", "onExpandedRowsChange"])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
     };
   }
 });