linkmore-design 1.1.19 → 1.1.20

package/lib/ConfigProvider/style/index.js

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

package/lib/ConfigProvider/style/variables.css

@@ -1,141 +0,0 @@
-.lm-radio {
-  font-size: 12px;
-  line-height: 20px;
-  color: var(--font-color);
-}
-.lm-radio > span:last-child {
-  padding: 0;
-  margin: 0 8px;
-  max-width: 96px;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.lm-radio .ant-radio .ant-radio-inner {
-  border-color: var(--stroke-color);
-}
-.lm-radio .ant-radio:hover .ant-radio-inner {
-  border-color: var(--primary-color);
-}
-.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
-  background-color: var(--tip-text-color);
-}
-.lm-radio .ant-radio-disabled .ant-radio-inner {
-  background-color: var(--background-color);
-  border-color: var(--stroke-color) !important;
-}
-.lm-radio .ant-radio-disabled + span {
-  color: var(--disabled-font-color);
-}
-.lm-radio-group .ant-radio-button-wrapper {
-  font-size: 12px;
-  height: 32px;
-  padding: 0px 12px;
-  color: var(--font-color);
-  vertical-align: middle;
-}
-.lm-radio-group .ant-radio-button-wrapper .anticon {
-  font-size: 16px;
-  vertical-align: middle;
-  line-height: 1;
-}
-.lm-radio-group .ant-radio-button-wrapper:hover {
-  color: var(--primary-color);
-}
-.lm-radio-group .ant-radio-button-wrapper > span:last-child {
-  display: inline-block;
-  font-size: 12px;
-  max-width: 96px;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
-  border-right-color: var(--primary-hover-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-  color: var(--primary-color);
-  border-color: var(--primary-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: var(--primary-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
-  color: var(--primary-hover-color);
-  border-color: var(--primary-hover-color);
-}
-.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
-  line-height: 38px;
-  height: 40px;
-}
-.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
-  line-height: 38px;
-}
-.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
-  line-height: 22px;
-  height: 24px;
-  padding: 0px 8px;
-}
-.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
-  line-height: 22px;
-}
-.lm-radio-group .ant-radio-wrapper {
-  font-size: 12px;
-  line-height: 20px;
-  color: var(--font-color);
-}
-.lm-radio-group .ant-radio-wrapper > span:last-child {
-  padding: 0;
-  margin: 0 8px;
-  max-width: 96px;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
-  border-color: var(--stroke-color);
-}
-.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
-  border-color: var(--primary-color);
-}
-.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
-  background-color: var(--tip-text-color);
-}
-.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
-  background-color: var(--background-color);
-  border-color: var(--stroke-color) !important;
-}
-.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
-  color: var(--disabled-font-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-disabled {
-  color: var(--disabled-font-color);
-  background-color: var(--disabled-bg-color);
-  border-color: var(--stroke-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
-  color: #b8b8b8 !important;
-  background-color: var(--background-color-hover);
-  border-color: var(--stroke-color);
-}
-.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
-  color: var(--disabled-font-color);
-}
-.lm-radio-group.lm-radio-group-row {
-  display: flex;
-  flex-direction: row;
-}
-.lm-radio-group.lm-radio-group-column {
-  display: flex;
-  flex-direction: column;
-}
-.lm-radio-group.lm-radio-group-column .lm-radio {
-  margin-bottom: 12px;
-}
-.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
-  max-width: 216px;
-  overflow: hidden;
-  white-space: nowrap;
-  padding: 0;
-  margin: 0 8px;
-}
-.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
-  margin-bottom: 0;
-}

package/lib/ConfigProvider/style/variables.js

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

package/lib/CropImg/LmCropImg.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface CropImgProps {
-    visible?: boolean;
-    file?: any;
-    minZoom?: number;
-    zoomSpeed?: number;
-    aspect?: number;
-    cropSize: any;
-}
-declare const CropImg: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-export default CropImg;

package/lib/CropImg/LmCropImg.js

@@ -1,31 +0,0 @@
-"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 CropImg = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var defaultRef = (0, _react.useRef)(null);
-  var defaultProps = Object.assign({
-    visible: null,
-    file: null,
-    minZoom: 0.1,
-    zoomSpeed: 0.2,
-    aspect: 4 / 3,
-    cropSize: null
-  }, props);
-  return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
-    ref: ref || defaultRef
-  }, defaultProps));
-});
-var _default = CropImg;
-exports.default = _default;

package/lib/CropImg/body/Operate.d.ts

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

package/lib/CropImg/body/Operate.js

@@ -1,102 +0,0 @@
-"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 _linkmoreDesign = require("linkmore-design");
-
-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 ResetSlider = function ResetSlider(_a) {
-  var value = _a.value,
-      _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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: leftIcon,
-    onClick: decrement
-  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Slider, Object.assign({}, props, {
-    value: value,
-    onChange: function onChange(val) {
-      return _onChange(val);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: rightIcon,
-    onClick: increment
-  }));
-}; // 图片调整
-
-
-var Operate = function Operate(_ref) {
-  var instance = _ref.instance;
-  var state = instance.state,
-      setTransform = instance.setTransform;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "img_crop_control"
-  }, /*#__PURE__*/_react.default.createElement(ResetSlider, {
-    value: state.zoom,
-    onChange: function onChange(zoom) {
-      return setTransform({
-        zoom: zoom
-      });
-    },
-    defaultValue: 1,
-    leftIcon: "lmweb-minus",
-    rightIcon: "lmweb-plus",
-    step: 0.1,
-    min: 0.1,
-    max: 3
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "img_crop_control"
-  }, /*#__PURE__*/_react.default.createElement(ResetSlider, {
-    value: state.rotation,
-    onChange: function onChange(rotation) {
-      return setTransform({
-        rotation: rotation
-      });
-    },
-    defaultValue: 0,
-    leftIcon: "lmweb-rotate-left",
-    rightIcon: "lmweb-rotate-right",
-    step: 1,
-    min: -180,
-    max: 180
-  })));
-};
-
-var _default = /*#__PURE__*/_react.default.memo(Operate);
-
-exports.default = _default;

package/lib/CropImg/body/index.d.ts

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

package/lib/CropImg/body/index.js

@@ -1,60 +0,0 @@
-"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 _reactEasyCrop = _interopRequireDefault(require("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;
-  var onCropComplete = (0, _react.useCallback)(function (croppedArea, croppedAreaPixels) {
-    // console.log('croppedArea:', croppedArea, 'croppedAreaPixels:', croppedAreaPixels)
-    setTransform({
-      croppedAreaPixels: croppedAreaPixels
-    });
-  }, [setTransform]);
-  var cropConfig = {
-    minZoom: minZoom,
-    zoomSpeed: zoomSpeed,
-    aspect: aspect,
-    cropSize: cropSize
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_cutimg_crop"
-  }, /*#__PURE__*/_react.default.createElement(_reactEasyCrop.default, Object.assign({}, cropConfig, {
-    image: imgURL,
-    crop: state.crop,
-    zoom: state.zoom,
-    rotation: state.rotation,
-    onCropChange: function onCropChange(crop) {
-      return setTransform({
-        crop: crop
-      });
-    },
-    onCropComplete: onCropComplete,
-    onZoomChange: function onZoomChange(zoom) {
-      return setTransform({
-        zoom: zoom
-      });
-    }
-  })));
-};
-
-var _default = /*#__PURE__*/_react.default.memo(Index);
-
-exports.default = _default;

package/lib/CropImg/fns/index.d.ts

@@ -1,14 +0,0 @@
-declare const useCoreOptions: ({ state, dispatch, props }: {
-    state: any;
-    dispatch: any;
-    props: any;
-}) => {
-    CoreMethds: {
-        setTransform: (obj: any) => void;
-        getCropImageAsync: () => Promise<any>;
-    };
-    RefMethods: {
-        imgURL: string;
-    };
-};
-export default useCoreOptions;

package/lib/CropImg/fns/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _utils = require("../utils");
-
-// 仅支持单个文件（多文件待扩展）
-var useCoreOptions = function useCoreOptions(_ref) {
-  var state = _ref.state,
-      dispatch = _ref.dispatch,
-      props = _ref.props;
-  var file = props.file; // 本地文件URL
-
-  var imgURL = (0, _react.useMemo)(function () {
-    return file && window.URL.createObjectURL(file);
-  }, [file]); // 设置transform参数
-
-  var setTransform = (0, _react.useCallback)(function (obj) {
-    dispatch({
-      type: 'changeResult',
-      result: obj
-    });
-  }, [dispatch]); // 获取裁剪后的图片
-
-  var getCropImageAsync = (0, _react.useCallback)(function () {
-    try {
-      return (0, _utils.getCroppedImg)(imgURL, state.croppedAreaPixels, state.rotation);
-    } catch (e) {
-      console.error('getCropImageAsync图片获取失败！', e);
-      return null;
-    }
-  }, [imgURL, state.croppedAreaPixels, state.rotation]);
-  (0, _react.useEffect)(function () {
-    dispatch({
-      type: 'changeInit',
-      init: {
-        visible: !!file
-      }
-    });
-  }, [file]);
-  var CoreMethds = {
-    setTransform: setTransform,
-    getCropImageAsync: getCropImageAsync
-  };
-  var RefMethods = {
-    imgURL: imgURL
-  };
-  return {
-    CoreMethds: CoreMethds,
-    RefMethods: RefMethods
-  };
-};
-
-var _default = useCoreOptions;
-exports.default = _default;

package/lib/CropImg/index.d.ts

@@ -1,4 +0,0 @@
-import LmCropImg from './LmCropImg';
-export * from './LmCropImg';
-export { LmCropImg };
-export default LmCropImg;

package/lib/CropImg/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  LmCropImg: true
-};
-Object.defineProperty(exports, "LmCropImg", {
-  enumerable: true,
-  get: function get() {
-    return _LmCropImg.default;
-  }
-});
-exports.default = void 0;
-
-var _LmCropImg = _interopRequireWildcard(require("./LmCropImg"));
-
-Object.keys(_LmCropImg).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LmCropImg[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LmCropImg[key];
-    }
-  });
-});
-var _default = _LmCropImg.default;
-exports.default = _default;

package/lib/CropImg/style/index.css

@@ -1,17 +0,0 @@
-.lm_cutimg_container .lm_cutimg_crop {
-  position: relative;
-  height: 40vh;
-}
-.lm_cutimg_container .img_crop_control {
-  display: flex;
-  gap: var(--gap);
-  align-items: center;
-  width: 60%;
-  margin: auto;
-}
-.lm_cutimg_container .img_crop_control .ant-slider {
-  flex: 1;
-}
-.lm_cutimg_container .img_crop_control .anticon {
-  font-size: 16px;
-}

package/lib/CropImg/style/index.js

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

package/lib/CropImg/style/variables.css

@@ -1,17 +0,0 @@
-.lm_cutimg_container .lm_cutimg_crop {
-  position: relative;
-  height: 40vh;
-}
-.lm_cutimg_container .img_crop_control {
-  display: flex;
-  gap: var(--gap);
-  align-items: center;
-  width: 60%;
-  margin: auto;
-}
-.lm_cutimg_container .img_crop_control .ant-slider {
-  flex: 1;
-}
-.lm_cutimg_container .img_crop_control .anticon {
-  font-size: 16px;
-}

package/lib/CropImg/style/variables.js

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

package/lib/CropImg/utils.js

@@ -1,161 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dataURLtoBlob = exports.createImage = exports.blobToFile = void 0;
-exports.getCroppedImg = getCroppedImg;
-exports.getRadianAngle = getRadianAngle;
-exports.rotateSize = rotateSize;
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/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
-
-
-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();
-    image.addEventListener('load', function () {
-      return resolve(image);
-    });
-    image.addEventListener('error', function (error) {
-      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 {
-    width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),
-    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;
-
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            rotation = _args.length > 2 && _args[2] !== undefined ? _args[2] : 0;
-            flip = _args.length > 3 && _args[3] !== undefined ? _args[3] : {
-              horizontal: false,
-              vertical: false
-            };
-            _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
-
-            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.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
-
-            ctx.putImageData(data, 0, 0); // As Base64 string
-            // return canvas.toDataURL('image/jpeg');
-            // 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();
-        }
-      }
-    }, _callee);
-  }));
-  return _getCroppedImg.apply(this, arguments);
-}