linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/es/LmTable/autosize.js

@@ -1,42 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-
 var _lodash = require("lodash");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _detectElementResize = _interopRequireDefault(require("./detectElementResize"));
-
 var AutoSizer = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(AutoSizer, _React$Component);
-
   var _super = (0, _createSuper2.default)(AutoSizer);
-
   function AutoSizer() {
     var _this;
-
     (0, _classCallCheck2.default)(this, AutoSizer);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     _this.state = {
       height: _this.props.defaultHeight || 0,
@@ -46,17 +31,16 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
     _this._autoSizer = void 0;
     _this._window = void 0;
     _this._detectElementResize = void 0;
-
     _this._onResize = function () {
       var _this$props = _this.props,
-          disableHeight = _this$props.disableHeight,
-          disableWidth = _this$props.disableWidth,
-          onResize = _this$props.onResize;
-
+        disableHeight = _this$props.disableHeight,
+        disableWidth = _this$props.disableWidth,
+        onResize = _this$props.onResize;
       if (_this._parentNode) {
         // Guard against AutoSizer component being removed from the DOM immediately after being added.
         // This can result in invalid style values which can result in NaN values if we don't handle them.
         // See issue #150 for more context.
+
         var height = _this._parentNode.offsetHeight || 0;
         var width = _this._parentNode.offsetWidth || 0;
         var win = _this._window || window;
@@ -67,13 +51,11 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
         var paddingBottom = parseInt(style.paddingBottom, 10) || 0;
         var newHeight = height - paddingTop - paddingBottom;
         var newWidth = width - paddingLeft - paddingRight;
-
         if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {
           _this.setState({
             height: height - paddingTop - paddingBottom,
             width: width - paddingLeft - paddingRight
           });
-
           onResize({
             height: height,
             width: width
@@ -81,33 +63,27 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
-
     _this.handleResize = (0, _lodash.debounce)(_this._onResize, 800);
-
     _this._setRef = function (autoSizer) {
       _this._autoSizer = autoSizer;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(AutoSizer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var nonce = this.props.nonce;
-
       if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {
         // Delay access of parentNode until mount.
         // This handles edge-cases where the component has already been unmounted before its ref has been set,
         // As well as libraries like react-lite which have a slightly different lifecycle.
         this._parentNode = this._autoSizer.parentNode;
-        this._window = this._autoSizer.parentNode.ownerDocument.defaultView; // Defer requiring resize handler in order to support server-side rendering.
-        // See issue #41
+        this._window = this._autoSizer.parentNode.ownerDocument.defaultView;
 
+        // Defer requiring resize handler in order to support server-side rendering.
+        // See issue #41
         this._detectElementResize = (0, _detectElementResize.default)(nonce, this._window);
-
         this._detectElementResize.addResizeListener(this._parentNode, this.handleResize);
-
         this._onResize();
       }
     }
@@ -122,32 +98,30 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          className = _this$props2.className,
-          disableHeight = _this$props2.disableHeight,
-          disableWidth = _this$props2.disableWidth,
-          style = _this$props2.style;
+        children = _this$props2.children,
+        className = _this$props2.className,
+        disableHeight = _this$props2.disableHeight,
+        disableWidth = _this$props2.disableWidth,
+        style = _this$props2.style;
       var _this$state = this.state,
-          height = _this$state.height,
-          width = _this$state.width; // Outer div should not force width/height since that may prevent containers from shrinking.
+        height = _this$state.height,
+        width = _this$state.width;
+
+      // Outer div should not force width/height since that may prevent containers from shrinking.
       // Inner component should overflow and use calculated width/height.
       // See issue #68 for more information.
-
       var outerStyle = {
         overflow: 'visible'
       };
       var childParams = {};
-
       if (!disableHeight) {
         outerStyle.height = 0;
         childParams.height = height;
       }
-
       if (!disableWidth) {
         outerStyle.width = 0;
         childParams.width = width;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: className,
         ref: this._setRef,
@@ -157,7 +131,6 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
   }]);
   return AutoSizer;
 }(_react.default.Component);
-
 exports.default = AutoSizer;
 AutoSizer.defaultProps = {
   onResize: function onResize() {},

package/es/LmTable/chartUtil.js

@@ -7,27 +7,23 @@ exports.default = void 0;
 exports.getBarOption = getBarOption;
 exports.getLineOption = getLineOption;
 exports.getPieOption = getPieOption;
-
 function getBarOption(cols, source) {
   var xAxis = [];
   var series = [];
   cols.forEach(function (col) {
     var _xAxis;
-
     var arr = source.map(function (item) {
       return item[col.dataIndex];
-    }); // 第一个非number类型作为x轴
-
+    });
+    // 第一个非number类型作为x轴
     if (col.etype !== 'number' && !((_xAxis = xAxis) === null || _xAxis === void 0 ? void 0 : _xAxis.length)) {
       xAxis = arr;
       return;
     }
-
     if (col.xAxis) {
       xAxis = arr;
       return;
     }
-
     if (col.etype === 'number') {
       series.push({
         data: arr,
@@ -65,27 +61,23 @@ function getBarOption(cols, source) {
   };
   return option;
 }
-
 function getLineOption(cols, source) {
   var xAxis = [];
   var series = [];
   cols.forEach(function (col) {
     var _xAxis2;
-
     var arr = source.map(function (item) {
       return item[col.dataIndex];
-    }); // 第一个非number类型作为x轴
-
+    });
+    // 第一个非number类型作为x轴
     if (col.etype !== 'number' && !((_xAxis2 = xAxis) === null || _xAxis2 === void 0 ? void 0 : _xAxis2.length)) {
       xAxis = arr;
       return;
     }
-
     if (col.xAxis) {
       xAxis = arr;
       return;
     }
-
     if (col.etype === 'number') {
       series.push({
         data: arr,
@@ -123,7 +115,6 @@ function getLineOption(cols, source) {
   };
   return option;
 }
-
 function getPieOption(cols, source) {
   var data = source.map(function (item) {
     var temp = {};
@@ -160,7 +151,6 @@ function getPieOption(cols, source) {
   };
   return option;
 }
-
 var _default = {
   getBarOption: getBarOption
 };

package/es/LmTable/common/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 查找单极树节点
+ * @param tree
+ * @param func
+ * @param options
+ * @returns
+ */
+export declare const treeFind: (tree: any[] | Object, func: (node: any) => boolean, options?: any) => any;
+declare const _default: {};
+export default _default;

package/es/LmTable/common/index.js

@@ -0,0 +1,32 @@
+/**
+ * 查找单极树节点
+ * @param tree
+ * @param func
+ * @param options
+ * @returns
+ */
+export var treeFind = function treeFind(tree, func) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _options$children = options.children,
+    children = _options$children === void 0 ? 'children' : _options$children;
+  var list = [];
+  if (Array.isArray(tree)) {
+    list = tree;
+  } else if (Object.prototype.toString.call(tree) === '[object Object]') {
+    list.push(tree);
+  }
+  for (var i = 0; i < list.length; i += 1) {
+    var data = list[i];
+    if (func(data)) {
+      return data;
+    }
+    if (data["".concat(children)]) {
+      var res = treeFind(data["".concat(children)], func, options);
+      if (res) {
+        return res;
+      }
+    }
+  }
+  return null;
+};
+export default {};

package/es/LmTable/components/CalcExpression.d.ts

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

package/es/LmTable/components/CalcExpression.js

@@ -0,0 +1,90 @@
+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 from 'react';
+import calc, { reset } from '../expression';
+import Select from '../../Select';
+var Option = Select.Option;
+var dfs = function dfs(record, dataIndex, expression) {
+  var average = function average(arr) {
+    arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
+      if (item === null || item === void 0 ? void 0 : item.children) {
+        average(item === null || item === void 0 ? void 0 : item.children);
+      }
+      calc(item, [[dataIndex, expression]]);
+    });
+  };
+  average([record]);
+};
+var strategy = [{
+  value: 'average',
+  label: '平均值'
+}, {
+  value: 'max',
+  label: '最大值'
+}, {
+  value: 'min',
+  label: '最小值'
+}, {
+  value: 'sum',
+  label: '总计值'
+}];
+var CalcExpression = function CalcExpression(props) {
+  var record = props.record,
+    col = props.col,
+    children = props.children,
+    onChangeRecord = props.onChangeRecord,
+    rest = __rest(props
+    // 列参数
+    , ["record", "col", "children", "onChangeRecord"]);
+  // 列参数
+  var isShowSelect = false;
+  var currentStrategy = [];
+  if (col === null || col === void 0 ? void 0 : col.expression) {
+    if (typeof (col === null || col === void 0 ? void 0 : col.expression) === 'boolean') {
+      isShowSelect = true;
+      currentStrategy = strategy;
+    } else if (Array.isArray(col.expression)) {
+      isShowSelect = true;
+      currentStrategy = strategy.filter(function (item) {
+        return col.expression.includes(item.value);
+      });
+    }
+  }
+  var onChange = function onChange(value) {
+    if (!col.dataIndex) {
+      throw Error('no parameter dataIndex');
+    }
+    if (value) {
+      dfs(record, col.dataIndex, value);
+    } else {
+      reset([record], col.dataIndex);
+    }
+    onChangeRecord(record);
+  };
+  if (record && record._group && isShowSelect && (col === null || col === void 0 ? void 0 : col.dataIndex)) {
+    return /*#__PURE__*/React.createElement("td", Object.assign({}, rest), record[col.dataIndex], /*#__PURE__*/React.createElement(Select, {
+      className: "calc-select",
+      value: record["".concat(col.dataIndex, "_exp")],
+      size: "small",
+      bordered: false,
+      onChange: onChange,
+      placeholder: "\u8BF7\u9009\u62E9",
+      allowClear: true
+    }, currentStrategy.map(function (item) {
+      return /*#__PURE__*/React.createElement(Option, {
+        className: "calc-option",
+        value: item.value
+      }, item.label);
+    })));
+  }
+  return /*#__PURE__*/React.createElement("td", Object.assign({}, rest), children);
+};
+export default CalcExpression;

package/es/LmTable/components/Container/Container.css

@@ -0,0 +1,94 @@
+.dnd_container {
+  display: flex;
+  flex-direction: column;
+  grid-auto-rows: max-content;
+  overflow: hidden;
+  box-sizing: border-box;
+  appearance: none;
+  outline: none;
+  flex: 1;
+  border-radius: 5px;
+  margin-bottom: 10px;
+  margin-right: 10px;
+  transition: background-color 350ms ease;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  font-size: 1em;
+}
+.dnd_container:last-child {
+  margin-right: 0;
+}
+.dnd_container.isNoneBorder {
+  border: 0 !important;
+  margin: 0;
+}
+.dnd_container ul {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  padding: 10px;
+  margin: 0;
+  min-height: 57px;
+}
+.dnd_container ul.ulClassName {
+  padding: 0px;
+}
+.dnd_container.scrollable ul {
+  overflow-y: auto;
+}
+.dnd_container.placeholder {
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.5);
+  background-color: transparent;
+  border-style: dashed;
+  border-color: rgba(0, 0, 0, 0.08);
+}
+.dnd_container.placeholder:hover {
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.dnd_container.hover {
+  background-color: #ebebeb;
+}
+.dnd_container.unstyled {
+  overflow: visible;
+  background-color: transparent !important;
+  border: none !important;
+}
+.dnd_container.horizontal {
+  width: 100%;
+}
+.dnd_container.horizontal ul {
+  grid-auto-flow: column;
+}
+.dnd_container.shadow {
+  box-shadow: 0 1px 10px 0 rgba(34, 33, 81, 0.1);
+}
+.dnd_container:focus-visible {
+  border-color: transparent;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
+}
+.dnd_header {
+  display: flex;
+  padding: 5px 20px;
+  padding-right: 8px;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #fff;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+}
+.dnd_header:hover .Actions > * {
+  opacity: 1 !important;
+}
+.dnd_actions {
+  display: flex;
+}
+.dnd_actions > *:first-child:not(:last-child) {
+  opacity: 0;
+}
+.dnd_actions > *:first-child:not(:last-child):focus-visible {
+  opacity: 1;
+}

package/es/LmTable/components/Container/Container.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './Container.less';
+export interface Props {
+    children: React.ReactNode;
+    columns?: number;
+    label?: string;
+    style?: React.CSSProperties;
+    horizontal?: boolean;
+    hover?: boolean;
+    handleProps?: React.HTMLAttributes<any>;
+    scrollable?: boolean;
+    shadow?: boolean;
+    placeholder?: boolean;
+    unstyled?: boolean;
+    onClick?: (e: any) => void;
+    onRemove?: (e: any) => void;
+    ulClassName?: string;
+    isNoneBorder?: boolean;
+}
+export declare const Container: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/es/LmTable/components/Container/Container.js

@@ -0,0 +1,48 @@
+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, { forwardRef } from 'react';
+import classNames from 'classnames';
+// import {Handle, Remove} from '../Item';
+import "./Container.css";
+export var Container = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+    _a$columns = _a.columns,
+    columns = _a$columns === void 0 ? 1 : _a$columns,
+    handleProps = _a.handleProps,
+    horizontal = _a.horizontal,
+    hover = _a.hover,
+    onClick = _a.onClick,
+    onRemove = _a.onRemove,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    style = _a.style,
+    scrollable = _a.scrollable,
+    shadow = _a.shadow,
+    unstyled = _a.unstyled,
+    ulClassName = _a.ulClassName,
+    isNoneBorder = _a.isNoneBorder,
+    props = __rest(_a, ["children", "columns", "handleProps", "horizontal", "hover", "onClick", "onRemove", "label", "placeholder", "style", "scrollable", "shadow", "unstyled", "ulClassName", "isNoneBorder"]);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    ref: ref,
+    style: Object.assign(Object.assign({}, style), {
+      '--columns': columns
+    }),
+    className: classNames('dnd_container', unstyled && 'unstyled', horizontal && 'horizontal', hover && 'hover', placeholder && 'placeholder', scrollable && 'scrollable', shadow && 'shadow', isNoneBorder && 'isNoneBorder'),
+    onClick: onClick,
+    tabIndex: onClick ? 0 : undefined
+  }), label ? /*#__PURE__*/React.createElement("div", {
+    className: 'dnd_header'
+  }, label, /*#__PURE__*/React.createElement("div", {
+    className: 'dnd_actions'
+  })) : null, placeholder ? children : /*#__PURE__*/React.createElement("ul", {
+    className: ulClassName
+  }, children));
+});

package/es/LmTable/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { Props as ContainerProps } from './Container';

package/es/LmTable/components/Container/index.js

@@ -0,0 +1 @@
+export { Container } from './Container';

package/es/LmTable/components/DndContainer.d.ts

@@ -1,5 +1,37 @@
-declare const DndContainer: ({ children, move }: {
-    children: any;
-    move: any;
-}) => JSX.Element;
-export default DndContainer;
+import React from 'react';
+import { CancelDrop, Modifiers, UniqueIdentifier, KeyboardCoordinateGetter } from '@dnd-kit/core';
+declare type Items = Record<UniqueIdentifier, UniqueIdentifier[]>;
+interface Props {
+    adjustScale?: boolean;
+    cancelDrop?: CancelDrop;
+    columns?: number;
+    containerStyle?: React.CSSProperties;
+    coordinateGetter?: KeyboardCoordinateGetter;
+    getItemStyles?(args: {
+        value: UniqueIdentifier;
+        index: number;
+        overIndex: number;
+        isDragging: boolean;
+        containerId: UniqueIdentifier;
+        isSorting: boolean;
+        isDragOverlay: boolean;
+    }): React.CSSProperties;
+    wrapperStyle?(args: {
+        index: number;
+    }): React.CSSProperties;
+    itemCount?: number;
+    items?: Items;
+    handle?: boolean;
+    renderItem?: any;
+    modifiers?: Modifiers;
+    trashable?: boolean;
+    scrollable?: boolean;
+    children?: React.ReactNode;
+    updateItems?(items: Items, resume?: string): void;
+    rowGroupTitle?: string;
+    colGroupTitle?: string;
+    filterColumns?: any[];
+}
+export declare const TRASH_ID = "void";
+export default function DndContainer({ adjustScale, itemCount, cancelDrop, columns, handle, items: initialItems, containerStyle, coordinateGetter, getItemStyles, wrapperStyle, modifiers, renderItem, trashable, scrollable, children, updateItems, rowGroupTitle, colGroupTitle, filterColumns }: Props): JSX.Element;
+export {};