linkmore-design 1.0.99 → 1.0.100

package/lib/LmImgList/interface.d.ts

@@ -0,0 +1,14 @@
+export interface LmImgListProps {
+    ref?: any;
+    dataSource?: Array<string>;
+    type?: string;
+    height?: number | string | null;
+    initialIndex?: number;
+    infinite?: boolean;
+    enableWheel?: boolean;
+    enableScale?: boolean;
+    enableRotate?: boolean;
+}
+export interface LmImgListInstance {
+    instance: any;
+}

package/lib/LmImgList/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/LmImgList/style/index.css

@@ -0,0 +1,71 @@
+.lm_imglist_container {
+  position: relative;
+  display: grid;
+  grid-template-rows: auto 98px;
+  gap: var(--gap);
+  width: 100%;
+  height: 100%;
+  user-select: none;
+}
+.lm_imglist_container .lm_imglist_banner {
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_imglist_container .lm_imglist_banner div {
+  width: 100%;
+  height: 100%;
+}
+.lm_imglist_container .lm_imglist_banner .banner_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_imglist_container .lm_imglist_banner .banner_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb {
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: repeat(14, 98px);
+  gap: var(--gap);
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+}
+.lm_imglist_container .lm_imglist_thumb::-webkit-scrollbar-thumb {
+  visibility: hidden;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb:hover::-webkit-scrollbar-thumb {
+  visibility: visible;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 90px;
+  height: 100%;
+  text-align: center;
+  vertical-align: top;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item.active {
+  border-color: var(--primary-color);
+}

package/lib/LmImgList/style/index.js

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

package/lib/LmImgList/style/variables.css

@@ -0,0 +1,71 @@
+.lm_imglist_container {
+  position: relative;
+  display: grid;
+  grid-template-rows: auto 98px;
+  gap: var(--gap);
+  width: 100%;
+  height: 100%;
+  user-select: none;
+}
+.lm_imglist_container .lm_imglist_banner {
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_imglist_container .lm_imglist_banner div {
+  width: 100%;
+  height: 100%;
+}
+.lm_imglist_container .lm_imglist_banner .banner_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_imglist_container .lm_imglist_banner .banner_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb {
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: repeat(14, 98px);
+  gap: var(--gap);
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+}
+.lm_imglist_container .lm_imglist_thumb::-webkit-scrollbar-thumb {
+  visibility: hidden;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb:hover::-webkit-scrollbar-thumb {
+  visibility: visible;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 90px;
+  height: 100%;
+  text-align: center;
+  vertical-align: top;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.lm_imglist_container .lm_imglist_thumb .thumb_item.active {
+  border-color: var(--primary-color);
+}

package/lib/LmImgList/style/variables.js

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

package/lib/LmImgList/wrapper/Container.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LmImgListInstance } from '..';
+declare const Container: React.FC<LmImgListInstance>;
+export default Container;

package/lib/LmImgList/wrapper/Container.js

@@ -0,0 +1,73 @@
+"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 _Banner = _interopRequireDefault(require("../body/Banner"));
+
+var _Thumb = _interopRequireDefault(require("../body/Thumb"));
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+var Container = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dispatch = instance.dispatch,
+      height = instance.height;
+  var boxContainerRef = (0, _react.useRef)(null); // 获取盒子容器的大小
+
+  /** TODO: 没设默认值会导致打包失败 */
+
+  var getResize = (0, _react.useCallback)(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref2$blockSize = _ref2.blockSize,
+        blockSize = _ref2$blockSize === void 0 ? 0 : _ref2$blockSize,
+        _ref2$inlineSize = _ref2.inlineSize,
+        inlineSize = _ref2$inlineSize === void 0 ? 0 : _ref2$inlineSize;
+
+    dispatch({
+      type: 'changeResize',
+      resize: {
+        width: inlineSize,
+        height: blockSize
+      }
+    });
+  }, []); // 获取表格高度
+
+  useIsomorphicLayoutEffect(function () {
+    // 频繁变动可考虑增加防抖
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var borderbox = entries[0].borderBoxSize[0];
+      getResize(borderbox);
+    });
+
+    if (boxContainerRef.current) {
+      resizeObserver.observe(boxContainerRef.current);
+    }
+
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [getResize]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: boxContainerRef,
+    className: "lm_imglist_container",
+    style: {
+      height: height
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Banner.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_Thumb.default, {
+    instance: instance
+  }));
+});
+
+var _default = Container;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LmImgListProps } from '..';
+declare const Root: React.FC<LmImgListProps>;
+export default Root;

package/lib/LmImgList/wrapper/Root.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 = _interopRequireWildcard(require("react"));
+
+var _reducer = _interopRequireWildcard(require("./reducer"));
+
+var _fns = _interopRequireDefault(require("../fns"));
+
+var _Wrapper = _interopRequireDefault(require("./Wrapper"));
+
+var Root = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var bodyRef = (0, _react.useRef)(null);
+  var initialState = (0, _react.useMemo)(function () {
+    return (0, _reducer.initialState)(props);
+  }, []);
+
+  var _useReducer = (0, _react.useReducer)(_reducer.default, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 获取核心Methods
+
+
+  var _useCoreOptions = (0, _fns.default)({
+    state: state,
+    dispatch: dispatch,
+    props: props,
+    bodyRef: bodyRef
+  }),
+      CoreMethods = _useCoreOptions.CoreMethods,
+      RefMethods = _useCoreOptions.RefMethods;
+
+  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+    bodyRef: bodyRef,
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return Object.assign(Object.assign({}, RefMethods), {
+      getState: function getState() {
+        return state;
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    instance: instance
+  });
+});
+var _default = Root;
+exports.default = _default;

package/lib/LmImgList/wrapper/Wrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LmImgListInstance } from '..';
+declare const LmBoxWrapper: React.FC<LmImgListInstance>;
+export default LmBoxWrapper;

package/lib/LmImgList/wrapper/Wrapper.js

@@ -0,0 +1,22 @@
+"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 _Container = _interopRequireDefault(require("./Container"));
+
+var LmBoxWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement(_Container.default, {
+    instance: instance
+  });
+});
+
+var _default = LmBoxWrapper;
+exports.default = _default;

package/lib/LmImgList/wrapper/reducer.d.ts

@@ -0,0 +1,14 @@
+export declare const reducer: (state: any, action: any) => any;
+export declare const initialState: (props: any) => {
+    currentIndex: any;
+    resize: {
+        width: number;
+        height: number;
+    };
+    currentUrl: string;
+    transform: {
+        scale: number;
+        rotateZ: number;
+    };
+};
+export default reducer;

package/lib/LmImgList/wrapper/reducer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reducer = exports.initialState = exports.default = void 0;
+// 初始化状态值
+var defaultState = {
+  // 容器盒子大小
+  resize: {
+    width: 0,
+    height: 0
+  },
+  currentIndex: 0,
+  currentUrl: '',
+  // 当前选中的图片变换
+  transform: {
+    scale: 1,
+    rotateZ: 0 // Z轴旋转方向
+
+  }
+}; // 状态管理操作
+
+var reducer = function reducer(state, action) {
+  var resize = action.resize,
+      transform = action.transform,
+      current = action.current;
+
+  switch (action.type) {
+    case 'changeResize':
+      return Object.assign(Object.assign({}, state), {
+        resize: resize
+      });
+
+    case 'changeTransform':
+      // 改变转换
+      return Object.assign(Object.assign({}, state), {
+        transform: Object.assign(Object.assign({}, state.transform), transform)
+      });
+
+    case 'changeCurrent':
+      // 改变当前选中的图片
+      return Object.assign(Object.assign(Object.assign({}, state), current), {
+        transform: defaultState.transform
+      });
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+
+exports.reducer = reducer;
+
+var initialState = function initialState(props) {
+  var initialIndex = props.initialIndex;
+  return Object.assign(Object.assign({}, defaultState), {
+    currentIndex: initialIndex
+  });
+};
+
+exports.initialState = initialState;
+var _default = reducer;
+exports.default = _default;

package/lib/LmSelect/GhostSelect.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmSelect/NormalSelect.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmSelect/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmSelect/useCheckboxOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const useCheckboxOptions: (options: any, { value, onChange }: {
+export declare const useCheckboxOptions: (options: any, { value, onChange: onCheckChange }: {
     value?: any[];
     onChange: any;
 }, filter?: string) => JSX.Element;

package/lib/LmSelect/useCheckboxOptions.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmSelect/utils.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmTable/Table.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -500,6 +500,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   /** sheel 表格 鼠标松开 */
 
+  /** TODO: 在分组的情况，需要排除_group行的数据转换，以及要进行对子级的覆盖 */
+
 
   var sheelOnMouseUp = function sheelOnMouseUp() {
     var _shellStatusRef$curre9;
@@ -633,6 +635,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   /** 内容粘贴 */
 
+  /** TODO: 在分组的情况，需要排除_group行的数据转换 */
+
 
   var handlePaste = function handlePaste(e) {
     var _shellStatusRef$curre12;
@@ -869,10 +873,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           col.$_colIndex = colIndex;
 
           col.onHeaderCell = function (column) {
-            return {
+            return resizeable ? {
               width: column.width,
               onResize: handleResize(col.$_colIndex),
               onResizeStop: endResize
+            } : {
+              width: column.width
             };
           };
 
@@ -906,11 +912,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     traverseColumns(innerColumns, null);
 
     if (groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.length) {
+      /** 如果是进行了行分组，则会生成一列dataIndex为Group的Col, 如果需要修改此处，请备注原因 */
       innerColumns = [{
         type: 'name',
         title: '分组',
-        key: 'group',
-        width: 100
+        key: '_group',
+        dataIndex: '_group'
       }].concat((0, _toConsumableArray2.default)(innerColumns));
     }
 
@@ -1005,6 +1012,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
           return v[rowKey];
         }),
+
+        /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
+        checkStrictly: !groupInfo.length,
         onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
           setSelectedRows({
             selectedRows: selectedRows

package/lib/LmTable/VList.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmTable/autosize.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmTable/components/DndContainer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmTable/components/customRenderEmpty.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmTable/components/inputDataEdit.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true