linkmore-design 1.1.13-alpha.0 → 1.1.13-alpha.10

package/lib/Input/index.js

@@ -17,8 +17,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _IconFont = _interopRequireDefault(require("../IconFont"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
 
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -33,15 +37,24 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var LmInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _props$allowClear = props.allowClear,
+  var className = props.className,
+      customSize = props.size,
+      customDisabled = props.disabled,
+      _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      customizeSize = props.size,
-      rest = __rest(props, ["allowClear", "size"]);
+      rest = __rest(props // ===================== Size =====================
+  , ["className", "size", "disabled", "allowClear"]); // ===================== Size =====================
+
+
+  var size = customSize || _react.default.useContext(_SizeContext.default) || 'middle'; // ===================== Disabled =====================
 
-  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled;
   return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
     ref: ref,
-    className: "lm_input",
+    className: (0, _classnames.default)('lm_input', className),
+    disabled: mergedDisabled || undefined,
     size: size
   }, rest, {
     allowClear: allowClear
@@ -51,27 +64,56 @@ LmInput.Group = _input.default.Group;
 LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$allowClear2 = props.allowClear,
       allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
-      rest = __rest(props, ["allowClear"]);
+      className = props.className,
+      customSize = props.size,
+      customDisabled = props.disabled,
+      rest = __rest(props // ===================== Size =====================
+  , ["allowClear", "className", "size", "disabled"]); // ===================== Size =====================
+
+
+  var size = customSize || _react.default.useContext(_SizeContext.default) || 'middle'; // ===================== Disabled =====================
 
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled;
   return /*#__PURE__*/_react.default.createElement(_input.default.Search, Object.assign({
     enterButton: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
       type: "lmweb-search"
     })
   }, rest, {
     ref: ref,
+    disabled: mergedDisabled || undefined,
     allowClear: allowClear,
-    className: "lm_input_search"
+    size: size,
+    className: (0, _classnames.default)('lm_input_search', className)
   }));
 });
-LmInput.TextArea = _input.default.TextArea;
+LmInput.TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      rest = __rest(props // ===================== Size =====================
+  , ["size", "disabled"]); // ===================== Size =====================
+
+
+  var size = customSize || _react.default.useContext(_SizeContext.default) || 'middle'; // ===================== Disabled =====================
+
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled;
+  return /*#__PURE__*/_react.default.createElement(_input.default.TextArea, Object.assign({
+    size: size,
+    disabled: mergedDisabled || undefined
+  }, rest));
+});
 
 LmInput.Password = function (props) {
   var _props$allowClear3 = props.allowClear,
       allowClear = _props$allowClear3 === void 0 ? true : _props$allowClear3,
-      rest = __rest(props, ["allowClear"]);
+      className = props.className,
+      rest = __rest(props, ["allowClear", "className"]);
 
   return /*#__PURE__*/_react.default.createElement(_input.default.Password, Object.assign({
-    className: "lm_input_password",
+    className: (0, _classnames.default)('lm_input_password', className),
     iconRender: function iconRender(visible) {
       return visible ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
         type: "lmweb-eye"

package/lib/InputNumber/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -13,7 +15,11 @@ var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -29,28 +35,40 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var prefixCls = 'lm_input-number';
-
-var LMInputNumber = function LMInputNumber(props) {
+var LMInputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       className = props.className,
-      others = __rest(props, ["children", "className"]);
+      customDisabled = props.disabled,
+      customizeSize = props.size,
+      rest = __rest(props // ===================== Disabled =====================
+  , ["children", "className", "disabled", "size"]); // ===================== Disabled =====================
+
+
+  var disabled = _react.default.useContext(_DisabledContext.default);
+
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
+  var size = _react.default.useContext(_SizeContext.default);
 
+  var mergeSize = customizeSize || size;
   return /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
+    ref: ref,
     className: (0, _classnames.default)(className, prefixCls),
     placeholder: "\u8BF7\u8F93\u5165"
-  }, others));
-};
-
+  }, rest, {
+    size: mergeSize,
+    disabled: mergedDisabled
+  }));
+});
 var CInputNumber = LMInputNumber;
-
-CInputNumber.Price = function (props) {
+CInputNumber.Price = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
     prefix: "\uFFE5",
+    ref: ref,
     formatter: function formatter(value) {
       return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     }
   }, props));
-};
-
+});
 var _default = CInputNumber;
 exports.default = _default;

package/lib/InputNumber/style/index.css

@@ -510,8 +510,12 @@ html {
 p {
   margin-bottom: 0;
 }
+.lm_input-number {
+  width: 100%;
+}
 .lm_input-number.ant-input-number {
   border: 1px solid var(--color-15);
+  width: 100%;
 }
 .lm_input-number .ant-input-number-handler-wrap {
   width: 28px;
@@ -545,3 +549,6 @@ p {
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/lib/InputNumber/style/variables.css

@@ -1,5 +1,9 @@
+.lm_input-number {
+  width: 100%;
+}
 .lm_input-number.ant-input-number {
   border: 1px solid var(--color-15);
+  width: 100%;
 }
 .lm_input-number .ant-input-number-handler-wrap {
   width: 28px;
@@ -33,3 +37,6 @@
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/lib/LmDrag/LmDrag.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LmDragProps } from '..';
+declare const _default: React.ForwardRefExoticComponent<LmDragProps & React.RefAttributes<unknown>>;
+export default _default;

package/lib/LmDrag/LmDrag.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Root = _interopRequireDefault(require("./wrapper/Root"));
+
+var __rest = void 0 && (void 0).__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;
+};
+
+var LmDrag = function LmDrag(_a, ref) {
+  var resetProps = __rest(_a, []);
+
+  var defaultRef = (0, _react.useRef)(null);
+  var defaultProps = Object.assign({
+    options: [],
+    rowKey: 'id'
+  }, resetProps);
+  return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmDrag);
+
+exports.default = _default;

package/lib/LmDrag/components/DndContainer.d.ts

@@ -0,0 +1,3 @@
+import type { LmDragProps } from '..';
+declare const DndContainer: ({ options, rowKey, children, move }: LmDragProps) => JSX.Element;
+export default DndContainer;

package/lib/LmDrag/components/DndContainer.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@dnd-kit/core");
+
+var _modifiers = require("@dnd-kit/modifiers");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _sortableBox = _interopRequireDefault(require("./sortableBox"));
+
+var DragOver = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var isDragging = instance.isDragging,
+      activeId = instance.activeId,
+      rowKey = instance.rowKey,
+      children = instance.children,
+      options = instance.options;
+  var item = activeId && options.find(function (v) {
+    return v[rowKey] === activeId;
+  });
+  return /*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+    adjustScale: false
+  }, isDragging ? children({
+    item: item,
+    listeners: {}
+  }) : null);
+});
+/*
+ * restrictToParentElement 拖拽限制在父元素内
+ */
+// 可拖拽容器
+
+
+var DndContainer = function DndContainer(_ref2) {
+  var options = _ref2.options,
+      rowKey = _ref2.rowKey,
+      children = _ref2.children,
+      move = _ref2.move;
+
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      isDragging = _React$useState2[0],
+      setIsDragging = _React$useState2[1]; // 是否拖拽中
+
+
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      activeId = _React$useState4[0],
+      setActiveId = _React$useState4[1]; // 是否拖拽中
+
+
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+
+  var handleMove = function handleMove(activeItem, overItem) {
+    var fileMap = options.map(function (v) {
+      if (v[rowKey] === activeItem[rowKey]) {
+        return Object.assign({}, overItem);
+      }
+
+      if (v[rowKey] === overItem[rowKey]) {
+        return Object.assign({}, activeItem);
+      }
+
+      return v;
+    });
+    move === null || move === void 0 ? void 0 : move(activeItem, overItem, fileMap);
+  }; // 开始拖拽
+
+
+  var handleDragStart = function handleDragStart(_ref3) {
+    var active = _ref3.active;
+    setIsDragging(true);
+
+    if (!active) {
+      return;
+    }
+
+    setActiveId(active.id);
+  }; // 拖拽结束
+
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+    setActiveId(null); // 未移入时触发
+
+    if (!(over === null || over === void 0 ? void 0 : over.id)) {
+      return;
+    } // 移入时触发更新数据
+
+
+    if (active.id !== over.id) {
+      handleMove(active.data.current.item, over.data.current.item);
+    }
+  };
+
+  var instance = {
+    isDragging: isDragging,
+    activeId: activeId,
+    options: options,
+    rowKey: rowKey,
+    children: children,
+    move: move,
+    items: options === null || options === void 0 ? void 0 : options.map(function (v) {
+      return v[rowKey];
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    onDragCancel: function onDragCancel() {
+      return setActiveId(null);
+    },
+    modifiers: [_modifiers.restrictToParentElement],
+    collisionDetection: _core.closestCenter
+  }, /*#__PURE__*/_react.default.createElement(_sortableBox.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement(DragOver, {
+    instance: instance
+  }));
+};
+
+var _default = DndContainer;
+exports.default = _default;

package/lib/LmDrag/components/sortableBox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => JSX.Element>;
+export default _default;

package/lib/LmDrag/components/sortableBox.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _sortableItem = _interopRequireDefault(require("./sortableItem"));
+
+// rectSortingStrategy 可交换策略
+var SortableBox = function SortableBox(_ref) {
+  var instance = _ref.instance;
+  var items = instance.items,
+      rowKey = instance.rowKey,
+      options = instance.options;
+  return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: items,
+    strategy: _sortable.rectSortingStrategy
+  }, options === null || options === void 0 ? void 0 : options.map(function (item, idx) {
+    return /*#__PURE__*/_react.default.createElement(_sortableItem.default, {
+      instance: instance,
+      index: idx,
+      key: item[rowKey] || idx,
+      item: item
+    });
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(SortableBox);
+
+exports.default = _default;

package/lib/LmDrag/components/sortableItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ index, item, instance }: {
+    index: any;
+    item: any;
+    instance: any;
+}) => JSX.Element>;
+export default _default;

package/lib/LmDrag/components/sortableItem.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var SortableItem = function SortableItem(_ref) {
+  var index = _ref.index,
+      item = _ref.item,
+      instance = _ref.instance;
+  var children = instance.children,
+      rowKey = instance.rowKey;
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: item[rowKey] || index,
+    data: {
+      item: item
+    }
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var resetStyle = (0, _react.useMemo)(function () {
+    return {
+      transform: _utilities.CSS.Transform.toString(transform),
+      transition: transition
+    };
+  }, [transform, transition]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    className: "lm_drag_item",
+    ref: setNodeRef,
+    style: resetStyle
+  }, attributes), children === null || children === void 0 ? void 0 : children({
+    item: item,
+    listeners: listeners,
+    index: index
+  })));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(SortableItem);
+
+exports.default = _default;

package/lib/LmDrag/index.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import LmDrag from './LmDrag';
+export default LmDrag;
+export { LmDrag };
+export interface LmDragProps {
+    options?: Array<any>;
+    rowKey: string;
+    move?: (activeId: string, overId: string, fileList: Array<any>) => void;
+    children?: ReactNode | React.FC | null;
+}

package/lib/LmDrag/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LmDrag", {
+  enumerable: true,
+  get: function get() {
+    return _LmDrag.default;
+  }
+});
+exports.default = void 0;
+
+var _LmDrag = _interopRequireDefault(require("./LmDrag"));
+
+var _default = _LmDrag.default;
+exports.default = _default;

package/lib/LmDrag/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/LmDrag/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/LmDrag/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/LmDrag/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/LmDrag/wrapper/Root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/LmDrag/wrapper/Root.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DndContainer = _interopRequireDefault(require("../components/DndContainer"));
+
+var Root = function Root(props, ref) {
+  // 向外暴露出的方法
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {};
+  });
+  return /*#__PURE__*/_react.default.createElement(_DndContainer.default, Object.assign({}, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Root);
+
+exports.default = _default;

package/lib/LmEditTable/EditTable.d.ts

@@ -5,6 +5,7 @@ interface ILmEditTable extends TableProps<any> {
     isEdit?: boolean;
     isAdd?: boolean;
     rowKey?: string;
+    disabled?: boolean;
     rowHoverEdit?: boolean;
     isUseForm?: boolean;
     isHoverEdit?: boolean;
@@ -13,6 +14,7 @@ interface ILmEditTable extends TableProps<any> {
     sortOpen?: boolean;
     size?: TableProps<any>['size'];
     colSortOpen?: boolean;
+    indexCol?: boolean | Record<string, any>;
     filterChange?: (data: TableProps<any>['columns']) => void;
     recordCreatorProps?: {
         creatorButtonText?: string;
@@ -22,6 +24,17 @@ interface ILmEditTable extends TableProps<any> {
     };
     /** 是否为强制更新 */
     shouldUpdate?: boolean;
+    rowSelection?: TableProps<any>['rowSelection'] & {
+        selectedRows?: Record<string, any>;
+    };
+}
+export interface CountdownHandle {
+    setRow: (data: any) => void;
+    getCheckboxRecords: () => any[];
+    clearSelect: () => void;
+    customSetCheckboxRecords: (data: any[]) => void;
+    deleteRowData: (record: string | Record<string, any>) => void;
+    addRowData: (record: string | Record<string, any>, defaultValue?: Record<string, any> | Record<string, any>[], addInChild?: boolean | 'replace') => void;
 }
 interface ILmColumns extends TableColumnType<any> {
     editable?: 'input' | 'number' | 'inputRange' | 'date' | 'select' | 'multiple' | 'checkbox' | 'radio' | 'switch' | 'upload' | 'operate' | 'lm_edit_opetate' | 'render';
@@ -36,11 +49,11 @@ interface ILmColumns extends TableColumnType<any> {
 export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-    virtual: boolean;
+    virtual?: boolean;
 } & ILmEditTable;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-    virtual: boolean;
-} & ILmEditTable & React.RefAttributes<unknown>>>;
+    virtual?: boolean;
+} & ILmEditTable & React.RefAttributes<CountdownHandle>>>;
 export default _default;