linkmore-design 1.0.56 → 1.0.57

package/lib/LmEditTable/EditTable.js

@@ -11,10 +11,6 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-require("antd/es/date-picker/style");
-
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -27,7 +23,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _icons = require("@ant-design/icons");
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _moment = _interopRequireDefault(require("moment"));
 
 var _sortable = require("@dnd-kit/sortable");
 
@@ -230,7 +226,7 @@ var Opetate = function Opetate(_ref) {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-      type: "lmweb-plus-circle",
+      type: "lmweb-plus-circle-fill",
       style: {
         fontSize: 16
       }
@@ -283,8 +279,8 @@ var EditableCell = function EditableCell(props) {
       clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
 
   var _col$componentProps = col.componentProps,
-      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps;
-  var checkCellRef = (0, _react.useRef)(null); // const focusCapturedRef = useRef(false);
+      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps; // const checkCellRef = useRef(null)
+  // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
   // }, [record])
@@ -350,7 +346,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
           onBlur: handleFormItemChange,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
           addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_form.default.Item, {
@@ -369,8 +365,7 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'number':
@@ -380,15 +375,13 @@ var EditableCell = function EditableCell(props) {
           style: {
             width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
           },
-          placeholder: "\u8BF7\u8F93\u5165",
-          ref: checkCellRef
+          placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps));
 
       case 'date':
         // @ts-ignore
-        return /*#__PURE__*/_react.default.createElement(_datePicker.default, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.DatePicker, Object.assign({
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'select':
@@ -396,7 +389,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          ref: checkCellRef,
+          // ref={checkCellRef}
           filterOption: function filterOption(input, option) {
             var _a, _b;
 
@@ -412,7 +405,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          ref: checkCellRef,
+          // ref={checkCellRef}
           filterOption: function filterOption(input, option) {
             var _a;
 
@@ -424,20 +417,13 @@ var EditableCell = function EditableCell(props) {
 
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
-        }, componentProps), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
-          return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
-            key: v.value,
-            value: v.value
-          }, v.label);
-        }));
+          onChange: handleFormItemChange
+        }, componentProps));
 
       case 'switch':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Switch, {
@@ -447,7 +433,7 @@ var EditableCell = function EditableCell(props) {
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: componentProps,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           onChange: handleFormItemChange
         });
 
@@ -456,7 +442,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength
@@ -473,8 +459,7 @@ var EditableCell = function EditableCell(props) {
       default:
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
-          onBlur: handleFormItemChange,
-          ref: checkCellRef
+          onBlur: handleFormItemChange
         }, componentProps));
     }
   };
@@ -516,7 +501,7 @@ var EditableCell = function EditableCell(props) {
         dataIndex = col.dataIndex;
 
     if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
-      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _dayjs.default)(record[dataIndex]) : record[dataIndex]));
+      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _moment.default)(record[dataIndex]) : record[dataIndex]));
     }
   }, [record]); // const isOpenEdit = (isEdit && focusCapturedRef.current) || (isHoverEdit && focusCapturedRef.current);
   // const classNames = cx({
@@ -604,7 +589,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var newIndex = cloneArr.findIndex(function (v) {
       return v[_rowKey] === over;
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+    } else {
+      setDataSource((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+    }
   }; // 删除
 
 
@@ -674,6 +664,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     });
     console.time('b');
+    console.log(res, 'rrrr');
 
     if (onChange) {
       onChange === null || onChange === void 0 ? void 0 : onChange(res);
@@ -910,13 +901,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   })), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     className: "lm_editTable_add_bar",
     type: "dashed",
-    block: true,
     onClick: handleAdd,
     style: {
       marginTop: 8
     }
   }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
-    className: "lm_editTable_add_icon"
+    className: "lmweb-plus"
   }), "\u65B0\u589E"));
 });
 

package/lib/LmTable/Table.js

@@ -39,6 +39,8 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
@@ -46,20 +48,23 @@ 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"],
     _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);

package/lib/QuickMenu/index.js

@@ -103,7 +103,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
     });
   }
 
-  (0, _react.useEffect)(function () {
+  (0, _ahooks.useDebounceEffect)(function () {
     if (scroll && !hovering) {
       setHovering(true);
     }
@@ -115,7 +115,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/lib/_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/lib/_util/motion.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransitionName = exports.getTransitionDirection = exports.default = void 0;
+
+var _type = require("./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 = (0, _type.tuple)('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+
+var getTransitionDirection = function getTransitionDirection(placement) {
+  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+    return "slide-down";
+  }
+
+  return "slide-up";
+};
+
+exports.getTransitionDirection = getTransitionDirection;
+
+var getTransitionName = function getTransitionName(rootPrefixCls, motion, transitionName) {
+  if (transitionName !== undefined) {
+    return transitionName;
+  }
+
+  return "".concat(rootPrefixCls, "-").concat(motion);
+};
+
+exports.getTransitionName = getTransitionName;
+var _default = collapseMotion;
+exports.default = _default;

package/lib/_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/lib/_util/statusUtils.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMergedStatus = void 0;
+exports.getStatusClassNames = getStatusClassNames;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _type = require("./type");
+
+var InputStatuses = (0, _type.tuple)('warning', 'error', '');
+
+function getStatusClassNames(prefixCls, status, hasFeedback) {
+  var _classNames;
+
+  return (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-status-success"), status === 'success'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-status-warning"), status === 'warning'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-status-error"), status === 'error'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-status-validating"), status === 'validating'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-has-feedback"), hasFeedback), _classNames));
+}
+
+var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {
+  return customStatus || contextStatus;
+};
+
+exports.getMergedStatus = getMergedStatus;

package/lib/_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/lib/_util/type.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tupleNum = exports.tuple = void 0;
+
+// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
+var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args;
+};
+
+exports.tuple = tuple;
+
+var tupleNum = function tupleNum() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  return args;
+};
+
+exports.tupleNum = tupleNum;

package/lib/_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/lib/_util/warning.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.noop = noop;
+Object.defineProperty(exports, "resetWarned", {
+  enumerable: true,
+  get: function get() {
+    return _warning.resetWarned;
+  }
+});
+
+var _warning = _interopRequireWildcard(require("rc-util/lib/warning"));
+
+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) {
+    (0, _warning.default)(valid, "[antd: ".concat(component, "] ").concat(message)); // StrictMode will inject console which will not throw warning in React 17.
+
+    if (process.env.NODE_ENV === 'test') {
+      (0, _warning.resetWarned)();
+    }
+  };
+}
+
+var _default = warning;
+exports.default = _default;

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

@@ -53,6 +53,12 @@ Object.defineProperty(exports, "CustomerService", {
     return _CustomerService.default;
   }
 });
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _DatePicker.default;
+  }
+});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function get() {
@@ -404,4 +410,6 @@ var _LmEditTable = _interopRequireDefault(require("./LmEditTable"));
 
 var _List = _interopRequireDefault(require("./List"));
 
-var _QuickMenu = _interopRequireDefault(require("./QuickMenu"));
+var _QuickMenu = _interopRequireDefault(require("./QuickMenu"));
+
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));