add all frontend files

node_modules/@rc-component/mutate-observer/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present react-component
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

node_modules/@rc-component/mutate-observer/README.md

@@ -0,0 +1,58 @@
+# rc-mutate-observer
+
+MutateObserver for React.
+
+[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![npm download][download-image]][download-url]
+
+[npm-image]: http://img.shields.io/npm/v/@rc-component/mutate-observer.svg?style=flat-square
+[npm-url]: https://www.npmjs.com/package/@rc-component/mutate-observer
+[github-actions-image]: https://github.com/react-component/mutate-observer/workflows/CI/badge.svg
+[github-actions-url]: https://github.com/react-component/mutate-observer/actions
+[codecov-image]: https://img.shields.io/codecov/c/github/@rc-component/mutate-observer/master.svg?style=flat-square
+[download-image]: https://img.shields.io/npm/dm/@rc-component/mutate-observer.svg?style=flat-square
+[download-url]: https://www.npmjs.com/package/@rc-component/mutate-observer
+
+## Development
+
+```bash
+npm install
+npm run start
+open http://localhost:8000
+```
+
+## Install
+
+[![@rc-component/mutate-observer](https://nodei.co/npm/mutate-observer.png)](https://www.npmjs.com/package/@rc-component/mutate-observer)
+
+## Usage
+
+```tsx
+import React from 'react';
+import MutateObserver from './src';
+
+const onMutate = (mutations: MutationRecord[], observer: MutationObserver) => {
+  console.log(mutation);
+  console.log(observer);
+};
+
+const Demo: React.FC = () => {
+  return (
+    <MutateObserver onMutate={onMutate}>
+      <div>test</div>
+    </MutateObserver>
+  );
+};
+
+export default Demo;
+```
+
+## 🔥 API
+
+We use typescript to create the Type definition. You can view directly in IDE. But you can still check the type definition [here](https://github.com/react-component/mutate-observer/blob/master/src/interface.ts).
+
+### mutate-observer
+
+| Prop     | Description                                                                                                      | Type                 | Default |
+| -------- | ---------------------------------------------------------------------------------------------------------------- | -------------------- | ------- |
+| onMutate | A function which will be called on each DOM change that qualifies given the observed node or subtree and options | MutationCallback     | -       |
+| options  | An object providing options that describe which DOM mutations should be reported to mutationObserver's callback  | MutationObserverInit | -       |

node_modules/@rc-component/mutate-observer/es/MutateObserver.d.ts

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

node_modules/@rc-component/mutate-observer/es/MutateObserver.js

@@ -0,0 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
+import { supportRef, useComposeRef } from "rc-util/es/ref";
+import findDOMNode from "rc-util/es/Dom/findDOMNode";
+import useEvent from "rc-util/es/hooks/useEvent";
+import DomWrapper from "./wrapper";
+import useMutateObserver from "./useMutateObserver";
+var MutateObserver = function MutateObserver(props) {
+  var children = props.children,
+    options = props.options,
+    _props$onMutate = props.onMutate,
+    onMutate = _props$onMutate === void 0 ? function () {} : _props$onMutate;
+  var callback = useEvent(onMutate);
+  var wrapperRef = React.useRef(null);
+  var elementRef = React.useRef(null);
+  var canRef = /*#__PURE__*/React.isValidElement(children) && supportRef(children);
+  var mergedRef = useComposeRef(elementRef, canRef ? children.ref : null);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    target = _React$useState2[0],
+    setTarget = _React$useState2[1];
+  useMutateObserver(target, callback, options);
+
+  // =========================== Effect ===========================
+  // Bind target
+  useLayoutEffect(function () {
+    setTarget(findDOMNode(elementRef.current) || findDOMNode(wrapperRef.current));
+  });
+
+  // =========================== Render ===========================
+  if (!children) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error('MutationObserver need children props');
+    }
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(DomWrapper, {
+    ref: wrapperRef
+  }, canRef ? /*#__PURE__*/React.cloneElement(children, {
+    ref: mergedRef
+  }) : children);
+};
+export default MutateObserver;

node_modules/@rc-component/mutate-observer/es/index.d.ts

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

node_modules/@rc-component/mutate-observer/es/index.js

@@ -0,0 +1,4 @@
+import MutateObserver from "./MutateObserver";
+import useMutateObserver from "./useMutateObserver";
+export { useMutateObserver };
+export default MutateObserver;

node_modules/@rc-component/mutate-observer/es/interface.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface MutationObserverProps {
+    children: React.ReactNode;
+    options?: MutationObserverInit;
+    onMutate?: (mutations: MutationRecord[], observer: MutationObserver) => void;
+}

node_modules/@rc-component/mutate-observer/es/interface.js

@@ -0,0 +1 @@
+export {};

node_modules/@rc-component/mutate-observer/es/useMutateObserver.d.ts

@@ -0,0 +1 @@
+export default function useMutateObserver(nodeOrList: HTMLElement | HTMLElement[], callback: MutationCallback, options?: MutationObserverInit): void;

node_modules/@rc-component/mutate-observer/es/useMutateObserver.js

@@ -0,0 +1,28 @@
+import canUseDom from "rc-util/es/Dom/canUseDom";
+import * as React from 'react';
+var defaultOptions = {
+  subtree: true,
+  childList: true,
+  attributeFilter: ['style', 'class']
+};
+export default function useMutateObserver(nodeOrList, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultOptions;
+  React.useEffect(function () {
+    if (!canUseDom() || !nodeOrList) {
+      return;
+    }
+    var instance;
+    var nodeList = Array.isArray(nodeOrList) ? nodeOrList : [nodeOrList];
+    if ('MutationObserver' in window) {
+      instance = new MutationObserver(callback);
+      nodeList.forEach(function (element) {
+        instance.observe(element, options);
+      });
+    }
+    return function () {
+      var _instance, _instance2;
+      (_instance = instance) === null || _instance === void 0 ? void 0 : _instance.takeRecords();
+      (_instance2 = instance) === null || _instance2 === void 0 ? void 0 : _instance2.disconnect();
+    };
+  }, [options, nodeOrList]);
+}

node_modules/@rc-component/mutate-observer/es/wrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DomWrapperProps {
+    children: React.ReactNode;
+}
+declare class DomWrapper extends React.Component<DomWrapperProps> {
+    render(): React.ReactNode;
+}
+export default DomWrapper;

node_modules/@rc-component/mutate-observer/es/wrapper.js

@@ -0,0 +1,21 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+var DomWrapper = /*#__PURE__*/function (_React$Component) {
+  _inherits(DomWrapper, _React$Component);
+  var _super = _createSuper(DomWrapper);
+  function DomWrapper() {
+    _classCallCheck(this, DomWrapper);
+    return _super.apply(this, arguments);
+  }
+  _createClass(DomWrapper, [{
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+  return DomWrapper;
+}(React.Component);
+export default DomWrapper;

node_modules/@rc-component/mutate-observer/lib/MutateObserver.d.ts

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

node_modules/@rc-component/mutate-observer/lib/MutateObserver.js

@@ -0,0 +1,52 @@
+"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 = _interopRequireDefault(require("react"));
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var _ref = require("rc-util/lib/ref");
+var _findDOMNode = _interopRequireDefault(require("rc-util/lib/Dom/findDOMNode"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _wrapper = _interopRequireDefault(require("./wrapper"));
+var _useMutateObserver = _interopRequireDefault(require("./useMutateObserver"));
+var MutateObserver = function MutateObserver(props) {
+  var children = props.children,
+    options = props.options,
+    _props$onMutate = props.onMutate,
+    onMutate = _props$onMutate === void 0 ? function () {} : _props$onMutate;
+  var callback = (0, _useEvent.default)(onMutate);
+  var wrapperRef = _react.default.useRef(null);
+  var elementRef = _react.default.useRef(null);
+  var canRef = /*#__PURE__*/_react.default.isValidElement(children) && (0, _ref.supportRef)(children);
+  var mergedRef = (0, _ref.useComposeRef)(elementRef, canRef ? children.ref : null);
+  var _React$useState = _react.default.useState(null),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    target = _React$useState2[0],
+    setTarget = _React$useState2[1];
+  (0, _useMutateObserver.default)(target, callback, options);
+
+  // =========================== Effect ===========================
+  // Bind target
+  (0, _useLayoutEffect.default)(function () {
+    setTarget((0, _findDOMNode.default)(elementRef.current) || (0, _findDOMNode.default)(wrapperRef.current));
+  });
+
+  // =========================== Render ===========================
+  if (!children) {
+    if (process.env.NODE_ENV !== 'production') {
+      console.error('MutationObserver need children props');
+    }
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_wrapper.default, {
+    ref: wrapperRef
+  }, canRef ? /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: mergedRef
+  }) : children);
+};
+var _default = MutateObserver;
+exports.default = _default;

node_modules/@rc-component/mutate-observer/lib/index.d.ts

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

node_modules/@rc-component/mutate-observer/lib/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "useMutateObserver", {
+  enumerable: true,
+  get: function get() {
+    return _useMutateObserver.default;
+  }
+});
+var _MutateObserver = _interopRequireDefault(require("./MutateObserver"));
+var _useMutateObserver = _interopRequireDefault(require("./useMutateObserver"));
+var _default = _MutateObserver.default;
+exports.default = _default;

node_modules/@rc-component/mutate-observer/lib/interface.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface MutationObserverProps {
+    children: React.ReactNode;
+    options?: MutationObserverInit;
+    onMutate?: (mutations: MutationRecord[], observer: MutationObserver) => void;
+}

node_modules/@rc-component/mutate-observer/lib/interface.js

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

node_modules/@rc-component/mutate-observer/lib/useMutateObserver.d.ts

@@ -0,0 +1 @@
+export default function useMutateObserver(nodeOrList: HTMLElement | HTMLElement[], callback: MutationCallback, options?: MutationObserverInit): void;

node_modules/@rc-component/mutate-observer/lib/useMutateObserver.js

@@ -0,0 +1,36 @@
+"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.default = useMutateObserver;
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+var React = _interopRequireWildcard(require("react"));
+var defaultOptions = {
+  subtree: true,
+  childList: true,
+  attributeFilter: ['style', 'class']
+};
+function useMutateObserver(nodeOrList, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultOptions;
+  React.useEffect(function () {
+    if (!(0, _canUseDom.default)() || !nodeOrList) {
+      return;
+    }
+    var instance;
+    var nodeList = Array.isArray(nodeOrList) ? nodeOrList : [nodeOrList];
+    if ('MutationObserver' in window) {
+      instance = new MutationObserver(callback);
+      nodeList.forEach(function (element) {
+        instance.observe(element, options);
+      });
+    }
+    return function () {
+      var _instance, _instance2;
+      (_instance = instance) === null || _instance === void 0 ? void 0 : _instance.takeRecords();
+      (_instance2 = instance) === null || _instance2 === void 0 ? void 0 : _instance2.disconnect();
+    };
+  }, [options, nodeOrList]);
+}

node_modules/@rc-component/mutate-observer/lib/wrapper.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface DomWrapperProps {
+    children: React.ReactNode;
+}
+declare class DomWrapper extends React.Component<DomWrapperProps> {
+    render(): React.ReactNode;
+}
+export default DomWrapper;

node_modules/@rc-component/mutate-observer/lib/wrapper.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = _interopRequireDefault(require("react"));
+var DomWrapper = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(DomWrapper, _React$Component);
+  var _super = (0, _createSuper2.default)(DomWrapper);
+  function DomWrapper() {
+    (0, _classCallCheck2.default)(this, DomWrapper);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(DomWrapper, [{
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+  return DomWrapper;
+}(_react.default.Component);
+var _default = DomWrapper;
+exports.default = _default;

node_modules/@rc-component/mutate-observer/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@rc-component/mutate-observer",
+  "version": "1.1.0",
+  "description": "React MutateObserver Component",
+  "keywords": [
+    "react",
+    "react-component",
+    "mutate-observer"
+  ],
+  "homepage": "https://github.com/react-component/mutate-observer",
+  "bugs": {
+    "url": "https://github.com/react-component/mutate-observer/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-component/mutate-observer.git"
+  },
+  "license": "MIT",
+  "author": "574980606@qq.com",
+  "main": "./lib/index",
+  "module": "./es/index",
+  "typings": "es/index.d.ts",
+  "files": [
+    "lib",
+    "es",
+    "dist"
+  ],
+  "scripts": {
+    "compile": "father build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "lint": "eslint src/ --ext .tsx,.ts",
+    "lint:tsc": "tsc -p tsconfig.json --noEmit",
+    "now-build": "npm run docs:build",
+    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "start": "dumi dev",
+    "test": "umi-test",
+    "test:coverage": "npm run test --coverage",
+    "watch": "father dev"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.18.0",
+    "classnames": "^2.3.2",
+    "rc-util": "^5.24.4"
+  },
+  "devDependencies": {
+    "@rc-component/father-plugin": "^1.0.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.0.0",
+    "@types/jest": "^26.0.20",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/fabric": "^2.5.2",
+    "dumi": "^1.1.0",
+    "eslint": "^7.18.0",
+    "father": "^4.0.0-rc.8",
+    "gh-pages": "^3.1.0",
+    "np": "^5.0.3",
+    "prettier": "^2.1.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^4.6.3",
+    "umi-test": "^1.9.7"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "engines": {
+    "node": ">=8.x"
+  }
+}