linkmore-design 1.0.29 → 1.0.32

package/lib/LmTable/Table.js

@@ -27,7 +27,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck", "rowSelection"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -44,8 +44,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$virtual = props.virtual,
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       customCheck = props.customCheck,
+      rowSelection = props.rowSelection,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  console.log(virtual, '--virtual', autoSize);
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
@@ -139,6 +139,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
   var config = (0, _react.useMemo)(function () {
+    console.log(resetProps, 'resetPropsresetProps');
     return (0, _objectSpread2.default)({
       defaultSize: 'small',
       tableLayout: 'fixed',
@@ -146,7 +147,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       debounceTime: 300,
       revalidateOnFocus: false,
       options: {
-        setting: true,
+        setting: false,
         density: false,
         fullScreen: false,
         reload: false
@@ -161,9 +162,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableAlertRender: false,
       checkConfig: checkConfig,
       // components: vComponents,
-      scroll: (0, _objectSpread2.default)({
+      scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)({
         y: autoSize.height
-      }, props.scroll),
+      }, resetProps.scroll) : null,
       pagination: !hiddenPage && (0, _objectSpread2.default)({
         showSizeChanger: true,
         showQuickJumper: true,
@@ -171,7 +172,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           return "\u5171 ".concat(total, " \u6761");
         }
       }, pagination),
-      rowSelection: {
+      rowSelection: rowSelection === false ? null : (0, _objectSpread2.default)({
         fixed: true,
         type: 'checkbox',
         columnWidth: 36,
@@ -184,7 +185,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           });
           rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
         }
-      },
+      }, rowSelection),
       onRow: function onRow(record) {
         return {
           onClick: function onClick(e) {
@@ -292,6 +293,27 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 /** 1: 使用scroll.x y 来控制宽高 默认都是100% */
 
 var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$autoSizer = props.autoSizer,
+      autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
+
+  if (!autoSizer) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: tableWarpRef,
+      id: "lm_protable_warp",
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(ResetTable, (0, _extends2.default)({
+      ref: defaultRef
+    }, props, {
+      autoSize: {
+        height: '100%',
+        width: '100%'
+      }
+    })));
+  }
+
   var _useState9 = (0, _react.useState)({
     width: '100%',
     height: '100%'
@@ -305,11 +327,10 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var resizeRef = (0, _react.useRef)(null);
   var resetHeight = (0, _react.useMemo)(function () {
     var height = tableSize.height;
-    console.log(3);
-    var h = height - 48;
+    var h = height - 32;
 
     if (!props.hiddenPage || props.customCheck) {
-      h -= 32;
+      h -= 48;
     }
 
     if (props.columns.some(function (v) {

package/lib/LmTable/style/style.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);
@@ -612,6 +615,36 @@ html {
   height: var(--basic-height);
   border-right: 1px solid #eee;
 }
+.lm_operate .ant-spin-container {
+  display: flex;
+  flex-flow: column;
+}
+.lm_operate .ant-spin-container .ant-table {
+  position: relative;
+  flex: 1;
+  border-left: 1px solid var(--border-color);
+  border-right: 1px solid var(--border-color);
+}
+.lm_operate .ant-spin-container .ant-table::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 1px;
+  background-color: var(--border-color);
+  z-index: 4;
+}
+.lm_operate .ant-spin-container .ant-table::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 1px;
+  background-color: var(--border-color);
+  z-index: 4;
+}
 .lm_grid {
   position: relative;
   flex: 1;
@@ -1067,10 +1100,274 @@ html {
 .lm_pro_component_img_table .lm_card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
-.lm_customCheck {
+#lm_protable_warp .ant-tabs,
+#lm_protable_warp .ant-tabs-content,
+#lm_protable_warp .ant-pro-table,
+#lm_protable_warp .ant-card,
+#lm_protable_warp .ant-card-body,
+#lm_protable_warp .ant-pro-card,
+#lm_protable_warp .ant-pro-card-body,
+#lm_protable_warp .ant-table-wrapper,
+#lm_protable_warp .ant-spin-nested-loading,
+#lm_protable_warp .ant-spin-container,
+#lm_protable_warp .ant-table-container,
+#lm_protable_warp .ant-table-body {
+  height: 100%;
+}
+#lm_protable_warp .ant-card-body,
+#lm_protable_warp .ant-pro-card-body {
+  padding: 0;
+}
+#lm_protable_warp .lm_protable .ant-card-body,
+#lm_protable_warp .lm_protable .ant-pro-card-body {
+  padding: 0;
+}
+#lm_protable_warp .lm_protable .ant-spin-container {
+  display: flex;
+  flex-flow: column;
+}
+#lm_protable_warp .lm_protable .ant-spin-container .ant-table {
+  position: relative;
+  flex: 1;
+  border-left: 1px solid var(--border-color);
+  border-right: 1px solid var(--border-color);
+}
+#lm_protable_warp .lm_protable .ant-spin-container .ant-table::before {
+  content: '';
   position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 1px;
+  background-color: var(--border-color);
+  z-index: 4;
+}
+#lm_protable_warp .lm_protable .ant-spin-container .ant-table::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
   bottom: 0;
+  height: 1px;
+  background-color: var(--border-color);
+  z-index: 4;
+}
+#lm_protable_warp .lm_protable .ant-table-thead {
+  height: 40px;
+}
+#lm_protable_warp .lm_protable .ant-table-thead .text-overflow,
+#lm_protable_warp .lm_protable .ant-table-thead .text-overflow .ant-table-column-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+#lm_protable_warp .lm_protable .ant-table-thead .ant-table-filter-trigger {
+  margin-right: 0;
+}
+#lm_protable_warp .lm_protable .ant-table-thead > tr > th {
+  background: var(--color-4);
+  font-size: 12px;
+}
+#lm_protable_warp .lm_protable .ant-table.ant-table-small {
+  font-size: 12px;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-table-cell {
+  padding: 8px;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-table-cell.number {
+  border-left: 1px solid #eee;
+  border-right: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-table-cell.money {
+  border-left: 1px solid #eee;
+  border-right: 1px solid #eee;
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-table-cell.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-typography {
+  margin: 0;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-typography .ant-typography-copy {
+  color: var(--text-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-typography .ant-typography-copy-success {
+  color: var(--success-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-typography.ant-typography-ellipsis .ant-typography-edit {
+  opacity: 0;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-tbody .ant-typography.ant-typography-ellipsis:hover .ant-typography-edit {
+  opacity: 1;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary {
+  height: 48px;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td {
+  text-align: right;
+  background-color: var(--table-background-color);
+  padding: 0 8px;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td:first-of-type {
+  text-align: left;
+  padding: 0 0 0 8px;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td.number {
+  border-left: 1px solid #eee;
+  border-right: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td.money {
+  border-left: 1px solid #eee;
+  border-right: 1px solid #eee;
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary td > div:last-of-type {
+  font-weight: bold;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-summary .total_title {
+  position: relative;
+  white-space: nowrap;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-pro-table-list-toolbar-container {
+  padding: 0;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-right {
+  position: absolute;
+  right: 1px;
+  top: 1px;
+  z-index: 4;
+  font-size: 16px;
+  width: 48px;
+  height: 38px;
+  justify-content: center;
+  background-color: #fafafa;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-pro-table-list-toolbar-container .ant-pro-table-list-toolbar-right::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 1.6em;
+  width: 1px;
+  background-color: rgba(0, 0, 0, 0.06);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-row {
+  position: relative;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-row .operate_fixed_right .operate_btn {
+  font-size: 12px;
+  color: var(--primary-color);
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-row .operate_fixed_right .operate_btn .ant-space-item {
+  cursor: pointer;
+}
+#lm_protable_warp .lm_protable .ant-pro-table .ant-table-row .operate_fixed_right .ant-btn {
+  font-size: 12px;
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td {
+  padding: 0px;
+  background: var(--color-4);
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td .ant-pro-card {
+  background: var(--color-4);
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td .ant-pro-card .ant-table {
+  background: var(--color-4);
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td .ant-pro-card .ant-table .ant-table-cell-fix-left,
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td .ant-pro-card .ant-table .ant-table-cell-fix-right {
+  background: var(--color-4);
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row > td .ant-table-content {
+  padding-left: 30px;
+}
+#lm_protable_warp .lm_protable .ant-table-expanded-row .ant-pagination {
+  margin-right: 16px !important;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  margin: 0;
+  padding: 0;
+  flex: none;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination .ant-select {
+  font-size: inherit;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li {
+  font-size: 12px;
+  line-height: 24px;
+  height: 24px;
+  color: var(--color-65);
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-total-text {
+  color: var(--color-65);
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-item {
+  border: 0;
+  transition: all 0s !important;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-item:focus-visible {
+  transition: all 0s;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li .ant-pagination-item-link {
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li .ant-pagination-item-link .anticon {
+  color: var(--color-85);
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li > a {
+  color: var(--color-65);
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-options .ant-select-selection-item {
+  color: var(--color-65);
+  font-size: 12px;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-item-active {
+  background-color: var(--primary-color);
+  color: #fff;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-item-active > a {
+  color: #fff;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li .ant-pagination-options-quick-jumper input {
+  width: 38px;
+  font-size: 12px;
+  color: var(--color-65);
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-simple-pager input {
+  width: 48px;
+  font-size: 12px;
+  color: var(--color-65);
+  height: 22px;
+}
+#lm_protable_warp .lm_protable .ant-table-pagination.ant-pagination li.ant-pagination-simple-pager .ant-pagination-slash {
+  margin-right: 14px;
+}
+#lm_protable_warp .ant-table-expand-icon-col {
+  width: 32px;
+}
+#lm_protable_warp .lm_customCheck {
+  position: absolute;
+  bottom: -8px;
   left: 0;
   max-width: 50%;
   font-size: 12px;
+  height: 48px;
+  display: flex;
 }

package/lib/Menu/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Modal/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Notification/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Pagination/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/PopTable/style/style.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/ProTable/style/style.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Select/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,7 @@ require("antd/es/select/style");
 
 var _select = _interopRequireDefault(require("antd/es/select"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -29,23 +31,22 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var prefixCls = 'lm_select';
-
-var CLMSelect = function CLMSelect(props) {
+var CLMSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       className = props.className,
       _props$size = props.size,
-      size = _props$size === void 0 ? 'small' : _props$size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
       dropdownClassName = props.dropdownClassName,
       others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
 
   return /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls),
-    size: size
+    size: size,
+    ref: ref
   }, others, {
     dropdownClassName: (0, _classnames.default)('lm_select_dropdown', dropdownClassName)
   }), children);
-};
-
+});
 var LMSelect = CLMSelect;
 LMSelect.Option = _select.default.Option;
 LMSelect.OptGroup = _select.default.OptGroup;

package/lib/Select/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Space/style/index.css

@@ -205,7 +205,10 @@
   --color-6: #f0f0f0;
   --color-4: #f5f5f5;
   --color-2: #fafafa;
+  /** tree */
+  --tree-select-bg: #EDF6FF;
 }
+/** tag */
 :root[theme='dark'] {
   --font-color: rgba(255, 255, 255, 0.85);
   --text-color: rgba(255, 255, 255, 0.45);

package/lib/Switch/index.d.ts

@@ -0,0 +1,2 @@
+import { Switch } from 'antd';
+export default Switch;

package/lib/Switch/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/switch/style");
+
+var _switch = _interopRequireDefault(require("antd/es/switch"));
+
+var _default = _switch.default;
+exports.default = _default;