@ditari/bsui 1.1.48 → 5.0.1

package/dist/cjs/components/tab/Tab.vue2.cjs

@@ -0,0 +1,184 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var iconsVue = require('@ant-design/icons-vue');
+var css = require('@emotion/css');
+
+const _hoisted_1 = { class: "d-tabs-nav" };
+const _hoisted_2 = { style: { "padding": "0 10px" } };
+const _hoisted_3 = { class: "tab-item" };
+const _hoisted_4 = { class: "tab-close" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Tab",
+  setup(__props) {
+    const { token, tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();
+    const { activeKey } = useTabState();
+    function useStyle() {
+      const { useToken } = antDesignVue.theme;
+      const { token: token2 } = useToken();
+      const tabsNavStyle2 = vue.computed(() => {
+        return css.css`
+      background: ${token2.value.colorPrimary};
+      padding-top: 10px;
+    `;
+      });
+      const tabHoverBgStyle2 = vue.computed(() => {
+        return css.css`
+      &:before {
+        background: ${token2.value.colorPrimaryBgHover};
+      }
+    `;
+      });
+      const closeBtnStyle2 = vue.computed(() => {
+        return css.css`
+      &:hover {
+        background: ${token2.value.colorPrimaryBorderHover};
+        border-radius: 50%;
+      }
+    `;
+      });
+      return {
+        token: token2,
+        tabsNavStyle: tabsNavStyle2,
+        tabHoverBgStyle: tabHoverBgStyle2,
+        closeBtnStyle: closeBtnStyle2
+      };
+    }
+    function useTabState() {
+      const activeKey2 = vue.ref();
+      return {
+        activeKey: activeKey2
+      };
+    }
+    return (_ctx, _cache) => {
+      const _component_a_input = vue.resolveComponent("a-input");
+      const _component_a_button = vue.resolveComponent("a-button");
+      const _component_a_popover = vue.resolveComponent("a-popover");
+      const _component_a_tab_pane = vue.resolveComponent("a-tab-pane");
+      const _component_a_tabs = vue.resolveComponent("a-tabs");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["tabs-nav-wrapper", vue.unref(tabsNavStyle)])
+        },
+        [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_a_tabs, {
+              size: "small",
+              activeKey: vue.unref(activeKey),
+              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeKey) ? activeKey.value = $event : null),
+              type: "card",
+              "hide-add": ""
+            }, {
+              leftExtra: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(_component_a_popover, { placement: "bottomRight" }, {
+                    content: vue.withCtx(() => [
+                      vue.createVNode(_component_a_input, {
+                        bordered: false,
+                        placeholder: "\u641C\u7D22\u6807\u7B7E\u9875"
+                      }, {
+                        prefix: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.SearchOutlined))
+                        ]),
+                        suffix: vue.withCtx(() => [
+                          vue.createElementVNode(
+                            "span",
+                            {
+                              style: vue.normalizeStyle({ color: vue.unref(token).colorTextTertiary })
+                            },
+                            "Ctrl+Shift+S",
+                            4
+                            /* STYLE */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_a_button, {
+                        size: "small",
+                        shape: "circle",
+                        icon: vue.h(vue.unref(iconsVue.SearchOutlined)),
+                        title: "\u641C\u7D22\u6807\u7B7E\u9875"
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])
+              ]),
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(50, (item) => {
+                    return vue.createVNode(_component_a_tab_pane, {
+                      key: item,
+                      closable: false,
+                      class: vue.normalizeClass({ active: vue.unref(activeKey) === item })
+                    }, {
+                      tab: vue.withCtx(() => [
+                        vue.createElementVNode(
+                          "div",
+                          {
+                            class: vue.normalizeClass(["tab-hover-bg", vue.unref(tabHoverBgStyle)])
+                          },
+                          null,
+                          2
+                          /* CLASS */
+                        ),
+                        _cache[1] || (_cache[1] = vue.createElementVNode(
+                          "div",
+                          { class: "tab-dividers" },
+                          null,
+                          -1
+                          /* HOISTED */
+                        )),
+                        vue.createElementVNode(
+                          "div",
+                          _hoisted_3,
+                          vue.toDisplayString(item),
+                          1
+                          /* TEXT */
+                        ),
+                        vue.createElementVNode("div", _hoisted_4, [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(["close-btn", vue.unref(closeBtnStyle)])
+                            },
+                            [
+                              vue.createVNode(vue.unref(iconsVue.CloseOutlined))
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["class"]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["activeKey"])
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=Tab.vue2.cjs.map

package/dist/cjs/components/tab/Tab.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.vue2.cjs","sources":["../../../../src/components/tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, type ComputedRef, h, ref } from \"vue\";\r\nimport { theme } from \"ant-design-vue\";\r\n\r\nimport { CloseOutlined, SearchOutlined } from \"@ant-design/icons-vue\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { GlobalToken } from \"ant-design-vue/es/theme/interface\";\r\n\r\nconst { token, tabsNavStyle, tabHoverBgStyle, closeBtnStyle } = useStyle();\r\nconst { activeKey } = useTabState();\r\n\r\nfunction useStyle() {\r\n  const { useToken } = theme;\r\n  const { token }: { token: ComputedRef<GlobalToken> } = useToken();\r\n\r\n  const tabsNavStyle = computed(() => {\r\n    return css`\r\n      background: ${token.value.colorPrimary};\r\n      padding-top: 10px;\r\n    `;\r\n  });\r\n\r\n  const tabHoverBgStyle = computed(() => {\r\n    return css`\r\n      &:before {\r\n        background: ${token.value.colorPrimaryBgHover};\r\n      }\r\n    `;\r\n  });\r\n\r\n  const closeBtnStyle = computed(() => {\r\n    return css`\r\n      &:hover {\r\n        background: ${token.value.colorPrimaryBorderHover};\r\n        border-radius: 50%;\r\n      }\r\n    `;\r\n  });\r\n\r\n  return {\r\n    token,\r\n    tabsNavStyle,\r\n    tabHoverBgStyle,\r\n    closeBtnStyle\r\n  };\r\n}\r\n\r\nfunction useTabState() {\r\n  const activeKey = ref();\r\n  return {\r\n    activeKey\r\n  };\r\n}\r\n</script>\r\n<template>\r\n  <div class=\"tabs-nav-wrapper\" :class=\"tabsNavStyle\">\r\n    <div class=\"d-tabs-nav\">\r\n      <a-tabs size=\"small\" v-model:activeKey=\"activeKey\" type=\"card\" hide-add>\r\n        <template #leftExtra>\r\n          <div style=\"padding: 0 10px\">\r\n            <a-popover placement=\"bottomRight\">\r\n              <template #content>\r\n                <a-input :bordered=\"false\" placeholder=\"搜索标签页\">\r\n                  <template #prefix>\r\n                    <SearchOutlined />\r\n                  </template>\r\n                  <template #suffix>\r\n                    <span :style=\"{ color: token.colorTextTertiary }\"\r\n                      >Ctrl+Shift+S</span\r\n                    >\r\n                  </template>\r\n                </a-input>\r\n              </template>\r\n              <a-button\r\n                size=\"small\"\r\n                shape=\"circle\"\r\n                :icon=\"h(SearchOutlined)\"\r\n                title=\"搜索标签页\"\r\n              />\r\n            </a-popover>\r\n          </div>\r\n        </template>\r\n        <a-tab-pane\r\n          :key=\"item\"\r\n          :closable=\"false\"\r\n          v-for=\"item in 50\"\r\n          :class=\"{ active: activeKey === item }\"\r\n        >\r\n          <template #tab>\r\n            <div class=\"tab-hover-bg\" :class=\"tabHoverBgStyle\"></div>\r\n            <div class=\"tab-dividers\"></div>\r\n            <div class=\"tab-item\">{{ item }}</div>\r\n            <div class=\"tab-close\">\r\n              <div class=\"close-btn\" :class=\"closeBtnStyle\">\r\n                <CloseOutlined />\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </a-tab-pane>\r\n      </a-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\"></style>\r\n"],"names":["theme","token","tabsNavStyle","computed","css","tabHoverBgStyle","closeBtnStyle","activeKey","ref"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,EAAE,KAAO,EAAA,YAAA,EAAc,eAAiB,EAAA,aAAA,KAAkB,QAAS,EAAA;AACzE,IAAM,MAAA,EAAE,SAAU,EAAA,GAAI,WAAY,EAAA;AAElC,IAAA,SAAS,QAAW,GAAA;AAClB,MAAM,MAAA,EAAE,UAAa,GAAAA,kBAAA;AACrB,MAAA,MAAM,EAAE,KAAA,EAAAC,MAAM,EAAA,GAAyC,QAAS,EAAA;AAEhE,MAAMC,MAAAA,aAAAA,GAAeC,aAAS,MAAM;AAClC,QAAO,OAAAC,OAAA;AAAA,kBACSH,EAAAA,MAAAA,CAAM,MAAM,YAAY,CAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAGzC,CAAA;AAED,MAAMI,MAAAA,gBAAAA,GAAkBF,aAAS,MAAM;AACrC,QAAO,OAAAC,OAAA;AAAA;AAAA,oBAEWH,EAAAA,MAAAA,CAAM,MAAM,mBAAmB,CAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAGlD,CAAA;AAED,MAAMK,MAAAA,cAAAA,GAAgBH,aAAS,MAAM;AACnC,QAAO,OAAAC,OAAA;AAAA;AAAA,oBAEWH,EAAAA,MAAAA,CAAM,MAAM,uBAAuB,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,OAItD,CAAA;AAED,MAAO,OAAA;AAAA,QACL,KAAAA,EAAAA,MAAAA;AAAA,QACA,YAAAC,EAAAA,aAAAA;AAAA,QACA,eAAAG,EAAAA,gBAAAA;AAAA,QACA,aAAAC,EAAAA;AAAA,OACF;AAAA;AAGF,IAAA,SAAS,WAAc,GAAA;AACrB,MAAA,MAAMC,aAAYC,OAAI,EAAA;AACtB,MAAO,OAAA;AAAA,QACL,SAAAD,EAAAA;AAAA,OACF;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/tab/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./Tab.vue.cjs');
+var Tab_vue_vue_type_script_setup_true_lang = require('./Tab.vue2.cjs');
+
+Tab_vue_vue_type_script_setup_true_lang.default.install = (app) => {
+  app.component("DTab", Tab_vue_vue_type_script_setup_true_lang.default);
+};
+
+exports.default = Tab_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/tab/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/tab/index.ts"],"sourcesContent":["import type { App } from \"vue\";\r\n\r\nimport Tab from \"./Tab.vue\";\r\n\r\nTab.install = (app: App) => {\r\n  app.component(\"DTab\", Tab);\r\n};\r\n\r\nexport default Tab;\r\n"],"names":["Tab"],"mappings":";;;;;;;AAIAA,+CAAI,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC1B,EAAI,GAAA,CAAA,SAAA,CAAU,QAAQA,+CAAG,CAAA;AAC3B,CAAA;;;;"}

package/dist/cjs/components/tab/index.d.ts

@@ -0,0 +1,2 @@
+import Tab from "./Tab.vue";
+export default Tab;

package/dist/cjs/components/table/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var table = require('./table.cjs');
+
+table.default.install = (app) => {
+  app.component(table.default.name, table.default);
+};
+
+exports.default = table.default;
+exports.tableProps = table.tableProps;
+exports.useEleHeight = table.useEleHeight;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/table/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/table/index.ts"],"sourcesContent":["import Table from \"./table\";\r\nimport type { App } from \"vue\";\r\n\r\nexport * from \"./table\";\r\n\r\nTable.install = (app: App) => {\r\n  app.component(Table.name!, Table);\r\n};\r\n\r\nexport default Table;\r\n"],"names":["Table"],"mappings":";;;;;;AAKAA,aAAM,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AAC5B,EAAI,GAAA,CAAA,SAAA,CAAUA,aAAM,CAAA,IAAA,EAAOA,aAAK,CAAA;AAClC,CAAA;;;;;;"}

package/dist/cjs/components/table/index.d.ts

@@ -0,0 +1,3 @@
+import Table from "./table";
+export * from "./table";
+export default Table;

package/dist/cjs/components/table/interface.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=interface.cjs.map

package/dist/cjs/components/table/interface.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/cjs/components/table/interface.d.ts

@@ -0,0 +1,45 @@
+export interface PaginationProps {
+    /** 默认的每页条数 */
+    defaultPageSize?: number;
+    /** 禁用分页 */
+    disabled?: boolean;
+    /** 只有一页时是否隐藏分页器 */
+    hideOnSinglePage?: boolean;
+    /**
+     * 用于自定义页码的结构，可用于优化 SEO
+     * @param page 当前页码
+     * @param type 页码类型 ('page' | 'prev' | 'next')
+     * @param originalElement 默认的节点
+     * @returns 自定义的 VNode
+     */
+    itemRender?: (opt: {
+        page: number;
+        type: "page" | "prev" | "next" | "jump-prev" | "jump-next";
+        originalElement: unknown;
+    }) => unknown;
+    /** 每页条数（支持 v-model） */
+    pageSize?: number;
+    /** 指定每页可以显示的条数 */
+    pageSizeOptions?: (string | number)[];
+    /** 当 size 未指定时，根据屏幕宽度自动调整尺寸 */
+    responsive?: boolean;
+    /** 是否显示较少页面内容 */
+    showLessItems?: boolean;
+    /** 是否可以快速跳转至某页 */
+    showQuickJumper?: boolean;
+    /** 是否展示 pageSize 切换器，当 total 大于 50 时默认为 true */
+    showSizeChanger?: boolean;
+    /**
+     * 用于显示数据总量和当前数据顺序
+     * @param total 数据总数
+     * @param range 当前数据范围
+     * @returns 显示的文本内容
+     */
+    showTotal?: (total: number, range: [number, number]) => string;
+    /** 当添加该属性时，显示为简单分页 */
+    simple?: boolean;
+    /** 当为「small」时，是小尺寸分页 */
+    size?: "default" | "small";
+    /** 数据总数 */
+    total?: number;
+}

package/dist/cjs/components/table/table.cjs

@@ -0,0 +1,393 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var css = require('@emotion/css');
+var lodash = require('lodash');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const tableProps = () => ({
+  height: {
+    type: Number,
+    default: 0
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  // 泛型约束
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  rowKey: {
+    type: String,
+    default: "id"
+  },
+  bordered: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: "small"
+  },
+  keys: {
+    type: Array,
+    default: () => []
+  },
+  config: {
+    type: Object,
+    required: true
+  }
+});
+const defaultPaginationProps = {
+  defaultPageSize: 20,
+  disabled: false,
+  hideOnSinglePage: false,
+  pageSize: 20,
+  pageSizeOptions: ["20", "40", "60", "80", "99"],
+  responsive: false,
+  showLessItems: false,
+  showQuickJumper: true,
+  showSizeChanger: true,
+  // 默认展示切换器
+  showTotal: (total) => `\u603B\u5171 ${total} \u6761\u6570\u636E`,
+  simple: false,
+  size: "default",
+  total: 0
+};
+const defaultConfig = {
+  columns: [],
+  pagination: void 0,
+  paginationConfig: defaultPaginationProps,
+  activeRowClass: "",
+  selection: "N",
+  keepSelected: false
+};
+const paginationStyle = css.css`
+  display: flex;
+  justify-content: center;
+`;
+const DTable = /* @__PURE__ */ vue.defineComponent({
+  name: "DTable",
+  props: tableProps(),
+  // 初始泛型设置为 `unknown`
+  emits: ["update:keys"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      useToken
+    } = antDesignVue.theme;
+    const {
+      token
+    } = useToken();
+    console.log(token);
+    const selectedRowKeys = vue.ref(props.keys || []);
+    const {
+      columns,
+      data,
+      pagination
+    } = useProps();
+    const {
+      tableSlots
+    } = useSlots();
+    const {
+      paginationConfig,
+      onPaginationChange
+    } = usePagination();
+    const {
+      tableRef,
+      tableHeight,
+      antTableBodyRef
+    } = useHeight();
+    const rowSelection = useRowSelection();
+    vue.onMounted(() => {
+    });
+    function useProps() {
+      const _config = vue.computed(() => lodash.merge({}, defaultConfig, props.config));
+      const columns2 = vue.computed(() => _config.value.columns);
+      const data2 = vue.computed(() => props.data || []);
+      const pagination2 = vue.computed(() => _config.value.pagination || false);
+      return {
+        columns: columns2,
+        data: data2,
+        pagination: pagination2
+      };
+    }
+    function useSlots() {
+      console.log(slots);
+      const tableSlots2 = {
+        bodyCell: (params) => {
+          var _a;
+          return (_a = slots.bodyCell) == null ? void 0 : _a.call(slots, params);
+        },
+        summary: () => {
+          var _a;
+          return (_a = slots.summary) == null ? void 0 : _a.call(slots);
+        }
+      };
+      return {
+        tableSlots: tableSlots2
+      };
+    }
+    function useHeight() {
+      const tableRef2 = vue.ref();
+      const tableHeight2 = vue.ref(0);
+      let headerHeight = 0, tableEl;
+      const antTableBodyRef2 = vue.ref();
+      vue.watch(() => props.height, (val) => {
+        if (val !== 0) {
+          vue.nextTick(() => {
+            _tableBodyHeight(val);
+          });
+        }
+      }, {
+        immediate: true
+      });
+      function _tableBodyHeight(height) {
+        var _a, _b, _c;
+        tableEl = (_a = tableRef2 == null ? void 0 : tableRef2.value) == null ? void 0 : _a.$el;
+        headerHeight = useEleHeight(tableEl.getElementsByClassName("ant-table-header")[0]);
+        const paginationEl = tableEl.getElementsByClassName("ant-pagination")[0];
+        let paginationHeight = 0;
+        if (paginationEl) {
+          paginationEl.style.marginBottom = "0";
+          paginationHeight = (_b = useEleHeight(paginationEl)) != null ? _b : 0;
+        }
+        let summaryHeight = 0;
+        const summaryEl = tableEl.getElementsByClassName("ant-table-summary")[0];
+        if (summaryEl) {
+          summaryHeight = (_c = useEleHeight(summaryEl)) != null ? _c : 0;
+        }
+        tableHeight2.value = height - paginationHeight - headerHeight - summaryHeight;
+        antTableBodyRef2.value = tableEl.getElementsByClassName("ant-table-body")[0];
+        if (antTableBodyRef2.value) {
+          antTableBodyRef2.value.style.height = tableHeight2.value + "px";
+        }
+      }
+      return {
+        tableRef: tableRef2,
+        tableHeight: tableHeight2,
+        antTableBodyRef: antTableBodyRef2
+      };
+    }
+    function usePagination() {
+      const {
+        changePagination
+      } = props.config;
+      const paginationConfig2 = vue.computed(() => {
+        return __spreadValues(__spreadValues({
+          position: ["bottomCenter"],
+          // 符合类型的分页位置
+          total: 0
+        }, defaultPaginationProps), pagination.value);
+      });
+      const onPaginationChange2 = (page, pageSize) => {
+        const {
+          selection,
+          keepSelected
+        } = props.config;
+        changePagination == null ? void 0 : changePagination(page, pageSize);
+        antTableBodyRef.value.scrollTop = 0;
+        if (selection === "S" || !keepSelected) {
+          if (selectedRowKeys.value.length > 0) {
+            selectedRowKeys.value = [];
+            emit("update:keys", selectedRowKeys.value);
+          }
+        }
+      };
+      return {
+        paginationConfig: paginationConfig2,
+        onPaginationChange: onPaginationChange2
+      };
+    }
+    function useCustomRow() {
+      return (record, index) => {
+        let clickTimeout = 0;
+        const {
+          rowKey,
+          config: {
+            click,
+            dbClick,
+            selection,
+            getCheckboxProps
+          } = {}
+        } = props;
+        const id = record[rowKey];
+        const onClick = () => {
+          var _a;
+          const checkEnable = getCheckboxProps === void 0 ? false : (_a = getCheckboxProps(record)) == null ? void 0 : _a.disabled;
+          if (selection === "N" || checkEnable) {
+            return;
+          }
+          const haveState = selectedRowKeys.value.some((key) => key === id);
+          if (haveState) {
+            selectedRowKeys.value = selectedRowKeys.value.filter((key) => key !== id);
+          } else {
+            if (selection === "S") {
+              selectedRowKeys.value = [];
+              selectedRowKeys.value.push(id);
+            } else {
+              selectedRowKeys.value.push(id);
+            }
+          }
+          emit("update:keys", selectedRowKeys.value);
+        };
+        function activeRowBackground(event) {
+          const {
+            activeRowClass
+          } = props.config;
+          if (!activeRowClass) return;
+          const curEl = event.target;
+          if (curEl instanceof HTMLElement) {
+            const parentElement = curEl.parentNode;
+            if (parentElement && parentElement.classList.contains(activeRowClass)) {
+              parentElement.classList.remove(activeRowClass);
+            } else {
+              parentElement == null ? void 0 : parentElement.classList.add(activeRowClass);
+            }
+          }
+        }
+        return {
+          onClick: (event) => {
+            clearTimeout(clickTimeout);
+            clickTimeout = window.setTimeout(() => {
+              activeRowBackground(event);
+              onClick();
+              click == null ? void 0 : click(record, index);
+            }, 200);
+          },
+          // 点击行
+          onDblclick: () => {
+            clearTimeout(clickTimeout);
+            dbClick == null ? void 0 : dbClick(record, index);
+          }
+        };
+      };
+    }
+    function useRowSelection() {
+      const rowSelection2 = vue.ref(void 0);
+      const {
+        rowKey,
+        config: {
+          getCheckboxProps,
+          selection
+        } = {}
+      } = props;
+      const onSelect = (record, selected) => {
+        const data2 = record;
+        if (selection === "S") {
+          selectedRowKeys.value = [];
+          selectedRowKeys.value = selected ? [data2[rowKey]] : [];
+        } else {
+          selectedRowKeys.value = selected ? selectedRowKeys.value.concat(data2[rowKey]) : selectedRowKeys.value.filter((key) => key !== data2[rowKey]);
+        }
+        emit("update:keys", selectedRowKeys.value);
+      };
+      const onChange = (rowKeys, selectedRows) => {
+        const data2 = selectedRows;
+        const selected = data2.length !== 0;
+        const _ids = props.data.map((record) => record[rowKey]);
+        selectedRowKeys.value = selected ? selectedRowKeys.value.concat(rowKeys.filter((key) => !selectedRowKeys.value.includes(key))) : selectedRowKeys.value.filter((key) => !_ids.includes(key));
+        emit("update:keys", selectedRowKeys.value);
+      };
+      vue.watch(() => props.keys, (val) => {
+        selectedRowKeys.value = val;
+      });
+      vue.watch(() => {
+        var _a;
+        return (_a = props.config) == null ? void 0 : _a.selection;
+      }, (val) => {
+        if (val !== "N") {
+          rowSelection2.value = {
+            selectedRowKeys,
+            onSelect,
+            onChange,
+            fixed: true,
+            columnTitle: selection === "S" ? "\u9009\u62E9" : null,
+            columnWidth: selection === "S" ? 60 : 40,
+            getCheckboxProps
+          };
+        } else {
+          rowSelection2.value = void 0;
+        }
+      }, {
+        immediate: true
+      });
+      return rowSelection2;
+    }
+    return () => vue.createVNode(antDesignVue.Flex, {
+      "vertical": true,
+      "ref": tableRef
+    }, {
+      default: () => [vue.createVNode(antDesignVue.Table, {
+        "loading": props.loading,
+        "size": props.size,
+        "bordered": props.bordered,
+        "dataSource": data.value,
+        "columns": columns.value,
+        "rowSelection": rowSelection.value,
+        "customRow": useCustomRow(),
+        "pagination": false,
+        "rowKey": props.rowKey,
+        "scroll": {
+          y: tableHeight.value,
+          x: "100%",
+          scrollToFirstRowOnChange: true
+        }
+      }, tableSlots), vue.createVNode("div", {
+        "class": paginationStyle
+      }, [pagination && vue.createVNode(antDesignVue.Pagination, {
+        "style": {
+          marginTop: "16px"
+        },
+        "current": paginationConfig.value.current,
+        "onUpdate:current": ($event) => paginationConfig.value.current = $event,
+        "pageSize": paginationConfig.value.pageSize,
+        "onUpdate:pageSize": ($event) => paginationConfig.value.pageSize = $event,
+        "total": paginationConfig.value.total,
+        "disabled": props.loading,
+        "show-size-changer": true,
+        "size": "default",
+        "hide-on-single-page": paginationConfig.value.hideOnSinglePage,
+        "show-quick-jumper": paginationConfig.value.showQuickJumper,
+        "default-page-size": paginationConfig.value.defaultPageSize,
+        "page-size-options": paginationConfig.value.pageSizeOptions,
+        "show-total": paginationConfig.value.showTotal,
+        "onChange": onPaginationChange
+      }, null)])]
+    });
+  }
+});
+const useEleHeight = (node) => {
+  const list = ["margin-top", "margin-bottom", "border-top", "border-bottom", "padding-top", "padding-bottom", "height"];
+  const style = getComputedStyle(node);
+  return list.map((k) => parseInt(style.getPropertyValue(k), 10)).reduce((prev, cur) => {
+    return prev + cur;
+  });
+};
+
+exports.default = DTable;
+exports.tableProps = tableProps;
+exports.useEleHeight = useEleHeight;
+//# sourceMappingURL=table.cjs.map