@idooel/components 0.0.1-beta.69 → 0.0.1-beta.70

package/dist/@idooel/components.esm.js

@@ -1982,11 +1982,11 @@ __vue_render__$z._withStripped = true;
   /* style */
   const __vue_inject_styles__$z = function (inject) {
     if (!inject) return
-    inject("data-v-2d5ac305_0", { source: ".g-table__wrapper[data-v-2d5ac305] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-2d5ac305] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-2d5ac305] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AAyNA;EAuFA,aAAA;EACA,kBAAA;AC9SA;ADuNA;EACA,eAAA;ACrNA;ADuNA;EACA,gBAAA;ACrNA;ADwNA;EACA,eAAA;ACtNA;ADuNA;EACA,eAAA;ACrNA;ADmOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACjOA;ADoOA;EACA,iDAAA;AClOA;ADuOA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACrOA;AD8OA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC5OA;AD6OA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC3OA;AD6OA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC3OA;AD6OA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC3OA;AD+OA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC7OA;ADkPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AChPA;ADsPA;EACA,wCAAA;ACpPA;ADsPA;EACA,uCAAA;ACpPA;ADsPA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACpPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-style: solid;\n        border-bottom-color: var(--idooel-border-color);\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-color: var(--idooel-border-color);\n        border-bottom-style: solid;\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-983131fc_0", { source: ".g-table__wrapper[data-v-983131fc] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-983131fc] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-983131fc] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AAyNA;EA8FA,aAAA;EACA,kBAAA;ACrTA;ADuNA;EACA,eAAA;ACrNA;ADuNA;EACA,gBAAA;ACrNA;ADwNA;EACA,eAAA;ACtNA;ADuNA;EACA,eAAA;ACrNA;ADmOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACjOA;ADoOA;EACA,iDAAA;AClOA;ADqOA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACnOA;ADyOA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACvOA;ADgPA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9OA;AD+OA;EACA,iEAAA;EACA,gCAAA;EACA,qDAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC7OA;ADiPA;EACA,iEAAA;EACA,qDAAA;EACA,gCAAA;AC/OA;ADoPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AClPA;ADwPA;EACA,wCAAA;ACtPA;ADwPA;EACA,uCAAA;ACtPA;ADwPA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACtPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n      tr {\n        th {\n          border-bottom-width: calc(var(--idooel-border-width) * 1px);\n          border-bottom-style: solid;\n          border-bottom-color: var(--idooel-border-color);\n        }\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-style: solid; */\n        /* border-bottom-color: var(--idooel-border-color); */\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-color: var(--idooel-border-color); */\n        /* border-bottom-style: solid; */\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$z = "data-v-2d5ac305";
+  const __vue_scope_id__$z = "data-v-983131fc";
   /* module identifier */
   const __vue_module_identifier__$z = undefined;
   /* functional template */

package/dist/@idooel/components.umd.js

@@ -1989,11 +1989,11 @@
     /* style */
     const __vue_inject_styles__$z = function (inject) {
       if (!inject) return
-      inject("data-v-2d5ac305_0", { source: ".g-table__wrapper[data-v-2d5ac305] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-2d5ac305]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-2d5ac305]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-2d5ac305] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-2d5ac305] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AAyNA;EAuFA,aAAA;EACA,kBAAA;AC9SA;ADuNA;EACA,eAAA;ACrNA;ADuNA;EACA,gBAAA;ACrNA;ADwNA;EACA,eAAA;ACtNA;ADuNA;EACA,eAAA;ACrNA;ADmOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACjOA;ADoOA;EACA,iDAAA;AClOA;ADuOA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACrOA;AD8OA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC5OA;AD6OA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC3OA;AD6OA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC3OA;AD6OA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC3OA;AD+OA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC7OA;ADkPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AChPA;ADsPA;EACA,wCAAA;ACpPA;ADsPA;EACA,uCAAA;ACpPA;ADsPA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACpPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-style: solid;\n        border-bottom-color: var(--idooel-border-color);\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-color: var(--idooel-border-color);\n        border-bottom-style: solid;\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-983131fc_0", { source: ".g-table__wrapper[data-v-983131fc] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-983131fc]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-983131fc] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-983131fc] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AAyNA;EA8FA,aAAA;EACA,kBAAA;ACrTA;ADuNA;EACA,eAAA;ACrNA;ADuNA;EACA,gBAAA;ACrNA;ADwNA;EACA,eAAA;ACtNA;ADuNA;EACA,eAAA;ACrNA;ADmOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACjOA;ADoOA;EACA,iDAAA;AClOA;ADqOA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACnOA;ADyOA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACvOA;ADgPA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9OA;AD+OA;EACA,iEAAA;EACA,gCAAA;EACA,qDAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC7OA;ADiPA;EACA,iEAAA;EACA,qDAAA;EACA,gCAAA;AC/OA;ADoPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AClPA;ADwPA;EACA,wCAAA;ACtPA;ADwPA;EACA,uCAAA;ACtPA;ADwPA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACtPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n      tr {\n        th {\n          border-bottom-width: calc(var(--idooel-border-width) * 1px);\n          border-bottom-style: solid;\n          border-bottom-color: var(--idooel-border-color);\n        }\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-style: solid; */\n        /* border-bottom-color: var(--idooel-border-color); */\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-color: var(--idooel-border-color); */\n        /* border-bottom-style: solid; */\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$z = "data-v-2d5ac305";
+    const __vue_scope_id__$z = "data-v-983131fc";
     /* module identifier */
     const __vue_module_identifier__$z = undefined;
     /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idooel/components",
-  "version": "0.0.1-beta.69",
+  "version": "0.0.1-beta.70",
   "description": "",
   "private": false,
   "main": "dist/@idooel/components.umd.js",

package/packages/table/src/index.vue

@@ -249,6 +249,13 @@ export default {
       .ant-table-fixed {
         /* border-bottom: 2px solid #53a8ff !important; */
       }
+      tr {
+        th {
+          border-bottom-width: calc(var(--idooel-border-width) * 1px);
+          border-bottom-style: solid;
+          border-bottom-color: var(--idooel-border-color);
+        }
+      }
     }
     .ant-table-tbody {
       tr {
@@ -271,9 +278,9 @@ export default {
       border-bottom-style: solid;
       border-bottom-color: var(--idooel-border-color);
       .ant-table-header {
-        border-bottom-width: calc(var(--idooel-border-width) * 1px);
-        border-bottom-style: solid;
-        border-bottom-color: var(--idooel-border-color);
+        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */
+        /* border-bottom-style: solid; */
+        /* border-bottom-color: var(--idooel-border-color); */
       }
       .ant-table-body-inner {
         border-right-width: calc(var(--idooel-border-width) * 1px);
@@ -288,9 +295,9 @@ export default {
     }
     .ant-table-fixed-right {
       .ant-table-header {
-        border-bottom-width: calc(var(--idooel-border-width) * 1px);
-        border-bottom-color: var(--idooel-border-color);
-        border-bottom-style: solid;
+        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */
+        /* border-bottom-color: var(--idooel-border-color); */
+        /* border-bottom-style: solid; */
       }
       // border-bottom-width: calc(var(--idooel-border-width) * 1px);
       // border-bottom-style: solid;