ll-plus 1.0.0 → 1.0.3

package/lib/components/table/src/components/main-table.vue2.js

@@ -0,0 +1,553 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../utils/index.js');
+var draggable = require('vuedraggable');
+var table = require('../table.js');
+var createNamespace = require('../../../../utils/create-namespace.js');
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TableMain"
+  },
+  __name: "main-table",
+  props: table.mainTableProps,
+  emits: ["handleChangeDataSource"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = vue.useAttrs();
+    const newColumns = vue.ref([]);
+    const settingColumns = vue.ref([]);
+    const newDataSource = vue.ref([]);
+    const newExpandedRowKeys = vue.ref([]);
+    let preIndex = -1;
+    let nextIndex = -1;
+    const bem = createNamespace.createNamespace("table");
+    const handleAddSerialNumberAndOperateToColumns = () => {
+      if (props.showIndexColumn) {
+        newColumns.value.unshift({
+          title: "#",
+          dataIndex: "#",
+          key: "#",
+          width: 50,
+          fixed: "left",
+          class: "table-serial-number-cell"
+        });
+      }
+      if (props.showOperate) {
+        newColumns.value.push({
+          title: "\u64CD\u4F5C",
+          dataIndex: "",
+          key: "operate",
+          width: 120,
+          fixed: "right",
+          class: "table-serial-operate-cell"
+        });
+      }
+    };
+    const handleColumnsSortByFixed = (list, isDrag) => {
+      const newList = list;
+      const leftFixedColumns = [], normalFixedColumns = [], rightFixedColumns = [];
+      newList.forEach((item) => {
+        const fixed = item.fixed;
+        if (fixed === "left") {
+          leftFixedColumns.push(item);
+        } else if (fixed === "right") {
+          rightFixedColumns.push(item);
+        } else {
+          normalFixedColumns.push(item);
+        }
+      });
+      leftFixedColumns.sort(
+        (a, b) => a.columnSortIndex - b.columnSortIndex
+      );
+      normalFixedColumns.sort(
+        (a, b) => a.columnSortIndex - b.columnSortIndex
+      );
+      rightFixedColumns.sort(
+        (a, b) => a.columnSortIndex - b.columnSortIndex
+      );
+      newColumns.value = [
+        ...leftFixedColumns,
+        ...normalFixedColumns,
+        ...rightFixedColumns
+      ];
+      if (isDrag) {
+        handleAddSerialNumberAndOperateToColumns();
+      }
+    };
+    vue.watch(
+      () => props.dataSource,
+      (newValue) => {
+        newDataSource.value = [...newValue];
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    vue.watch(
+      () => [
+        props.columns,
+        props.settingKey,
+        props.showIndexColumn,
+        props.showOperate
+      ],
+      (arr) => {
+        const [newValue, key] = arr;
+        let newcolumns = [];
+        if (key && localStorage.getItem(key)) {
+          const localStorageColumns = localStorage.getItem(key);
+          if (localStorageColumns) {
+            newcolumns = JSON.parse(localStorageColumns);
+          }
+        } else {
+          newcolumns = newValue.map((item, index) => ({
+            ...item,
+            isCheck: true,
+            columnSortIndex: item.columnSortIndex === 0 || item.columnSortIndex ? item.columnSortIndex : index
+          }));
+        }
+        newColumns.value = [...newcolumns].filter((item) => item.isCheck);
+        handleAddSerialNumberAndOperateToColumns();
+        handleColumnsSortByFixed(newColumns.value);
+        settingColumns.value = [...newcolumns];
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    vue.watch(
+      () => props.expandedRowKeys,
+      (newValue) => {
+        newExpandedRowKeys.value = [...newValue];
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    const handleExpand = (expanded, record) => {
+      if (expanded) {
+        newExpandedRowKeys.value.push(record.id);
+      } else {
+        const index = newExpandedRowKeys.value.findIndex(
+          (e) => e === record.id
+        );
+        newExpandedRowKeys.value.splice(index, 1);
+      }
+      props.expand && props.expand(expanded, record);
+    };
+    const handleResizeColumn = (w, col) => {
+      col.width = w;
+      props.resizeColumn && props.resizeColumn(w, col);
+    };
+    const dragCustomRow = (_, index) => {
+      const normalConfig = {
+        props: {
+          // draggable: 'true'
+        },
+        draggable: true,
+        style: {
+          cursor: "pointer"
+        },
+        // 鼠标移入
+        onMouseenter: (event) => {
+          const target = event.target;
+          target.draggable = true;
+        },
+        // 开始拖拽
+        onDragstart: (event) => {
+          event.stopPropagation();
+          preIndex = index;
+        },
+        // 拖动元素经过的元素
+        onDragover: (event) => {
+          event.preventDefault();
+        },
+        // 鼠标松开
+        onDrop: (event) => {
+          let sortSource = [];
+          event.stopPropagation();
+          nextIndex = index;
+          const dataSource = newDataSource.value;
+          const preItem = { ...dataSource[preIndex] };
+          const nextItem = { ...dataSource[nextIndex] };
+          const preSort = preItem.sort;
+          const nextSort = nextItem.sort;
+          preItem.sort = nextSort;
+          nextItem.sort = preSort;
+          dataSource[preIndex] = nextItem;
+          dataSource[nextIndex] = preItem;
+          sortSource = [...dataSource];
+          emits("handleChangeDataSource", sortSource);
+          props.dragChange && props.dragChange(sortSource);
+        }
+      };
+      const extraConfig = props.customRowProps ? { ...props.customRowProps(_, index) } : {};
+      return { ...normalConfig, ...extraConfig };
+    };
+    const isAllCheck = vue.computed(() => {
+      return settingColumns.value.every((item) => item.isCheck);
+    });
+    const isIndeterminate = vue.computed(() => {
+      const getIsChecks = settingColumns.value.filter((item) => item.isCheck);
+      return getIsChecks.length === 0 ? false : settingColumns.value.length > getIsChecks.length;
+    });
+    const handleChangeColumns = () => {
+      const isCheckSettingColumns = settingColumns.value.filter(
+        (item, index) => {
+          item.columnSortIndex = index;
+          return item.isCheck;
+        }
+      );
+      handleColumnsSortByFixed(isCheckSettingColumns, true);
+    };
+    const handleColumnItemChange = (value, item) => {
+      const findSettingIndex = settingColumns.value.findIndex(
+        (citem) => item.key === citem.key
+      );
+      if (findSettingIndex > -1) {
+        settingColumns.value[findSettingIndex].isCheck = value;
+        handleChangeColumns();
+        handleClickSubmitBtn();
+      }
+    };
+    const handleAllColumnChange = (e) => {
+      const checked = e.target.checked;
+      settingColumns.value.forEach((item) => item.isCheck = checked);
+      if (checked) {
+        newColumns.value = [...props.columns];
+      } else {
+        newColumns.value = [];
+      }
+      handleAddSerialNumberAndOperateToColumns();
+      handleClickSubmitBtn();
+    };
+    const dragChange = () => {
+      handleChangeColumns();
+      handleClickSubmitBtn();
+    };
+    const handleClickResetBtn = () => {
+      const newcolumns = props.columns.map((item, index) => ({
+        ...item,
+        isCheck: true,
+        columnSortIndex: index
+      }));
+      newColumns.value = [...newcolumns];
+      handleAddSerialNumberAndOperateToColumns();
+      settingColumns.value = [...newcolumns];
+      handleClickSubmitBtn();
+    };
+    const handleClickSubmitBtn = () => {
+      if (props.settingKey) {
+        localStorage.setItem(props.settingKey, JSON.stringify(settingColumns.value));
+      }
+    };
+    const handleColumnMove = (element, way) => {
+      const fixed = element.fixed;
+      if (fixed === way) {
+        element.fixed = false;
+      } else {
+        element.fixed = way;
+      }
+      handleColumnsSortByFixed(newColumns.value);
+      handleClickSubmitBtn();
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      const _component_a_checkbox = vue.resolveComponent("a-checkbox");
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_a_button = vue.resolveComponent("a-button");
+      const _component_a_divider = vue.resolveComponent("a-divider");
+      const _component_a_popover = vue.resolveComponent("a-popover");
+      const _component_a_table = vue.resolveComponent("a-table");
+      return vue.openBlock(), vue.createBlock(_component_a_table, vue.mergeProps({
+        class: `${vue.unref(bem).e("main-content")}`,
+        "row-key": "id"
+      }, vue.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: {
+          scrollToFirstRowOnChange: true,
+          x: ((_a = props == null ? void 0 : props.scroll) == null ? void 0 : _a.x) ? (_b = props == null ? void 0 : props.scroll) == null ? void 0 : _b.x : "max-content",
+          y: ((_c = props == null ? void 0 : props.scroll) == null ? void 0 : _c.y) ? (_d = props == null ? void 0 : props.scroll) == null ? void 0 : _d.y : "100%"
+        },
+        onExpand: handleExpand,
+        onResizeColumn: handleResizeColumn,
+        onChange: props.change,
+        onExpandedRowsChange: props.expandedRowsChange
+      }), {
+        headerCell: vue.withCtx((slots) => [
+          slots.column.key === "operate" && _ctx.showSetting ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(`${vue.unref(bem).e("operate")}`)
+            },
+            [
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(slots.column.title),
+                1
+                /* TEXT */
+              ),
+              vue.createVNode(_component_a_popover, {
+                trigger: "click",
+                placement: "bottomRight",
+                "overlay-inner-style": {
+                  padding: "0"
+                }
+              }, {
+                content: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover")}`)
+                    },
+                    [
+                      vue.createCommentVNode(" \u5934\u90E8 "),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-header")}`)
+                        },
+                        [
+                          vue.createVNode(_component_a_checkbox, {
+                            indeterminate: isIndeterminate.value,
+                            checked: isAllCheck.value,
+                            onChange: handleAllColumnChange
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(" \u5217\u5C55\u793A ")
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["indeterminate", "checked"]),
+                          vue.createElementVNode(
+                            "span",
+                            {
+                              class: vue.normalizeClass(`${vue.unref(bem).e("setting-reset-btn")}`),
+                              onClick: handleClickResetBtn
+                            },
+                            " \u91CD\u7F6E ",
+                            2
+                            /* CLASS */
+                          )
+                        ],
+                        2
+                        /* CLASS */
+                      ),
+                      vue.createCommentVNode(" \u5185\u5BB9 "),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-content")}`)
+                        },
+                        [
+                          vue.createElementVNode("div", null, [
+                            vue.createVNode(vue.unref(draggable), {
+                              list: settingColumns.value,
+                              "item-key": "key",
+                              group: { name: "g1" },
+                              onChange: dragChange
+                            }, {
+                              item: vue.withCtx(({ element }) => [
+                                vue.createElementVNode(
+                                  "div",
+                                  {
+                                    class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu")}`)
+                                  },
+                                  [
+                                    vue.createCommentVNode(" \u62D6\u62FD "),
+                                    vue.createElementVNode(
+                                      "div",
+                                      {
+                                        class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
+                                          "setting-popover-menu-left"
+                                        )}`)
+                                      },
+                                      [
+                                        vue.createVNode(_component_a_button, {
+                                          type: "text",
+                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                          style: {
+                                            marginright: "5px"
+                                          }
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_ll_icon, {
+                                              "icon-name": "icon-move",
+                                              "class-name": "icon"
+                                            })
+                                          ]),
+                                          _: 1
+                                          /* STABLE */
+                                        }, 8, ["class"]),
+                                        vue.createVNode(_component_a_checkbox, {
+                                          checked: element.isCheck,
+                                          onChange: (e) => {
+                                            var _a2;
+                                            handleColumnItemChange((_a2 = e.target) == null ? void 0 : _a2.checked, element);
+                                          }
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createTextVNode(
+                                              vue.toDisplayString(element.title),
+                                              1
+                                              /* TEXT */
+                                            )
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["checked", "onChange"])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    ),
+                                    vue.createElementVNode(
+                                      "div",
+                                      {
+                                        class: vue.normalizeClass(`flex items-center ${vue.unref(bem).e(
+                                          "setting-popover-menu-right"
+                                        )}`)
+                                      },
+                                      [
+                                        vue.createCommentVNode(" \u5DE6\u79FB "),
+                                        vue.createVNode(_component_a_button, {
+                                          type: "text",
+                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                          onClick: ($event) => handleColumnMove(element, "left")
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_ll_icon, {
+                                              "icon-name": "icon-zuoyi",
+                                              "class-name": `icon ${element.fixed === "left" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                            }, null, 8, ["class-name"])
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["class", "onClick"]),
+                                        vue.createVNode(_component_a_divider, { type: "vertical" }),
+                                        vue.createCommentVNode(" \u53F3\u79FB "),
+                                        vue.createVNode(_component_a_button, {
+                                          type: "text",
+                                          class: vue.normalizeClass(`${vue.unref(bem).e("setting-popover-menu-icon")}`),
+                                          onClick: ($event) => handleColumnMove(element, "right")
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createVNode(_component_ll_icon, {
+                                              "icon-name": "icon-youyi",
+                                              "class-name": `icon ${element.fixed === "right" ? vue.unref(bem).e("setting-popover-menu-fixed-icon") : ""}`
+                                            }, null, 8, ["class-name"])
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["class", "onClick"])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ],
+                                  2
+                                  /* CLASS */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["list"])
+                          ])
+                        ],
+                        2
+                        /* CLASS */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_a_button, {
+                    type: "text",
+                    class: vue.normalizeClass(`${vue.unref(bem).e("setting-icon")}`)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_ll_icon, { "icon-name": "icon-set-line" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ],
+            2
+            /* CLASS */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createTextVNode(
+                vue.toDisplayString(slots.column.title),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
+          vue.createCommentVNode(" \u989D\u5916header\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
+          vue.renderSlot(_ctx.$slots, "tableHeaderCell", vue.normalizeProps(vue.guardReactiveProps(slots)))
+        ]),
+        bodyCell: vue.withCtx((slots) => [
+          vue.createCommentVNode(" \u6DFB\u52A0\u5E8F\u5217\u5217 "),
+          slots.column.key === "#" && _ctx.showIndexColumn ? (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            [
+              vue.createTextVNode(
+                vue.toDisplayString(slots.index + 1),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : slots.column.key === "operate" ? (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u6DFB\u52A0\u64CD\u4F5C\u5217 "),
+              vue.renderSlot(_ctx.$slots, "tableOperate", vue.normalizeProps(vue.guardReactiveProps(slots)))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u989D\u5916Body\u5355\u5143\u683C\u7684\u63D2\u69FD\u5185\u5BB9 "),
+          vue.renderSlot(_ctx.$slots, "tableBodyCell", vue.normalizeProps(vue.guardReactiveProps(slots)))
+        ]),
+        emptyText: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "emptyText", {}, () => [
+            vue.createCommentVNode(" <ll-empty>\n          <template #content>\u6682\u65E0\u6570\u636E</template>\n        </ll-empty> ")
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class", "columns", "data-source", "expanded-row-keys", "custom-row", "scroll", "onChange", "onExpandedRowsChange"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=main-table.vue2.js.map

package/lib/components/table/src/components/main-table.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-table.vue2.js","sources":["../../../../../../packages/components/table/src/components/main-table.vue"],"sourcesContent":["<template>\n  <a-table\n    :class=\"`${bem.e('main-content')}`\"\n    row-key=\"id\"\n    v-bind=\"attrs\"\n    :columns=\"newColumns\"\n    :data-source=\"newDataSource\"\n    :expanded-row-keys=\"newExpandedRowKeys\"\n    :custom-row=\"props.showDrag ? dragCustomRow : (customRowProps as any)\"\n    :pagination=\"false\"\n    show-header\n    :scroll=\"{\n      scrollToFirstRowOnChange: true,\n      x: props?.scroll?.x ? props?.scroll?.x : 'max-content',\n      y: props?.scroll?.y ? props?.scroll?.y : '100%'\n    }\"\n    @expand=\"handleExpand\"\n    @resize-column=\"handleResizeColumn\"\n    @change=\"props.change\"\n    @expanded-rows-change=\"props.expandedRowsChange\"\n  >\n    <!-- 1.表头插槽 -->\n    <template #headerCell=\"slots\">\n      <template v-if=\"slots.column.key === 'operate' && showSetting\">\n        <div :class=\"`${bem.e('operate')}`\">\n          <span>{{ slots.column.title }}</span>\n          <a-popover\n            trigger=\"click\"\n            placement=\"bottomRight\"\n            :overlay-inner-style=\"{\n              padding: '0'\n            }\"\n          >\n            <template #content>\n              <div :class=\"`${bem.e('setting-popover')}`\">\n                <!-- 头部 -->\n                <div :class=\"`${bem.e('setting-popover-header')}`\">\n                  <a-checkbox\n                    :indeterminate=\"isIndeterminate\"\n                    :checked=\"isAllCheck\"\n                    @change=\"handleAllColumnChange\"\n                  >\n                    列展示\n                  </a-checkbox>\n                  <span\n                    :class=\"`${bem.e('setting-reset-btn')}`\"\n                    @click=\"handleClickResetBtn\"\n                  >\n                    重置\n                  </span>\n                </div>\n                <!-- 内容 -->\n                <div :class=\"`${bem.e('setting-popover-content')}`\">\n                  <div>\n                    <draggable\n                      :list=\"settingColumns\"\n                      item-key=\"key\"\n                      :group=\"{ name: 'g1' }\"\n                      @change=\"dragChange\"\n                    >\n                      <template #item=\"{ element }\">\n                        <div :class=\"`${bem.e('setting-popover-menu')}`\">\n                          <!-- 拖拽 -->\n                          <div\n                            :class=\"`flex items-center ${bem.e(\n                              'setting-popover-menu-left'\n                            )}`\"\n                          >\n                            <a-button\n                              type=\"text\"\n                              :class=\"`${bem.e('setting-popover-menu-icon')}`\"\n                              :style=\"{\n                                marginright: '5px'\n                              }\"\n                            >\n                              <ll-icon\n                                icon-name=\"icon-move\"\n                                class-name=\"icon\"\n                              />\n                            </a-button>\n                            <a-checkbox\n                              :checked=\"element.isCheck\"\n                              @change=\"\n                                (e: any) =>\n                                 {\n                                   handleColumnItemChange(e.target?.checked!, element)\n                                 }\n                              \"\n                            >\n                              {{ element.title }}\n                            </a-checkbox>\n                          </div>\n                          <div\n                            :class=\"`flex items-center ${bem.e(\n                              'setting-popover-menu-right'\n                            )}`\"\n                          >\n                            <!-- 左移 -->\n                            <a-button\n                              type=\"text\"\n                              :class=\"`${bem.e('setting-popover-menu-icon')}`\"\n                              @click=\"handleColumnMove(element, 'left')\"\n                            >\n                              <ll-icon\n                                icon-name=\"icon-zuoyi\"\n                                :class-name=\"`icon ${\n                                  element.fixed === 'left'\n                                    ? bem.e('setting-popover-menu-fixed-icon')\n                                    : ''\n                                }`\"\n                              />\n                            </a-button>\n                            <a-divider type=\"vertical\" />\n                            <!-- 右移 -->\n                            <a-button\n                              type=\"text\"\n                              :class=\"`${bem.e('setting-popover-menu-icon')}`\"\n                              @click=\"handleColumnMove(element, 'right')\"\n                            >\n                              <ll-icon\n                                icon-name=\"icon-youyi\"\n                                :class-name=\"`icon ${\n                                  element.fixed === 'right'\n                                    ? bem.e('setting-popover-menu-fixed-icon')\n                                    : ''\n                                }`\"\n                              />\n                            </a-button>\n                          </div>\n                        </div>\n                      </template>\n                    </draggable>\n                  </div>\n                </div>\n              </div>\n            </template>\n            <a-button type=\"text\" :class=\"`${bem.e('setting-icon')}`\">\n              <ll-icon icon-name=\"icon-set-line\" />\n            </a-button>\n          </a-popover>\n        </div>\n      </template>\n      <template v-else>{{ slots.column.title }}</template>\n      <!-- 额外header单元格的插槽内容 -->\n      <slot name=\"tableHeaderCell\" v-bind=\"slots\"></slot>\n    </template>\n    <!-- 2.表格内容插槽 -->\n    <template #bodyCell=\"slots\">\n      <!-- 添加序列列 -->\n      <template v-if=\"slots.column.key === '#' && showIndexColumn\">\n        {{ slots.index + 1 }}\n      </template>\n      <!-- 添加操作列 -->\n      <template v-else-if=\"slots.column.key === 'operate'\">\n        <slot name=\"tableOperate\" v-bind=\"slots\"></slot>\n      </template>\n      <!-- 额外Body单元格的插槽内容 -->\n      <slot name=\"tableBodyCell\" v-bind=\"slots\"></slot>\n    </template>\n    <!-- 3.空状态自定义插槽 -->\n    <template #emptyText>\n      <slot name=\"emptyText\">\n        <!-- <ll-empty>\n          <template #content>暂无数据</template>\n        </ll-empty> -->\n      </slot>\n    </template>\n  </a-table>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch, computed, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport draggable from 'vuedraggable'\n\nimport { mainTableProps } from '../table'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'TableMain'\n})\n\n// 2.props/emits\nconst props = defineProps(mainTableProps)\nconst emits = defineEmits([\"handleChangeDataSource\"])\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 3.ref/let/const\nconst newColumns: any = ref([]) // 显示在表格的columns\nconst settingColumns: any = ref([])\nconst newDataSource: any = ref([])\nconst newExpandedRowKeys: any = ref([]) //展开的id数组\nlet preIndex = -1 // 源目标数据序号\nlet nextIndex = -1 // 目标数据序号\nconst bem = createNamespace('table')\n\n// 往表格列中添加序号和操作\nconst handleAddSerialNumberAndOperateToColumns = () => {\n  if (props.showIndexColumn) {\n    newColumns.value.unshift({\n      title: '#',\n      dataIndex: '#',\n      key: '#',\n      width: 50,\n      fixed: 'left',\n      class: 'table-serial-number-cell'\n    })\n  }\n  if (props.showOperate) {\n    newColumns.value.push({\n      title: '操作',\n      dataIndex: '',\n      key: 'operate',\n      width: 120,\n      fixed: 'right',\n      class: 'table-serial-operate-cell'\n    })\n  }\n}\n// 处理表格列的左、右固定排序(letf放最左边，没有定位放中间，右边放right定位）\nconst handleColumnsSortByFixed = (list: any, isDrag?: boolean) => {\n  const newList = list\n  const leftFixedColumns: any = [],\n    normalFixedColumns: any = [],\n    rightFixedColumns: any = []\n  newList.forEach((item: any) => {\n    const fixed = item.fixed\n    if (fixed === 'left') {\n      leftFixedColumns.push(item)\n    } else if (fixed === 'right') {\n      rightFixedColumns.push(item)\n    } else {\n      normalFixedColumns.push(item)\n    }\n  })\n  leftFixedColumns.sort(\n    (a: any, b: any) => a.columnSortIndex - b.columnSortIndex\n  )\n  normalFixedColumns.sort(\n    (a: any, b: any) => a.columnSortIndex - b.columnSortIndex\n  )\n  rightFixedColumns.sort(\n    (a: any, b: any) => a.columnSortIndex - b.columnSortIndex\n  )\n  newColumns.value = [\n    ...leftFixedColumns,\n    ...normalFixedColumns,\n    ...rightFixedColumns\n  ]\n  if (isDrag) {\n    handleAddSerialNumberAndOperateToColumns()\n  }\n}\n\n// 4.watch\nwatch(\n  () => props.dataSource,\n  (newValue: any) => {\n    newDataSource.value = [...newValue]\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n// 从本地存储中获取columns/没有则用用户传的\nwatch(\n  () => [\n    props.columns,\n    props.settingKey,\n    props.showIndexColumn,\n    props.showOperate\n  ],\n  (arr: any) => {\n    const [newValue, key] = arr\n    let newcolumns = []\n    // 有key\n    if (key && localStorage.getItem(key)) {\n      const localStorageColumns = localStorage.getItem(key)\n      if (localStorageColumns) {\n        newcolumns = JSON.parse(localStorageColumns)\n      }\n    } else {\n      // 没key\n      newcolumns = newValue.map((item: any, index: number) => ({\n        ...item,\n        isCheck: true,\n        columnSortIndex:\n          item.columnSortIndex === 0 || item.columnSortIndex\n            ? item.columnSortIndex\n            : index\n      }))\n    }\n    // 1.过滤掉没有选中的\n    newColumns.value = [...newcolumns].filter((item: any) => item.isCheck)\n    // 2.如果有设置序列和操作，则添加\n    handleAddSerialNumberAndOperateToColumns()\n    // 3.根据定位来排序\n    handleColumnsSortByFixed(newColumns.value)\n    settingColumns.value = [...newcolumns]\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => props.expandedRowKeys,\n  (newValue: any) => {\n    newExpandedRowKeys.value = [...newValue]\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n// 5.methods\n//重新定义树状展开关闭功能\nconst handleExpand = (expanded: boolean, record: any) => {\n  if (expanded) {\n    newExpandedRowKeys.value.push(record.id)\n  } else {\n    const index = newExpandedRowKeys.value.findIndex(\n      (e: any) => e === record.id\n    )\n    newExpandedRowKeys.value.splice(index, 1)\n  }\n  props.expand && props.expand(expanded, record)\n}\n// 列拖拽\nconst handleResizeColumn = (w: any, col: any) => {\n  col.width = w\n  props.resizeColumn && props.resizeColumn(w, col)\n}\n// 拖动排序\nconst dragCustomRow = (_: any, index: number) => {\n  const normalConfig = {\n    props: {\n      // draggable: 'true'\n    },\n    draggable: true,\n    style: {\n      cursor: 'pointer'\n    },\n    // 鼠标移入\n    onMouseenter: (event: Event) => {\n      const target = event.target as HTMLElement\n      target.draggable = true // 让你要拖动的行可以拖动，默认不可以\n    },\n    // 开始拖拽\n    onDragstart: (event: Event) => {\n      event.stopPropagation()\n      preIndex = index\n    },\n    // 拖动元素经过的元素\n    onDragover: (event: Event) => {\n      event.preventDefault()\n    },\n    // 鼠标松开\n    onDrop: (event: Event) => {\n      let sortSource: any[] = []\n      event.stopPropagation()\n      // 得到目标数据序号\n      nextIndex = index\n      const dataSource = newDataSource.value\n      // 排序后两个sort互换\n      const preItem = { ...dataSource[preIndex] }\n      const nextItem = { ...dataSource[nextIndex] }\n      const preSort = preItem.sort\n      const nextSort = nextItem.sort\n      preItem.sort = nextSort\n      nextItem.sort = preSort\n\n      dataSource[preIndex] = nextItem\n      dataSource[nextIndex] = preItem\n      sortSource = [...dataSource]\n      emits('handleChangeDataSource', sortSource)\n      props.dragChange && props.dragChange(sortSource)\n    }\n  }\n  const extraConfig = props.customRowProps\n    ? { ...props.customRowProps(_, index) }\n    : {}\n  return { ...normalConfig, ...extraConfig }\n}\n// 是否全选\nconst isAllCheck = computed(() => {\n  return settingColumns.value.every((item: any) => item.isCheck)\n})\n// 是否全选\nconst isIndeterminate = computed(() => {\n  const getIsChecks = settingColumns.value.filter((item: any) => item.isCheck)\n  return getIsChecks.length === 0\n    ? false\n    : settingColumns.value.length > getIsChecks.length\n})\n// 单个checkbox的change\nconst handleChangeColumns = () => {\n  const isCheckSettingColumns = settingColumns.value.filter(\n    (item: any, index: number) => {\n      item.columnSortIndex = index\n      return item.isCheck\n    }\n  )\n  handleColumnsSortByFixed(isCheckSettingColumns, true)\n}\n\nconst handleColumnItemChange = (value: boolean, item: any) => {\n  const findSettingIndex = settingColumns.value.findIndex(\n    (citem: any) => item.key === citem.key\n  )\n\n  if (findSettingIndex > -1) {\n    settingColumns.value[findSettingIndex].isCheck = value\n    handleChangeColumns()\n    handleClickSubmitBtn()\n  }\n}\n// 全选change\nconst handleAllColumnChange = (e: any) => {\n  const checked = e.target.checked\n  settingColumns.value.forEach((item: any) => (item.isCheck = checked))\n  if (checked) {\n    newColumns.value = [...props.columns]\n  } else {\n    newColumns.value = []\n  }\n  handleAddSerialNumberAndOperateToColumns()\n  handleClickSubmitBtn()\n}\n// 拖拽change\nconst dragChange = () => {\n  handleChangeColumns()\n  handleClickSubmitBtn()\n}\n// 点击重置按钮\nconst handleClickResetBtn = () => {\n  const newcolumns = props.columns.map((item: any, index: number) => ({\n    ...item,\n    isCheck: true,\n    columnSortIndex: index\n  }))\n  newColumns.value = [...newcolumns]\n  handleAddSerialNumberAndOperateToColumns()\n  settingColumns.value = [...newcolumns]\n  handleClickSubmitBtn()\n}\n// 点击保存按钮\nconst handleClickSubmitBtn = () => {\n  if (props.settingKey) {\n    localStorage.setItem(props.settingKey, JSON.stringify(settingColumns.value))\n  }\n}\n// 处理column左固定和右固定\nconst handleColumnMove = (element: any, way: string) => {\n  const fixed = element.fixed\n  if (fixed === way) {\n    element.fixed = false\n  } else {\n    element.fixed = way\n  }\n  handleColumnsSortByFixed(newColumns.value)\n  handleClickSubmitBtn()\n}\n</script>\n"],"names":["useAttrs","ref","createNamespace","watch","computed"],"mappings":"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"}

package/lib/components/table/src/components/pagination.vue.d.ts

@@ -0,0 +1,65 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly current: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly onChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, () => void, boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly onChange: Function;
+        readonly total: number;
+        readonly current: number;
+        readonly pageSize: number;
+    } & {}>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    handlePageChange: (page: number, pageSize: number) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly current: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly pageSize: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly onChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, () => void, boolean>;
+}>>, {
+    readonly onChange: Function;
+}, {}>;
+export default _default;