linkmore-design 1.0.91 → 1.0.95

package/es/styles/variables.css

@@ -3143,353 +3143,6 @@ p {
 .lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
   color: var(--primary-color);
 }
-:root {
-  --primary-color: #1890fc;
-  --primary-click-color: #096dd9;
-  --success-color: #52c14a;
-  --warning-color: #fd9727;
-  --error-color: #fa4f53;
-  --aside-bg-color: #022766;
-  --primary-hover-color: #40a9ff;
-  --primary-loading-color: #84b7fa;
-  --primary-select-color: #e6f7ff;
-  --error-hover-color: #ee8079;
-  --error-loading-color: #fbcdcd;
-  --disabled-border-color: rgba(0, 0, 0, 0.15);
-  --disabled-bg-color: rgba(0, 0, 0, 0.04);
-  --disabled-font-color: rgba(0, 0, 0, 0.25);
-  --font-color: rgba(0, 0, 0, 0.85);
-  --text-color: rgba(0, 0, 0, 0.45);
-  --tip-text-color: rgba(0, 0, 0, 0.25);
-  --stroke-color: rgba(0, 0, 0, 0.15);
-  --line-color: rgba(0, 0, 0, 0.06);
-  --background-color: rgba(0, 0, 0, 0.04);
-  --table-header-color: rgba(0, 0, 0, 0.02);
-  --font2-color: rgba(0, 0, 0, 0.65);
-  --background-color-hover: rgba(0, 0, 0, 0.08);
-  --border-color: #f0f0f0;
-  --stripe-color: #f5f5f5;
-  --border-hover-color: #f2f5f7;
-  --box-shadow-color: rgba(0, 0, 0, 0.1);
-  --table-background-color: #fafafa;
-  --disabled-color: rgba(0, 0, 0, 0.25);
-  --font-size: 12px;
-  --gap: 8px;
-  --basic-height: 24px;
-  --font-size-base: 14px;
-  --font-size-lg: calc(var(--font-size-base) + 2px);
-  --font-size-sm: 12px;
-  --color-contrast: #fff;
-  --color-100: #000;
-  --color-85: #262626;
-  --color-65: #595959;
-  --color-45: #8c8c8c;
-  --color-25: #bfbfbf;
-  --color-15: #d9d9d9;
-  --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);
-  --tip-text-color: rgba(255, 255, 255, 0.25);
-  --stroke-color: rgba(255, 255, 255, 0.15);
-  --line-color: rgba(255, 255, 255, 0.06);
-  --background-color: rgba(255, 255, 255, 0.04);
-  --table-header-color: rgba(255, 255, 255, 0.02);
-  --font2-color: rgba(255, 255, 255, 0.65);
-  --background-color-hover: rgba(255, 255, 255, 0.08);
-}
-html {
-  background-color: #f0f2f5;
-}
-#app {
-  width: 100vw;
-  min-width: 1200px;
-  height: 100vh;
-  font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
-}
-.ka-wrapper,
-.ka-content {
-  height: 100%;
-}
-* {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-*::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-  border-radius: 10px;
-}
-*::-webkit-scrollbar-button {
-  display: none;
-}
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-*::-webkit-scrollbar-thumb {
-  background: #d8d8d8;
-  border-radius: 6px;
-}
-*::-webkit-scrollbar-thumb:hover,
-*::-webkit-scrollbar-thumb:active {
-  background: #bfbfbf;
-}
-.page-content {
-  margin: 12px;
-  padding: 16px;
-  background: #fff;
-}
-.addModal .ant-modal-header {
-  display: flex;
-  align-items: center;
-  height: 46px;
-  padding: 0 24px;
-}
-.addModal .ant-modal-close-x {
-  width: 46px;
-  height: 46px;
-  line-height: 44px;
-}
-.addModal .ant-modal-body {
-  padding: 24px 24px 21px;
-}
-.addModal .ant-modal-body .ant-tabs-nav {
-  margin: 0 10px;
-}
-.addModal .ant-modal-body .ant-tabs-content-holder {
-  max-height: 800px;
-  padding: 16px 10px;
-  overflow-y: auto;
-}
-.addModal .ant-modal-footer {
-  padding: 11px 24px;
-}
-.addModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-left: 10px;
-}
-.editModal .ant-modal-header {
-  display: flex;
-  align-items: center;
-  height: 46px;
-  padding: 0 24px;
-}
-.editModal .ant-modal-close-x {
-  width: 46px;
-  height: 46px;
-  line-height: 44px;
-}
-.editModal .ant-modal-body {
-  max-height: 600px;
-  padding: 24px 24px 21px;
-  overflow-y: auto;
-}
-.editModal .ant-modal-body .ant-form-item {
-  margin-bottom: 16px;
-}
-.editModal .ant-modal-footer {
-  padding: 11px 24px;
-}
-.editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
-  margin-left: 10px;
-}
-.ant-select-dropdown .ant-select-item {
-  align-items: center;
-  font-size: 12px;
-}
-.react-resizable {
-  position: relative;
-  background-clip: padding-box;
-}
-.react-resizable-handle {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 1;
-  width: 3px;
-  height: 40px;
-  cursor: col-resize;
-}
-.react-resizable-handle:hover {
-  background-color: var(--primary-color);
-}
-.react-resizable-handle:active {
-  background-color: var(--primary-color);
-}
-.yf_resizable_bar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  height: 0;
-}
-.resizable_line {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 1px;
-  height: 100%;
-  background-color: var(--primary-color);
-}
-.handle_resizable {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
-  width: 5px;
-  height: 100%;
-}
-.card_cell_content {
-  display: flex;
-  flex-flow: column;
-  height: 100%;
-  overflow: hidden;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  transition: 0.3s;
-}
-.card_cell_content .card_cell_body {
-  position: relative;
-  display: flex;
-  flex: 1;
-  flex-flow: column;
-  padding: 16px;
-  background: rgba(0, 0, 0, 0.02);
-  cursor: pointer;
-}
-.card_cell_content .card_cell_body .card_cell_checkbox {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  line-height: 1;
-  opacity: 0;
-  transition: 0.3s;
-}
-.card_cell_content .card_cell_body .card_cell_checkbox .ant-checkbox {
-  border: 8px solid rgba(255, 255, 255, 0.624);
-  border-radius: 2px;
-}
-.card_cell_content .card_cell_body .card_cell_info .title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: space-between;
-}
-.card_cell_content .card_cell_body .card_cell_info .title .label {
-  flex: 1;
-  overflow: hidden;
-  font-weight: 500;
-  font-size: 14px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .title .icon {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  height: 22px;
-  padding: 0 8px;
-  font-size: 12px;
-  line-height: 1;
-  background: var(--background-color);
-}
-.card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
-  margin: 0;
-  color: var(--text-color);
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
-  color: inherit;
-}
-.card_cell_content .card_cell_body .card_cell_info .expand {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  padding: 6px 0 2px;
-  color: var(--text-color);
-  font-size: 12px;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-}
-.card_cell_content .card_cell_body .card_cell_info .expand > div {
-  padding: 2px 0;
-}
-.card_cell_content .card_cell_body .card_cell_center {
-  display: flex;
-  flex: 1;
-  align-items: center;
-}
-.card_cell_content .card_cell_body .card_cell_center .list {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  margin: auto 0;
-  text-align: center;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item {
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  line-height: 1;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item .num {
-  color: var(--font-color);
-  font-weight: 500;
-  font-size: 20px;
-}
-.card_cell_content .card_cell_body .card_cell_center .list .item .text {
-  color: var(--text-color);
-  font-size: 12px;
-}
-.card_cell_content .card_cell_footer {
-  display: flex;
-  align-items: center;
-  height: 40px;
-  background: #f7f7f7;
-}
-.card_cell_content .card_cell_footer > * {
-  flex: 1;
-}
-.card_cell_content .card_cell_footer > *::after {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 1px;
-  height: 18px;
-  background-color: #e8e8e8;
-  transform: translateY(-50%);
-  content: '';
-}
-.card_cell_content .card_cell_footer button:last-child {
-  border: none;
-}
-.card_cell_content .card_cell_footer button:last-child::after {
-  display: none;
-}
-.card_cell_content .card_cell_footer .footer_expand {
-  font-size: 16px;
-  text-align: center;
-  border: none;
-}
-.card_cell_content.checked,
-.card_cell_content:hover {
-  border-color: var(--primary-color);
-}
-.card_cell_content.checked .card_cell_body .card_cell_checkbox,
-.card_cell_content:hover .card_cell_body .card_cell_checkbox {
-  opacity: 1;
-}
-p {
-  margin-bottom: 0;
-}
 .lm_input {
   height: 32px;
   padding: 2px 8px;

package/lib/Alert/ErrorBoundary.d.ts

@@ -17,6 +17,6 @@ export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, {
         };
     };
     componentDidCatch(error: Error | null, info: object): void;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element;
 }
 export {};

package/lib/AutoComplete/index.d.ts

@@ -10,6 +10,7 @@ import * as React from 'react';
 import type { BaseOptionType, DefaultOptionType, InternalSelectProps } from 'antd/es/select';
 import type { InputStatus } from '../_util/statusUtils';
 import { AutoComplete as AntdAutoComplete } from 'antd';
+declare const Option: import("rc-select/lib/Option").OptionFC;
 export interface DataSourceItemObject {
     value: string;
     text: string;
@@ -24,7 +25,7 @@ declare const RefAutoComplete: (<ValueType = any, OptionType extends DefaultOpti
 } & {
     ref?: React.Ref<BaseSelectRef>;
 }) => React.ReactElement) & {
-    Option: import("rc-select/lib/Option").OptionFC;
+    Option: typeof Option;
     AntdAutoComplete: typeof AntdAutoComplete;
 };
 export default RefAutoComplete;

package/lib/Badge/SingleNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface UnitNumberProps {
     prefixCls: string;
     value: string | number;

package/lib/Box/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/Box/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/ButtonTags/ButtonTags.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+/*
+  options: 展示的标签项
+  type: 'radio' / 'checkbox'
+  value: 选中的值
+  onChang: 选中时触发事件
+*/
+var ButtonTags = function ButtonTags(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      options = props.options,
+      size = props.size;
+
+  var handleClick = function handleClick(item) {
+    if (type === 'radio') {
+      var nValue = value === item.value ? '' : item.value;
+      onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+    } else {
+      var oriValue = value || [];
+      var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value);
+
+      var _nValue = has ? oriValue.filter(function (v) {
+        return v !== item.value;
+      }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(_nValue);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_base_button_tag_Group ".concat(size === 'small' ? 'small' : '', "  ").concat(disabled ? 'disabled' : '')
+  }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.value,
+      className: "button_tag_item ".concat((value === null || value === void 0 ? void 0 : value.indexOf(item.value)) > -1 ? 'active' : ''),
+      onClick: function onClick() {
+        return handleClick(item);
+      }
+    }, item.label);
+  }));
+};
+
+var _default = ButtonTags;
+exports.default = _default;

package/lib/ButtonTags/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
+
+var _default = _ButtonTags.default;
+exports.default = _default;

package/lib/ButtonTags/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/ButtonTags/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/CardTable/LmCardTable.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _TableRoot = _interopRequireDefault(require("./table/TableRoot"));
+
+var _excluded = ["cellKey", "type", "height", "virtual", "ellipsis", "components", "dataSource", "cellConfig", "checkboxConfig"];
+
+// export type LmCardTableProps<TData extends Record<string, any> = {}> {
+//   rows: LM_Row<TData>[];
+// }
+// 默认抛出
+var LmCardTable = function LmCardTable(_ref, ref) {
+  var _ref$cellKey = _ref.cellKey,
+      cellKey = _ref$cellKey === void 0 ? 'id' : _ref$cellKey,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'PTC' : _ref$type,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '100%' : _ref$height,
+      _ref$virtual = _ref.virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
+      _ref$ellipsis = _ref.ellipsis,
+      ellipsis = _ref$ellipsis === void 0 ? true : _ref$ellipsis,
+      _ref$components = _ref.components,
+      components = _ref$components === void 0 ? {} : _ref$components,
+      _ref$dataSource = _ref.dataSource,
+      dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+      _ref$cellConfig = _ref.cellConfig,
+      cellConfig = _ref$cellConfig === void 0 ? {} : _ref$cellConfig,
+      _ref$checkboxConfig = _ref.checkboxConfig,
+      checkboxConfig = _ref$checkboxConfig === void 0 ? {} : _ref$checkboxConfig,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_TableRoot.default, (0, _extends2.default)({
+    cellKey: cellKey,
+    type: type,
+    height: height,
+    virtual: virtual,
+    ellipsis: ellipsis,
+    components: components,
+    dataSource: dataSource,
+    cellConfig: cellConfig,
+    checkboxConfig: checkboxConfig,
+    ref: ref || defaultRef
+  }, resetProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmCardTable);
+
+exports.default = _default;

package/lib/CardTable/body/TableBody.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableBodyRow = _interopRequireWildcard(require("./TableBodyRow"));
+
+var _reactVirtual = require("react-virtual");
+
+var TableBody = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table,
+      tableContainerRef = _ref.tableContainerRef;
+  var _table$state = table.state,
+      rows = _table$state.rows,
+      checkboxConfig = _table$state.checkboxConfig,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height,
+      virtual = table.virtual; // 是否存在选中
+
+  var hasChecked = (0, _react.useMemo)(function () {
+    return checkboxConfig.checkKeys.length;
+  }, [checkboxConfig.checkKeys.length]);
+
+  var _useVirtual = (0, _reactVirtual.useVirtual)({
+    size: rows.length,
+    parentRef: tableContainerRef,
+    estimateSize: _react.default.useCallback(function () {
+      return height + rowConfig.gap;
+    }, [height]),
+    overscan: 2
+  }),
+      totalSize = _useVirtual.totalSize,
+      virtualItems = _useVirtual.virtualItems;
+
+  var virScrollStyles = (0, _react.useMemo)(function () {
+    return {
+      height: "".concat(totalSize - rowConfig.gap, "px"),
+      width: '100%',
+      position: "relative"
+    };
+  }, [totalSize]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body', hasChecked && 'hasChecked')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_body_scroll",
+    style: virScrollStyles
+  }, virtual && rows.length > 10 ? virtualItems.map(function (_ref2) {
+    var index = _ref2.index,
+        start = _ref2.start;
+    return /*#__PURE__*/_react.default.createElement(_TableBodyRow.LmCardTableBodyRowVirtual, {
+      key: index,
+      rowIndex: index,
+      start: start,
+      row: rows[index],
+      table: table
+    });
+  }) : rows.map(function (row, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyRow.default, {
+      key: index,
+      rowIndex: index,
+      row: row,
+      table: table
+    });
+  })));
+});
+
+var _default = TableBody;
+exports.default = _default;

package/lib/CardTable/body/TableBodyCell.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _PictureTextColumn = _interopRequireDefault(require("../card/PictureTextColumn"));
+
+var _PictureTextRow = _interopRequireDefault(require("../card/PictureTextRow"));
+
+var _PictureTextRowOperate = _interopRequireDefault(require("../card/PictureTextRowOperate"));
+
+var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
+  var index = _ref.index,
+      cell = _ref.cell,
+      table = _ref.table;
+  var state = table.state,
+      type = table.type,
+      components = table.components,
+      cellKey = table.cellKey;
+  var checkKeys = state.checkboxConfig.checkKeys,
+      radioConfig = state.radioConfig; // 渲染的单元格
+
+  var RenderCell = (0, _react.useMemo)(function () {
+    var types = {
+      'PTC': _PictureTextColumn.default,
+      'PTR': _PictureTextRow.default,
+      'PTRO': _PictureTextRowOperate.default
+    };
+    return components.Cell || types[type] || _PictureTextColumn.default;
+  }, [components.Cell, type]); // 是否选中
+
+  var isCheckboxChecked = (0, _react.useMemo)(function () {
+    return checkKeys.some(function (v) {
+      return v === cell[cellKey];
+    });
+  }, [checkKeys, cellKey]);
+  var isRadioChecked = (0, _react.useMemo)(function () {
+    return radioConfig.checkKey === cell[cellKey];
+  }, [cellKey, radioConfig.checkKey]);
+  var stateConfig = {
+    checked: isCheckboxChecked
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_cell', {
+      'cell_checked': isCheckboxChecked || isRadioChecked
+    })
+  }, /*#__PURE__*/_react.default.createElement(RenderCell, (0, _extends2.default)({
+    index: index,
+    cell: cell,
+    table: table
+  }, stateConfig)));
+};
+
+var _default = LmCardTableBodyCell;
+exports.default = _default;