component-shared 1.0.0

package/Components/UploadLayout/UploadPannel.js

@@ -0,0 +1,20 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Component } from 'react';
+
+var UploadPannel = /*#__PURE__*/function (_Component) {
+  function UploadPannel() {
+    _classCallCheck(this, UploadPannel);
+    return _callSuper(this, UploadPannel, arguments);
+  }
+  _inherits(UploadPannel, _Component);
+  return _createClass(UploadPannel, [{
+    key: "render",
+    value: function render() {
+      return jsx(Fragment, {});
+    }
+  }]);
+}(Component);
+
+export { UploadPannel as default };
+//# sourceMappingURL=UploadPannel.js.map

package/Components/UploadLayout/UploadPannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPannel.js","sources":["../../../src/Components/UploadLayout/UploadPannel.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\n\r\nexport default class UploadPannel extends Component {\r\n  render() {\r\n    return <></>\r\n  }\r\n}\r\n"],"names":["UploadPannel","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsx","Component"],"mappings":";;;;AAEqBA,IAAAA,YAAa,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,YAAA,GAAA;AAAAE,IAAAA,eAAA,OAAAF,YAAA,CAAA;AAAA,IAAA,OAAAG,UAAA,CAAA,IAAA,EAAAH,YAAA,EAAAI,SAAA,CAAA;AAAA;EAAAC,SAAA,CAAAL,YAAA,EAAAC,UAAA,CAAA;EAAA,OAAAK,YAAA,CAAAN,YAAA,EAAA,CAAA;IAAAO,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAChC,SAAAC,MAAMA,GAAA;AACJ,MAAA,OAAOC,iBAAK;AACd;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAHuCC,SAAS;;;;"}

package/Components/UploadLayout/UploadStatus.d.ts

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import { IUploadLayoutContext } from '.';
+interface IUploadStatusProps {
+    onUploadClose: React.MouseEventHandler<HTMLButtonElement>;
+    ContentHeight: number;
+}
+interface IUploadStatusState {
+    expand: boolean;
+}
+export default class UploadStatus extends Component<IUploadStatusProps, IUploadStatusState> {
+    constructor(props: IUploadStatusProps);
+    isUnmounted: boolean;
+    componentWillUnmount(): void;
+    UnCollapse: () => void;
+    expanChange: () => void;
+    gernerateItems: (context: IUploadLayoutContext) => JSX.Element[];
+    componentDidMount(): void;
+    getErrorTitle: (context: IUploadLayoutContext) => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/Components/UploadLayout/UploadStatus.js

@@ -0,0 +1,184 @@
+import { objectSpread2 as _objectSpread2, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ExpandMore, Close } from '@mui/icons-material';
+import { styled, Card, Accordion, CardHeader, Typography, IconButton, Box, Button } from '@mui/material';
+import { Component } from 'react';
+import MuiAccordionSummary from '@mui/material/AccordionSummary';
+import MuiAccordionDetails from '@mui/material/AccordionDetails';
+import ProgressItem from './ProgressItem.js';
+import { UploadLayoutContext } from './index.js';
+
+var UploadStatus = /*#__PURE__*/function (_Component) {
+  function UploadStatus(props) {
+    var _this;
+    _classCallCheck(this, UploadStatus);
+    _this = _callSuper(this, UploadStatus, [props]);
+    _defineProperty(_this, "isUnmounted", false);
+    _defineProperty(_this, "UnCollapse", function () {
+      _this.setState({
+        expand: true
+      });
+    });
+    _defineProperty(_this, "expanChange", function () {
+      _this.setState({
+        expand: !_this.state.expand
+      });
+    });
+    _defineProperty(_this, "gernerateItems", function (context) {
+      return context.items.map(function (item) {
+        return jsx(ProgressItem, _objectSpread2(_objectSpread2({
+          disableDelete: true,
+          item: item
+        }, item), {}, {
+          onClose: function onClose() {
+            return context.onItemClose(item);
+          },
+          onRetry: function onRetry() {
+            return context.onItemRetry(item);
+          }
+        }), 'key' + item.Id);
+      });
+    });
+    _defineProperty(_this, "getErrorTitle", function (context) {
+      var errors = context.getErrors().length;
+      var onRetryAll = function onRetryAll(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        context.onRetryAll();
+      };
+      return errors ? jsxs(Box, {
+        sx: {
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: [jsx(Button, {
+          onClick: onRetryAll,
+          children: "Retry all"
+        }), jsxs(Typography, {
+          variant: "subtitle2",
+          children: [context.getErrors().length, " error(s)"]
+        })]
+      }) : jsx(Fragment, {});
+    });
+    _this.state = {
+      expand: true
+    };
+    return _this;
+  }
+  _inherits(UploadStatus, _Component);
+  return _createClass(UploadStatus, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isUnmounted = true;
+    }
+  }, {
+    key: "componentDidMount",
+    value:
+    // setState = <K extends keyof IUploadStatusState>(state: Pick<IUploadStatusState, K> | IUploadStatusState, callback?: () => void) => {
+    //     if (this.isUnmounted) return
+    //     super.setState(state, callback)
+    // }
+    function componentDidMount() {}
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return jsx(UploadLayoutContext.Consumer, {
+        children: function children(context) {
+          return jsx(Card, {
+            sx: {
+              flex: 1,
+              background: 'white',
+              margin: '10px',
+              border: '1px solid #e0e0e0'
+            },
+            children: jsxs(Accordion, {
+              expanded: _this2.state.expand,
+              onChange: _this2.expanChange,
+              sx: {
+                padding: 0
+              },
+              children: [jsx(AccordionSummary, {
+                expandIcon: jsx(ExpandMore, {}),
+                sx: {
+                  display: 'flex'
+                },
+                children: jsx(CardHeader, {
+                  action: jsx(IconButton, {
+                    "aria-label": "settings",
+                    onClick: _this2.props.onUploadClose,
+                    sx: {
+                      padding: 0
+                    },
+                    children: jsx(Close, {})
+                  }),
+                  title: jsxs(Typography, {
+                    variant: "subtitle1",
+                    sx: {
+                      fontWeight: 'bold'
+                    },
+                    children: ["Upload list (", context.getComplete().length, "/", context.items.length, ")"]
+                  }),
+                  subheader: _this2.getErrorTitle(context),
+                  sx: {
+                    padding: '5px',
+                    flex: 1,
+                    '& .MuiCardHeader-action': {
+                      margin: 0
+                    }
+                  }
+                })
+              }), jsx(AccordionDetails, {
+                sx: {
+                  height: _this2.props.ContentHeight,
+                  padding: '8px 12px',
+                  overflow: 'auto'
+                },
+                children: _this2.gernerateItems(context)
+              })]
+            })
+          });
+        }
+      });
+    }
+  }]);
+}(Component);
+var AccordionSummary = styled(function (props) {
+  return jsx(MuiAccordionSummary, _objectSpread2({
+    expandIcon: jsx(ExpandMore, {
+      sx: {
+        fontSize: '0.9rem'
+      }
+    })
+  }, props));
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, .05)' : 'rgba(0, 0, 0, .03)',
+    flexDirection: 'row-reverse',
+    padding: ' 0 5px',
+    '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {
+      // transform: 'rotate(90deg)',
+    },
+    '& .MuiAccordionSummary-content.Mui-expanded': {
+      // transform: 'rotate(90deg)',
+      margin: 0
+    },
+    '& .MuiAccordionSummary-content': {
+      margin: 0,
+      display: 'flex',
+      marginLeft: theme.spacing(1)
+    }
+  };
+});
+var AccordionDetails = styled(MuiAccordionDetails)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    padding: theme.spacing(2),
+    borderTop: '1px solid rgba(0, 0, 0, .125)'
+  };
+});
+
+export { UploadStatus as default };
+//# sourceMappingURL=UploadStatus.js.map

package/Components/UploadLayout/UploadStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadStatus.js","sources":["../../../src/Components/UploadLayout/UploadStatus.tsx"],"sourcesContent":["import { Close, ExpandMore } from '@mui/icons-material'\r\nimport { Box, Card, CardHeader, Typography, IconButton, Accordion, styled, Button } from '@mui/material'\r\nimport React, { Component } from 'react'\r\nimport MuiAccordionSummary, { AccordionSummaryProps } from '@mui/material/AccordionSummary'\r\nimport MuiAccordionDetails from '@mui/material/AccordionDetails'\r\nimport ProgressItem from './ProgressItem'\r\nimport { IUploadLayoutContext, UploadLayoutContext } from '.'\r\n\r\ninterface IUploadStatusProps {\r\n  onUploadClose: React.MouseEventHandler<HTMLButtonElement>\r\n  ContentHeight: number\r\n}\r\ninterface IUploadStatusState {\r\n  expand: boolean\r\n}\r\nexport default class UploadStatus extends Component<IUploadStatusProps, IUploadStatusState> {\r\n  constructor(props: IUploadStatusProps) {\r\n    super(props)\r\n    this.state = {\r\n      expand: true,\r\n    }\r\n  }\r\n  isUnmounted = false\r\n  componentWillUnmount(): void {\r\n    this.isUnmounted = true\r\n  }\r\n  UnCollapse = () => {\r\n    this.setState({ expand: true })\r\n  }\r\n  expanChange = () => {\r\n    this.setState({ expand: !this.state.expand })\r\n  }\r\n  gernerateItems = (context: IUploadLayoutContext) => {\r\n    return context.items.map((item) => {\r\n      return (\r\n        <ProgressItem\r\n          disableDelete={true}\r\n          key={'key' + item.Id}\r\n          item={item}\r\n          {...item}\r\n          onClose={() => context.onItemClose(item)}\r\n          onRetry={() => context.onItemRetry(item)}\r\n        />\r\n      )\r\n    })\r\n  }\r\n\r\n  // setState = <K extends keyof IUploadStatusState>(state: Pick<IUploadStatusState, K> | IUploadStatusState, callback?: () => void) => {\r\n  //     if (this.isUnmounted) return\r\n  //     super.setState(state, callback)\r\n  // }\r\n  componentDidMount(): void {}\r\n\r\n  getErrorTitle = (context: IUploadLayoutContext) => {\r\n    const errors = context.getErrors().length\r\n    const onRetryAll: React.MouseEventHandler<HTMLButtonElement> = (e) => {\r\n      e.preventDefault()\r\n      e.stopPropagation()\r\n      context.onRetryAll()\r\n    }\r\n    return errors ? (\r\n      <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>\r\n        <Button onClick={onRetryAll}>Retry all</Button>\r\n        <Typography variant=\"subtitle2\">{context.getErrors().length} error(s)</Typography>\r\n      </Box>\r\n    ) : (\r\n      <></>\r\n    )\r\n  }\r\n  render() {\r\n    return (\r\n      <UploadLayoutContext.Consumer>\r\n        {(context) => {\r\n          return (\r\n            <Card sx={{ flex: 1, background: 'white', margin: '10px', border: '1px solid #e0e0e0' }}>\r\n              <Accordion expanded={this.state.expand} onChange={this.expanChange} sx={{ padding: 0 }}>\r\n                <AccordionSummary expandIcon={<ExpandMore />} sx={{ display: 'flex' }}>\r\n                  <CardHeader\r\n                    action={\r\n                      <IconButton aria-label=\"settings\" onClick={this.props.onUploadClose} sx={{ padding: 0 }}>\r\n                        <Close />\r\n                      </IconButton>\r\n                    }\r\n                    title={\r\n                      <Typography variant=\"subtitle1\" sx={{ fontWeight: 'bold' }}>\r\n                        Upload list ({context.getComplete().length}/{context.items.length})\r\n                      </Typography>\r\n                    }\r\n                    subheader={this.getErrorTitle(context)}\r\n                    sx={{\r\n                      padding: '5px',\r\n                      flex: 1,\r\n                      '& .MuiCardHeader-action': {\r\n                        margin: 0,\r\n                      },\r\n                    }}\r\n                  />\r\n                </AccordionSummary>\r\n                <AccordionDetails sx={{ height: this.props.ContentHeight, padding: '8px 12px', overflow: 'auto' }}>\r\n                  {this.gernerateItems(context)}\r\n                </AccordionDetails>\r\n              </Accordion>\r\n            </Card>\r\n          )\r\n        }}\r\n      </UploadLayoutContext.Consumer>\r\n    )\r\n  }\r\n}\r\nconst AccordionSummary = styled((props: AccordionSummaryProps) => (\r\n  <MuiAccordionSummary expandIcon={<ExpandMore sx={{ fontSize: '0.9rem' }} />} {...props} />\r\n))(({ theme }) => ({\r\n  backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, .05)' : 'rgba(0, 0, 0, .03)',\r\n  flexDirection: 'row-reverse',\r\n  padding: ' 0 5px',\r\n  '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {\r\n    // transform: 'rotate(90deg)',\r\n  },\r\n  '& .MuiAccordionSummary-content.Mui-expanded': {\r\n    // transform: 'rotate(90deg)',\r\n    margin: 0,\r\n  },\r\n  '& .MuiAccordionSummary-content': {\r\n    margin: 0,\r\n    display: 'flex',\r\n    marginLeft: theme.spacing(1),\r\n  },\r\n}))\r\n\r\nconst AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({\r\n  padding: theme.spacing(2),\r\n  borderTop: '1px solid rgba(0, 0, 0, .125)',\r\n}))\r\n"],"names":["UploadStatus","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","setState","expand","state","context","items","map","item","_jsx","ProgressItem","_objectSpread","disableDelete","onClose","onItemClose","onRetry","onItemRetry","Id","errors","getErrors","length","onRetryAll","e","preventDefault","stopPropagation","_jsxs","Box","sx","display","justifyContent","alignItems","children","Button","onClick","Typography","variant","_Fragment","_inherits","_createClass","key","value","componentWillUnmount","isUnmounted","componentDidMount","render","_this2","UploadLayoutContext","Consumer","Card","flex","background","margin","border","Accordion","expanded","onChange","expanChange","padding","AccordionSummary","expandIcon","ExpandMore","CardHeader","action","IconButton","onUploadClose","Close","title","fontWeight","getComplete","subheader","getErrorTitle","AccordionDetails","height","ContentHeight","overflow","gernerateItems","Component","styled","MuiAccordionSummary","fontSize","_ref","theme","backgroundColor","palette","mode","flexDirection","marginLeft","spacing","MuiAccordionDetails","_ref2","borderTop"],"mappings":"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"}

package/Components/UploadLayout/index.d.ts

@@ -0,0 +1,69 @@
+import React, { PureComponent } from 'react';
+import UploadStatus from './UploadStatus';
+import { IProcessItem } from './types';
+import { UploadMonitor } from './UploadMonitor';
+export * from './types';
+interface IUploadLayoutProps {
+    Horizontal: 'end' | 'start';
+    Vertical: 'end' | 'start';
+    ContentHeight: number;
+    ContentWidth: number;
+    open: boolean;
+    UploadExecutor: (item: IProcessItem, progress: (value: number) => void) => Promise<void>;
+    onClose?: (isCompleted: boolean) => void;
+    inline?: boolean;
+}
+interface IUploadLayoutState {
+    open: boolean;
+    showComfirm: boolean;
+}
+export interface IUploadLayoutContext {
+    state: IUploadLayoutState;
+    getErrors: () => IProcessItem[];
+    getComplete: () => IProcessItem[];
+    onItemClose: (item: IProcessItem) => void;
+    onItemRetry: (item: IProcessItem) => void;
+    onRetryAll: () => void;
+    addItems: (items: Omit<IProcessItem, 'Value' | 'Signal'>[]) => void;
+    Show: () => void;
+    Close: () => void;
+    items: IProcessItem[];
+    renderUploadContent: () => JSX.Element;
+}
+export declare const Sleep: (sec: number) => Promise<unknown>;
+export declare const UploadLayoutContext: React.Context<IUploadLayoutContext>;
+export default class UploadLayout extends PureComponent<React.PropsWithChildren<IUploadLayoutProps>, IUploadLayoutState> implements IUploadLayoutContext {
+    constructor(props: IUploadLayoutProps);
+    static defaultProps: {
+        Horizontal: string;
+        Vertical: string;
+        ContentHeight: number;
+        ContentWidth: number;
+        open: boolean;
+    };
+    isUnmounted: boolean;
+    _monitor: UploadMonitor<IProcessItem>;
+    items: IProcessItem[];
+    componentWillUnmount(): void;
+    addItems: (items: Omit<IProcessItem, 'Value' | 'Signal'>[]) => void;
+    getItem: () => IProcessItem;
+    executor: (item: IProcessItem) => Promise<void>;
+    uploadComplete: (item: IProcessItem) => void;
+    uploadError: any;
+    onItemClose: (item: IProcessItem) => void;
+    onItemRetry: (item: IProcessItem) => void;
+    onRetryAll: () => void;
+    _timer: Date;
+    updateItems: () => void;
+    getErrors: () => IProcessItem[];
+    getComplete: () => IProcessItem[];
+    isCompleted: () => boolean;
+    Close: () => void;
+    CheckClose: React.MouseEventHandler<HTMLButtonElement>;
+    Show: () => void;
+    closeComfirm: () => void;
+    componentDidMount(): void;
+    renderUploadContent: () => JSX.Element;
+    refUploadStatus: React.RefObject<UploadStatus>;
+    render(): JSX.Element;
+}

package/Components/UploadLayout/index.js

@@ -0,0 +1,265 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Box, Typography, Button } from '@mui/material';
+import React__default, { PureComponent } from 'react';
+import UploadStatus from './UploadStatus.js';
+import { UploadMonitor } from './UploadMonitor.js';
+
+var Sleep = function Sleep(sec) {
+  return new Promise(function (res) {
+    return setTimeout(res, sec);
+  });
+};
+var UploadLayoutContext = /*#__PURE__*/React__default.createContext({});
+var UploadLayout = /*#__PURE__*/function (_PureComponent) {
+  function UploadLayout(props) {
+    var _this;
+    _classCallCheck(this, UploadLayout);
+    _this = _callSuper(this, UploadLayout, [props]);
+    _defineProperty(_this, "isUnmounted", false);
+    _defineProperty(_this, "_monitor", void 0);
+    _defineProperty(_this, "items", []);
+    _defineProperty(_this, "addItems", function (items) {
+      var _this$items;
+      (_this$items = _this.items).push.apply(_this$items, _toConsumableArray(items));
+      _this._monitor.start();
+    });
+    _defineProperty(_this, "getItem", function () {
+      var item = _this.items.filter(function (x) {
+        return x.Status === 'Pending';
+      })[0];
+      if (item) {
+        item.Status = 'Processing';
+      }
+      return item;
+    });
+    _defineProperty(_this, "executor", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(item) {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              _context.n = 1;
+              return _this.props.UploadExecutor(item, function (value) {
+                item.Value = value;
+                _this.updateItems();
+              });
+            case 1:
+              item.Status = 'Completed';
+              _this.updateItems();
+            case 2:
+              return _context.a(2);
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "uploadComplete", function (item) {
+      item.Status = 'Completed';
+      _this.updateItems();
+    });
+    _defineProperty(_this, "uploadError", function (data) {
+      data[0].Status = 'Error';
+      _this.updateItems();
+    });
+    _defineProperty(_this, "onItemClose", function (item) {
+      var _item$Signal;
+      (_item$Signal = item.Signal) === null || _item$Signal === void 0 || _item$Signal.abort();
+      var index = _this.items.findIndex(function (x) {
+        return x === item;
+      });
+      _this.items.splice(index, 1);
+      _this.updateItems();
+      _this._monitor.start();
+    });
+    _defineProperty(_this, "onItemRetry", function (item) {
+      item.Status = 'Pending';
+      _this.updateItems();
+      _this._monitor.start();
+    });
+    _defineProperty(_this, "onRetryAll", function () {
+      _this.items.filter(function (x) {
+        return x.Status === 'Error';
+      }).forEach(function (x) {
+        return x.Status = 'Pending';
+      });
+      _this.updateItems();
+      _this._monitor.start();
+    });
+    _defineProperty(_this, "_timer", new Date());
+    _defineProperty(_this, "updateItems", function () {
+      // const tmp = new Date()
+      // var diff = (tmp.getTime() - this._timer.getTime()) as number;
+      // this._timer = tmp
+      // if (diff < 500) return
+      _this.forceUpdate();
+    });
+    _defineProperty(_this, "getErrors", function () {
+      return _this.items.filter(function (x) {
+        return x.Status === 'Error';
+      });
+    });
+    _defineProperty(_this, "getComplete", function () {
+      return _this.items.filter(function (x) {
+        return x.Status === 'Completed';
+      });
+    });
+    // setState = <K extends keyof IUploadLayoutState>(state: Pick<IUploadLayoutState, K> | IUploadLayoutState, callback?: () => void) => {
+    //     if (this.isUnmounted) return
+    //     super.setState(state, callback)
+    // }
+    _defineProperty(_this, "isCompleted", function () {
+      return !_this.items.some(function (x) {
+        return x.Status === 'Pending' || x.Status === 'Processing';
+      });
+    });
+    _defineProperty(_this, "Close", function () {
+      _this.items.forEach(function (x) {
+        var _x$Signal;
+        return (_x$Signal = x.Signal) === null || _x$Signal === void 0 ? void 0 : _x$Signal.abort();
+      });
+      _this.items = [];
+      _this.setState({
+        open: false,
+        showComfirm: false
+      });
+    });
+    _defineProperty(_this, "CheckClose", function (e) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (!_this.isCompleted()) {
+        var _this$refUploadStatus;
+        (_this$refUploadStatus = _this.refUploadStatus.current) === null || _this$refUploadStatus === void 0 || _this$refUploadStatus.UnCollapse();
+        _this.setState({
+          showComfirm: true
+        });
+        return;
+      }
+      _this.props.onClose && _this.props.onClose(true);
+      _this.Close();
+    });
+    _defineProperty(_this, "Show", function () {
+      _this.setState({
+        open: true
+      });
+    });
+    _defineProperty(_this, "closeComfirm", function () {
+      _this.setState({
+        showComfirm: false
+      });
+    });
+    _defineProperty(_this, "renderUploadContent", function () {
+      return jsxs(Box, {
+        sx: {
+          width: '100%',
+          height: '100%',
+          display: 'flex'
+        },
+        children: [jsx(UploadStatus, {
+          ref: _this.refUploadStatus,
+          ContentHeight: _this.props.ContentHeight,
+          onUploadClose: _this.CheckClose
+        }), jsx(Box, {
+          sx: {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            background: '#00000045',
+            borderRadius: '5px',
+            display: _this.state.showComfirm ? 'flex' : 'none',
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: '20px'
+          },
+          children: jsxs(Box, {
+            sx: {
+              display: 'flex',
+              background: 'white',
+              borderRadius: '10px',
+              padding: '10px',
+              flexDirection: 'column'
+            },
+            children: [jsx(Typography, {
+              children: "There are files that have not been uploaded and they will not be uploaded!"
+            }), jsxs(Box, {
+              children: [jsx(Button, {
+                sx: {
+                  marginRight: '10px'
+                },
+                variant: "contained",
+                onClick: function onClick() {
+                  _this.Close();
+                  _this.props.onClose && _this.props.onClose(false);
+                },
+                children: "Yes"
+              }), jsx(Button, {
+                variant: "outlined",
+                onClick: _this.closeComfirm,
+                children: "No"
+              })]
+            })]
+          })
+        })]
+      });
+    });
+    _defineProperty(_this, "refUploadStatus", /*#__PURE__*/React__default.createRef());
+    _this.state = {
+      open: props.open,
+      showComfirm: false
+    };
+    _this._monitor = new UploadMonitor(3, _this.executor, _this.getItem);
+    _this._monitor.addEventListen('Error', _this.uploadError);
+    _this._monitor.addEventListen('Completed', _this.uploadComplete);
+    return _this;
+  }
+  _inherits(UploadLayout, _PureComponent);
+  return _createClass(UploadLayout, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isUnmounted = true;
+      this._monitor.events.removeAllListeners();
+      this.items.forEach(function (x) {
+        var _x$Signal2;
+        return (_x$Signal2 = x.Signal) === null || _x$Signal2 === void 0 ? void 0 : _x$Signal2.abort();
+      });
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {}
+  }, {
+    key: "render",
+    value: function render() {
+      return jsxs(UploadLayoutContext.Provider, {
+        value: this,
+        children: [this.props.children, this.props.inline !== true ? jsx(Box, {
+          sx: {
+            display: this.state.open ? 'flex' : 'none',
+            justifyContent: this.props.Horizontal,
+            alignItems: this.props.Vertical,
+            position: 'fixed',
+            zIndex: 1000,
+            width: this.props.ContentWidth,
+            top: this.props.Vertical === 'start' ? 0 : undefined,
+            bottom: this.props.Vertical === 'end' ? 0 : undefined,
+            left: this.props.Horizontal === 'start' ? 0 : undefined,
+            right: this.props.Horizontal === 'end' ? 0 : undefined
+          },
+          children: this.state.open ? this.renderUploadContent() : jsx(Fragment, {})
+        }) : jsx(Fragment, {})]
+      });
+    }
+  }]);
+}(PureComponent);
+_defineProperty(UploadLayout, "defaultProps", {
+  Horizontal: 'end',
+  Vertical: 'end',
+  ContentHeight: 400,
+  ContentWidth: 400,
+  open: false
+});
+
+export { Sleep, UploadLayoutContext, UploadLayout as default };
+//# sourceMappingURL=index.js.map

package/Components/UploadLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/UploadLayout/index.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material'\r\nimport React, { PureComponent } from 'react'\r\nimport UploadStatus from './UploadStatus'\r\nimport { IProcessItem } from './types'\r\nimport { UploadMonitor } from './UploadMonitor'\r\n\r\nexport * from './types'\r\n\r\ninterface IUploadLayoutProps {\r\n  Horizontal: 'end' | 'start'\r\n  Vertical: 'end' | 'start'\r\n  ContentHeight: number\r\n  ContentWidth: number\r\n  open: boolean\r\n  UploadExecutor: (item: IProcessItem, progress: (value: number) => void) => Promise<void>\r\n  onClose?: (isCompleted: boolean) => void\r\n  inline?: boolean\r\n}\r\ninterface IUploadLayoutState {\r\n  open: boolean\r\n  showComfirm: boolean\r\n}\r\nexport interface IUploadLayoutContext {\r\n  state: IUploadLayoutState\r\n  getErrors: () => IProcessItem[]\r\n  getComplete: () => IProcessItem[]\r\n  onItemClose: (item: IProcessItem) => void\r\n  onItemRetry: (item: IProcessItem) => void\r\n  onRetryAll: () => void\r\n  addItems: (items: Omit<IProcessItem, 'Value' | 'Signal'>[]) => void\r\n  Show: () => void\r\n  Close: () => void\r\n  items: IProcessItem[]\r\n  renderUploadContent: () => JSX.Element\r\n}\r\nexport const Sleep = (sec: number) => new Promise((res) => setTimeout(res, sec))\r\nexport const UploadLayoutContext = React.createContext<IUploadLayoutContext>({} as any)\r\n\r\nexport default class UploadLayout\r\n  extends PureComponent<React.PropsWithChildren<IUploadLayoutProps>, IUploadLayoutState>\r\n  implements IUploadLayoutContext\r\n{\r\n  constructor(props: IUploadLayoutProps) {\r\n    super(props)\r\n    this.state = {\r\n      open: props.open,\r\n      showComfirm: false,\r\n    }\r\n    this._monitor = new UploadMonitor(3, this.executor, this.getItem)\r\n    this._monitor.addEventListen('Error', this.uploadError)\r\n    this._monitor.addEventListen('Completed', this.uploadComplete)\r\n  }\r\n  static defaultProps = {\r\n    Horizontal: 'end',\r\n    Vertical: 'end',\r\n    ContentHeight: 400,\r\n    ContentWidth: 400,\r\n    open: false,\r\n  }\r\n  isUnmounted = false\r\n  _monitor: UploadMonitor<IProcessItem>\r\n  items: IProcessItem[] = []\r\n  componentWillUnmount(): void {\r\n    this.isUnmounted = true\r\n    this._monitor.events.removeAllListeners()\r\n    this.items.forEach((x) => x.Signal?.abort())\r\n  }\r\n  addItems = (items: Omit<IProcessItem, 'Value' | 'Signal'>[]) => {\r\n    this.items.push(...items)\r\n    this._monitor.start()\r\n  }\r\n  getItem = () => {\r\n    const item = this.items.filter((x) => x.Status === 'Pending')[0]\r\n    if (item) {\r\n      item.Status = 'Processing'\r\n    }\r\n    return item\r\n  }\r\n  executor = async (item: IProcessItem) => {\r\n    await this.props.UploadExecutor(item, (value) => {\r\n      item.Value = value\r\n      this.updateItems()\r\n    })\r\n    item.Status = 'Completed'\r\n    this.updateItems()\r\n  }\r\n  uploadComplete = (item: IProcessItem) => {\r\n    item.Status = 'Completed'\r\n    this.updateItems()\r\n  }\r\n  uploadError: any = (data: [IProcessItem, Error]) => {\r\n    data[0].Status = 'Error'\r\n    this.updateItems()\r\n  }\r\n  onItemClose = (item: IProcessItem) => {\r\n    item.Signal?.abort()\r\n    const index = this.items.findIndex((x) => x === item)\r\n    this.items.splice(index, 1)\r\n    this.updateItems()\r\n    this._monitor.start()\r\n  }\r\n  onItemRetry = (item: IProcessItem) => {\r\n    item.Status = 'Pending'\r\n    this.updateItems()\r\n    this._monitor.start()\r\n  }\r\n  onRetryAll = () => {\r\n    this.items.filter((x) => x.Status === 'Error').forEach((x) => (x.Status = 'Pending'))\r\n    this.updateItems()\r\n    this._monitor.start()\r\n  }\r\n  _timer = new Date()\r\n  updateItems = () => {\r\n    // const tmp = new Date()\r\n    // var diff = (tmp.getTime() - this._timer.getTime()) as number;\r\n    // this._timer = tmp\r\n    // if (diff < 500) return\r\n    this.forceUpdate()\r\n  }\r\n  getErrors = () => this.items.filter((x) => x.Status === 'Error')\r\n  getComplete = () => this.items.filter((x) => x.Status === 'Completed')\r\n\r\n  // setState = <K extends keyof IUploadLayoutState>(state: Pick<IUploadLayoutState, K> | IUploadLayoutState, callback?: () => void) => {\r\n  //     if (this.isUnmounted) return\r\n  //     super.setState(state, callback)\r\n  // }\r\n\r\n  isCompleted = () => {\r\n    return !this.items.some((x) => x.Status === 'Pending' || x.Status === 'Processing')\r\n  }\r\n  Close = () => {\r\n    this.items.forEach((x) => x.Signal?.abort())\r\n    this.items = []\r\n    this.setState({ open: false, showComfirm: false })\r\n  }\r\n  CheckClose: React.MouseEventHandler<HTMLButtonElement> = (e) => {\r\n    e.stopPropagation()\r\n    e.preventDefault()\r\n    if (!this.isCompleted()) {\r\n      this.refUploadStatus.current?.UnCollapse()\r\n      this.setState({ showComfirm: true })\r\n      return\r\n    }\r\n    this.props.onClose && this.props.onClose(true)\r\n    this.Close()\r\n  }\r\n  Show = () => {\r\n    this.setState({ open: true })\r\n  }\r\n  closeComfirm = () => {\r\n    this.setState({ showComfirm: false })\r\n  }\r\n  componentDidMount(): void {}\r\n  renderUploadContent = () => {\r\n    return (\r\n      <Box sx={{ width: '100%', height: '100%', display: 'flex' }}>\r\n        <UploadStatus ref={this.refUploadStatus} ContentHeight={this.props.ContentHeight} onUploadClose={this.CheckClose} />\r\n        <Box\r\n          sx={{\r\n            position: 'absolute',\r\n            top: 0,\r\n            right: 0,\r\n            bottom: 0,\r\n            left: 0,\r\n            background: '#00000045',\r\n            borderRadius: '5px',\r\n            display: this.state.showComfirm ? 'flex' : 'none',\r\n            justifyContent: 'center',\r\n            alignItems: 'center',\r\n            padding: '20px',\r\n          }}\r\n        >\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              background: 'white',\r\n              borderRadius: '10px',\r\n              padding: '10px',\r\n              flexDirection: 'column',\r\n            }}\r\n          >\r\n            <Typography>There are files that have not been uploaded and they will not be uploaded!</Typography>\r\n            <Box>\r\n              <Button\r\n                sx={{ marginRight: '10px' }}\r\n                variant=\"contained\"\r\n                onClick={() => {\r\n                  this.Close()\r\n                  this.props.onClose && this.props.onClose(false)\r\n                }}\r\n              >\r\n                Yes\r\n              </Button>\r\n              <Button variant=\"outlined\" onClick={this.closeComfirm}>\r\n                No\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    )\r\n  }\r\n  refUploadStatus = React.createRef<UploadStatus>()\r\n  render() {\r\n    return (\r\n      <UploadLayoutContext.Provider value={this}>\r\n        {this.props.children}\r\n        {this.props.inline !== true ? (\r\n          <Box\r\n            sx={{\r\n              display: this.state.open ? 'flex' : 'none',\r\n              justifyContent: this.props.Horizontal,\r\n              alignItems: this.props.Vertical,\r\n              position: 'fixed',\r\n              zIndex: 1000,\r\n              width: this.props.ContentWidth,\r\n              top: this.props.Vertical === 'start' ? 0 : undefined,\r\n              bottom: this.props.Vertical === 'end' ? 0 : undefined,\r\n              left: this.props.Horizontal === 'start' ? 0 : undefined,\r\n              right: this.props.Horizontal === 'end' ? 0 : undefined,\r\n            }}\r\n          >\r\n            {this.state.open ? this.renderUploadContent() : <></>}\r\n          </Box>\r\n        ) : (\r\n          <></>\r\n        )}\r\n      </UploadLayoutContext.Provider>\r\n    )\r\n  }\r\n}\r\n"],"names":["Sleep","sec","Promise","res","setTimeout","UploadLayoutContext","React","createContext","UploadLayout","_PureComponent","props","_this","_classCallCheck","_callSuper","_defineProperty","items","_this$items","push","apply","_toConsumableArray","_monitor","start","item","filter","x","Status","_ref","_asyncToGenerator","_regenerator","m","_callee","w","_context","n","UploadExecutor","value","Value","updateItems","a","_x","arguments","data","_item$Signal","Signal","abort","index","findIndex","splice","forEach","Date","forceUpdate","some","_x$Signal","setState","open","showComfirm","e","stopPropagation","preventDefault","isCompleted","_this$refUploadStatus","refUploadStatus","current","UnCollapse","onClose","Close","_jsxs","Box","sx","width","height","display","children","_jsx","UploadStatus","ref","ContentHeight","onUploadClose","CheckClose","position","top","right","bottom","left","background","borderRadius","state","justifyContent","alignItems","padding","flexDirection","Typography","Button","marginRight","variant","onClick","closeComfirm","createRef","UploadMonitor","executor","getItem","addEventListen","uploadError","uploadComplete","_inherits","_createClass","key","componentWillUnmount","isUnmounted","events","removeAllListeners","_x$Signal2","componentDidMount","render","Provider","inline","Horizontal","Vertical","zIndex","ContentWidth","undefined","renderUploadContent","_Fragment","PureComponent"],"mappings":"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"}

package/Components/UploadLayout/types.d.ts

@@ -0,0 +1,10 @@
+export type ProcessitemStatus = 'Pending' | 'Completed' | 'Error' | 'Processing';
+export interface IProcessItem {
+    Id: number;
+    File: File;
+    Name: string;
+    Status: ProcessitemStatus;
+    Value?: number;
+    Signal?: AbortController;
+    AlbumId: string;
+}

package/Components/UploadLayout/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/Components/UploadLayout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}