linkmore-design 1.0.76 → 1.0.77

package/lib/LmTable/components/inputDataEdit.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var InputDataEdit = function InputDataEdit(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      handleSave = props.handleSave;
+  var inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _a;
+
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, 150);
+  }, []);
+
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
+    ref: inputRef,
+    className: "data-editor",
+    value: value,
+    size: 'small',
+    bordered: false,
+    onChange: handleChange,
+    onKeyDown: onKeyDown,
+    onPressEnter: handleSave,
+    onBlur: handleSave
+  });
+};
+
+var _default = InputDataEdit;
+exports.default = _default;

package/lib/LmTable/components/sheelTableCell.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IProps {
+    record: Record<string, any>;
+    rowKey: string;
+    col: any;
+    rowIndex: number;
+    colIndex: number;
+    [key: string]: any;
+}
+declare const SheelTabelCell: React.FC<IProps>;
+export default SheelTabelCell;

package/lib/LmTable/components/sheelTableCell.js

@@ -0,0 +1,155 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ahooks = require("ahooks");
+
+var _inputDataEdit = _interopRequireDefault(require("./inputDataEdit"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var SheelTabelCell = function SheelTabelCell(props) {
+  var record = props.record,
+      col = props.col,
+      rowKey = props.rowKey,
+      children = props.children,
+      rowIndex = props.rowIndex,
+      colIndex = props.colIndex,
+      onMouseDown = props.onMouseDown,
+      onMouseOver = props.onMouseOver,
+      isSelected = props.isSelected,
+      selectIng = props.selectIng,
+      onContextMenu = props.onContextMenu,
+      onDoubleClick = props.onDoubleClick,
+      restProps = __rest(props, ["record", "col", "rowKey", "children", "rowIndex", "colIndex", "onMouseDown", "onMouseOver", "isSelected", "selectIng", "onContextMenu", "onDoubleClick"]);
+
+  var onMouseEnter = restProps.onMouseEnter,
+      onMouseLeave = restProps.onMouseLeave,
+      clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
+
+  var _ref = (isSelected === null || isSelected === void 0 ? void 0 : isSelected(rowIndex, colIndex)) || {},
+      _ref$isSelected = _ref.isSelected,
+      sd = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$isEnd = _ref.isEnd,
+      isEnd = _ref$isEnd === void 0 ? false : _ref$isEnd,
+      _ref$isRightEnd = _ref.isRightEnd,
+      isRightEnd = _ref$isRightEnd === void 0 ? false : _ref$isRightEnd,
+      _ref$isEditing = _ref.isEditing,
+      isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing;
+
+  var _useState = (0, _react.useState)((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || ''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  (0, _ahooks.useUpdateEffect)(function () {
+    console.log(value, '----changeValue');
+  }, [value]);
+  /** 鼠标点击 */
+
+  var handleMouseDown = function handleMouseDown(e) {
+    if (e.button === 2) {
+      console.log('点击了右键');
+    } else if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(rowIndex, colIndex, e);
+    }
+  };
+  /** 鼠标右键 */
+
+
+  var handleContextMenu = function handleContextMenu(e) {
+    if (!col.disableEvents) {
+      onContextMenu(e, rowIndex, colIndex);
+    }
+  };
+  /** 鼠标松开 */
+
+
+  var handleMouseOver = function handleMouseOver(e) {
+    if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(rowIndex, colIndex);
+    }
+  };
+  /** 双击 */
+
+
+  var handleDoubleClick = function handleDoubleClick(e) {
+    if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onDoubleClick(rowIndex, colIndex, col);
+    }
+  };
+
+  var renderComponent = function renderComponent() {
+    var _ref2 = col || {},
+        component = _ref2.component,
+        readOnly = _ref2.readOnly;
+
+    if (isEditing && !readOnly) {
+      return component || null;
+    }
+
+    return null;
+  };
+
+  var saveRenderValue = function saveRenderValue() {
+    console.log(value, rowIndex, colIndex, '222');
+  };
+
+  var renderEditor = function renderEditor() {
+    if (isEditing) {
+      var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || _inputDataEdit.default;
+      return /*#__PURE__*/_react.default.createElement(Editor, {
+        cell: col,
+        row: rowIndex,
+        col: colIndex,
+        value: value,
+        onChange: setValue,
+        handleSave: saveRenderValue
+      });
+    }
+
+    return null;
+  };
+
+  var renderViewer = children;
+  var content = renderComponent() || renderEditor() || renderViewer;
+  return /*#__PURE__*/_react.default.createElement("td", Object.assign({}, clearProps, {
+    style: {
+      userSelect: 'none'
+    },
+    className: (0, _classnames.default)(sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing'),
+    onMouseDown: handleMouseDown,
+    onMouseOver: handleMouseOver,
+    onContextMenu: handleContextMenu,
+    onDoubleClick: handleDoubleClick,
+    // onKeyUp={onKeyUp}
+    key: "".concat(rowIndex, "_").concat(colIndex)
+  }), content);
+};
+
+var _default = SheelTabelCell;
+exports.default = _default;

package/lib/LmTable/components/tableChartsModal.d.ts

@@ -0,0 +1,22 @@
+import type { ILMModalProps } from 'linkmore-design';
+import type { TableColumnProps } from 'antd';
+interface IProps extends ILMModalProps {
+    data?: Record<string, unknown>[];
+    type: 'line' | 'pie' | 'column' | null;
+    columns?: (TableColumnProps<any> & {
+        etype: string;
+    })[];
+    selectInfo?: {
+        start: {
+            i: number;
+            j: number;
+        };
+        end: {
+            i: number;
+            j: number;
+        };
+    };
+}
+/** i 是行  j 是列 */
+declare const TableChartsModal: (props: IProps) => JSX.Element;
+export default TableChartsModal;

package/lib/LmTable/components/tableChartsModal.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _plots = require("@ant-design/plots");
+
+/** i 是行  j 是列 */
+var TableChartsModal = function TableChartsModal(props) {
+  var type = props.type,
+      onCancel = props.onCancel,
+      data = props.data,
+      columns = props.columns,
+      selectInfo = props.selectInfo;
+  var resultData = (0, _react.useMemo)(function () {
+    var start = selectInfo.start,
+        end = selectInfo.end;
+    var rCol = columns === null || columns === void 0 ? void 0 : columns.filter(function (item, index) {
+      var maxJ = Math.max(start.j, end.j);
+      var minJ = Math.min(start.j, end.j);
+
+      if (index >= minJ && index <= maxJ) {
+        return true;
+      }
+
+      return false;
+    }).map(function (item) {
+      return item.dataIndex;
+    });
+    var maxi = Math.max(start.i, end.i);
+    var mini = Math.min(start.i, end.i);
+    var rDataSource = data === null || data === void 0 ? void 0 : data.filter(function (item, index) {
+      if (index >= mini && index <= maxi) {
+        return true;
+      }
+
+      return false;
+    }).map(function (item) {
+      return (0, _lodash.pick)(item, rCol);
+    });
+    return {
+      rDataSource: rDataSource,
+      rCol: rCol
+    };
+  }, [data, columns, selectInfo]);
+  var getTypeCol = (0, _react.useMemo)(function () {
+    return columns.filter(function (item) {
+      return item.etype === 'number';
+    }).map(function (item) {
+      return item.dataIndex;
+    });
+  }, [columns]);
+  var Field = (0, _react.useMemo)(function () {
+    var rCol = resultData.rCol;
+    var xField = rCol.find(function (item) {
+      return !getTypeCol.includes(item);
+    });
+    var yField = getTypeCol === null || getTypeCol === void 0 ? void 0 : getTypeCol[0];
+    return {
+      xField: xField,
+      yField: yField
+    };
+  }, [resultData, getTypeCol]);
+  var config = (0, _react.useMemo)(function () {
+    if (type === 'pie') {
+      return {
+        appendPadding: 10,
+        data: resultData.rDataSource,
+        angleField: Field.yField,
+        colorField: Field.xField,
+        radius: 0.9,
+        label: {
+          type: 'inner',
+          offset: '-30%',
+          content: function content(_ref) {
+            var percent = _ref.percent;
+            return "".concat((percent * 100).toFixed(0), "%");
+          },
+          style: {
+            fontSize: 14,
+            textAlign: 'center'
+          }
+        },
+        interactions: [{
+          type: 'element-active'
+        }]
+      };
+    }
+
+    return {
+      data: resultData.rDataSource,
+      xField: Field.xField,
+      yField: Field.yField,
+      label: {
+        position: 'middle',
+        style: {
+          fill: '#FFFFFF',
+          opacity: 0.6
+        }
+      },
+      xAxis: {
+        label: {
+          autoHide: true,
+          autoRotate: false
+        }
+      }
+    };
+  }, [Field, resultData, type]);
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, {
+    visible: !!type,
+    title: "\u667A\u80FD\u62A5\u8868",
+    onCancel: onCancel
+  }, type === 'column' && /*#__PURE__*/_react.default.createElement(_plots.Column, Object.assign({}, config)), type === 'line' && /*#__PURE__*/_react.default.createElement(_plots.Line, Object.assign({}, config)), type === 'pie' && /*#__PURE__*/_react.default.createElement(_plots.Pie, Object.assign({}, config)));
+};
+
+var _default = TableChartsModal;
+exports.default = _default;

package/lib/LmTable/style/index.css

@@ -836,6 +836,42 @@ p {
 #lm_protable_warp .lm_protable .ant-table {
   font-size: 12px;
 }
+#lm_protable_warp .lm_protable .ant-table td.selected,
+#lm_protable_warp .lm_protable .ant-table td.editing {
+  border: 1px solid var(--primary-color);
+  border-bottom: 0px;
+  transition: none;
+  box-shadow: inset 0 -100px 0 rgb(33 133 13.86666667%);
+  border-right: 0;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected.end,
+#lm_protable_warp .lm_protable .ant-table td.editing.end {
+  border-bottom: 1px solid var(--primary-color);
+}
+#lm_protable_warp .lm_protable .ant-table td.selected.right_end,
+#lm_protable_warp .lm_protable .ant-table td.editing.right_end {
+  border-right: 1px solid var(--primary-color);
+}
+#lm_protable_warp .lm_protable .ant-table td.selected .data-editor,
+#lm_protable_warp .lm_protable .ant-table td.editing .data-editor {
+  border: 0;
+  background: none;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected input,
+#lm_protable_warp .lm_protable .ant-table td.editing input {
+  background: none;
+  outline: none !important;
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected input:hover,
+#lm_protable_warp .lm_protable .ant-table td.editing input:hover {
+  background: none;
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table tr:last-child td.selected.end,
+#lm_protable_warp .lm_protable .ant-table tr:last-child td.editing.end {
+  border-bottom: 2px solid var(--primary-color);
+}
 #lm_protable_warp .lm_protable .ant-card-body,
 #lm_protable_warp .lm_protable .ant-pro-card-body {
   padding: 0;
@@ -1476,3 +1512,20 @@ p {
   height: 100%;
   cursor: col-resize;
 }
+.WeChatContactsAvatarTools {
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.WeChatContactsAvatarTools .rightClickItems {
+  height: 30px;
+  border-bottom: 1px solid #ddd;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 12px;
+  cursor: pointer;
+}
+.WeChatContactsAvatarTools .rightClickItems:last-child {
+  border-bottom: 0px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"
@@ -11,10 +11,9 @@
   "files": [
     "es",
     "lib",
-    "dist",
-    "typings"
+    "dist"
   ],
-  "typings": "typings/index.d.ts",
+  "typings": "es/index.d.ts",
   "description": "🌈 🚀lm组件库。🚀",
   "keywords": [
     "react-web-pro",
@@ -48,9 +47,11 @@
     ]
   },
   "dependencies": {
+    "@ant-design/charts": "^1.4.2",
     "@ant-design/compatible": "^1.0.8",
     "@ant-design/icons": "^4.3.0",
     "@ant-design/pro-table": "^2.77.0",
+    "@antv/g2": "^4.2.7",
     "@babel/runtime": "^7.17.9",
     "@dnd-kit/core": "^5.0.3",
     "@dnd-kit/modifiers": "^5.0.0",

package/typings/index.d.ts

@@ -1,19 +0,0 @@
-declare module "slash2";
-declare module "*.css";
-declare module "*.less";
-declare module "*.scss";
-declare module "*.sass";
-declare module "*.svg";
-declare module "*.png";
-declare module "*.jpg";
-declare module "*.jpeg";
-declare module "*.gif";
-declare module "*.bmp";
-declare module "*.tiff";
-declare module "omit.js";
-declare module "react-copy-to-clipboard";
-declare module "react-fittext";
-declare module "@antv/data-set";
-declare module "nzh/cn";
-declare module "*.md";
-// declare module "linkmore-design";