linkmore-design 1.1.28 → 1.1.30

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,38 @@
+/**
+ * 查找单极树节点
+ * @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,150 @@
+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, { useEffect } from 'react';
+import { omit } from 'lodash';
+import calc, { reset } from '../expression';
+import Select from '../../Select';
+var Option = Select.Option;
+
+var dfs = function dfs(dataSource, dataIndex, expression) {
+  var traverse = function traverse(arr) {
+    var history = [];
+    arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
+      if (item === null || item === void 0 ? void 0 : item.children) {
+        traverse(item === null || item === void 0 ? void 0 : item.children);
+      }
+
+      calc(item, [[dataIndex, expression]], history);
+    });
+
+    if (history && history.length) {
+      var sum = 0;
+      history.forEach(function (h) {
+        sum += h.sum;
+      });
+      history.forEach(function (h) {
+        if (sum < 0.000001) {
+          sum = 0;
+          h.item[h.dataIndex] = '0%';
+        } else {
+          h.item[h.dataIndex] = (h.sum / sum * 100).toFixed(2) + '%';
+        }
+
+        h.item["".concat(h.dataIndex, "_sum")] = sum;
+      });
+    }
+  };
+
+  traverse(dataSource);
+};
+
+var strategy = [{
+  value: '',
+  label: '不计算'
+}, {
+  value: 'percent',
+  label: '百分比'
+}, {
+  value: 'average',
+  label: '平均值'
+}, {
+  value: 'max',
+  label: '最大值'
+}, {
+  value: 'min',
+  label: '最小值'
+}, {
+  value: 'sum',
+  label: '总计值'
+}];
+
+var CalcExpression = function CalcExpression(props) {
+  var record = props.record,
+      col = props.col,
+      columns = props.columns,
+      children = props.children,
+      onChangeRecord = props.onChangeRecord,
+      onExpressionChange = props.onExpressionChange,
+      rest = __rest(props // 鼠标移进移除不会重新渲染
+  , ["record", "col", "columns", "children", "onChangeRecord", "onExpressionChange"]); // 鼠标移进移除不会重新渲染
+
+
+  var restParams = omit(rest, ['onMouseEnter', 'onMouseLeave']); // 列参数
+
+  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) {
+      onChangeRecord(dfs, col.dataIndex, value, true);
+    } else {
+      onChangeRecord(reset, col.dataIndex, value, true);
+    }
+
+    onExpressionChange && onExpressionChange(col, value);
+  };
+
+  useEffect(function () {
+    // 使用默认值初始化
+    if (col === null || col === void 0 ? void 0 : col.defaultExpression) {
+      onChangeRecord(dfs, col.dataIndex, col === null || col === void 0 ? void 0 : col.defaultExpression, false);
+    }
+  }, [col === null || col === void 0 ? void 0 : col.defaultExpression]);
+
+  if (record && record._group && isShowSelect && (col === null || col === void 0 ? void 0 : col.dataIndex)) {
+    var select = Object.assign({
+      placeholder: '不计算',
+      allowClear: false,
+      size: "small",
+      bordered: false
+    }, col.expressionSelect ? col.expressionSelect : {});
+    return /*#__PURE__*/React.createElement("td", Object.assign({}, restParams), /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement("span", null, record[col.dataIndex]), /*#__PURE__*/React.createElement(Select, Object.assign({
+      className: "calc-select",
+      value: record["".concat(col.dataIndex, "_exp")],
+      onChange: onChange
+    }, select), currentStrategy.map(function (item) {
+      return /*#__PURE__*/React.createElement(Option, {
+        className: "calc-option",
+        value: item.value,
+        key: item.value
+      }, item.label);
+    }))));
+  }
+
+  return /*#__PURE__*/React.createElement("td", Object.assign({}, restParams), 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,52 @@
+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 {};