linkmore-design 1.0.55 → 1.0.58

package/es/LmFilter/utils.js

@@ -5,14 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFlat = getFlat;
+exports.getFlatItem = getFlatItem;
 exports.getIsHas = getIsHas;
 exports.getRanges = getRanges;
 exports.getValueForType = getValueForType;
 exports.uniqueFunc = uniqueFunc;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
@@ -44,7 +42,9 @@ function getValueForType(type) {
 function uniqueFunc(arr, guid) {
   var res = new Map();
   return arr.filter(function (item) {
-    return !res.has(item[guid]) && res.set(item[guid], 1);
+    var isHas = (item === null || item === void 0 ? void 0 : item[guid]) || typeof (item === null || item === void 0 ? void 0 : item[guid]) === 'number';
+    var resetItem = isHas ? item === null || item === void 0 ? void 0 : item[guid] : item;
+    return !res.has(resetItem) && res.set(resetItem, 1);
   });
 } // 获取最近的时间段
 
@@ -55,17 +55,66 @@ function getRanges() {
     '近一月': [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
     '近一年': [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
   };
-}
-
-function getFlat(arr) {
-  var nValue = [];
-  arr.forEach(function (item) {
-    if (item.length > 1) {
-      var suf = item.splice(1);
-      getFlat(suf);
+} // 级联选择器获取深层结构数据 type: 遍历子/父结构
+
+
+function getFlatItem(filterValues, originArr) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  var nArr = []; // 获取子级项
+
+  var getChildren = function getChildren(item) {
+    var _item$children;
+
+    if (type === 'parent') {
+      nArr.push(item);
+      return;
+    }
+
+    if (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+      item === null || item === void 0 ? void 0 : item.children.forEach(function (v) {
+        return getChildren(v);
+      });
     } else {
-      nValue.push.apply(nValue, (0, _toConsumableArray2.default)(item[0].children));
+      nArr.push(item);
+    }
+  }; // 检测到三级结构
+
+
+  filterValues.forEach(function (item) {
+    if (item.length === 1) {
+      var findItem = originArr.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+      getChildren(findItem);
+    }
+
+    if (item.length === 2) {
+      var findArr1 = originArr.find(function (v) {
+        return v.value === item[0];
+      }).children;
+
+      var _findItem = findArr1.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+
+      getChildren(_findItem);
+    }
+
+    if (item.length === 3) {
+      var _findArr = originArr.find(function (v) {
+        return v.value === item[0];
+      }).children;
+
+      var findArr2 = _findArr.find(function (v) {
+        return v.value === item[1];
+      }).children;
+
+      var _findItem2 = findArr2.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+
+      nArr.push(_findItem2);
     }
   });
-  return nValue;
+  return nArr;
 }

package/es/LmFilter/wrapper/FilterRoot.js

@@ -25,7 +25,10 @@ var _filterFns = _interopRequireDefault(require("../filterFns"));
 var reducer = function reducer(state, action) {
   var basicFilter = action.basicFilter,
       resize = action.resize,
-      rows = action.rows;
+      rows = action.rows,
+      complexDrawer = action.complexDrawer,
+      valueDrawer = action.valueDrawer,
+      complexFilter = action.complexFilter;
 
   switch (action.type) {
     case 'changeBasicFilter':
@@ -43,6 +46,22 @@ var reducer = function reducer(state, action) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         resize: resize
       });
+    // 高级筛选
+
+    case 'changeComplexFilter':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexFilter: complexFilter
+      });
+
+    case 'changeComplexDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexDrawer: complexDrawer
+      });
+
+    case 'changeValueDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        valueDrawer: valueDrawer
+      });
 
     case 'reset':
       // 一键清空
@@ -56,9 +75,27 @@ var reducer = function reducer(state, action) {
 }; // 仅在初始化时触发一次
 
 
-var getInitialState = function getInitialState(props) {
+var getInitialState = function getInitialState(_ref) {
+  var _filterQuery$filter;
+
+  var localization = _ref.localization;
+  var globalQuery = localization.globalQuery,
+      filterQuery = localization.filterQuery;
+  var basicFilter = {};
+  filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filter = filterQuery.filter) === null || _filterQuery$filter === void 0 ? void 0 : _filterQuery$filter.forEach(function (item) {
+    basicFilter[item.fieldName] = item.value;
+  });
   return {
-    basicFilter: {}
+    basicFilter: basicFilter,
+    complexFilter: {},
+    complexDrawer: {
+      visible: false,
+      data: {}
+    },
+    valueDrawer: {
+      visible: false,
+      data: {}
+    }
   };
 };
 

package/es/LmTable/Table.js

@@ -23,14 +23,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _icons = require("@ant-design/icons");
-
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -43,23 +43,26 @@ var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
-var Summary = _proTable.default.Summary;
+var Summary = _proTable.default.Summary; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
+
 exports.Summary = Summary;
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
-  return /*#__PURE__*/_react.default.createElement(_icons.MenuOutlined, {
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-icon-m-receipt1",
     style: {
       cursor: 'grab',
-      color: '#999'
+      fontSize: '16px'
     }
   });
 });
 var sortDefaultColumnItem = {
   title: '排序',
   dataIndex: 'sort',
-  width: 60,
+  width: 48,
+  maxWidth: 48,
   className: 'drag-visible',
   render: function render() {
     return /*#__PURE__*/_react.default.createElement(DragHandle, null);
@@ -92,7 +95,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      emptyProps = props.emptyProps,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  console.log(emptyProps, '--emptyProps');
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
@@ -508,7 +513,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: '100%'
     }
   }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
-    renderEmpty: customizeRenderEmpty
+    renderEmpty: emptyProps ? function () {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Empty, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
+    } : customizeRenderEmpty
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,

package/es/QuickMenu/index.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState, useRef } from 'react';
 import { IconFont, Button } from 'linkmore-design';
-import { useScroll } from 'ahooks';
+import { useScroll, useDebounceEffect } from 'ahooks';
 import classNames from 'classnames';
 import { getTargetElement } from '../_util/domTarget';
 var prefixCls = 'lm_quick_menu';
@@ -86,7 +86,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
     });
   }
 
-  useEffect(function () {
+  useDebounceEffect(function () {
     if (scroll && !hovering) {
       setHovering(true);
     }
@@ -98,7 +98,9 @@ var LMQuickMenu = function LMQuickMenu(props) {
     scrollTimeOut.current = setTimeout(function () {
       setHovering(false);
     }, 2000);
-  }, [scroll]);
+  }, [scroll], {
+    wait: 50
+  });
 
   var bindDom = function bindDom() {
     if (!Object.keys(idTopInfo.current).length) {

package/es/Switch/index.d.ts

@@ -1,2 +1,3 @@
-import { Switch } from 'antd';
+import { FC } from 'react';
+declare const Switch: FC<any>;
 export default Switch;

package/es/Switch/index.js

@@ -1,3 +1,35 @@
 import "antd/es/switch/style";
 import _Switch from "antd/es/switch";
-export default _Switch;
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 cls from 'classnames';
+
+var Switch = function Switch(props) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      className = props.className,
+      restProps = __rest(props, ["size", "className"]);
+
+  var classs = cls('lm-switch', className, _defineProperty({}, "lm-switch-".concat(size), size));
+  return /*#__PURE__*/React.createElement(_Switch, Object.assign({
+    className: classs
+  }, restProps, {
+    size: size
+  }));
+};
+
+export default Switch;

package/es/Switch/style/index.css

@@ -503,3 +503,44 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.ant-switch.lm-switch {
+  width: 48px;
+  height: 24px;
+  line-height: 24px;
+  margin-bottom: 8px;
+  background: rgba(0, 0, 0, 0.25);
+}
+.ant-switch.lm-switch .ant-switch-handle {
+  width: 20px;
+  height: 20px;
+}
+.ant-switch.lm-switch .ant-switch-handle::before {
+  border-radius: 10px;
+}
+.ant-switch.lm-switch.ant-switch-checked {
+  background: #1890ff;
+}
+.ant-switch.lm-switch.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
+}
+.ant-switch.lm-switch.ant-switch-checked.ant-switch-disabled {
+  background: #C5E3FE;
+}
+.ant-switch.lm-switch.ant-switch-disabled {
+  background: rgba(0, 0, 0, 0.06);
+  opacity: 1;
+}
+.ant-switch.lm-switch-small {
+  width: 28px;
+  height: 16px;
+}
+.ant-switch.lm-switch-small .ant-switch-handle {
+  width: 12px;
+  height: 12px;
+}
+.ant-switch.lm-switch-small .ant-switch-handle::before {
+  border-radius: 6px;
+}
+.ant-switch.lm-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 12px - 2px);
+}

package/es/_util/motion.d.ts

@@ -0,0 +1,8 @@
+import type { CSSMotionProps } from 'rc-motion';
+declare const collapseMotion: CSSMotionProps;
+declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+export declare type SelectCommonPlacement = typeof SelectPlacements[number];
+declare const getTransitionDirection: (placement: SelectCommonPlacement | undefined) => "slide-down" | "slide-up";
+declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;

package/es/_util/motion.js

@@ -0,0 +1,60 @@
+import { tuple } from './type'; // ================== Collapse Motion ==================
+
+var getCollapsedHeight = function getCollapsedHeight() {
+  return {
+    height: 0,
+    opacity: 0
+  };
+};
+
+var getRealHeight = function getRealHeight(node) {
+  var scrollHeight = node.scrollHeight;
+  return {
+    height: scrollHeight,
+    opacity: 1
+  };
+};
+
+var getCurrentHeight = function getCurrentHeight(node) {
+  return {
+    height: node ? node.offsetHeight : 0
+  };
+};
+
+var skipOpacityTransition = function skipOpacityTransition(_, event) {
+  return (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
+};
+
+var collapseMotion = {
+  motionName: 'ant-motion-collapse',
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+};
+var SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+
+var getTransitionDirection = function getTransitionDirection(placement) {
+  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+    return "slide-down";
+  }
+
+  return "slide-up";
+};
+
+var getTransitionName = function getTransitionName(rootPrefixCls, motion, transitionName) {
+  if (transitionName !== undefined) {
+    return transitionName;
+  }
+
+  return "".concat(rootPrefixCls, "-").concat(motion);
+};
+
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;

package/es/_util/statusUtils.d.ts

@@ -0,0 +1,6 @@
+import type { ValidateStatus } from 'antd/es/form/FormItem';
+declare const InputStatuses: ["warning", "error", ""];
+export declare type InputStatus = typeof InputStatuses[number];
+export declare function getStatusClassNames(prefixCls: string, status?: ValidateStatus, hasFeedback?: boolean): string;
+export declare const getMergedStatus: (contextStatus?: ValidateStatus, customStatus?: InputStatus) => "" | "warning" | "error" | "success" | "validating";
+export {};

package/es/_util/statusUtils.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import classNames from 'classnames';
+import { tuple } from './type';
+var InputStatuses = tuple('warning', 'error', '');
+export function getStatusClassNames(prefixCls, status, hasFeedback) {
+  var _classNames;
+
+  return classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-status-success"), status === 'success'), _defineProperty(_classNames, "".concat(prefixCls, "-status-warning"), status === 'warning'), _defineProperty(_classNames, "".concat(prefixCls, "-status-error"), status === 'error'), _defineProperty(_classNames, "".concat(prefixCls, "-status-validating"), status === 'validating'), _defineProperty(_classNames, "".concat(prefixCls, "-has-feedback"), hasFeedback), _classNames));
+}
+export var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {
+  return customStatus || contextStatus;
+};

package/es/_util/type.d.ts

@@ -0,0 +1,9 @@
+export declare const tuple: <T extends string[]>(...args: T) => T;
+export declare const tupleNum: <T extends number[]>(...args: T) => T;
+/**
+ * https://stackoverflow.com/a/59187769 Extract the type of an element of an array/tuple without
+ * performing indexing
+ */
+export declare type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
+export declare type LiteralUnion<T extends U, U> = T | (U & {});

package/es/_util/type.js

@@ -0,0 +1,15 @@
+// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
+export var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args;
+};
+export var tupleNum = function tupleNum() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  return args;
+};

package/es/_util/warning.d.ts

@@ -0,0 +1,6 @@
+import { resetWarned } from 'rc-util/lib/warning';
+export { resetWarned };
+export declare function noop(): void;
+declare type Warning = (valid: boolean, component: string, message: string) => void;
+declare let warning: Warning;
+export default warning;

package/es/_util/warning.js

@@ -0,0 +1,17 @@
+import rcWarning, { resetWarned } from 'rc-util/lib/warning';
+export { resetWarned };
+export function noop() {} // eslint-disable-next-line import/no-mutable-exports
+
+var warning = noop;
+
+if (process.env.NODE_ENV !== 'production') {
+  warning = function warning(valid, component, message) {
+    rcWarning(valid, "[antd: ".concat(component, "] ").concat(message)); // StrictMode will inject console which will not throw warning in React 17.
+
+    if (process.env.NODE_ENV === 'test') {
+      resetWarned();
+    }
+  };
+}
+
+export default warning;

package/es/index.d.ts

@@ -35,6 +35,7 @@ export { default as Tree } from './Tree';
 export { default as UploadOss } from './UploadOss';
 export { default as VirtualList } from './VirtualList';
 export { default as Tag } from './Tag';
+export type { ILMTagProps } from './Tag';
 export { default as message } from './message';
 export { default as Tabs } from './Tabs';
 export { default as Table } from './Table';
@@ -49,3 +50,5 @@ export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';

package/es/index.js

@@ -47,4 +47,5 @@ export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
 export { default as List } from './List';
-export { default as LMQuickMenu } from './QuickMenu';
+export { default as LMQuickMenu } from './QuickMenu';
+export { default as DatePicker } from './DatePicker';