linkmore-design 1.0.36 → 1.0.39

package/lib/LmSelect/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/LmSelect/style/index.js

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

package/lib/LmSelect/useCheckboxOptions.d.ts

@@ -0,0 +1 @@
+export declare const useCheckboxOptions: (options: any, controllable: any, filter?: string) => JSX.Element;

package/lib/LmSelect/useCheckboxOptions.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckboxOptions = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _hooks = require("../hooks");
+
+var _ahooks = require("ahooks");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("./utils");
+
+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 imgEmpty = require('./icon_placeholder.png');
+
+var FilterEmpty = function FilterEmpty() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: imgEmpty,
+    alt: "empty",
+    width: 81
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty_text"
+  }, "\u6682\u65E0\u6570\u636E"));
+}; // todo 抽取出来, 后续做统一处理, 项目中多处用到类似的功能
+
+
+var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
+  var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+  // 将value和onChange改为受控，和父组件共享
+  var _useControllableValue = (0, _ahooks.useControllableValue)(controllable),
+      _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
+      checkedValues = _useControllableValue2[0],
+      setCheckedValues = _useControllableValue2[1];
+
+  var renderOptions = (0, _react.useMemo)(function () {
+    return options.filter(function (v) {
+      return (0, _utils.onStringSearch)(filter, v.label);
+    });
+  }, [options, filter]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+
+  var checkAll = (0, _react.useMemo)(function () {
+    var isLen = checkedValues.length >= renderOptions.length;
+    return isLen && renderOptions.every(function (_ref) {
+      var value = _ref.value;
+      return checkedValues.includes(value);
+    });
+  }, [checkedValues.length, renderOptions]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 全选事件
+
+  var onCheckAllChange = (0, _hooks.useEvent)(function () {
+    var nValue = checkAll ? checkedValues.filter(function (v) {
+      return !renderOptions.some(function (_ref2) {
+        var value = _ref2.value;
+        return v === value;
+      });
+    }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(renderOptions.map(function (v) {
+      return v.value;
+    })))));
+    setCheckedValues(nValue);
+  });
+  var onChange = (0, _hooks.useEvent)(function (e, item) {
+    e.preventDefault();
+    e.stopPropagation();
+    var arr = checkedValues.includes(item.value) ? checkedValues.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]);
+    setCheckedValues(arr || undefined);
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "select_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header_operate"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: onCheckAllChange,
+    checked: checkAll,
+    className: "filter_tip"
+  }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "filter_tip"
+  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
+    value: checkedValues,
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: renderOptions,
+    className: "filter_list"
+  }, function (_a) {
+    var item = _a.item,
+        resetProps = __rest(_a, ["item"]);
+
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: checkedValues.includes(item.value)
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+      value: item.value,
+      className: "filter_item-content"
+    }, item.label));
+  }), !renderOptions.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)));
+};
+
+exports.useCheckboxOptions = useCheckboxOptions;

package/lib/LmSelect/utils.d.ts

@@ -0,0 +1,10 @@
+export declare function getArray(val: any): any[];
+export declare const isOptions: (key: any) => boolean;
+export declare const onStringSearch: (key?: string, str?: string) => boolean;
+export declare function getOptions(children: any): any[];
+export declare function getIsHas(val: any): boolean;
+export declare function isClassComponent(component: any): any;
+export declare function isExoticComponent(component: any): boolean;
+export declare function isReactComponent(component: any): any;
+export declare const render: (Comp: any, props?: {}) => any;
+export declare const useSearch: (showSearch: any, renderOptions: any) => any;

package/lib/LmSelect/utils.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getArray = getArray;
+exports.getIsHas = getIsHas;
+exports.getOptions = getOptions;
+exports.isClassComponent = isClassComponent;
+exports.isExoticComponent = isExoticComponent;
+exports.isOptions = void 0;
+exports.isReactComponent = isReactComponent;
+exports.useSearch = exports.render = exports.onStringSearch = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+// 获取数组
+function getArray(val) {
+  if (!val) return [];
+  return Array.isArray(val) ? val : [val];
+} // 判断是否符合options格式
+
+
+var isOptions = function isOptions(key) {
+  return ['label', 'value'].includes(key);
+}; // 查询搜索, 都转成小写用于匹配
+
+
+exports.isOptions = isOptions;
+
+var onStringSearch = function onStringSearch() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var str = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return str.toLowerCase().includes(key.toLowerCase());
+}; // 将options和children都转成options
+
+
+exports.onStringSearch = onStringSearch;
+
+function getOptions(children) {
+  var array = getArray(children);
+  return array.map(function (item) {
+    if (Object.keys(item).every(isOptions)) return item;
+    return {
+      label: item.props.children,
+      value: item.props.value,
+      disabled: !!item.props.disabled
+    };
+  });
+} // 检查是否存在内容
+
+
+function getIsHas(val) {
+  var _a; // 检查是否数字类型, 是否布尔类型
+
+
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    flag = Array.isArray(val) ? !!val.length : !!((_a = Object.keys(val)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+
+  return flag;
+} // 检查是否类组件
+
+
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+} // 检查是否自定义组件
+
+
+function isExoticComponent(component) {
+  return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+} // 检查是否React组件
+
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+var render = function render(Comp) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, Object.assign({}, props)) : Comp;
+};
+
+exports.render = render;
+
+var useSearch = function useSearch(showSearch, renderOptions) {
+  return (0, _react.useMemo)(function () {
+    return showSearch || renderOptions.length > 8;
+  }, [renderOptions.length, showSearch]);
+};
+
+exports.useSearch = useSearch;

package/lib/LmTable/Table.js

@@ -13,29 +13,53 @@ require("antd/es/config-provider/style");
 
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _icons = require("@ant-design/icons");
+
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
+var _sortable = require("@dnd-kit/sortable");
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactSortableHoc = require("react-sortable-hoc");
+
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck", "rowSelection", "columnsState", "tableRowType"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "customCheck", "rowSelection", "columnsState", "tableRowType"],
+    _excluded2 = ["className", "style"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
+var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
+  return /*#__PURE__*/_react.default.createElement(_icons.MenuOutlined, {
+    style: {
+      cursor: 'grab',
+      color: '#999'
+    }
+  });
+});
+var sortDefaultColumnItem = {
+  title: '排序',
+  dataIndex: 'sort',
+  width: 60,
+  className: 'drag-visible',
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(DragHandle, null);
+  }
+};
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var dataSource = props.dataSource,
       autoSize = props.autoSize,
@@ -49,6 +73,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       loading = props.loading,
       _props$virtual = props.virtual,
       virtual = _props$virtual === void 0 ? false : _props$virtual,
+      _props$sortOpen = props.sortOpen,
+      sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
       customCheck = props.customCheck,
       rowSelection = props.rowSelection,
       columnsState = props.columnsState,
@@ -81,7 +107,48 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useState7 = (0, _react.useState)(),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       columnsStateMap = _useState8[0],
-      setColumnsStateMap = _useState8[1]; // 原宽度，先宽度，序号
+      setColumnsStateMap = _useState8[1];
+
+  var SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
+    return /*#__PURE__*/_react.default.createElement("tr", props);
+  });
+  var SortContainer = (0, _reactSortableHoc.SortableContainer)(function (props) {
+    return /*#__PURE__*/_react.default.createElement("tbody", props);
+  });
+
+  var onSortEnd = function onSortEnd(_ref) {
+    var oldIndex = _ref.oldIndex,
+        newIndex = _ref.newIndex;
+
+    if (oldIndex !== newIndex) {
+      var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
+        return !!el;
+      });
+      console.log(newData, 'nnnnnn'); // setDataSource([...newData])
+    }
+  };
+
+  var DraggableContainer = function DraggableContainer(props) {
+    return /*#__PURE__*/_react.default.createElement(SortContainer, (0, _extends2.default)({
+      useDragHandle: true,
+      disableAutoscroll: true,
+      helperClass: "row-dragging",
+      onSortEnd: onSortEnd
+    }, props));
+  };
+
+  var DraggableBodyRow = function DraggableBodyRow(props) {
+    var className = props.className,
+        style = props.style,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+    var index = dataSource.findIndex(function (x) {
+      return x[rowKey || 'index'] === restProps['data-row-key'];
+    });
+    console.log(dataSource, restProps, 222, index);
+    return /*#__PURE__*/_react.default.createElement(SortableItem, (0, _extends2.default)({
+      index: index
+    }, restProps));
+  }; // 原宽度，先宽度，序号
 
 
   var handleResize = function handleResize(sc, size, index) {
@@ -98,7 +165,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   var resetColumns = (0, _react.useCallback)(function () {
-    return useColumns.filter(function (item) {
+    var result = useColumns.filter(function (item) {
       return item.show !== false;
     }).map(function (col, index) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, col), {}, {
@@ -113,7 +180,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       });
     });
-  }, [useColumns]);
+    console.log(sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result, sortOpen, 111);
+    return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
+  }, [useColumns, sortOpen]);
   (0, _react.useEffect)(function () {
     setColumns(columns);
   }, [columns]); // 行点击事件
@@ -250,10 +319,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var obj = (0, _objectSpread2.default)({}, columnsState);
     columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
       /** 目前支持三种 */
-      var _ref = obj[item.dataIndex || item.key] || {},
-          order = _ref.order,
-          show = _ref.show,
-          fixed = _ref.fixed;
+      var _ref2 = obj[item.dataIndex || item.key] || {},
+          order = _ref2.order,
+          show = _ref2.show,
+          fixed = _ref2.fixed;
 
       obj[item.dataIndex || item.key] = {
         fixed: fixed || item.fixed,
@@ -322,7 +391,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
-    components: virtual ? vComponents : null,
+    components: sortOpen ? {
+      body: {
+        wrapper: DraggableContainer,
+        row: DraggableBodyRow
+      }
+    } : null,
     tableClassName: "lm_protable",
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
@@ -416,24 +490,25 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var handResize = (0, _lodash.throttle)(changeSize, 600);
   (0, _react.useEffect)(function () {
-    var _tableWarpRef$current8;
-
     var hiddenPage = props.hiddenPage,
         customCheck = props.customCheck,
         summary = props.summary;
-
-    var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
-        _tableWarpRef$current6 = _tableWarpRef$current5.width,
-        width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
-        _tableWarpRef$current7 = _tableWarpRef$current5.height,
-        height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
-
-    var value = summary ? 48 : 0;
+    setTimeout(function () {
+      var _tableWarpRef$current8;
+
+      var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
+          _tableWarpRef$current6 = _tableWarpRef$current5.width,
+          width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
+          _tableWarpRef$current7 = _tableWarpRef$current5.height,
+          height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
+
+      var value = summary ? 48 : 0;
+      setTableSize({
+        width: width,
+        height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
+      });
+    }, 100);
     resizeRef.current = window.addEventListener('resize', handResize);
-    setTableSize({
-      width: width,
-      height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
-    });
     return function () {
       window.removeEventListener('resize', handResize);
     };

package/lib/LmTable/style/style.css

@@ -1410,3 +1410,16 @@ html {
   height: 48px;
   display: flex;
 }
+.row-dragging {
+  background: var(--color-6);
+  border: 1px solid var(--color-6);
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+}
+.row-dragging td {
+  padding: 16px;
+}
+.row-dragging .drag-visible {
+  visibility: visible;
+}

package/lib/Radio/style/style.css

@@ -28,15 +28,15 @@
 }
 .lm-radio-group .ant-radio-button-wrapper {
   font-size: 12px;
-  line-height: 30px;
   height: 32px;
-  padding: 1px 12px;
+  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);
@@ -44,7 +44,6 @@
 .lm-radio-group .ant-radio-button-wrapper > span:last-child {
   display: inline-block;
   font-size: 12px;
-  line-height: 30px;
   max-width: 96px;
   overflow: hidden;
   white-space: nowrap;
@@ -73,7 +72,7 @@
 .lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
   line-height: 22px;
   height: 24px;
-  padding: 1px 8px;
+  padding: 0px 8px;
 }
 .lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
   line-height: 22px;

package/lib/VirtualList/index.js

@@ -17,7 +17,8 @@ var VirList = function VirList(_ref) {
       children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 32 : _ref$size,
-      parentRef = _ref.parentRef,
+      _ref$parentRef = _ref.parentRef,
+      parentRef = _ref$parentRef === void 0 ? null : _ref$parentRef,
       className = _ref.className,
       _ref$maxHeight = _ref.maxHeight,
       maxHeight = _ref$maxHeight === void 0 ? 224 : _ref$maxHeight;

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useFullscreen } from './useFullscreen';
+export { default as useEvent } from './useEvent';

package/lib/hooks/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useEvent", {
+  enumerable: true,
+  get: function get() {
+    return _useEvent.default;
+  }
+});
+Object.defineProperty(exports, "useFullscreen", {
+  enumerable: true,
+  get: function get() {
+    return _useFullscreen.default;
+  }
+});
+
+var _useFullscreen = _interopRequireDefault(require("./useFullscreen"));
+
+var _useEvent = _interopRequireDefault(require("./useEvent"));

package/lib/hooks/useEvent/index.d.ts

@@ -0,0 +1,2 @@
+declare function useEvent(handler: any): (...args: any[]) => any;
+export default useEvent;

package/lib/hooks/useEvent/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+// * 解决useCallback的依赖传导问题，存储事件
+function useEvent(handler) {
+  var handlerRef = (0, _react.useRef)(null); // 同步，运行时间在布局前
+
+  (0, _react.useLayoutEffect)(function () {
+    handlerRef.current = handler;
+  }); // 存储方法函数
+
+  return (0, _react.useCallback)(function () {
+    var fn = handlerRef.current;
+    return fn.apply(void 0, arguments);
+  }, []);
+}
+
+var _default = useEvent;
+exports.default = _default;

package/lib/hooks/useFullscreen/index.d.ts

@@ -0,0 +1,15 @@
+import type { MutableRefObject } from 'react';
+declare type TargetValue<T> = T | undefined | null;
+declare type TargetType = HTMLElement | Element | Window | Document;
+declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+interface Options {
+    onExit?: () => void;
+    onEnter?: () => void;
+}
+declare const useFullscreen: (target: BasicTarget, options?: Options) => {
+    isFullscreen: boolean;
+    enterFullscreen: () => void;
+    exitFullscreen: () => void;
+    toggleFullscreen: () => void;
+};
+export default useFullscreen;