linkmore-design 1.1.22-beta.1 → 1.1.22-beta.3

package/es/CropImg/body/Operate.js

@@ -1,40 +1,33 @@
 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 { IconFont, Slider } from 'linkmore-design';
-
 var ResetSlider = function ResetSlider(_a) {
   var value = _a.value,
-      _onChange = _a.onChange,
-      leftIcon = _a.leftIcon,
-      rightIcon = _a.rightIcon,
-      props = __rest(_a, ["value", "onChange", "leftIcon", "rightIcon"]); // 减
-
-
+    _onChange = _a.onChange,
+    leftIcon = _a.leftIcon,
+    rightIcon = _a.rightIcon,
+    props = __rest(_a, ["value", "onChange", "leftIcon", "rightIcon"]);
+  // 减
   var decrement = function decrement() {
     if (!(value > props.min)) return;
     var nValue = Math.round(value * 100 - props.step * 100) / 100;
     _onChange === null || _onChange === void 0 ? void 0 : _onChange(nValue);
-  }; // 增
-
-
+  };
+  // 增
   var increment = function increment() {
     if (!(value < props.max)) return;
     var nValue = Math.round(value * 100 + props.step * 100) / 100;
     _onChange === null || _onChange === void 0 ? void 0 : _onChange(nValue);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
     type: leftIcon,
     onClick: decrement
@@ -47,13 +40,12 @@ var ResetSlider = function ResetSlider(_a) {
     type: rightIcon,
     onClick: increment
   }));
-}; // 图片调整
-
-
+};
+// 图片调整
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      setTransform = instance.setTransform;
+    setTransform = instance.setTransform;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "img_crop_control"
   }, /*#__PURE__*/React.createElement(ResetSlider, {
@@ -86,5 +78,4 @@ var Operate = function Operate(_ref) {
     max: 180
   })));
 };
-
 export default /*#__PURE__*/React.memo(Operate);

package/es/CropImg/body/index.js

@@ -1,15 +1,14 @@
 import React, { useCallback } from 'react';
 import Cropper from 'react-easy-crop';
-
 var Index = function Index(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      imgURL = instance.imgURL,
-      setTransform = instance.setTransform,
-      minZoom = instance.minZoom,
-      zoomSpeed = instance.zoomSpeed,
-      aspect = instance.aspect,
-      cropSize = instance.cropSize;
+    imgURL = instance.imgURL,
+    setTransform = instance.setTransform,
+    minZoom = instance.minZoom,
+    zoomSpeed = instance.zoomSpeed,
+    aspect = instance.aspect,
+    cropSize = instance.cropSize;
   var onCropComplete = useCallback(function (croppedArea, croppedAreaPixels) {
     // console.log('croppedArea:', croppedArea, 'croppedAreaPixels:', croppedAreaPixels)
     setTransform({
@@ -42,5 +41,4 @@ var Index = function Index(_ref) {
     }
   })));
 };
-
 export default /*#__PURE__*/React.memo(Index);

package/es/CropImg/fns/index.js

@@ -1,23 +1,23 @@
 import { useCallback, useEffect, useMemo } from 'react';
-import { getCroppedImg } from '../utils'; // 仅支持单个文件（多文件待扩展）
-
+import { getCroppedImg } from '../utils';
+// 仅支持单个文件（多文件待扩展）
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
-      dispatch = _ref.dispatch,
-      props = _ref.props;
-  var file = props.file; // 本地文件URL
-
+    dispatch = _ref.dispatch,
+    props = _ref.props;
+  var file = props.file;
+  // 本地文件URL
   var imgURL = useMemo(function () {
     return file && window.URL.createObjectURL(file);
-  }, [file]); // 设置transform参数
-
+  }, [file]);
+  // 设置transform参数
   var setTransform = useCallback(function (obj) {
     dispatch({
       type: 'changeResult',
       result: obj
     });
-  }, [dispatch]); // 获取裁剪后的图片
-
+  }, [dispatch]);
+  // 获取裁剪后的图片
   var getCropImageAsync = useCallback(function () {
     try {
       return getCroppedImg(imgURL, state.croppedAreaPixels, state.rotation);
@@ -46,5 +46,4 @@ var useCoreOptions = function useCoreOptions(_ref) {
     RefMethods: RefMethods
   };
 };
-
 export default useCoreOptions;

package/es/CropImg/utils.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,36 +8,28 @@ exports.dataURLtoBlob = exports.createImage = exports.blobToFile = void 0;
 exports.getCroppedImg = getCroppedImg;
 exports.getRadianAngle = getRadianAngle;
 exports.rotateSize = rotateSize;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 // dataURL转Blob
 var dataURLtoBlob = function dataURLtoBlob(base64Url) {
   var bytes = window.atob(base64Url.split(',')[1]);
   var array = [];
-
   for (var i = 0; i < bytes.length; i += 1) {
     array.push(bytes.charCodeAt(i));
   }
-
   return new Blob([new Uint8Array(array)], {
     type: 'image/png'
   });
-}; // 将blob转换为file
-
+};
 
+// 将blob转换为file
 exports.dataURLtoBlob = dataURLtoBlob;
-
 var blobToFile = function blobToFile(theBlob, fileName) {
   theBlob.lastModifiedDate = new Date();
   theBlob.name = fileName;
   return theBlob;
 };
-
 exports.blobToFile = blobToFile;
-
 var createImage = function createImage(url) {
   return new Promise(function (resolve, reject) {
     var image = new Image();
@@ -49,21 +40,17 @@ var createImage = function createImage(url) {
       return reject(error);
     });
     image.setAttribute('crossOrigin', 'anonymous'); // needed to avoid cross-origin issues on CodeSandbox
-
     image.src = url;
   });
 };
-
 exports.createImage = createImage;
-
 function getRadianAngle(degreeValue) {
   return degreeValue * Math.PI / 180;
 }
+
 /**
  * Returns the new bounding area of a rotated rectangle.
  */
-
-
 function rotateSize(width, height, rotation) {
   var rotRad = getRadianAngle(rotation);
   return {
@@ -71,29 +58,26 @@ function rotateSize(width, height, rotation) {
     height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height)
   };
 }
+
 /**
  * This function was adapted from the one in the ReadMe of https://github.com/DominicTobias/react-image-crop
  */
-
-
 function getCroppedImg(_x, _x2) {
   return _getCroppedImg.apply(this, arguments);
 }
-
 function _getCroppedImg() {
   _getCroppedImg = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(imageSrc, pixelCrop) {
     var rotation,
-        flip,
-        image,
-        canvas,
-        ctx,
-        rotRad,
-        _rotateSize,
-        bBoxWidth,
-        bBoxHeight,
-        data,
-        _args = arguments;
-
+      flip,
+      image,
+      canvas,
+      ctx,
+      rotRad,
+      _rotateSize,
+      bBoxWidth,
+      bBoxHeight,
+      data,
+      _args = arguments;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -105,51 +89,49 @@ function _getCroppedImg() {
             };
             _context.next = 4;
             return createImage(imageSrc);
-
           case 4:
             image = _context.sent;
             canvas = document.createElement('canvas');
             ctx = canvas.getContext('2d');
-
             if (ctx) {
               _context.next = 9;
               break;
             }
-
             return _context.abrupt("return", null);
-
           case 9:
             rotRad = getRadianAngle(rotation); // calculate bounding box of the rotated image
-
             _rotateSize = rotateSize(image.width, image.height, rotation), bBoxWidth = _rotateSize.width, bBoxHeight = _rotateSize.height; // set canvas size to match the bounding box
-
             canvas.width = bBoxWidth;
-            canvas.height = bBoxHeight; // translate canvas context to a central location to allow rotating and flipping around the center
+            canvas.height = bBoxHeight;
 
+            // translate canvas context to a central location to allow rotating and flipping around the center
             ctx.translate(bBoxWidth / 2, bBoxHeight / 2);
             ctx.rotate(rotRad);
             ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1);
-            ctx.translate(-image.width / 2, -image.height / 2); // draw rotated image
+            ctx.translate(-image.width / 2, -image.height / 2);
 
-            ctx.drawImage(image, 0, 0); // croppedAreaPixels values are bounding box relative
-            // extract the cropped image using these values
+            // draw rotated image
+            ctx.drawImage(image, 0, 0);
 
+            // croppedAreaPixels values are bounding box relative
+            // extract the cropped image using these values
             data = ctx.getImageData(pixelCrop.x, pixelCrop.y, pixelCrop.width, pixelCrop.height); // set canvas width to final desired crop size - this will clear existing context
-
             canvas.width = pixelCrop.width;
-            canvas.height = pixelCrop.height; // paste generated rotate image at the top left corner
+            canvas.height = pixelCrop.height;
 
-            ctx.putImageData(data, 0, 0); // As Base64 string
+            // paste generated rotate image at the top left corner
+            ctx.putImageData(data, 0, 0);
+
+            // As Base64 string
             // return canvas.toDataURL('image/jpeg');
-            // As a blob
 
+            // As a blob
             return _context.abrupt("return", new Promise(function (resolve, reject) {
               canvas.toBlob(function (file) {
                 // resolve(URL.createObjectURL(file))
                 resolve(file);
               }, 'image/jpeg');
             }));
-
           case 23:
           case "end":
             return _context.stop();

package/es/CropImg/wrapper/Container.js

@@ -1,12 +1,10 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-
 var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
     });
   }
-
   return new (P || (P = Promise))(function (resolve, reject) {
     function fulfilled(value) {
       try {
@@ -15,7 +13,6 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function rejected(value) {
       try {
         step(generator["throw"](value));
@@ -23,30 +20,27 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
         reject(e);
       }
     }
-
     function step(result) {
       result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
     }
-
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-
 import React, { useRef } from 'react';
 import { Modal } from 'linkmore-design';
 import Body from '../body';
-import Operate from '../body/Operate'; // import { dataURLtoBlob, blobToFile } from '../utils'
-
+import Operate from '../body/Operate';
+// import { dataURLtoBlob, blobToFile } from '../utils'
 var LmBoxContainer = function LmBoxContainer(_ref) {
   var instance = _ref.instance;
   var visible = instance.visible,
-      onClose = instance.onClose,
-      state = instance.state,
-      dispatch = instance.dispatch,
-      getCropImageAsync = instance.getCropImageAsync,
-      file = instance.file;
-  var boxContainerRef = useRef(null); // 关闭时初始化
-
+    onClose = instance.onClose,
+    state = instance.state,
+    dispatch = instance.dispatch,
+    getCropImageAsync = instance.getCropImageAsync,
+    file = instance.file;
+  var boxContainerRef = useRef(null);
+  // 关闭时初始化
   var handleClose = function handleClose(blobFile) {
     dispatch({
       type: 'changeResult',
@@ -56,7 +50,6 @@ var LmBoxContainer = function LmBoxContainer(_ref) {
     });
     onClose === null || onClose === void 0 ? void 0 : onClose(blobFile, file);
   };
-
   var handleOk = function handleOk() {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var croppedImage;
@@ -66,7 +59,6 @@ var LmBoxContainer = function LmBoxContainer(_ref) {
             case 0:
               _context.next = 2;
               return getCropImageAsync();
-
             case 2:
               croppedImage = _context.sent;
               dispatch({
@@ -76,7 +68,6 @@ var LmBoxContainer = function LmBoxContainer(_ref) {
                 }
               });
               handleClose(croppedImage);
-
             case 5:
             case "end":
               return _context.stop();
@@ -85,7 +76,6 @@ var LmBoxContainer = function LmBoxContainer(_ref) {
       }, _callee);
     }));
   };
-
   var config = {
     title: '编辑图片',
     open: visible !== null && visible !== void 0 ? visible : state.visible,
@@ -103,5 +93,4 @@ var LmBoxContainer = function LmBoxContainer(_ref) {
     instance: instance
   }))));
 };
-
 export default /*#__PURE__*/React.memo(LmBoxContainer);

package/es/CropImg/wrapper/Root.js

@@ -7,29 +7,26 @@ var LmBox = /*#__PURE__*/forwardRef(function (props, ref) {
   var initialState = useMemo(function () {
     return initReducerState();
   }, []);
-
   var _useReducer = useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 获取核心Methods
-
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  // 获取核心Methods
   var _useCoreOptions = useCoreOptions({
-    state: state,
-    dispatch: dispatch,
-    props: props
-  }),
-      CoreMethds = _useCoreOptions.CoreMethds,
-      RefMethods = _useCoreOptions.RefMethods; // 组件实例
-
-
+      state: state,
+      dispatch: dispatch,
+      props: props
+    }),
+    CoreMethds = _useCoreOptions.CoreMethds,
+    RefMethods = _useCoreOptions.RefMethods;
+  // 组件实例
   var instance = useMemo(function () {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethds), RefMethods), {
       state: state,
       dispatch: dispatch
     });
-  }, [props, RefMethods, state, dispatch]); // 向外暴露出的方法
-
+  }, [props, RefMethods, state, dispatch]);
+  // 向外暴露出的方法
   useImperativeHandle(ref, function () {
     return Object.assign({
       getState: function getState() {

package/es/CropImg/wrapper/Wrapper.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import Container from './Container';
-
 var Wrapper = function Wrapper(_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/React.createElement(Container, {
     instance: instance
   });
 };
-
 export default /*#__PURE__*/React.memo(Wrapper);

package/es/CropImg/wrapper/reducer.js

@@ -8,25 +8,21 @@ var defaultState = {
   },
   croppedAreaPixels: null,
   croppedImage: null // 裁剪后的图片File
-
-}; // 状态管理操作
-
+};
+// 状态管理操作
 export var reducer = function reducer(state, action) {
   var result = action.result,
-      init = action.init;
-
+    init = action.init;
   switch (action.type) {
     case 'changeInit':
       return Object.assign(Object.assign(Object.assign({}, state), defaultState), init);
-
     case 'changeResult':
       return Object.assign(Object.assign({}, state), result);
-
     default:
       throw new Error();
   }
-}; // 仅在初始化时触发一次
-
+};
+// 仅在初始化时触发一次
 export var initialState = function initialState() {
   return Object.assign({}, defaultState);
 };

package/es/CustomTableOption/cardSort.js

@@ -8,19 +8,16 @@ import { CSS } from '@dnd-kit/utilities';
 import { cloneDeep } from 'lodash';
 var UNLLVALUE = [null, undefined];
 var Search = Input.Search;
-
 var SortItem = function SortItem(props) {
   var _a, _b;
-
   var _useSortable = useSortable({
-    id: "".concat(props.id)
-  }),
-      attributes = _useSortable.attributes,
-      listeners = _useSortable.listeners,
-      setNodeRef = _useSortable.setNodeRef,
-      transform = _useSortable.transform,
-      transition = _useSortable.transition;
-
+      id: "".concat(props.id)
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
   var style = {
     transform: CSS.Transform.toString(transform),
     transition: transition
@@ -40,49 +37,39 @@ var SortItem = function SortItem(props) {
   }))));
 };
 /** order show */
-
-
 var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$card = _ref.card,
-      card = _ref$card === void 0 ? [] : _ref$card,
-      _ref$cardStateValue = _ref.cardStateValue,
-      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue,
-      showPromptNum = _ref.showPromptNum;
-
+    card = _ref$card === void 0 ? [] : _ref$card,
+    _ref$cardStateValue = _ref.cardStateValue,
+    cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue,
+    showPromptNum = _ref.showPromptNum;
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      localCard = _useState2[0],
-      setLocalCard = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    localCard = _useState2[0],
+    setLocalCard = _useState2[1];
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      colStateValue = _useState4[0],
-      setColStateValue = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    colStateValue = _useState4[0],
+    setColStateValue = _useState4[1];
   /** 正在输入的查询条件 */
-
-
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchIngValue = _useState6[0],
-      setSearchIngValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchIngValue = _useState6[0],
+    setSearchIngValue = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      searchValue = _useState8[0],
-      setSearchValue = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    searchValue = _useState8[0],
+    setSearchValue = _useState8[1];
   var sortMenu = useMemo(function () {
     var cloneCol = cloneDeep(localCard);
     cloneCol.forEach(function (item, index) {
       var _a, _b;
-
       var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
       item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
       item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
     });
     return cloneCol.filter(function (item) {
       var _a;
-
       return ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf(searchValue)) > -1;
     });
   }, [localCard, colStateValue, searchValue]);
@@ -96,11 +83,9 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [localCard]);
   /** 将当前输入的值，进行最后赋值，作自动计算使用 */
-
   var handleSearch = function handleSearch() {
     setSearchValue(searchIngValue);
   };
-
   useEffect(function () {
     setLocalCard(card);
     setColStateValue(cardStateValue);
@@ -109,11 +94,9 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     coordinateGetter: sortableKeyboardCoordinates
   }));
   /** 排序结束回调 */
-
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
-        over = event.over;
-
+      over = event.over;
     if (active.id !== over.id) {
       setLocalCard(function (items) {
         var oldIndex = items.findIndex(function (s) {
@@ -131,8 +114,6 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   /** 添加是否显示 */
-
-
   var toggleShow = function toggleShow(value, id) {
     var resultColumns = localCard.map(function (item) {
       if (item.dataIndex === id) {
@@ -140,14 +121,11 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
           show: item.show === false
         });
       }
-
       return Object.assign({}, item);
     });
     setLocalCard(resultColumns);
   };
   /** 切换是否全选 */
-
-
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localCard.map(function (item) {
       return Object.assign(Object.assign({}, item), {
@@ -156,7 +134,6 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
     setLocalCard(resultColumns);
   };
-
   useImperativeHandle(ref, function () {
     return {
       getLocalFilter: function getLocalFilter() {
@@ -166,11 +143,9 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
         var obj = {};
         localCard.forEach(function (item) {
           obj[item.dataIndex] = {};
-
           if (![undefined, null].includes(item.order)) {
             obj[item.dataIndex].order = item.order;
           }
-
           if (![undefined, null].includes(item.show)) {
             obj[item.dataIndex].show = item.show;
           }