linkmore-design 1.0.36 → 1.0.39

package/lib/hooks/useFullscreen/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _index = require("../../index");
+
+var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
+var isFunction = function isFunction(value) {
+  return typeof value === 'function';
+};
+
+var getTargetElement = function getTargetElement(target, defaultElement) {
+  if (!isBrowser) {
+    return undefined;
+  }
+
+  if (!target) {
+    return defaultElement;
+  }
+
+  var targetElement;
+
+  if (isFunction(target)) {
+    targetElement = target();
+  } else if ('current' in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+
+  return targetElement;
+};
+
+var fullScreenCssText = 'position: fixed;width: 100%;height:100%;top:0;left:0;z-index:1009;background-color: #abcdef;';
+
+var useFullscreen = function useFullscreen(target, options) {
+  var _ref = options || {},
+      onExit = _ref.onExit,
+      onEnter = _ref.onEnter;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFullscreen = _useState2[0],
+      setIsFullscreen = _useState2[1];
+
+  var originCssTextRef = (0, _react.useRef)('');
+  var eleRef = (0, _react.useRef)(null);
+
+  var enterFullscreen = function enterFullscreen() {
+    onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+    setIsFullscreen(true);
+    var el = getTargetElement(target);
+
+    if (!eleRef.current) {
+      eleRef.current = el;
+      var originCssText = el.style.cssText;
+      originCssTextRef.current = originCssText;
+    }
+
+    eleRef.current.style.cssText = "".concat(originCssTextRef.current).concat(fullScreenCssText);
+
+    _index.message.info({
+      content: '使用 Esc 键可退出全屏模式',
+      key: 'tip'
+    });
+  };
+
+  var exitFullscreen = function exitFullscreen() {
+    onExit === null || onExit === void 0 ? void 0 : onExit();
+    setIsFullscreen(false);
+    eleRef.current.style.cssText = "".concat(originCssTextRef.current);
+  };
+
+  var toggleFullscreen = function toggleFullscreen() {
+    if (isFullscreen) {
+      exitFullscreen();
+    } else {
+      enterFullscreen();
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    var fn = function fn(event) {
+      if (event.keyCode === 27) {
+        exitFullscreen();
+      }
+    };
+
+    window.addEventListener('keydown', fn);
+    return function () {
+      window.removeEventListener('keydown', fn);
+    };
+  }, []);
+  return {
+    isFullscreen: isFullscreen,
+    enterFullscreen: enterFullscreen,
+    exitFullscreen: exitFullscreen,
+    toggleFullscreen: toggleFullscreen
+  };
+};
+
+var _default = useFullscreen;
+exports.default = _default;

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Button } from './Button';
 export { default as ButtonTags } from './ButtonTags';
 export { default as Card } from './Card';
+export { default as Cascader } from './Cascader';
 export { default as Checkbox } from './Checkbox';
 export { default as CkFilter } from './CkFilter';
 export { default as CustomerService } from './CustomerService';
@@ -17,6 +18,7 @@ export { default as Input } from './Input';
 export { default as InputNumber } from './InputNumber';
 export { default as LeftTable } from './LeftTable';
 export { default as LmTable } from './LmTable';
+export { default as LmSelect } from './LmSelect';
 export { default as LoadingPage } from './LoadingPage';
 export { default as Menu } from './Menu';
 export { default as Modal } from './Modal';
@@ -40,5 +42,6 @@ export { default as Switch } from './Switch';
 export { default as Image } from './Image';
 export { default as CustomTableOption } from './CustomTableOption';
 export { default as Upload } from './Upload';
-export type { UploadProps, UploadFile } from './Upload';
+export type { UploadProps, UploadFile, RcFile } from './Upload';
 export { default as Tooltip } from './Tooltip';
+export { default as Form } from './Form';

package/lib/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "Card", {
     return _Card.default;
   }
 });
+Object.defineProperty(exports, "Cascader", {
+  enumerable: true,
+  get: function get() {
+    return _Cascader.default;
+  }
+});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
@@ -83,6 +89,12 @@ Object.defineProperty(exports, "Filter", {
     return _Filter.default;
   }
 });
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _Form.default;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
@@ -125,6 +137,12 @@ Object.defineProperty(exports, "LeftTable", {
     return _LeftTable.default;
   }
 });
+Object.defineProperty(exports, "LmSelect", {
+  enumerable: true,
+  get: function get() {
+    return _LmSelect.default;
+  }
+});
 Object.defineProperty(exports, "LmTable", {
   enumerable: true,
   get: function get() {
@@ -270,6 +288,8 @@ var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
 
 var _Card = _interopRequireDefault(require("./Card"));
 
+var _Cascader = _interopRequireDefault(require("./Cascader"));
+
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 
 var _CkFilter = _interopRequireDefault(require("./CkFilter"));
@@ -302,6 +322,8 @@ var _LeftTable = _interopRequireDefault(require("./LeftTable"));
 
 var _LmTable = _interopRequireDefault(require("./LmTable"));
 
+var _LmSelect = _interopRequireDefault(require("./LmSelect"));
+
 var _LoadingPage = _interopRequireDefault(require("./LoadingPage"));
 
 var _Menu = _interopRequireDefault(require("./Menu"));
@@ -348,4 +370,6 @@ var _CustomTableOption = _interopRequireDefault(require("./CustomTableOption"));
 
 var _Upload = _interopRequireDefault(require("./Upload"));
 
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+
+var _Form = _interopRequireDefault(require("./Form"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.0.36",
+  "version": "1.0.39",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"
@@ -52,12 +52,13 @@
     "@ant-design/icons": "^4.3.0",
     "@ant-design/pro-table": "^2.77.0",
     "@babel/runtime": "^7.17.9",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
-    "antd": "^4.20.7",
     "@dnd-kit/core": "^5.0.3",
     "@dnd-kit/modifiers": "^5.0.0",
     "@dnd-kit/sortable": "^6.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.28.0",
+    "@typescript-eslint/parser": "^5.28.0",
+    "ahooks": "^3.6.2",
+    "antd": "^4.20.7",
     "axios": "^0.21.0",
     "classnames": "^2.3.1",
     "dayjs": "^1.9.7",
@@ -65,6 +66,7 @@
     "react-cookies": "^0.1.1",
     "react-query": "^3.34.15",
     "react-resizable": "^3.0.4",
+    "react-sortable-hoc": "^2.0.0",
     "react-virtual": "^2.10.4",
     "react-virtualized-auto-sizer": "^1.0.6",
     "react-window": "^1.8.6",