zmdms-webui 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/es/applayoutheader/appLayoutHeader.d.ts +2 -0
  2. package/dist/es/applayoutheader/appLayoutHeader.js +2 -2
  3. package/dist/es/applayoutheader/setting/fullCom.js +15 -0
  4. package/dist/es/applayoutheader/setting/index.js +7 -3
  5. package/dist/es/applayoutheader/setting/userInfo.js +32 -0
  6. package/dist/es/config/commonHooks.js +43 -1
  7. package/dist/es/form/detaultDom.js +1 -1
  8. package/dist/es/formitem/formItem.d.ts +1 -0
  9. package/dist/es/formitem/formItem.js +4 -21
  10. package/dist/es/modal/interface.d.ts +2 -1
  11. package/dist/es/modal/modal.js +66 -34
  12. package/dist/es/modal/utils.js +7 -0
  13. package/dist/es/node_modules/@ant-design/icons/es/icons/ArrowsAltOutlined.js +15 -0
  14. package/dist/es/node_modules/@ant-design/icons/es/icons/LogoutOutlined.js +15 -0
  15. package/dist/es/node_modules/@ant-design/icons/es/icons/ShrinkOutlined.js +15 -0
  16. package/dist/es/node_modules/@ant-design/icons/es/icons/UnlockOutlined.js +15 -0
  17. package/dist/es/node_modules/@ant-design/icons/es/icons/UserOutlined.js +15 -0
  18. package/dist/es/node_modules/@ant-design/icons-svg/es/asn/ArrowsAltOutlined.js +5 -0
  19. package/dist/es/node_modules/@ant-design/icons-svg/es/asn/LogoutOutlined.js +5 -0
  20. package/dist/es/node_modules/@ant-design/icons-svg/es/asn/ShrinkOutlined.js +5 -0
  21. package/dist/es/node_modules/@ant-design/icons-svg/es/asn/UnlockOutlined.js +5 -0
  22. package/dist/es/node_modules/@ant-design/icons-svg/es/asn/UserOutlined.js +5 -0
  23. package/dist/es/node_modules/screenfull/index.js +162 -0
  24. package/dist/index.dark.css +1 -1
  25. package/dist/index.default.css +1 -1
  26. package/dist/index.umd.js +2 -2
  27. package/package.json +2 -1
@@ -5,6 +5,8 @@ interface IProps {
5
5
  activeTab?: any;
6
6
  deleteTab?: any;
7
7
  setActiveTab?: any;
8
+ userInfo?: any;
9
+ logout?: () => void;
8
10
  }
9
11
  declare const _default: React__default.NamedExoticComponent<IProps>;
10
12
 
@@ -6,9 +6,9 @@ import SettingCom from './setting/index.js';
6
6
  import { Layout } from 'antd';
7
7
 
8
8
  var AppLayoutHeader = function (_a) {
9
- var tabs = _a.tabs, activeTab = _a.activeTab, deleteTab = _a.deleteTab, setActiveTab = _a.setActiveTab;
9
+ var tabs = _a.tabs, activeTab = _a.activeTab, deleteTab = _a.deleteTab, setActiveTab = _a.setActiveTab, userInfo = _a.userInfo, logout = _a.logout;
10
10
  // console.log("layout-header- rerender");
11
- return (jsxs(Layout.Header, __assign({ className: "zmdms-content--header" }, { children: [jsx(TabsCom, { tabs: tabs, activeTab: activeTab, deleteTab: deleteTab, setActiveTab: setActiveTab }), jsx(SettingCom, {})] })));
11
+ return (jsxs(Layout.Header, __assign({ className: "zmdms-content--header" }, { children: [jsx(TabsCom, { tabs: tabs, activeTab: activeTab, deleteTab: deleteTab, setActiveTab: setActiveTab }), jsx(SettingCom, { userInfo: userInfo, logout: logout })] })));
12
12
  };
13
13
  AppLayoutHeader.displayName = "ZTXK_WEBUI_AppLayoutHeader";
14
14
  var AppLayoutHeader$1 = memo(AppLayoutHeader);
@@ -0,0 +1,15 @@
1
+ import { __assign } from '../../_virtual/_tslib.js';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { memo, useRef } from 'react';
4
+ import { useScreenFull } from '../../config/commonHooks.js';
5
+ import ShrinkOutlined from '../../node_modules/@ant-design/icons/es/icons/ShrinkOutlined.js';
6
+ import ArrowsAltOutlined from '../../node_modules/@ant-design/icons/es/icons/ArrowsAltOutlined.js';
7
+
8
+ var FullCom = function () {
9
+ var fullscreenRef = useRef(null);
10
+ var isFull = useScreenFull(fullscreenRef);
11
+ return (jsx("div", __assign({ className: "full-screen", ref: fullscreenRef, title: isFull ? "退出全屏" : "全屏" }, { children: isFull ? jsx(ShrinkOutlined, {}) : jsx(ArrowsAltOutlined, {}) })));
12
+ };
13
+ var FullCom$1 = memo(FullCom);
14
+
15
+ export { FullCom$1 as default };
@@ -1,7 +1,11 @@
1
- import { jsx } from 'react/jsx-runtime';
1
+ import { __assign } from '../../_virtual/_tslib.js';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import FullCom from './fullCom.js';
4
+ import UserInfo from './userInfo.js';
2
5
 
3
- var SettingCom = function () {
4
- return jsx("div", { children: "SettingCom" });
6
+ var SettingCom = function (_a) {
7
+ var userInfo = _a.userInfo, logout = _a.logout;
8
+ return (jsxs("div", __assign({ className: "zmdms-content--header-info" }, { children: [jsx(FullCom, {}), jsx(UserInfo, { userInfo: userInfo, logout: logout })] })));
5
9
  };
6
10
 
7
11
  export { SettingCom as default };
@@ -0,0 +1,32 @@
1
+ import { __assign } from '../../_virtual/_tslib.js';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import UserOutlined from '../../node_modules/@ant-design/icons/es/icons/UserOutlined.js';
4
+ import UnlockOutlined from '../../node_modules/@ant-design/icons/es/icons/UnlockOutlined.js';
5
+ import LogoutOutlined from '../../node_modules/@ant-design/icons/es/icons/LogoutOutlined.js';
6
+ import { Dropdown } from 'antd';
7
+
8
+ var UserInfo = function (_a) {
9
+ var userInfo = _a.userInfo, logout = _a.logout;
10
+ var items = [
11
+ {
12
+ label: (jsxs("div", { children: [jsx(UserOutlined, { style: { marginRight: 5 } }), " \u8D26\u53F7\u4FE1\u606F"] })),
13
+ key: "info",
14
+ },
15
+ {
16
+ label: (jsxs("div", { children: [jsx(UnlockOutlined, { style: { marginRight: 5 } }), " \u4FEE\u6539\u5BC6\u7801"] })),
17
+ key: "password",
18
+ },
19
+ {
20
+ type: "divider",
21
+ },
22
+ {
23
+ label: (jsxs("div", __assign({ onClick: function () {
24
+ logout && logout();
25
+ } }, { children: [jsx(LogoutOutlined, { style: { marginRight: 5 } }), " \u9000\u51FA\u7CFB\u7EDF"] }))),
26
+ key: "logout",
27
+ },
28
+ ];
29
+ return (jsx(Dropdown, __assign({ menu: { items: items }, placement: "bottomLeft" }, { children: jsxs("div", __assign({ className: "user-operation" }, { children: [jsx(UserOutlined, {}), jsx("span", { children: userInfo === null || userInfo === void 0 ? void 0 : userInfo.real_name })] })) })));
30
+ };
31
+
32
+ export { UserInfo as default };
@@ -1,4 +1,5 @@
1
1
  import { useState, useEffect } from 'react';
2
+ import screenfull from '../node_modules/screenfull/index.js';
2
3
 
3
4
  // 计时器
4
5
  function useTimer(loading) {
@@ -22,6 +23,47 @@ function useTimer(loading) {
22
23
  return {
23
24
  countTimer: countTimer,
24
25
  };
26
+ }
27
+ /**
28
+ * @description 全屏自定义hook
29
+ * @param toggleRef 需要点击的触发全屏的元素
30
+ * @param elementRef 需要放大的元素,如果不传 默认放大html
31
+ */
32
+ function useScreenFull(toggleRef, elementRef) {
33
+ var _a = useState(false), isFull = _a[0], setIsFull = _a[1];
34
+ useEffect(function () {
35
+ if (toggleRef.current) {
36
+ var htmlRef_1 = toggleRef.current;
37
+ var callback_1 = function () {
38
+ if (screenfull.isEnabled) {
39
+ var realScreenFull = screenfull;
40
+ if (elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) {
41
+ realScreenFull.toggle(elementRef.current);
42
+ }
43
+ else {
44
+ realScreenFull.toggle();
45
+ }
46
+ }
47
+ };
48
+ htmlRef_1.addEventListener("click", callback_1);
49
+ return function () {
50
+ htmlRef_1.removeEventListener("click", callback_1);
51
+ };
52
+ }
53
+ }, [toggleRef, elementRef]);
54
+ useEffect(function () {
55
+ if (screenfull.isEnabled) {
56
+ var realScreenFull_1 = screenfull;
57
+ var callback_2 = function () {
58
+ realScreenFull_1.isFullscreen ? setIsFull(true) : setIsFull(false);
59
+ };
60
+ realScreenFull_1.on("change", callback_2);
61
+ return function () {
62
+ realScreenFull_1.off("change", callback_2);
63
+ };
64
+ }
65
+ }, []);
66
+ return isFull;
25
67
  }
26
68
 
27
- export { useTimer };
69
+ export { useScreenFull, useTimer };
@@ -4,7 +4,7 @@ import { memo } from 'react';
4
4
 
5
5
  var DefaultDom = function (_a) {
6
6
  var children = _a.children, value = _a.value;
7
- return (jsx("div", __assign({ className: "ztxk-form--detault-dom" }, { children: children ? children : value })));
7
+ return (jsx("div", __assign({ className: "ztxk-form--detault-dom" }, { children: children ? children : value ? value : "— —" })));
8
8
  };
9
9
  var DefaultDom$1 = memo(DefaultDom);
10
10
 
@@ -6,6 +6,7 @@ interface IFormItem extends FormItemProps {
6
6
  isDisplay?: boolean | string;
7
7
  isRequired?: boolean | string;
8
8
  isChangeable?: boolean | string;
9
+ isStress?: boolean;
9
10
  preNode?: React__default.ReactNode;
10
11
  nextNode?: React__default.ReactNode;
11
12
  dynamicDisabled?: boolean;
@@ -9,7 +9,7 @@ import { Col } from 'antd';
9
9
 
10
10
  var FormItem = function (props) {
11
11
  var _a;
12
- var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; var resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState"]);
12
+ var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, isStress = props.isStress, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; var resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "isStress", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState"]);
13
13
  var form = MemoForm.useFormInstance();
14
14
  // 根据配置属性,判断是否渲染表单项
15
15
  // 是否显示表单项
@@ -54,7 +54,8 @@ var FormItem = function (props) {
54
54
  "ztxk-form__item--disabled": itemProps.disabled,
55
55
  "ztxk-form__item--hidden-border": hiddenBorder,
56
56
  "ztxk-form__item--hidden-label": hiddenLabel,
57
- "pro-form__item--single-show-border": singleSelectShowBorder,
57
+ "ztxk-form__item--single-show-border": singleSelectShowBorder,
58
+ "ztxk-form__item--stress": isStress,
58
59
  });
59
60
  if (dependencies) {
60
61
  return (jsxs(ItemWrap, __assign({ width: width, className: className }, { children: [preNode ? preNode : null, jsx(MemoForm.Item, __assign({ dependencies: dependencies, noStyle: true }, { children: function (formInstance) {
@@ -85,20 +86,6 @@ var FormItem = function (props) {
85
86
  }
86
87
  return (jsxs(ItemWrap, __assign({ width: width, className: className }, { children: [preNode ? preNode : null, jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render ? render(itemProps, form) : children })), nextNode ? nextNode : null] })));
87
88
  };
88
- // function getWidthStr(width: IWidth | undefined) {
89
- // switch (width) {
90
- // case "half":
91
- // return "16.66%";
92
- // case "all":
93
- // return "100%";
94
- // case "double":
95
- // return "66.66%";
96
- // case "halfAll":
97
- // return "50%";
98
- // default:
99
- // return "33.33%";
100
- // }
101
- // }
102
89
  function getWidthNum(width) {
103
90
  if (typeof width === "number") {
104
91
  return width;
@@ -119,11 +106,7 @@ function getWidthNum(width) {
119
106
  function ItemWrap(props) {
120
107
  var className = props.className, children = props.children, width = props.width;
121
108
  var itemClasses = classNames("ztxk-form__item--wrap", className);
122
- return (jsx(Col, __assign({ className: itemClasses,
123
- // style={{
124
- // width: getWidthStr(width),
125
- // }}
126
- span: getWidthNum(width) }, { children: children })));
109
+ return (jsx(Col, __assign({ className: itemClasses, span: getWidthNum(width) }, { children: children })));
127
110
  }
128
111
  FormItem.displayName = "ZTXK_WEBUI_FormItem";
129
112
  // export default FormItem;
@@ -20,12 +20,13 @@ interface IConfirmPreResult {
20
20
  confirmMsg?: string;
21
21
  confirmOkText?: string;
22
22
  }
23
- interface IModalProps extends ModalProps {
23
+ interface IModalProps extends Omit<ModalProps, "onOk"> {
24
24
  defaultOpen?: boolean;
25
25
  defaultTitle?: string;
26
26
  defaultConfirmMsg?: string;
27
27
  defaultConfirmOkText?: string;
28
28
  defaultType?: string;
29
+ onOk?: (type?: string) => Promise<any>;
29
30
  confirmPreHandle?: (type?: string) => IConfirmPreResult;
30
31
  confirmOnOk?: (type?: string) => Promise<any>;
31
32
  }
@@ -1,21 +1,80 @@
1
- import { __rest, __assign } from '../_virtual/_tslib.js';
1
+ import { __rest, __awaiter, __assign, __generator } from '../_virtual/_tslib.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef, useState, useCallback, useImperativeHandle } from 'react';
4
4
  import { Modal as Modal$1 } from 'antd';
5
5
  import classNames from '../node_modules/classnames/index.js';
6
+ import { setCancelBtnProps } from './utils.js';
6
7
 
7
8
  var Modal = function (_a, ref) {
8
- var className = _a.className, defaultOpen = _a.defaultOpen, defaultTitle = _a.defaultTitle, defaultConfirmMsg = _a.defaultConfirmMsg, defaultConfirmOkText = _a.defaultConfirmOkText, defaultType = _a.defaultType, confirmPreHandle = _a.confirmPreHandle, confirmOnOk = _a.confirmOnOk, resetProps = __rest(_a, ["className", "defaultOpen", "defaultTitle", "defaultConfirmMsg", "defaultConfirmOkText", "defaultType", "confirmPreHandle", "confirmOnOk"]);
9
+ var className = _a.className, defaultOpen = _a.defaultOpen, defaultTitle = _a.defaultTitle, defaultConfirmMsg = _a.defaultConfirmMsg, defaultConfirmOkText = _a.defaultConfirmOkText, defaultType = _a.defaultType, confirmPreHandle = _a.confirmPreHandle, confirmOnOk = _a.confirmOnOk, onOk = _a.onOk, footer = _a.footer, resetProps = __rest(_a, ["className", "defaultOpen", "defaultTitle", "defaultConfirmMsg", "defaultConfirmOkText", "defaultType", "confirmPreHandle", "confirmOnOk", "onOk", "footer"]);
9
10
  var classes = classNames("ztxk-modal", className);
11
+ // 模态框基本属性
10
12
  var _b = useState(defaultOpen), open = _b[0], setOpen = _b[1];
11
13
  var _c = useState(defaultTitle), title = _c[0], setTitle = _c[1];
12
- var _d = useState(false), isConfirm = _d[0], setIsConfirm = _d[1];
13
- var _e = useState(defaultConfirmMsg), confirmMsg = _e[0], setConfirmMsg = _e[1];
14
- var _f = useState(defaultConfirmOkText), confirmOkText = _f[0], setConfirmOkText = _f[1];
15
- var _g = useState(defaultType), type = _g[0], setType = _g[1];
14
+ var _d = useState(), loading = _d[0], setLoading = _d[1];
15
+ // 二次确认框相关配置
16
+ var _e = useState(false), isConfirm = _e[0], setIsConfirm = _e[1];
17
+ var _f = useState(defaultConfirmMsg), confirmMsg = _f[0], setConfirmMsg = _f[1];
18
+ var _g = useState(defaultConfirmOkText), confirmOkText = _g[0], setConfirmOkText = _g[1];
19
+ // 模态框类型
20
+ var _h = useState(defaultType), type = _h[0], setType = _h[1];
16
21
  var close = useCallback(function () {
17
22
  setOpen(false);
18
23
  }, []);
24
+ // 确认事件
25
+ var onOkHandle = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
26
+ var options, modalConfirm_1;
27
+ return __generator(this, function (_a) {
28
+ if (isConfirm) {
29
+ options = confirmPreHandle && confirmPreHandle(type);
30
+ modalConfirm_1 = Modal$1.confirm({
31
+ title: (options === null || options === void 0 ? void 0 : options.confirmMsg) ? options.confirmMsg : confirmMsg,
32
+ okText: (options === null || options === void 0 ? void 0 : options.confirmOkText)
33
+ ? options.confirmOkText
34
+ : confirmOkText
35
+ ? confirmOkText
36
+ : "确认保存",
37
+ keyboard: false,
38
+ maskClosable: false,
39
+ onOk: confirmOnOk
40
+ ? function () {
41
+ setCancelBtnProps(modalConfirm_1, { loading: true });
42
+ return confirmOnOk(type)
43
+ .then(function () {
44
+ setCancelBtnProps(modalConfirm_1, { loading: false });
45
+ setOpen(false);
46
+ })
47
+ .catch(function (err) {
48
+ setCancelBtnProps(modalConfirm_1, { loading: false });
49
+ });
50
+ }
51
+ : undefined,
52
+ });
53
+ }
54
+ else {
55
+ if (onOk) {
56
+ setLoading(true);
57
+ onOk(type)
58
+ .then(function () {
59
+ setLoading(false);
60
+ setOpen(false);
61
+ })
62
+ .catch(function (err) {
63
+ setLoading(false);
64
+ });
65
+ }
66
+ }
67
+ return [2 /*return*/];
68
+ });
69
+ }); }, [
70
+ isConfirm,
71
+ confirmPreHandle,
72
+ confirmMsg,
73
+ confirmOkText,
74
+ confirmOnOk,
75
+ type,
76
+ onOk,
77
+ ]);
19
78
  useImperativeHandle(ref, function () {
20
79
  return {
21
80
  open: function (options) {
@@ -45,34 +104,7 @@ var Modal = function (_a, ref) {
45
104
  setConfirmMsg: setConfirmOkText,
46
105
  };
47
106
  });
48
- var onOkHandle = useCallback(function () {
49
- if (isConfirm) {
50
- var options = confirmPreHandle && confirmPreHandle(type);
51
- Modal$1.confirm({
52
- title: (options === null || options === void 0 ? void 0 : options.confirmMsg) ? options.confirmMsg : confirmMsg,
53
- okText: (options === null || options === void 0 ? void 0 : options.confirmOkText)
54
- ? options.confirmOkText
55
- : confirmOkText
56
- ? confirmOkText
57
- : "确认保存",
58
- onOk: confirmOnOk
59
- ? function () {
60
- return confirmOnOk(type).then(function () {
61
- setOpen(false);
62
- });
63
- }
64
- : undefined,
65
- });
66
- }
67
- }, [
68
- isConfirm,
69
- confirmPreHandle,
70
- confirmMsg,
71
- confirmOkText,
72
- confirmOnOk,
73
- type,
74
- ]);
75
- return (jsx(Modal$1, __assign({ open: open, onCancel: close, className: classes, okText: "\u4FDD\u5B58", onOk: onOkHandle, width: "70%", title: title }, resetProps)));
107
+ return (jsx(Modal$1, __assign({ open: open, onCancel: close, className: classes, okText: "\u4FDD\u5B58", onOk: footer ? undefined : onOkHandle, width: "70%", title: title, keyboard: false, maskClosable: false, confirmLoading: loading, cancelButtonProps: { loading: loading }, footer: footer }, resetProps)));
76
108
  };
77
109
  var ModalComponent = forwardRef(Modal);
78
110
  ModalComponent.displayName = "ZTXK_WEBUI_ModalComponent";
@@ -0,0 +1,7 @@
1
+ import { __assign } from '../_virtual/_tslib.js';
2
+
3
+ function setCancelBtnProps(modal, props) {
4
+ modal.update(function (prevConfig) { return (__assign(__assign({}, prevConfig), { cancelButtonProps: __assign(__assign({}, (prevConfig.cancelButtonProps || {})), props) })); });
5
+ }
6
+
7
+ export { setCancelBtnProps };
@@ -0,0 +1,15 @@
1
+ import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
2
+ import * as React from 'react';
3
+ import ArrowsAltOutlinedSvg from '../../../icons-svg/es/asn/ArrowsAltOutlined.js';
4
+ import AntdIcon from '../components/AntdIcon.js';
5
+
6
+ var ArrowsAltOutlined = function ArrowsAltOutlined(props, ref) {
7
+ return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
8
+ ref: ref,
9
+ icon: ArrowsAltOutlinedSvg
10
+ }));
11
+ };
12
+ ArrowsAltOutlined.displayName = 'ArrowsAltOutlined';
13
+ var ArrowsAltOutlined$1 = /*#__PURE__*/React.forwardRef(ArrowsAltOutlined);
14
+
15
+ export { ArrowsAltOutlined$1 as default };
@@ -0,0 +1,15 @@
1
+ import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
2
+ import * as React from 'react';
3
+ import LogoutOutlinedSvg from '../../../icons-svg/es/asn/LogoutOutlined.js';
4
+ import AntdIcon from '../components/AntdIcon.js';
5
+
6
+ var LogoutOutlined = function LogoutOutlined(props, ref) {
7
+ return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
8
+ ref: ref,
9
+ icon: LogoutOutlinedSvg
10
+ }));
11
+ };
12
+ LogoutOutlined.displayName = 'LogoutOutlined';
13
+ var LogoutOutlined$1 = /*#__PURE__*/React.forwardRef(LogoutOutlined);
14
+
15
+ export { LogoutOutlined$1 as default };
@@ -0,0 +1,15 @@
1
+ import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
2
+ import * as React from 'react';
3
+ import ShrinkOutlinedSvg from '../../../icons-svg/es/asn/ShrinkOutlined.js';
4
+ import AntdIcon from '../components/AntdIcon.js';
5
+
6
+ var ShrinkOutlined = function ShrinkOutlined(props, ref) {
7
+ return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
8
+ ref: ref,
9
+ icon: ShrinkOutlinedSvg
10
+ }));
11
+ };
12
+ ShrinkOutlined.displayName = 'ShrinkOutlined';
13
+ var ShrinkOutlined$1 = /*#__PURE__*/React.forwardRef(ShrinkOutlined);
14
+
15
+ export { ShrinkOutlined$1 as default };
@@ -0,0 +1,15 @@
1
+ import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
2
+ import * as React from 'react';
3
+ import UnlockOutlinedSvg from '../../../icons-svg/es/asn/UnlockOutlined.js';
4
+ import AntdIcon from '../components/AntdIcon.js';
5
+
6
+ var UnlockOutlined = function UnlockOutlined(props, ref) {
7
+ return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
8
+ ref: ref,
9
+ icon: UnlockOutlinedSvg
10
+ }));
11
+ };
12
+ UnlockOutlined.displayName = 'UnlockOutlined';
13
+ var UnlockOutlined$1 = /*#__PURE__*/React.forwardRef(UnlockOutlined);
14
+
15
+ export { UnlockOutlined$1 as default };
@@ -0,0 +1,15 @@
1
+ import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
2
+ import * as React from 'react';
3
+ import UserOutlinedSvg from '../../../icons-svg/es/asn/UserOutlined.js';
4
+ import AntdIcon from '../components/AntdIcon.js';
5
+
6
+ var UserOutlined = function UserOutlined(props, ref) {
7
+ return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
8
+ ref: ref,
9
+ icon: UserOutlinedSvg
10
+ }));
11
+ };
12
+ UserOutlined.displayName = 'UserOutlined';
13
+ var UserOutlined$1 = /*#__PURE__*/React.forwardRef(UserOutlined);
14
+
15
+ export { UserOutlined$1 as default };
@@ -0,0 +1,5 @@
1
+ // This icon file is generated automatically.
2
+ var ArrowsAltOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 000 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0013.5-4.7L863.9 169a7.9 7.9 0 00-8.9-8.9zM416.6 562.3a8.03 8.03 0 00-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 00-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z" } }] }, "name": "arrows-alt", "theme": "outlined" };
3
+ var ArrowsAltOutlinedSvg = ArrowsAltOutlined;
4
+
5
+ export { ArrowsAltOutlinedSvg as default };
@@ -0,0 +1,5 @@
1
+ // This icon file is generated automatically.
2
+ var LogoutOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8-7 8.5-14.5 16.7-22.4 24.5a353.84 353.84 0 01-112.7 75.9A352.8 352.8 0 01512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.84 353.84 0 01-112.7-75.9 353.28 353.28 0 01-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 7.9 7.9 15.3 16.1 22.4 24.5 3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82 271.7 82.6 79.6 277.1 82 516.4 84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7 3.4-5.3-.4-12.3-6.7-12.3zm88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 000-12.6z" } }] }, "name": "logout", "theme": "outlined" };
3
+ var LogoutOutlinedSvg = LogoutOutlined;
4
+
5
+ export { LogoutOutlinedSvg as default };
@@ -0,0 +1,5 @@
1
+ // This icon file is generated automatically.
2
+ var ShrinkOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M881.7 187.4l-45.1-45.1a8.03 8.03 0 00-11.3 0L667.8 299.9l-54.7-54.7a7.94 7.94 0 00-13.5 4.7L576.1 439c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 157.6-157.6c3-3 3-8.1-.1-11.2zM439 576.1l-189.2 23.5c-6.6.8-9.3 8.9-4.7 13.5l54.7 54.7-157.5 157.5a8.03 8.03 0 000 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l157.6-157.6 54.7 54.7a7.94 7.94 0 0013.5-4.7L447.9 585a7.9 7.9 0 00-8.9-8.9z" } }] }, "name": "shrink", "theme": "outlined" };
3
+ var ShrinkOutlinedSvg = ShrinkOutlined;
4
+
5
+ export { ShrinkOutlinedSvg as default };
@@ -0,0 +1,5 @@
1
+ // This icon file is generated automatically.
2
+ var UnlockOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zm-40 376H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z" } }] }, "name": "unlock", "theme": "outlined" };
3
+ var UnlockOutlinedSvg = UnlockOutlined;
4
+
5
+ export { UnlockOutlinedSvg as default };
@@ -0,0 +1,5 @@
1
+ // This icon file is generated automatically.
2
+ var UserOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z" } }] }, "name": "user", "theme": "outlined" };
3
+ var UserOutlinedSvg = UserOutlined;
4
+
5
+ export { UserOutlinedSvg as default };
@@ -0,0 +1,162 @@
1
+ /* eslint-disable promise/prefer-await-to-then */
2
+
3
+ const methodMap = [
4
+ [
5
+ 'requestFullscreen',
6
+ 'exitFullscreen',
7
+ 'fullscreenElement',
8
+ 'fullscreenEnabled',
9
+ 'fullscreenchange',
10
+ 'fullscreenerror',
11
+ ],
12
+ // New WebKit
13
+ [
14
+ 'webkitRequestFullscreen',
15
+ 'webkitExitFullscreen',
16
+ 'webkitFullscreenElement',
17
+ 'webkitFullscreenEnabled',
18
+ 'webkitfullscreenchange',
19
+ 'webkitfullscreenerror',
20
+
21
+ ],
22
+ // Old WebKit
23
+ [
24
+ 'webkitRequestFullScreen',
25
+ 'webkitCancelFullScreen',
26
+ 'webkitCurrentFullScreenElement',
27
+ 'webkitCancelFullScreen',
28
+ 'webkitfullscreenchange',
29
+ 'webkitfullscreenerror',
30
+
31
+ ],
32
+ [
33
+ 'mozRequestFullScreen',
34
+ 'mozCancelFullScreen',
35
+ 'mozFullScreenElement',
36
+ 'mozFullScreenEnabled',
37
+ 'mozfullscreenchange',
38
+ 'mozfullscreenerror',
39
+ ],
40
+ [
41
+ 'msRequestFullscreen',
42
+ 'msExitFullscreen',
43
+ 'msFullscreenElement',
44
+ 'msFullscreenEnabled',
45
+ 'MSFullscreenChange',
46
+ 'MSFullscreenError',
47
+ ],
48
+ ];
49
+
50
+ const nativeAPI = (() => {
51
+ if (typeof document === 'undefined') {
52
+ return false;
53
+ }
54
+
55
+ const unprefixedMethods = methodMap[0];
56
+ const returnValue = {};
57
+
58
+ for (const methodList of methodMap) {
59
+ const exitFullscreenMethod = methodList?.[1];
60
+ if (exitFullscreenMethod in document) {
61
+ for (const [index, method] of methodList.entries()) {
62
+ returnValue[unprefixedMethods[index]] = method;
63
+ }
64
+
65
+ return returnValue;
66
+ }
67
+ }
68
+
69
+ return false;
70
+ })();
71
+
72
+ const eventNameMap = {
73
+ change: nativeAPI.fullscreenchange,
74
+ error: nativeAPI.fullscreenerror,
75
+ };
76
+
77
+ // eslint-disable-next-line import/no-mutable-exports
78
+ let screenfull = {
79
+ // eslint-disable-next-line default-param-last
80
+ request(element = document.documentElement, options) {
81
+ return new Promise((resolve, reject) => {
82
+ const onFullScreenEntered = () => {
83
+ screenfull.off('change', onFullScreenEntered);
84
+ resolve();
85
+ };
86
+
87
+ screenfull.on('change', onFullScreenEntered);
88
+
89
+ const returnPromise = element[nativeAPI.requestFullscreen](options);
90
+
91
+ if (returnPromise instanceof Promise) {
92
+ returnPromise.then(onFullScreenEntered).catch(reject);
93
+ }
94
+ });
95
+ },
96
+ exit() {
97
+ return new Promise((resolve, reject) => {
98
+ if (!screenfull.isFullscreen) {
99
+ resolve();
100
+ return;
101
+ }
102
+
103
+ const onFullScreenExit = () => {
104
+ screenfull.off('change', onFullScreenExit);
105
+ resolve();
106
+ };
107
+
108
+ screenfull.on('change', onFullScreenExit);
109
+
110
+ const returnPromise = document[nativeAPI.exitFullscreen]();
111
+
112
+ if (returnPromise instanceof Promise) {
113
+ returnPromise.then(onFullScreenExit).catch(reject);
114
+ }
115
+ });
116
+ },
117
+ toggle(element, options) {
118
+ return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
119
+ },
120
+ onchange(callback) {
121
+ screenfull.on('change', callback);
122
+ },
123
+ onerror(callback) {
124
+ screenfull.on('error', callback);
125
+ },
126
+ on(event, callback) {
127
+ const eventName = eventNameMap[event];
128
+ if (eventName) {
129
+ document.addEventListener(eventName, callback, false);
130
+ }
131
+ },
132
+ off(event, callback) {
133
+ const eventName = eventNameMap[event];
134
+ if (eventName) {
135
+ document.removeEventListener(eventName, callback, false);
136
+ }
137
+ },
138
+ raw: nativeAPI,
139
+ };
140
+
141
+ Object.defineProperties(screenfull, {
142
+ isFullscreen: {
143
+ get: () => Boolean(document[nativeAPI.fullscreenElement]),
144
+ },
145
+ element: {
146
+ enumerable: true,
147
+ get: () => document[nativeAPI.fullscreenElement] ?? undefined,
148
+ },
149
+ isEnabled: {
150
+ enumerable: true,
151
+ // Coerce to boolean in case of old WebKit.
152
+ get: () => Boolean(document[nativeAPI.fullscreenEnabled]),
153
+ },
154
+ });
155
+
156
+ if (!nativeAPI) {
157
+ screenfull = {isEnabled: false};
158
+ }
159
+
160
+ var screenfull$1 = screenfull;
161
+
162
+ export { screenfull$1 as default };