linkmore-design 1.1.27-alpha.0 → 1.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.27-alpha.0",
+  "version": "1.1.27",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"
@@ -68,6 +68,7 @@
     "@dnd-kit/core": "^5.0.3",
     "@dnd-kit/modifiers": "^5.0.0",
     "@dnd-kit/sortable": "^6.0.1",
+    "@react-hook/resize-observer": "^1.2.6",
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
     "ahooks": "^3.6.2",
@@ -76,8 +77,6 @@
     "antd-img-crop": "^4.2.5",
     "axios": "^0.21.0",
     "classnames": "^2.3.1",
-    "conventional-changelog": "^3.1.25",
-    "conventional-changelog-cli": "^2.2.2",
     "dayjs": "^1.9.7",
     "echarts": "^5.4.0",
     "hex-to-rgba": "^2.0.1",
@@ -96,11 +95,12 @@
     "react-virtualized-auto-sizer": "^1.0.6",
     "react-window": "^1.8.6",
     "readline-sync": "^1.4.10",
-    "scrollama": "^3.2.0"
+    "scrollama": "^3.2.0",
+    "use-resize-observer": "^9.0.2"
   },
   "peerDependencies": {
-    "react": "17.0.1",
-    "react-dom": "17.0.1"
+    "react": ">= 17.0.1",
+    "react-dom": ">= 17.0.1"
   },
   "browserslist": [
     "> 1%",
@@ -141,6 +141,8 @@
     "react-copy-to-clipboard": "^5.1.0",
     "stylelint": "^13.8.0",
     "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-standard": "^20.0.0"
+    "stylelint-config-standard": "^20.0.0",
+    "conventional-changelog": "^3.1.25",
+    "conventional-changelog-cli": "^2.2.2"
   }
 }

package/dist/LmEditTable/components/DraggableContainer.d.ts

@@ -1,10 +0,0 @@
-declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
-    [x: string]: any;
-    keys: any;
-    onSortEnd: any;
-    virtual: any;
-    rowKey: any;
-    options: any;
-    tableWidth: any;
-}) => JSX.Element;
-export default DraggableContainer;

package/dist/LmEditTable/components/QuickOpetate.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-interface IOpetateProps {
-    record: Record<string, any>;
-    rowKey?: string;
-    handleAdd?: (row?: any, addInChildren?: boolean) => void;
-    handleDelete?: (rowKey?: string) => void;
-    options?: string[];
-    getLength?: number;
-    quickOpetateClearAll?: boolean;
-}
-declare const QuickOpetate: FC<IOpetateProps>;
-export default QuickOpetate;

package/dist/LmEditTable/components/bottomOpetateComponent.d.ts

@@ -1,13 +0,0 @@
-interface IBottomOpetateCompoentProps {
-    isShowAddAction?: boolean;
-    handleAdd?: () => void;
-    recordCreatorProps?: {
-        creatorButtonText?: string;
-        style?: Record<string, any>;
-        initData?: Record<string, any> | (() => Record<string, any>);
-        customAddClick?: () => void;
-    };
-    disabled?: boolean;
-}
-declare const BottomOpetateComponent: (props: IBottomOpetateCompoentProps) => JSX.Element;
-export default BottomOpetateComponent;

package/dist/LmEditTable/components/index.d.ts

@@ -1,16 +0,0 @@
-import DraggableContainer from './DraggableContainer';
-import BottomOpetateComponent from './bottomOpetateComponent';
-import QuickOpetate from './QuickOpetate';
-export { DraggableContainer, BottomOpetateComponent, QuickOpetate };
-declare const _default: {
-    DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
-        [x: string]: any;
-        keys: any;
-        onSortEnd: any;
-        virtual: any;
-        rowKey: any;
-        options: any;
-        tableWidth: any;
-    }) => JSX.Element;
-};
-export default _default;

package/dist/LmEditTable/hooks/useForkRef.d.ts

@@ -1,2 +0,0 @@
-import { Ref } from 'react';
-export default function useForkRef<InstanceA, InstanceB>(refA: Ref<InstanceA> | null | undefined, refB: Ref<InstanceB> | null | undefined): Ref<InstanceA & InstanceB> | null;

package/dist/LmEditTable/rowSort/DndContainerRow.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ children, options, move, rowKey, items, tableWidth }: {
-    children: any;
-    options: any;
-    move: any;
-    rowKey: any;
-    items: any;
-    tableWidth: any;
-}) => JSX.Element>;
-export default _default;

package/dist/LmEditTable/virtual/VirtualRow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface rowProps {
-    children?: any;
-    pref?: any;
-}
-declare const VirtualRow: React.NamedExoticComponent<rowProps>;
-export default VirtualRow;

package/dist/LmEditTable/virtual/VirtualRowBack.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface rowProps {
-    children?: any;
-}
-declare const VirtualRow: React.NamedExoticComponent<rowProps>;
-export default VirtualRow;

package/dist/LmEditTable/virtual/VirtualTable.d.ts

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

package/dist/LmEditTable/virtual/VirtualWrapper.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const VirtualWrapper: React.MemoExoticComponent<(wrapperProps: React.PropsWithChildren<any>) => JSX.Element>;
-export default VirtualWrapper;

package/dist/LmEditTable/virtual/context.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare const TableContext: import("react").Context<{
-    state: any;
-    dispatch: any;
-    instance: any;
-}>;
-declare const useStore: () => {
-    state: any;
-    dispatch: any;
-    instance: any;
-};
-declare const useRealive: () => [any, import("react").Dispatch<any>];
-export { TableContext, useStore, useRealive };

package/dist/LmEditTable/virtual/index.d.ts

@@ -1,4 +0,0 @@
-import VirtualTable from './VirtualTable';
-import VirtualWrapper from './VirtualWrapper';
-import VirtualRow from './VirtualRow';
-export { VirtualTable, VirtualWrapper, VirtualRow };

package/es/LmEditTable/components/DraggableContainer.d.ts

@@ -1,10 +0,0 @@
-declare const DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
-    [x: string]: any;
-    keys: any;
-    onSortEnd: any;
-    virtual: any;
-    rowKey: any;
-    options: any;
-    tableWidth: any;
-}) => JSX.Element;
-export default DraggableContainer;

package/es/LmEditTable/components/DraggableContainer.js

@@ -1,39 +0,0 @@
-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 DndContainer from '../rowSort/DndContainerRow';
-import SortableBox from '../sortableBox';
-import { VirtualWrapper } from '../virtual';
-
-var DraggableContainer = function DraggableContainer(_a) {
-  var keys = _a.keys,
-      onSortEnd = _a.onSortEnd,
-      virtual = _a.virtual,
-      rowKey = _a.rowKey,
-      options = _a.options,
-      tableWidth = _a.tableWidth,
-      props = __rest(_a, ["keys", "onSortEnd", "virtual", "rowKey", "options", "tableWidth"]);
-
-  return /*#__PURE__*/React.createElement(DndContainer, {
-    move: onSortEnd,
-    items: keys,
-    rowKey: rowKey,
-    options: options,
-    tableWidth: tableWidth
-  }, /*#__PURE__*/React.createElement(SortableBox, {
-    items: keys
-  }, virtual ? /*#__PURE__*/React.createElement(VirtualWrapper, Object.assign({}, props)) : /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
-};
-
-export default DraggableContainer;

package/es/LmEditTable/components/QuickOpetate.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-interface IOpetateProps {
-    record: Record<string, any>;
-    rowKey?: string;
-    handleAdd?: (row?: any, addInChildren?: boolean) => void;
-    handleDelete?: (rowKey?: string) => void;
-    options?: string[];
-    getLength?: number;
-    quickOpetateClearAll?: boolean;
-}
-declare const QuickOpetate: FC<IOpetateProps>;
-export default QuickOpetate;

package/es/LmEditTable/components/QuickOpetate.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import Button from '../../Button';
-import IconFont from '../../IconFont';
-import Popover from '../../Popover';
-import DisabledContext from '../../ConfigProvider/DisabledContext';
-
-var QuickOpetate = function QuickOpetate(_ref) {
-  var record = _ref.record,
-      rowKey = _ref.rowKey,
-      handleAdd = _ref.handleAdd,
-      handleDelete = _ref.handleDelete,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
-      getLength = _ref.getLength,
-      quickOpetateClearAll = _ref.quickOpetateClearAll;
-  var disabled = React.useContext(DisabledContext) || false;
-
-  var appendChildren = function appendChildren() {
-    handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
-  };
-
-  var appendAdd = function appendAdd() {
-    handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'flex-start',
-      marginLeft: '-4px'
-    }
-  }, options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: "small",
-    disabled: !quickOpetateClearAll && getLength < 2 || disabled,
-    icon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "lmweb-minus-circle",
-      style: {
-        fontSize: 16
-      }
-    }),
-    onClick: function onClick() {
-      return handleDelete(record[rowKey]);
-    }
-  }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
-    placement: "bottom",
-    overlayClassName: "lm_table_append_add_popover",
-    open: open,
-    title: null,
-    content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
-      onClick: appendAdd
-    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React.createElement("li", {
-      onClick: appendChildren
-    }, "\u6DFB\u52A0\u5B50\u7EA7")),
-    trigger: "hover"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: "small",
-    icon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "lmweb-plus-circle-fill",
-      style: {
-        fontSize: 16
-      }
-    })
-  })) : (options === null || options === void 0 ? void 0 : options.includes('add')) || (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Button, {
-    type: "link",
-    size: "small",
-    disabled: disabled,
-    icon: /*#__PURE__*/React.createElement(IconFont, {
-      type: "lmweb-plus-circle-fill",
-      style: {
-        fontSize: 16
-      }
-    }),
-    onClick: function onClick() {
-      return handleAdd(record, !!(options === null || options === void 0 ? void 0 : options.includes('addInChildren')));
-    }
-  }) : null);
-};
-
-export default QuickOpetate;

package/es/LmEditTable/components/bottomOpetateComponent.d.ts

@@ -1,13 +0,0 @@
-interface IBottomOpetateCompoentProps {
-    isShowAddAction?: boolean;
-    handleAdd?: () => void;
-    recordCreatorProps?: {
-        creatorButtonText?: string;
-        style?: Record<string, any>;
-        initData?: Record<string, any> | (() => Record<string, any>);
-        customAddClick?: () => void;
-    };
-    disabled?: boolean;
-}
-declare const BottomOpetateComponent: (props: IBottomOpetateCompoentProps) => JSX.Element;
-export default BottomOpetateComponent;

package/es/LmEditTable/components/bottomOpetateComponent.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Button, IconFont } from '../../index';
-
-var BottomOpetateComponent = function BottomOpetateComponent(props) {
-  var isShowAddAction = props.isShowAddAction,
-      recordCreatorProps = props.recordCreatorProps,
-      handleAdd = props.handleAdd,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled;
-  return isShowAddAction ? /*#__PURE__*/React.createElement(Button, {
-    className: "lm_editTable_add_bar",
-    type: "dashed",
-    disabled: disabled,
-    onClick: (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.customAddClick) || handleAdd,
-    style: Object.assign({
-      marginTop: 8
-    }, (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.style) || {})
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    type: "lmweb-plus"
-  }), (recordCreatorProps === null || recordCreatorProps === void 0 ? void 0 : recordCreatorProps.creatorButtonText) || '新增') : null;
-};
-
-export default BottomOpetateComponent;

package/es/LmEditTable/components/index.d.ts

@@ -1,16 +0,0 @@
-import DraggableContainer from './DraggableContainer';
-import BottomOpetateComponent from './bottomOpetateComponent';
-import QuickOpetate from './QuickOpetate';
-export { DraggableContainer, BottomOpetateComponent, QuickOpetate };
-declare const _default: {
-    DraggableContainer: ({ keys, onSortEnd, virtual, rowKey, options, tableWidth, ...props }: {
-        [x: string]: any;
-        keys: any;
-        onSortEnd: any;
-        virtual: any;
-        rowKey: any;
-        options: any;
-        tableWidth: any;
-    }) => JSX.Element;
-};
-export default _default;

package/es/LmEditTable/components/index.js

@@ -1,7 +0,0 @@
-import DraggableContainer from './DraggableContainer';
-import BottomOpetateComponent from './bottomOpetateComponent';
-import QuickOpetate from './QuickOpetate';
-export { DraggableContainer, BottomOpetateComponent, QuickOpetate };
-export default {
-  DraggableContainer: DraggableContainer
-};

package/es/LmEditTable/hooks/useForkRef.d.ts

@@ -1,2 +0,0 @@
-import { Ref } from 'react';
-export default function useForkRef<InstanceA, InstanceB>(refA: Ref<InstanceA> | null | undefined, refB: Ref<InstanceB> | null | undefined): Ref<InstanceA & InstanceB> | null;

package/es/LmEditTable/hooks/useForkRef.js

@@ -1,22 +0,0 @@
-import { useMemo } from 'react';
-
-function setRef(ref, value) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-
-export default function useForkRef(refA, refB) {
-  return useMemo(function () {
-    if (refA == null && refB == null) {
-      return null;
-    }
-
-    return function (refValue) {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
-    };
-  }, [refA, refB]);
-}

package/es/LmEditTable/rowSort/DndContainerRow.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ children, options, move, rowKey, items, tableWidth }: {
-    children: any;
-    options: any;
-    move: any;
-    rowKey: any;
-    items: any;
-    tableWidth: any;
-}) => JSX.Element>;
-export default _default;

package/es/LmEditTable/rowSort/DndContainerRow.js

@@ -1,81 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { memo } from 'react';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
-import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
-import { sortableKeyboardCoordinates } from '@dnd-kit/sortable'; // 可拖拽容器
-
-var DndContainer = function DndContainer(_ref) {
-  var children = _ref.children,
-      options = _ref.options,
-      move = _ref.move,
-      rowKey = _ref.rowKey,
-      items = _ref.items,
-      tableWidth = _ref.tableWidth;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isDragging = _React$useState2[0],
-      setIsDragging = _React$useState2[1]; // 是否拖拽中
-
-
-  var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeId = _React$useState4[0],
-      setActiveId = _React$useState4[1]; // 是否拖拽中
-
-
-  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
-    coordinateGetter: sortableKeyboardCoordinates
-  })); // 开始拖拽
-
-  var handleDragStart = function handleDragStart(_ref2) {
-    var active = _ref2.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) {
-      move(active.id, over.id);
-    }
-  };
-
-  var instance = {
-    isDragging: isDragging,
-    activeId: activeId,
-    options: options,
-    rowKey: rowKey,
-    children: children,
-    move: move,
-    items: items,
-    tableWidth: tableWidth
-  };
-  console.log('instance', instance);
-  return /*#__PURE__*/React.createElement(DndContext, {
-    sensors: sensors,
-    onDragStart: handleDragStart,
-    onDragCancel: function onDragCancel() {
-      return setActiveId(null);
-    },
-    collisionDetection: closestCenter,
-    onDragEnd: handleDragEnd,
-    modifiers: [restrictToParentElement, restrictToVerticalAxis]
-  }, children);
-};
-
-export default /*#__PURE__*/memo(DndContainer);

package/es/LmEditTable/virtual/VirtualRow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface rowProps {
-    children?: any;
-    pref?: any;
-}
-declare const VirtualRow: React.NamedExoticComponent<rowProps>;
-export default VirtualRow;

package/es/LmEditTable/virtual/VirtualRow.js

@@ -1,62 +0,0 @@
-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, { useRef, useMemo, useEffect } from 'react';
-import { useStore } from './context';
-import useForkRef from '../hooks/useForkRef';
-var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
-  var children = _a.children,
-      pref = _a.pref,
-      resetProps = __rest(_a, ["children", "pref"]);
-
-  var _useStore = useStore(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch;
-
-  var rowHeight = state.rowHeight,
-      totalLen = state.totalLen;
-  var trRef = useRef(null); // 列长度
-
-  var columnsLen = useMemo(function () {
-    var _a;
-
-    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
-  }, [children]);
-  useEffect(function () {
-    if (state.columnsLen !== columnsLen) {
-      dispatch({
-        type: 'changeColumnsLen',
-        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
-      });
-    }
-  }, [columnsLen, dispatch, state.columnsLen]);
-  useEffect(function () {
-    var initHeight = function initHeight(tempRef) {
-      var _a, _b, _c;
-
-      if (((_a = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) && !rowHeight && totalLen) {
-        var tempRowHeight = (_c = (_b = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _c !== void 0 ? _c : 0;
-        dispatch({
-          type: 'initHeight',
-          rowHeight: tempRowHeight
-        });
-      }
-    };
-
-    initHeight(trRef);
-  }, [trRef, dispatch, rowHeight, totalLen, ref]);
-  return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetProps, {
-    ref: useForkRef(pref, trRef)
-  }), children);
-});
-export default VirtualRow;

package/es/LmEditTable/virtual/VirtualRowBack.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface rowProps {
-    children?: any;
-}
-declare const VirtualRow: React.NamedExoticComponent<rowProps>;
-export default VirtualRow;