@bit-sun/business-component 2.1.11 → 2.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/Business/moreTreeTable/index.d.ts +1 -0
  2. package/dist/index.esm.js +8 -8
  3. package/dist/index.js +8 -8
  4. package/package.json +1 -1
  5. package/src/components/Business/moreTreeTable/index.less +161 -163
  6. package/src/components/Business/moreTreeTable/index.tsx +8 -8
package/dist/components/Business/moreTreeTable/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import React from 'react';
2
+ import './index.less';
2
3
  declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
3
4
  export default _default;
package/dist/index.esm.js CHANGED
@@ -21107,7 +21107,7 @@ var headersToRows = function headersToRows(originColumns) {
21107
21107
  };
21108
21108
  };
21109
21109
 
21110
- var css_248z$m = ".ant-pro-card-body {\n padding: 0px;\n}\n.editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .err-div {\n position: absolute;\n top: 10px;\n height: 20px !important;\n line-height: 20px !important;\n background: rgba(245, 108, 108, 0.1);\n border: 1px solid rgba(245, 108, 108, 0.4);\n font-size: 12px;\n color: #f56c6c;\n z-index: 1000;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTable .th-div {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTable .th-div div {\n height: 100%;\n}\n.editTable .th-div div .el-input {\n height: 100%;\n width: 100%;\n}\n.editTable .th-div div .el-select {\n width: 100%;\n}\n.editTable .th-div .el-input__inner {\n height: 100%;\n line-height: 100%;\n border: 0;\n outline: 0;\n background: transparent;\n padding-left: 6px;\n padding-right: 15px;\n}\n.editTable .th-div .el-date-editor .el-input__inner {\n padding-left: 30px;\n}\n.editTable .th-div .el-range-separator {\n visibility: hidden;\n}\n.editTable .th-div .el-range-input {\n background: transparent;\n}\n.edit-table-add {\n width: 100%;\n height: 40px;\n text-align: center;\n line-height: 40px;\n font-size: 14px;\n border: 1px dashed #dcdfe6;\n color: #303133;\n margin-top: 10px;\n cursor: pointer;\n}\n.edit-table-add svg {\n fill: #333333;\n vertical-align: middle;\n margin-right: 6px;\n}\n.north__west {\n position: absolute;\n left: 0px;\n top: 0px;\n background: transparent;\n font-size: 14px;\n color: #606266;\n z-index: 113;\n}\n.north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.south__west {\n z-index: 111;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.north__east {\n position: absolute;\n top: 0px;\n z-index: 110;\n font-size: 14px;\n color: #606266;\n}\n.north__east th {\n background: #fff;\n}\n.activity__table {\n min-width: 100%;\n}\n.activity__table th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n}\n.activity__table td {\n font-size: 12px;\n color: #6a6a6a;\n}\n.editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTable__block th,\n.editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .el-input--small .el-input__inner {\n border-color: transparent;\n background: transparent;\n font-size: 12px;\n color: #606266;\n outline: 0;\n}\n.north__east_bottom table {\n border-bottom: 0;\n}\n.north__east_bottom th {\n border-bottom: 0;\n}\n.icon-ser {\n cursor: pointer;\n}\n.editTableWrapper .editTable .el-form-item--mini.el-form-item,\n.el-form-item--small.el-form-item {\n margin-bottom: 0;\n}\n.editTableWrapper .el-form-item--small .el-form-item__error {\n z-index: 100;\n}\n.value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n";
21110
+ var css_248z$m = ".editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .err-div {\n position: absolute;\n top: 10px;\n height: 20px !important;\n line-height: 20px !important;\n background: rgba(245, 108, 108, 0.1);\n border: 1px solid rgba(245, 108, 108, 0.4);\n font-size: 12px;\n color: #f56c6c;\n z-index: 1000;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTableWrapper .editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTableWrapper .editTable .th-div {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .editTable .th-div div {\n height: 100%;\n}\n.editTableWrapper .editTable .th-div div .el-input {\n height: 100%;\n width: 100%;\n}\n.editTableWrapper .editTable .th-div div .el-select {\n width: 100%;\n}\n.editTableWrapper .editTable .th-div .el-input__inner {\n height: 100%;\n line-height: 100%;\n border: 0;\n outline: 0;\n background: transparent;\n padding-left: 6px;\n padding-right: 15px;\n}\n.editTableWrapper .editTable .th-div .el-date-editor .el-input__inner {\n padding-left: 30px;\n}\n.editTableWrapper .editTable .th-div .el-range-separator {\n visibility: hidden;\n}\n.editTableWrapper .editTable .th-div .el-range-input {\n background: transparent;\n}\n.editTableWrapper .edit-table-add {\n width: 100%;\n height: 40px;\n text-align: center;\n line-height: 40px;\n font-size: 14px;\n border: 1px dashed #dcdfe6;\n color: #303133;\n margin-top: 10px;\n cursor: pointer;\n}\n.editTableWrapper .edit-table-add svg {\n fill: #333333;\n vertical-align: middle;\n margin-right: 6px;\n}\n.editTableWrapper .north__west {\n position: absolute;\n left: 0px;\n top: 0px;\n background: transparent;\n font-size: 14px;\n color: #606266;\n z-index: 113;\n}\n.editTableWrapper .north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.editTableWrapper .south__west {\n z-index: 111;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.editTableWrapper .south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.editTableWrapper .south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.editTableWrapper .north__east {\n position: absolute;\n top: 0px;\n z-index: 110;\n font-size: 14px;\n color: #606266;\n}\n.editTableWrapper .north__east th {\n background: #fff;\n}\n.editTableWrapper .activity__table {\n min-width: 100%;\n}\n.editTableWrapper .activity__table th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n}\n.editTableWrapper .activity__table td {\n font-size: 12px;\n color: #6a6a6a;\n}\n.editTableWrapper .editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .el-input--small .el-input__inner {\n border-color: transparent;\n background: transparent;\n font-size: 12px;\n color: #606266;\n outline: 0;\n}\n.editTableWrapper .north__east_bottom table {\n border-bottom: 0;\n}\n.editTableWrapper .north__east_bottom th {\n border-bottom: 0;\n}\n.editTableWrapper .icon-ser {\n cursor: pointer;\n}\n.editTableWrapper .value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n.editTableWrapper .editTable .el-form-item--mini.el-form-item,\n.el-form-item--small.el-form-item {\n margin-bottom: 0;\n}\n.editTableWrapper .el-form-item--small .el-form-item__error {\n z-index: 100;\n}\n";
21111
21111
  styleInject(css_248z$m);
21112
21112
 
21113
21113
  var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -21232,7 +21232,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21232
21232
  height: tableHeight
21233
21233
  },
21234
21234
  key: 'moreTreeTable',
21235
- className: css_248z$m.editTableWrapper
21235
+ className: 'editTableWrapper'
21236
21236
  }, /*#__PURE__*/React.createElement("table", {
21237
21237
  style: {
21238
21238
  width: "".concat(config.colHeaderWidth + 1, "px"),
@@ -21240,7 +21240,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21240
21240
  left: '0px',
21241
21241
  position: 'sticky'
21242
21242
  },
21243
- className: "".concat(css_248z$m.south__west, " ").concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21243
+ className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
21244
21244
  }, /*#__PURE__*/React.createElement("tbody", null, config.colHeader.map(function (item, index) {
21245
21245
  return /*#__PURE__*/React.createElement("tr", null, item.map(function (innerItem) {
21246
21246
  if (!innerItem) return null;
@@ -21266,7 +21266,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21266
21266
  height: "".concat(config.colHeaderToTop, "px"),
21267
21267
  display: config.tableType === 'col-header-table' ? 'none' : ''
21268
21268
  },
21269
- className: "".concat(css_248z$m.north__west, " ").concat(css_248z$m.editTable__block)
21269
+ className: 'north__west'.concat(" ", 'editTable__block')
21270
21270
  }), /*#__PURE__*/React.createElement("div", {
21271
21271
  style: {
21272
21272
  position: 'absolute',
@@ -21280,7 +21280,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21280
21280
  position: 'relative'
21281
21281
  }
21282
21282
  }, /*#__PURE__*/React.createElement("table", {
21283
- className: "".concat(css_248z$m.north__east_bottom, " ").concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style),
21283
+ className: 'north__east_bottom'.concat(" ", 'editTable__block', " ", 'table_border_style'),
21284
21284
  style: {
21285
21285
  width: '100%',
21286
21286
  top: 0,
@@ -21312,13 +21312,13 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21312
21312
  width: '100%',
21313
21313
  position: 'relative'
21314
21314
  },
21315
- className: "".concat(css_248z$m.value_table, " ").concat(css_248z$m.table_border_style)
21315
+ className: 'value_table'.concat(" ", 'table_border_style')
21316
21316
  }, /*#__PURE__*/React.createElement("table", {
21317
21317
  style: {
21318
21318
  width: '100%',
21319
21319
  display: config.tableType === 'col-header-table' ? '' : 'none'
21320
21320
  },
21321
- className: "".concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21321
+ className: 'editTable__block'.concat(" ", 'table_border_style')
21322
21322
  }, /*#__PURE__*/React.createElement("tbody", null, config.colLastData.map(function (item, index) {
21323
21323
  var fixedTop = item.fixed ? "".concat(index * 40 + config.colHeaderToTop, "px") : 0;
21324
21324
  return /*#__PURE__*/React.createElement("tr", null, colTableData.map(function (record, index) {
@@ -21344,7 +21344,7 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
21344
21344
  width: '100%',
21345
21345
  display: config.tableType === 'col-header-table' ? 'none' : ''
21346
21346
  },
21347
- className: "".concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21347
+ className: 'editTable__block'.concat(" ", 'table_border_style')
21348
21348
  }, /*#__PURE__*/React.createElement("colgroup", null, config.rowLastData.map(function (row) {
21349
21349
  return /*#__PURE__*/React.createElement("col", {
21350
21350
  width: row.width ? "".concat(row.width, "px") : '100px'
package/dist/index.js CHANGED
@@ -21121,7 +21121,7 @@ var headersToRows = function headersToRows(originColumns) {
21121
21121
  };
21122
21122
  };
21123
21123
 
21124
- var css_248z$m = ".ant-pro-card-body {\n padding: 0px;\n}\n.editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .err-div {\n position: absolute;\n top: 10px;\n height: 20px !important;\n line-height: 20px !important;\n background: rgba(245, 108, 108, 0.1);\n border: 1px solid rgba(245, 108, 108, 0.4);\n font-size: 12px;\n color: #f56c6c;\n z-index: 1000;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTable .th-div {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTable .th-div div {\n height: 100%;\n}\n.editTable .th-div div .el-input {\n height: 100%;\n width: 100%;\n}\n.editTable .th-div div .el-select {\n width: 100%;\n}\n.editTable .th-div .el-input__inner {\n height: 100%;\n line-height: 100%;\n border: 0;\n outline: 0;\n background: transparent;\n padding-left: 6px;\n padding-right: 15px;\n}\n.editTable .th-div .el-date-editor .el-input__inner {\n padding-left: 30px;\n}\n.editTable .th-div .el-range-separator {\n visibility: hidden;\n}\n.editTable .th-div .el-range-input {\n background: transparent;\n}\n.edit-table-add {\n width: 100%;\n height: 40px;\n text-align: center;\n line-height: 40px;\n font-size: 14px;\n border: 1px dashed #dcdfe6;\n color: #303133;\n margin-top: 10px;\n cursor: pointer;\n}\n.edit-table-add svg {\n fill: #333333;\n vertical-align: middle;\n margin-right: 6px;\n}\n.north__west {\n position: absolute;\n left: 0px;\n top: 0px;\n background: transparent;\n font-size: 14px;\n color: #606266;\n z-index: 113;\n}\n.north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.south__west {\n z-index: 111;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.north__east {\n position: absolute;\n top: 0px;\n z-index: 110;\n font-size: 14px;\n color: #606266;\n}\n.north__east th {\n background: #fff;\n}\n.activity__table {\n min-width: 100%;\n}\n.activity__table th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n}\n.activity__table td {\n font-size: 12px;\n color: #6a6a6a;\n}\n.editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTable__block th,\n.editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .el-input--small .el-input__inner {\n border-color: transparent;\n background: transparent;\n font-size: 12px;\n color: #606266;\n outline: 0;\n}\n.north__east_bottom table {\n border-bottom: 0;\n}\n.north__east_bottom th {\n border-bottom: 0;\n}\n.icon-ser {\n cursor: pointer;\n}\n.editTableWrapper .editTable .el-form-item--mini.el-form-item,\n.el-form-item--small.el-form-item {\n margin-bottom: 0;\n}\n.editTableWrapper .el-form-item--small .el-form-item__error {\n z-index: 100;\n}\n.value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n";
21124
+ var css_248z$m = ".editTableWrapper {\n width: 1000px;\n height: 500px;\n overflow: auto;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .err-div {\n position: absolute;\n top: 10px;\n height: 20px !important;\n line-height: 20px !important;\n background: rgba(245, 108, 108, 0.1);\n border: 1px solid rgba(245, 108, 108, 0.4);\n font-size: 12px;\n color: #f56c6c;\n z-index: 1000;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.editTableWrapper table {\n table-layout: fixed;\n}\n.editTableWrapper .editTable {\n position: relative;\n overflow: hidden;\n border-top: 0;\n background: #fff;\n}\n.editTableWrapper .editTable .th-div {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.editTableWrapper .editTable .th-div div {\n height: 100%;\n}\n.editTableWrapper .editTable .th-div div .el-input {\n height: 100%;\n width: 100%;\n}\n.editTableWrapper .editTable .th-div div .el-select {\n width: 100%;\n}\n.editTableWrapper .editTable .th-div .el-input__inner {\n height: 100%;\n line-height: 100%;\n border: 0;\n outline: 0;\n background: transparent;\n padding-left: 6px;\n padding-right: 15px;\n}\n.editTableWrapper .editTable .th-div .el-date-editor .el-input__inner {\n padding-left: 30px;\n}\n.editTableWrapper .editTable .th-div .el-range-separator {\n visibility: hidden;\n}\n.editTableWrapper .editTable .th-div .el-range-input {\n background: transparent;\n}\n.editTableWrapper .edit-table-add {\n width: 100%;\n height: 40px;\n text-align: center;\n line-height: 40px;\n font-size: 14px;\n border: 1px dashed #dcdfe6;\n color: #303133;\n margin-top: 10px;\n cursor: pointer;\n}\n.editTableWrapper .edit-table-add svg {\n fill: #333333;\n vertical-align: middle;\n margin-right: 6px;\n}\n.editTableWrapper .north__west {\n position: absolute;\n left: 0px;\n top: 0px;\n background: transparent;\n font-size: 14px;\n color: #606266;\n z-index: 113;\n}\n.editTableWrapper .north__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.editTableWrapper .south__west {\n z-index: 111;\n position: absolute;\n left: 0px;\n top: 0;\n}\n.editTableWrapper .south__west th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n z-index: 112;\n}\n.editTableWrapper .south__west td {\n font-size: 12px;\n background: #fff;\n color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n}\n.editTableWrapper .north__east {\n position: absolute;\n top: 0px;\n z-index: 110;\n font-size: 14px;\n color: #606266;\n}\n.editTableWrapper .north__east th {\n background: #fff;\n}\n.editTableWrapper .activity__table {\n min-width: 100%;\n}\n.editTableWrapper .activity__table th {\n background: #fff;\n font-size: 14px;\n color: #606266;\n}\n.editTableWrapper .activity__table td {\n font-size: 12px;\n color: #6a6a6a;\n}\n.editTableWrapper .editTable__block {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n position: absolute;\n border-collapse: collapse;\n padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n box-sizing: border-box;\n font-size: 11px;\n color: #6a6a6a;\n}\n.editTableWrapper .el-input--small .el-input__inner {\n border-color: transparent;\n background: transparent;\n font-size: 12px;\n color: #606266;\n outline: 0;\n}\n.editTableWrapper .north__east_bottom table {\n border-bottom: 0;\n}\n.editTableWrapper .north__east_bottom th {\n border-bottom: 0;\n}\n.editTableWrapper .icon-ser {\n cursor: pointer;\n}\n.editTableWrapper .value_table table {\n table-layout: fixed;\n min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n border-collapse: separate;\n border-spacing: 0;\n border-left: 1px solid #f0f0f0;\n border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n box-sizing: border-box;\n border-right: 1px solid #f0f0f0;\n border-bottom: 1px solid #f0f0f0;\n padding: 0 10px;\n font-size: 14px;\n line-height: 28px;\n}\n.editTableWrapper .editTable .el-form-item--mini.el-form-item,\n.el-form-item--small.el-form-item {\n margin-bottom: 0;\n}\n.editTableWrapper .el-form-item--small .el-form-item__error {\n z-index: 100;\n}\n";
21125
21125
  styleInject(css_248z$m);
21126
21126
 
21127
21127
  var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -21246,7 +21246,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21246
21246
  height: tableHeight
21247
21247
  },
21248
21248
  key: 'moreTreeTable',
21249
- className: css_248z$m.editTableWrapper
21249
+ className: 'editTableWrapper'
21250
21250
  }, /*#__PURE__*/React__default['default'].createElement("table", {
21251
21251
  style: {
21252
21252
  width: "".concat(config.colHeaderWidth + 1, "px"),
@@ -21254,7 +21254,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21254
21254
  left: '0px',
21255
21255
  position: 'sticky'
21256
21256
  },
21257
- className: "".concat(css_248z$m.south__west, " ").concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21257
+ className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
21258
21258
  }, /*#__PURE__*/React__default['default'].createElement("tbody", null, config.colHeader.map(function (item, index) {
21259
21259
  return /*#__PURE__*/React__default['default'].createElement("tr", null, item.map(function (innerItem) {
21260
21260
  if (!innerItem) return null;
@@ -21280,7 +21280,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21280
21280
  height: "".concat(config.colHeaderToTop, "px"),
21281
21281
  display: config.tableType === 'col-header-table' ? 'none' : ''
21282
21282
  },
21283
- className: "".concat(css_248z$m.north__west, " ").concat(css_248z$m.editTable__block)
21283
+ className: 'north__west'.concat(" ", 'editTable__block')
21284
21284
  }), /*#__PURE__*/React__default['default'].createElement("div", {
21285
21285
  style: {
21286
21286
  position: 'absolute',
@@ -21294,7 +21294,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21294
21294
  position: 'relative'
21295
21295
  }
21296
21296
  }, /*#__PURE__*/React__default['default'].createElement("table", {
21297
- className: "".concat(css_248z$m.north__east_bottom, " ").concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style),
21297
+ className: 'north__east_bottom'.concat(" ", 'editTable__block', " ", 'table_border_style'),
21298
21298
  style: {
21299
21299
  width: '100%',
21300
21300
  top: 0,
@@ -21326,13 +21326,13 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21326
21326
  width: '100%',
21327
21327
  position: 'relative'
21328
21328
  },
21329
- className: "".concat(css_248z$m.value_table, " ").concat(css_248z$m.table_border_style)
21329
+ className: 'value_table'.concat(" ", 'table_border_style')
21330
21330
  }, /*#__PURE__*/React__default['default'].createElement("table", {
21331
21331
  style: {
21332
21332
  width: '100%',
21333
21333
  display: config.tableType === 'col-header-table' ? '' : 'none'
21334
21334
  },
21335
- className: "".concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21335
+ className: 'editTable__block'.concat(" ", 'table_border_style')
21336
21336
  }, /*#__PURE__*/React__default['default'].createElement("tbody", null, config.colLastData.map(function (item, index) {
21337
21337
  var fixedTop = item.fixed ? "".concat(index * 40 + config.colHeaderToTop, "px") : 0;
21338
21338
  return /*#__PURE__*/React__default['default'].createElement("tr", null, colTableData.map(function (record, index) {
@@ -21358,7 +21358,7 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
21358
21358
  width: '100%',
21359
21359
  display: config.tableType === 'col-header-table' ? 'none' : ''
21360
21360
  },
21361
- className: "".concat(css_248z$m.editTable__block, " ").concat(css_248z$m.table_border_style)
21361
+ className: 'editTable__block'.concat(" ", 'table_border_style')
21362
21362
  }, /*#__PURE__*/React__default['default'].createElement("colgroup", null, config.rowLastData.map(function (row) {
21363
21363
  return /*#__PURE__*/React__default['default'].createElement("col", {
21364
21364
  width: row.width ? "".concat(row.width, "px") : '100px'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bit-sun/business-component",
3
- "version": "2.1.11",
3
+ "version": "2.1.12",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",
package/src/components/Business/moreTreeTable/index.less CHANGED
@@ -1,7 +1,3 @@
1
- .ant-pro-card-body {
2
- padding: 0px;
3
- }
4
-
5
1
  .editTableWrapper {
6
2
  width: 1000px;
7
3
  height: 500px;
@@ -29,148 +25,146 @@
29
25
  table {
30
26
  table-layout: fixed;
31
27
  }
32
- }
33
-
34
- .editTable {
35
- position: relative;
36
- overflow: hidden;
37
- // border: 1px solid #dcdfe6;
38
- border-top: 0;
39
- background: #fff;
40
- .th-div {
41
- -webkit-user-select: none;
42
- -moz-user-select: none;
43
- -ms-user-select: none;
44
- user-select: none;
45
- div {
46
- height: 100%;
47
- .el-input {
28
+ .editTable {
29
+ position: relative;
30
+ overflow: hidden;
31
+ // border: 1px solid #dcdfe6;
32
+ border-top: 0;
33
+ background: #fff;
34
+ .th-div {
35
+ -webkit-user-select: none;
36
+ -moz-user-select: none;
37
+ -ms-user-select: none;
38
+ user-select: none;
39
+ div {
48
40
  height: 100%;
49
- width: 100%;
41
+ .el-input {
42
+ height: 100%;
43
+ width: 100%;
44
+ }
45
+ .el-select {
46
+ width: 100%;
47
+ }
50
48
  }
51
- .el-select {
52
- width: 100%;
49
+ .el-input__inner {
50
+ height: 100%;
51
+ line-height: 100%;
52
+ border: 0;
53
+ outline: 0;
54
+ background: transparent;
55
+ padding-left: 6px;
56
+ padding-right: 15px;
57
+ }
58
+ .el-date-editor .el-input__inner {
59
+ padding-left: 30px;
60
+ }
61
+ .el-range-separator {
62
+ visibility: hidden;
63
+ }
64
+ .el-range-input {
65
+ background: transparent;
53
66
  }
54
67
  }
55
- .el-input__inner {
56
- height: 100%;
57
- line-height: 100%;
58
- border: 0;
59
- outline: 0;
60
- background: transparent;
61
- padding-left: 6px;
62
- padding-right: 15px;
63
- }
64
- .el-date-editor .el-input__inner {
65
- padding-left: 30px;
66
- }
67
- .el-range-separator {
68
- visibility: hidden;
69
- }
70
- .el-range-input {
71
- background: transparent;
72
- }
73
- }
74
- }
75
- .edit-table-add {
76
- width: 100%;
77
- height: 40px;
78
- text-align: center;
79
- line-height: 40px;
80
- font-size: 14px;
81
- border: 1px dashed #dcdfe6;
82
- color: #303133;
83
- margin-top: 10px;
84
- cursor: pointer;
85
- svg {
86
- fill: #333333;
87
- vertical-align: middle;
88
- margin-right: 6px;
89
68
  }
90
- }
91
- .north__west {
92
- position: absolute;
93
- left: 0px;
94
- top: 0px;
95
- background: transparent;
96
- font-size: 14px;
97
- color: #606266;
98
- z-index: 113;
99
- th {
100
- // background: #f0f2f5;
101
- background: #fff;
69
+ .edit-table-add {
70
+ width: 100%;
71
+ height: 40px;
72
+ text-align: center;
73
+ line-height: 40px;
102
74
  font-size: 14px;
103
- color: #606266;
104
- z-index: 112;
105
- // border: 1px solid #dcdfe6
75
+ border: 1px dashed #dcdfe6;
76
+ color: #303133;
77
+ margin-top: 10px;
78
+ cursor: pointer;
79
+ svg {
80
+ fill: #333333;
81
+ vertical-align: middle;
82
+ margin-right: 6px;
83
+ }
106
84
  }
107
- }
108
- .south__west {
109
- z-index: 111;
110
- position: absolute;
111
- left: 0px;
112
- top: 0;
113
- th {
114
- // background: #f0f2f5;
115
- background: #fff;
85
+ .north__west {
86
+ position: absolute;
87
+ left: 0px;
88
+ top: 0px;
89
+ background: transparent;
116
90
  font-size: 14px;
117
91
  color: #606266;
118
- z-index: 112;
119
- }
120
- td {
121
- font-size: 12px;
122
- // color: #606266;
123
- background: #fff;
124
- // white-space: nowrap;
125
- // overflow: hidden;
126
- // text-overflow: ellipsis;
127
- // font-size: 11px;
128
- color: #6a6a6a;
129
- svg {
130
- width: 20px;
131
- height: 20px;
132
- vertical-align: middle;
92
+ z-index: 113;
93
+ th {
94
+ // background: #f0f2f5;
95
+ background: #fff;
96
+ font-size: 14px;
97
+ color: #606266;
98
+ z-index: 112;
99
+ // border: 1px solid #dcdfe6
133
100
  }
134
101
  }
135
- }
136
- .north__east {
137
- position: absolute;
138
- top: 0px;
139
- // min-width: 100%;
140
- z-index: 110;
141
- font-size: 14px;
142
- color: #606266;
143
- th {
144
- background: #fff;
102
+ .south__west {
103
+ z-index: 111;
104
+ position: absolute;
105
+ left: 0px;
106
+ top: 0;
107
+ th {
108
+ // background: #f0f2f5;
109
+ background: #fff;
110
+ font-size: 14px;
111
+ color: #606266;
112
+ z-index: 112;
113
+ }
114
+ td {
115
+ font-size: 12px;
116
+ // color: #606266;
117
+ background: #fff;
118
+ // white-space: nowrap;
119
+ // overflow: hidden;
120
+ // text-overflow: ellipsis;
121
+ // font-size: 11px;
122
+ color: #6a6a6a;
123
+ svg {
124
+ width: 20px;
125
+ height: 20px;
126
+ vertical-align: middle;
127
+ }
128
+ }
145
129
  }
146
- }
147
- .activity__table {
148
- min-width: 100%;
149
- th {
150
- background: #fff;
130
+ .north__east {
131
+ position: absolute;
132
+ top: 0px;
133
+ // min-width: 100%;
134
+ z-index: 110;
151
135
  font-size: 14px;
152
136
  color: #606266;
137
+ th {
138
+ background: #fff;
139
+ }
153
140
  }
154
- td {
155
- font-size: 12px;
156
- color: #6a6a6a;
141
+ .activity__table {
142
+ min-width: 100%;
143
+ th {
144
+ background: #fff;
145
+ font-size: 14px;
146
+ color: #606266;
147
+ }
148
+ td {
149
+ font-size: 12px;
150
+ color: #6a6a6a;
151
+ }
157
152
  }
158
- }
159
-
160
- .editTable__block {
161
- user-select: none;
162
- position: absolute;
163
- border-collapse: collapse;
164
- padding: 0;
165
-
166
- & th,
167
- td {
168
- box-sizing: border-box;
169
- font-size: 11px;
170
- color: #6a6a6a;
153
+
154
+ .editTable__block {
155
+ user-select: none;
156
+ position: absolute;
157
+ border-collapse: collapse;
158
+ padding: 0;
159
+
160
+ & th,
161
+ td {
162
+ box-sizing: border-box;
163
+ font-size: 11px;
164
+ color: #6a6a6a;
165
+ }
171
166
  }
172
- }
173
- .editTableWrapper {
167
+
174
168
  .el-input--small {
175
169
  .el-input__inner {
176
170
  border-color: transparent;
@@ -180,20 +174,49 @@
180
174
  outline: 0;
181
175
  }
182
176
  }
183
- }
184
- .north__east_bottom{
185
- table{
186
- border-bottom: 0;
187
177
 
178
+ .north__east_bottom{
179
+ table{
180
+ border-bottom: 0;
181
+
182
+ }
183
+ th {
184
+ border-bottom: 0;
185
+ }
188
186
  }
189
- th {
190
- border-bottom: 0;
187
+
188
+ .icon-ser {
189
+ cursor: pointer;
190
+ }
191
+
192
+ .value_table {
193
+ table {
194
+ table-layout: fixed;
195
+ min-width: 100%;
196
+
197
+ }
198
+ }
199
+
200
+ .table_border_style {
201
+ border-collapse: separate;
202
+ border-spacing: 0;
203
+ border-left: 1px solid #f0f0f0;
204
+ border-top: 1px solid #f0f0f0;
205
+ td {
206
+ overflow: hidden;
207
+ text-overflow: ellipsis;
208
+ white-space: nowrap;
209
+ box-sizing: border-box;
210
+ border-right: 1px solid #f0f0f0;
211
+ border-bottom: 1px solid #f0f0f0;
212
+ padding: 0 10px;
213
+ font-size: 14px;
214
+ line-height: 28px;
215
+ }
191
216
  }
192
- }
193
217
 
194
- .icon-ser {
195
- cursor: pointer;
196
218
  }
219
+
197
220
  .editTableWrapper .editTable .el-form-item--mini.el-form-item,
198
221
  .el-form-item--small.el-form-item {
199
222
  margin-bottom: 0;
@@ -202,28 +225,3 @@
202
225
  z-index: 100;
203
226
  }
204
227
 
205
- .value_table {
206
- table {
207
- table-layout: fixed;
208
- min-width: 100%;
209
-
210
- }
211
- }
212
-
213
- .table_border_style {
214
- border-collapse: separate;
215
- border-spacing: 0;
216
- border-left: 1px solid #f0f0f0;
217
- border-top: 1px solid #f0f0f0;
218
- td {
219
- overflow: hidden;
220
- text-overflow: ellipsis;
221
- white-space: nowrap;
222
- box-sizing: border-box;
223
- border-right: 1px solid #f0f0f0;
224
- border-bottom: 1px solid #f0f0f0;
225
- padding: 0 10px;
226
- font-size: 14px;
227
- line-height: 28px;
228
- }
229
- }
package/src/components/Business/moreTreeTable/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  // @ts-nocheck
2
2
  import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
3
3
  import { getAllColumns, convertToRows, headersToRows } from './utils';
4
- import styles from './index.less';
4
+ import './index.less';
5
5
 
6
6
 
7
7
  export default forwardRef((props, ref) => {
@@ -108,7 +108,7 @@ export default forwardRef((props, ref) => {
108
108
  <div
109
109
  style={{width: tableWidth, height: tableHeight}}
110
110
  key='moreTreeTable'
111
- className={styles.editTableWrapper}
111
+ className={'editTableWrapper'}
112
112
  >
113
113
  {/* --------------------------------------纵向表头---------------------------------------- */}
114
114
  <table
@@ -118,7 +118,7 @@ export default forwardRef((props, ref) => {
118
118
  left: '0px',
119
119
  position: 'sticky',
120
120
  }}
121
- className={`${styles.south__west} ${styles.editTable__block} ${styles.table_border_style}`}
121
+ className={`${'south__west'} ${'editTable__block'} ${'table_border_style'}`}
122
122
  >
123
123
  <tbody>
124
124
  {config.colHeader.map((item, index) => {
@@ -159,7 +159,7 @@ export default forwardRef((props, ref) => {
159
159
  height: `${config.colHeaderToTop}px`,
160
160
  display: config.tableType === 'col-header-table' ? 'none' : '',
161
161
  }}
162
- className={`${styles.north__west} ${styles.editTable__block}`}
162
+ className={`${'north__west'} ${'editTable__block'}`}
163
163
  >
164
164
  </table>
165
165
  <div
@@ -174,7 +174,7 @@ export default forwardRef((props, ref) => {
174
174
  {/* --------------------------------------横向表头---------------------------------------- */}
175
175
  <div style={{position: 'relative'}}>
176
176
  <table
177
- className={`${styles.north__east_bottom} ${styles.editTable__block} ${styles.table_border_style}`}
177
+ className={`${'north__east_bottom'} ${'editTable__block'} ${'table_border_style'}`}
178
178
  style={{
179
179
  width: '100%',
180
180
  top: 0,
@@ -227,7 +227,7 @@ export default forwardRef((props, ref) => {
227
227
  width: '100%',
228
228
  position: 'relative'
229
229
  }}
230
- className={`${styles.value_table} ${styles.table_border_style}`}
230
+ className={`${'value_table'} ${'table_border_style'}`}
231
231
  >
232
232
  {/* ------------------------------------纵向表头数据-------------------------------------- */}
233
233
  <table
@@ -235,7 +235,7 @@ export default forwardRef((props, ref) => {
235
235
  width: '100%',
236
236
  display: config.tableType === 'col-header-table' ? '' : 'none',
237
237
  }}
238
- className={`${styles.editTable__block} ${styles.table_border_style}`}
238
+ className={`${'editTable__block'} ${'table_border_style'}`}
239
239
  >
240
240
  <tbody>
241
241
  {config.colLastData.map((item, index) => {
@@ -274,7 +274,7 @@ export default forwardRef((props, ref) => {
274
274
  width: '100%',
275
275
  display: config.tableType === 'col-header-table' ? 'none' : '',
276
276
  }}
277
- className={`${styles.editTable__block} ${styles.table_border_style}`}
277
+ className={`${'editTable__block'} ${'table_border_style'}`}
278
278
  >
279
279
  <colgroup>
280
280
  {