linkmore-design 1.0.76 → 1.0.77

package/es/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/es/LmTable/components/sheelTableCell.js

@@ -0,0 +1,140 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+var __rest = this && this.__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;
+};
+
+import React, { useState } from 'react';
+import cls from 'classnames';
+import { useUpdateEffect } from 'ahooks';
+import InputDataEdit from './inputDataEdit';
+
+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 = useState((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || ''),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  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;
+      return /*#__PURE__*/React.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.createElement("td", Object.assign({}, clearProps, {
+    style: {
+      userSelect: 'none'
+    },
+    className: cls(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);
+};
+
+export default SheelTabelCell;

package/es/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/es/LmTable/components/tableChartsModal.js

@@ -0,0 +1,114 @@
+import React, { useMemo } from 'react';
+import { pick } from 'lodash';
+import { Modal } from 'linkmore-design';
+import { Column, Line, Pie } from '@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 = 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 pick(item, rCol);
+    });
+    return {
+      rDataSource: rDataSource,
+      rCol: rCol
+    };
+  }, [data, columns, selectInfo]);
+  var getTypeCol = useMemo(function () {
+    return columns.filter(function (item) {
+      return item.etype === 'number';
+    }).map(function (item) {
+      return item.dataIndex;
+    });
+  }, [columns]);
+  var Field = 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 = 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.createElement(Modal, {
+    visible: !!type,
+    title: "\u667A\u80FD\u62A5\u8868",
+    onCancel: onCancel
+  }, type === 'column' && /*#__PURE__*/React.createElement(Column, Object.assign({}, config)), type === 'line' && /*#__PURE__*/React.createElement(Line, Object.assign({}, config)), type === 'pie' && /*#__PURE__*/React.createElement(Pie, Object.assign({}, config)));
+};
+
+export default TableChartsModal;

package/es/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/lib/LmFilter/LmFilter.js

@@ -21,10 +21,12 @@ var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
 
 var _localization = require("./localization");
 
-var _excluded = ["localization"];
+var _excluded = ["searchConfig", "localization"];
 
 var LmFilter = function LmFilter(_ref, ref) {
-  var _ref$localization = _ref.localization,
+  var _ref$searchConfig = _ref.searchConfig,
+      searchConfig = _ref$searchConfig === void 0 ? {} : _ref$searchConfig,
+      _ref$localization = _ref.localization,
       localization = _ref$localization === void 0 ? {} : _ref$localization,
       resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var defaultRef = (0, _react.useRef)(null);
@@ -45,9 +47,15 @@ var LmFilter = function LmFilter(_ref, ref) {
     // 尺寸
     searchKey: 'search',
     // 搜索的key值
+    searchConfig: (0, _objectSpread2.default)({
+      relation: 'or',
+      fieldType: 'string',
+      operator: 'contains'
+    }, searchConfig || {}),
+    // 模糊搜索配置
     placeholder: '请输入',
     // 搜索占位符
-    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization)
+    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization || {})
   };
   return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
     ref: ref || defaultRef

package/lib/LmFilter/baseFilter/fuzzySearch.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 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/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
@@ -18,30 +20,38 @@ var FuzzySearch = function FuzzySearch(_ref) {
   var inputRef = (0, _react.useRef)(null);
   var state = instance.state,
       setFilterValue = instance.setFilterValue,
+      setSearchFilter = instance.setSearchFilter,
       size = instance.size,
       placeholder = instance.placeholder,
-      searchKey = instance.searchKey; // 默认值
+      searchKey = instance.searchKey,
+      searchConfig = instance.searchConfig; // 默认值
 
   var defaultValue = (0, _react.useMemo)(function () {
-    var _state$basicFilter;
+    var _state$basicFilter, _state$searchFilter;
 
-    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || '';
-  }, [state.basicFilter]);
+    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || ((_state$searchFilter = state.searchFilter) === null || _state$searchFilter === void 0 ? void 0 : _state$searchFilter[searchKey[0]]) || '';
+  }, [state.basicFilter, state.searchFilter, searchKey]);
 
   var onSearch = function onSearch(val) {
-    var item = {
-      field: searchKey,
-      operator: 'contains',
-      fieldType: 'string'
-    };
-    setFilterValue(val, item);
+    var isFuzzy = Array.isArray(searchKey);
+    var item = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, searchConfig), {}, {
+      field: searchKey
+    });
+
+    if (isFuzzy) {
+      setSearchFilter(val);
+    } else {
+      setFilterValue(val, item);
+    }
   };
 
   (0, _react.useEffect)(function () {
     if (!defaultValue) {
       inputRef.current.setValue('');
+    } else {
+      inputRef.current.setValue(defaultValue);
     }
-  }, [state.basicFilter]);
+  }, [state.basicFilter, state.searchFilter]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_filter_search"
   }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {

package/lib/LmFilter/clearFilter/index.js

@@ -13,9 +13,7 @@ var _linkmoreDesign = require("linkmore-design");
 
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      onClearChange = instance.onClearChange;
+  var onClearChange = instance.onClearChange;
 
   var handleClear = function handleClear() {
     onClearChange();

package/lib/LmFilter/complexFilter/valueDrawer.js

@@ -54,7 +54,7 @@ var ValueDrawer = function ValueDrawer(_ref) {
     form.resetFields();
   };
   /*
-   * customModal.data.type === 'nested' 时,处理不同
+   * customModal.data.type === 'nested' 时,处理不同(未增加)
    *
   */