linkmore-design 1.0.91 → 1.0.95

package/dist/message/demos/basic.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/dist/message/demos/other.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/dist/notification/demos/basic.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/dist/notification/demos/button.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/dist/notification/demos/icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const App: () => JSX.Element;
 export default App;

package/es/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/es/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/es/Badge/SingleNumber.d.ts

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

package/es/Box/style/index.js

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

package/es/Box/style/variables.js

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

package/es/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/esm/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/es/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/es/ButtonTags/style/index.js

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

package/es/ButtonTags/style/variables.js

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

package/es/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/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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/es/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/es/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/esm/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;

package/es/CardTable/body/TableBodyRow.js

@@ -0,0 +1,91 @@
+"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 = exports.LmCardTableBodyRowVirtual = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableBodyCell = _interopRequireDefault(require("./TableBodyCell"));
+
+var LmCardTableBodyRow = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var row = _ref.row,
+      rowIndex = _ref.rowIndex,
+      table = _ref.table;
+  var state = table.state,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height,
+      cellKey = table.cellKey; // 检测是否最后末行
+
+  var isLastRow = (0, _react.useMemo)(function () {
+    return state.rows.length === rowIndex + 1;
+  }, [state.rows, rowIndex]);
+  var style = {
+    height: isLastRow ? height : height + rowConfig.gap,
+    width: '100%',
+    minWidth: '100%',
+    gridGap: rowConfig.gap,
+    gridTemplateColumns: "repeat(".concat(state.columnCount, ", 1fr)"),
+    paddingBottom: isLastRow ? 0 : rowConfig.gap
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_row', isLastRow && 'last_row'),
+    style: style
+  }, row.map(function (cell, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: (cell === null || cell === void 0 ? void 0 : cell[cellKey]) || index,
+      index: index,
+      cell: cell,
+      table: table
+    });
+  }));
+});
+
+var LmCardTableBodyRowVirtual = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var row = _ref2.row,
+      start = _ref2.start,
+      rowIndex = _ref2.rowIndex,
+      table = _ref2.table;
+  var state = table.state,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height,
+      cellKey = table.cellKey; // 检测是否最后末行
+
+  var isLastRow = (0, _react.useMemo)(function () {
+    return state.rows.length === rowIndex + 1;
+  });
+  var style = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    height: isLastRow ? height : height + rowConfig.gap,
+    width: '100%',
+    minWidth: '100%',
+    transform: "translateY(".concat(start, "px)"),
+    gridGap: rowConfig.gap,
+    gridTemplateColumns: "repeat(".concat(state.columnCount, ", 1fr)"),
+    paddingBottom: isLastRow ? 0 : rowConfig.gap
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_row', isLastRow && 'last_row'),
+    style: style
+  }, row.map(function (cell, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: (cell === null || cell === void 0 ? void 0 : cell[cellKey]) || index,
+      index: index,
+      cell: cell,
+      table: table
+    });
+  }));
+});
+
+exports.LmCardTableBodyRowVirtual = LmCardTableBodyRowVirtual;
+var _default = LmCardTableBodyRow;
+exports.default = _default;

package/es/CardTable/card/PictureTextColumn.js

@@ -0,0 +1,132 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Paragraph = _typography.default.Paragraph; // 上图下文
+
+var PictureTextColumn = function PictureTextColumn(_ref) {
+  var index = _ref.index,
+      cell = _ref.cell,
+      table = _ref.table,
+      checked = _ref.checked;
+  var cellKey = table.cellKey,
+      state = table.state,
+      defaultConfig = table.defaultConfig,
+      cellClick = table.cellClick,
+      cellDoubleClick = table.cellDoubleClick,
+      toggleCheckboxKey = table.toggleCheckboxKey;
+  var trigger = state.checkboxConfig.trigger;
+  var clickFlag = (0, _react.useRef)(null);
+  var resetDefaultConfig = (0, _objectSpread2.default)({
+    checkbox: true,
+    imgurl: 'imgurl',
+    title: function title() {
+      return '物料名称';
+    },
+    code: 'code',
+    operate: null,
+    extend: null,
+    extra: null
+  }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
+
+  var onSelectChange = function onSelectChange(val, trigger) {
+    toggleCheckboxKey(cell[cellKey], {
+      cell: cell,
+      cellIndex: index,
+      trigger: trigger
+    });
+  }; // 单元格单击事件
+
+
+  var onClick = function onClick() {
+    // clearTimeout(clickFlag.current); // 清除第一个单击事件
+    // clickFlag.current = setTimeout(() => {
+    // 触发区域为单元格时仅触发复选事件
+    cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
+
+    if (trigger === 'cell') {
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked, trigger);
+    } // }, 200)
+
+  }; // 单元格双击事件: 双击时避免单击事件触发自己实现
+
+
+  var onDoubleClick = function onDoubleClick() {
+    // clearTimeout(clickFlag.current); // 清除第一个单击事件
+    cellDoubleClick === null || cellDoubleClick === void 0 ? void 0 : cellDoubleClick(cell, index);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card_PTC_container', checked && 'checked'),
+    onClick: onClick,
+    onDoubleClick: onDoubleClick
+  }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_checkbox",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: checked,
+    onChange: function onChange(e) {
+      return onSelectChange(e.target.checked);
+    }
+  })), resetDefaultConfig.operate || resetDefaultConfig.extra ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_extra",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    placement: "bottomRight",
+    trigger: "click",
+    overlay: function overlay() {
+      return (resetDefaultConfig.operate || resetDefaultConfig.extra)(cell, table);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-gengduotianchong"
+  }))) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_top"
+  }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
+    src: cell[resetDefaultConfig.imgurl],
+    fallback: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_center"
+  }, resetDefaultConfig.title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_title lm-font-middle-bold"
+  }, typeof resetDefaultConfig.title === 'function' ? resetDefaultConfig.title(cell, table) : cell[resetDefaultConfig.title]) : null, resetDefaultConfig.code ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_copy_text"
+  }, typeof resetDefaultConfig.code === 'function' ? resetDefaultConfig.code(cell, table) : /*#__PURE__*/_react.default.createElement(Paragraph, {
+    copyable: {
+      tooltips: false,
+      onCopy: function onCopy() {
+        return _linkmoreDesign.message.success('复制成功！', 1.5);
+      }
+    },
+    ellipsis: true
+  }, cell[resetDefaultConfig.code])) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_bottom"
+  }, resetDefaultConfig.extend ? resetDefaultConfig.extend(cell, table) : null)));
+};
+
+var _default = PictureTextColumn;
+exports.default = _default;