@zgfe/modules-settings 1.0.1-a.0

package/dist/esm/modules/companySetting/style/common.less

@@ -0,0 +1,68 @@
+@import './../../../constants/styles/cleverUI.css';
+.setting {
+  height: 100%;
+  overflow-y: hidden;
+  font-size: 14px;
+  background: #eef0f3;
+  .disabled {
+    background: #ccc !important;
+    border-color: #ccc !important;
+    cursor: not-allowed;
+  }
+}
+
+.setting-content {
+  padding: 20px;
+  .setting-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    .icon-set,
+    .icon-company {
+      margin-right: 10px;
+    }
+    .app-name {
+      margin-left: 3px;
+      font-size: 14px;
+    }
+  }
+  .setting-body {
+    display: flex;
+    align-items: flex-start;
+    .setting-tab {
+      border-top: 1px solid #dadada;
+      li > a {
+        z-index: 1;
+        display: inline-block;
+        width: 200px;
+        min-height: 50px;
+        color: #858585;
+        font-size: 14px;
+        line-height: 50px;
+        text-align: left;
+        text-decoration: none;
+        text-indent: 40px;
+        background: #ffffff;
+        border: 1px solid #dadada;
+        border-top: none;
+        cursor: pointer;
+        &:hover {
+          color: #000;
+          font-weight: bold;
+        }
+      }
+      .router-link-active {
+        color: #000;
+        font-weight: bold;
+      }
+    }
+  }
+  .setting-component {
+    width: 914px;
+    height: calc(100vh - 130px);
+    min-height: 465px;
+    margin-left: 20px;
+    background: #fff;
+    border: 1px solid #dadada;
+  }
+}

package/dist/esm/modules/companySetting/user/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+declare const User: React.FC<{
+    id: number;
+    allGroupInfos: [];
+    groupHashList: {};
+    companyAppList: {};
+    leftMenus: [];
+    isMarsUi: Boolean;
+    removeUserCallback: Function;
+    dataAuth: {
+        appId: Number;
+    }[];
+    isAdmin: boolean;
+    isDemoAccount: boolean;
+    authConfig: {};
+    appList: [];
+    companyRealAppList: [];
+    zgText: String;
+    companyId: number;
+    delAppCallback: Function;
+    gotoAppSetting: Function;
+    gotoAppPanel: Function;
+    createAppCallback: Function;
+    changeUserAuthCallback: Function;
+    createMembersCallback: Function;
+    changeAdminCallback: Function;
+}>;
+export default User;

package/dist/esm/modules/companySetting/user/index.js

@@ -0,0 +1,548 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import "./index.less";
+import { Button, Input, notification, Popover, Tabs } from 'antd';
+import request from "./../../../utils/ajax";
+import api from "./../../../constants/api";
+import AuthConfigDetail from "./../userGroup/authConfigDetail";
+import CompanySettingUser from "./../edit/user";
+import Invite from "./invite";
+import { BizTable, BizDialog, BizSelect } from '@zgfe/business-lib';
+var TextArea = Input.TextArea,
+  Search = Input.Search;
+var splitString = function splitString(str) {
+  var len = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+  return str.length > len ? "".concat(str.substring(0, len), "...") : str;
+};
+var User = function User(props) {
+  var id = props.id,
+    allGroupInfos = props.allGroupInfos,
+    groupHashList = props.groupHashList,
+    companyAppList = props.companyAppList,
+    leftMenus = props.leftMenus,
+    isMarsUi = props.isMarsUi,
+    isAdmin = props.isAdmin,
+    removeUserCallback = props.removeUserCallback,
+    changeUserAuthCallback = props.changeUserAuthCallback,
+    createMembersCallback = props.createMembersCallback,
+    changeAdminCallback = props.changeAdminCallback;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    allMembers = _useState2[0],
+    setAllMembers = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    adminOptionList = _useState4[0],
+    setAdminOptionList = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    adminOptionValue = _useState6[0],
+    setAdminOptionValue = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filter = _useState8[0],
+    setFilter = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    userEditAuthState = _useState10[0],
+    setUserEditAuthState = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    userEditAuthData = _useState12[0],
+    setUserEditAuthData = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showPasswordPanel = _useState14[0],
+    setShowPasswordPanel = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    showDialog = _useState16[0],
+    setShowDialog = _useState16[1];
+  var _useState17 = useState(''),
+    _useState18 = _slicedToArray(_useState17, 2),
+    dialogTitle = _useState18[0],
+    setDialogTitle = _useState18[1];
+  var _useState19 = useState(''),
+    _useState20 = _slicedToArray(_useState19, 2),
+    dialogContent = _useState20[0],
+    setDialogContent = _useState20[1];
+  var _useState21 = useState(function () {
+      return function () {};
+    }),
+    _useState22 = _slicedToArray(_useState21, 2),
+    dialogConfirmFunc = _useState22[0],
+    setDialogConfirmFunc = _useState22[1];
+  var _useState23 = useState(''),
+    _useState24 = _slicedToArray(_useState23, 2),
+    pwdPanelAccount = _useState24[0],
+    setPwdPanelAccount = _useState24[1];
+  var _useState25 = useState(''),
+    _useState26 = _slicedToArray(_useState25, 2),
+    pwdPanelPassword = _useState26[0],
+    setPwdPanelPassword = _useState26[1];
+  var _useState27 = useState(),
+    _useState28 = _slicedToArray(_useState27, 2),
+    pwdPanelUserConfig = _useState28[0],
+    setPwdPanelUserConfig = _useState28[1];
+  var _useState29 = useState([]),
+    _useState30 = _slicedToArray(_useState29, 2),
+    showMembers = _useState30[0],
+    setShowMembers = _useState30[1];
+
+  // useEffect(() => {
+  // let groupHashList = {}
+  // for (let item of allGroupInfos) {
+  //   groupHashList[item.id] = { groupName: item.groupName }
+  // }
+  // }, [allGroupInfos]);
+
+  useEffect(function () {
+    request(api.setting.getGroupMembers, {
+      method: 'get'
+    }).then(function (res) {
+      if (res.flag === 101) {
+        setAllMembers(res.company_members);
+        setShowMembers(res.company_members.filter(function (member) {
+          if (!filter || new RegExp(filter.trim().toLowerCase()).test(member.email.toLowerCase()) || new RegExp(filter.trim().toLowerCase()).test(member.username.toLowerCase())) return true;
+          return false;
+        }));
+        setAdminOptionList(res.company_members.filter(function (item) {
+          return item.inv_status === 1 && item.id !== id;
+        }));
+      }
+      //  ????
+    }).catch(function (err) {
+      // todo ????
+    });
+  }, []);
+  useEffect(function () {
+    setShowMembers(allMembers.filter(function (member) {
+      if (!filter || new RegExp(filter.trim().toLowerCase()).test(member.email.toLowerCase()) || new RegExp(filter.trim().toLowerCase()).test(member.username.toLowerCase())) return true;
+      return false;
+    }));
+  }, [filter]);
+  var reworkGroups = function reworkGroups(data) {
+    var names = [];
+    var _iterator = _createForOfIteratorHelper(data.authConfig.groupIds),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _id = _step.value;
+        if (groupHashList[_id]) {
+          names.push(groupHashList[_id].groupName);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return names.length ? splitString(names.join('，')) : '-';
+  };
+  var getGroupNameById = function getGroupNameById(ids) {
+    var names = [];
+    var _iterator2 = _createForOfIteratorHelper(ids),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _id2 = _step2.value;
+        if (groupHashList[_id2]) {
+          names.push(groupHashList[_id2].groupName);
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return names.join(',');
+  };
+  var groupAuthConfig = function groupAuthConfig(ids) {
+    return allGroupInfos.filter(function (item) {
+      return ids.includes(item.id);
+    });
+  };
+  var showUserEditAuthEvent = function showUserEditAuthEvent(userData) {
+    setUserEditAuthState(true);
+    setUserEditAuthData(userData);
+  };
+
+  // const showMembers = () => {
+  //   return allMembers.filter(member => {
+  //     if (
+  //       !filter ||
+  //       new RegExp(filter.trim().toLowerCase()).test(
+  //         member.email.toLowerCase()
+  //       ) ||
+  //       new RegExp(filter.trim().toLowerCase()).test(
+  //         member.username.toLowerCase()
+  //       )
+  //     )
+  //       return true
+  //     return false
+  //   })
+  // }
+
+  var removeUser = function removeUser(userData) {
+    setShowPasswordPanel(false);
+    setShowDialog(true);
+    setDialogTitle('移除成员');
+    setDialogContent("\u786E\u8BA4\u8981\u4ECE\u516C\u53F8\u4E2D\u79FB\u9664\u6B64\u6210\u5458\uFF1F\u8BE5\u6210\u5458\u521B\u5EFA\u7684\u770B\u677F\u5C06\u81EA\u52A8\u79FB\u4EA4\u7ED9\u8D85\u7EA7\u7BA1\u7406\u5458");
+    setDialogConfirmFunc(function () {
+      return function () {
+        var params = {
+          user_id: userData.id,
+          isCancel: userData.inv_status !== 1,
+          invStatus: userData.inv_status
+        };
+        request(api.setting.removeMember, {
+          method: 'post',
+          data: params
+        }).then(function (res) {
+          if (res.flag === 101) {
+            notification.success({
+              message: '移除成功！'
+            });
+            var delIndex = allMembers.findIndex(function (item) {
+              return item.id === userData.id;
+            });
+            removeUserCallback(delIndex);
+            setShowDialog(false);
+          } else {
+            notification.error({
+              message: '删除成员失败'
+            });
+            throw new Error('删除成员接口返回错误');
+          }
+        }).catch(function (err) {
+          notification.error({
+            message: '删除成员失败'
+          });
+        });
+      };
+    });
+  };
+  var resetpwd = function resetpwd(userData) {
+    setShowDialog(true);
+    setDialogTitle('重置密码');
+    setDialogContent("\u786E\u8BA4\u8981\u91CD\u7F6E\u300C".concat(userData.email, "\u300D\u7684\u5BC6\u7801\u5417?"));
+    setDialogConfirmFunc(function () {
+      return function () {
+        request(api.setting.resetpwd, {
+          method: 'post',
+          data: {
+            email: userData.email
+          }
+        }).then(function (res) {
+          if (res.flag === 101) {
+            showPasswordPanelEvent({
+              account: res.email,
+              pwd: res.password
+            });
+          } else if (res.flag === -102) {
+            notification.error({
+              message: '重置密码失败,此已注册用户还未接受您的邀请!'
+            });
+          } else {
+            notification.error({
+              message: '重置密码失败'
+            });
+          }
+        });
+      };
+    });
+  };
+  var showPasswordPanelEvent = function showPasswordPanelEvent(userInfo) {
+    setShowDialog(false);
+    setShowPasswordPanel(true);
+    setPwdPanelAccount(userInfo.account);
+    setPwdPanelPassword(userInfo.pwd);
+    setPwdPanelUserConfig(userInfo.userConfig);
+  };
+  var closePwdPanel = function closePwdPanel() {
+    setShowPasswordPanel(false);
+    setPwdPanelAccount('');
+    setPwdPanelPassword('');
+    setPwdPanelUserConfig(null);
+  };
+  var copyTxt = function copyTxt() {
+    var textarea = document.createElement('textarea');
+    textarea.setAttribute('readonly', 'readonly');
+    textarea.value = "\u8D26\u53F7\uFF1A".concat(pwdPanelAccount, " \u5BC6\u7801\uFF1A").concat(pwdPanelPassword);
+    document.body.appendChild(textarea);
+    textarea.select();
+    if (document.execCommand('copy')) {
+      document.execCommand('copy');
+      notification.success({
+        message: '复制成功'
+      });
+    }
+    document.body.removeChild(textarea);
+    closePwdPanel();
+  };
+  var dialogCancelFunc = function dialogCancelFunc() {
+    setShowDialog(false);
+    setDialogTitle('');
+    setDialogContent('');
+    setDialogConfirmFunc(function () {
+      return function () {};
+    });
+  };
+  var changeAdmin = function changeAdmin() {
+    setShowDialog(true);
+    setDialogTitle('移交超级管理员');
+    setDialogContent("\u786E\u8BA4\u5C06\u8D85\u7EA7\u7BA1\u7406\u5458\u7ED9\u300C".concat(adminOptionValue.username, "\u300D\uFF1F"));
+    setDialogConfirmFunc(function () {
+      return function () {
+        request(api.setting.updateCompanyAdmin, {
+          method: 'post',
+          data: {
+            user_id: adminOptionValue.id
+          }
+        }).then(function (res) {
+          if (res.flag === 101) {
+            setShowDialog(false);
+            notification.success({
+              message: "\u5DF2\u7ECF\u79FB\u4EA4\u6743\u9650\u7ED9\u300C".concat(adminOptionValue.email, "\u300D,\u8BF7\u91CD\u65B0\u767B\u5F55")
+            });
+            changeAdminCallback && changeAdminCallback(adminOptionValue);
+          } else {
+            throw new Error('移交权限接口返回错误');
+          }
+        }).catch(function (error) {
+          notification.error({
+            message: '移交失败,请重试!'
+          });
+        });
+      };
+    });
+  };
+  var columns = [{
+    title: '账号',
+    dataIndex: 'email',
+    render: function render() {
+      var data = arguments.length <= 1 ? undefined : arguments[1];
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+        title: data.email
+      }, splitString(data.email, 20)));
+    }
+  }, {
+    title: '姓名',
+    dataIndex: 'username',
+    render: function render() {
+      var data = arguments.length <= 1 ? undefined : arguments[1];
+      return /*#__PURE__*/React.createElement("div", null, data.inv_status !== 1 ? /*#__PURE__*/React.createElement("span", null, "-") : /*#__PURE__*/React.createElement("span", {
+        title: data.username || data.email
+      }, splitString(data.username || data.email), data.id === id ? /*#__PURE__*/React.createElement("span", null, "\uFF08\u6211\uFF09") : null, data.is_admin ? /*#__PURE__*/React.createElement("span", {
+        className: "super-admin"
+      }, "\u8D85\u7EA7\u7BA1\u7406\u5458") : null));
+    }
+  }, {
+    title: '用户组',
+    dataIndex: 'groups',
+    render: function render() {
+      var data = arguments.length <= 1 ? undefined : arguments[1];
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+        content: function content() {
+          return /*#__PURE__*/React.createElement("span", null, getGroupNameById(data.authConfig.groupIds));
+        },
+        style: {
+          width: 255
+        },
+        trigger: "hover"
+      }, /*#__PURE__*/React.createElement("span", null, reworkGroups(data))));
+    }
+  }, {
+    title: '权限',
+    dataIndex: 'name',
+    render: function render() {
+      var data = arguments.length <= 1 ? undefined : arguments[1];
+      return /*#__PURE__*/React.createElement("div", {
+        className: "operating"
+      }, /*#__PURE__*/React.createElement(Popover, {
+        content: function content() {
+          return /*#__PURE__*/React.createElement(Tabs, {
+            defaultActiveKey: "1"
+          }, /*#__PURE__*/React.createElement(Tabs.TabPane, {
+            tab: "\u4E2A\u4EBA\u6743\u9650",
+            key: "1",
+            style: {
+              width: 300
+            }
+          }, /*#__PURE__*/React.createElement(AuthConfigDetail, {
+            authConfig: data.authConfig.defaultAuth,
+            companyAppList: companyAppList,
+            leftMenus: leftMenus,
+            isMarsUi: isMarsUi,
+            id: data.id,
+            type: 1
+          })), /*#__PURE__*/React.createElement(Tabs.TabPane, {
+            tab: "\u6240\u5C5E\u7528\u6237\u7EC4\u6743\u9650",
+            key: "2",
+            style: {
+              width: 300
+            }
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "group-auth-list"
+          }, groupAuthConfig(data.authConfig.groupIds).length ? /*#__PURE__*/React.createElement("div", null, groupAuthConfig(data.authConfig.groupIds).map(function (item) {
+            return /*#__PURE__*/React.createElement(AuthConfigDetail, {
+              key: item.id,
+              authConfig: item.authConfig,
+              leftMenus: leftMenus,
+              isMarsUi: isMarsUi,
+              companyAppList: companyAppList,
+              name: item.groupName,
+              id: data.id,
+              type: 3
+            });
+          })) : /*#__PURE__*/React.createElement(AuthConfigDetail, {
+            authConfig: {
+              dataAuth: [],
+              funAuth: []
+            },
+            leftMenus: leftMenus,
+            isMarsUi: isMarsUi,
+            companyAppList: companyAppList,
+            name: '',
+            id: data.id,
+            type: 3
+          }))));
+        },
+        style: {
+          width: 255
+        },
+        trigger: "click"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "icon-eye"
+      }, "\u67E5\u770B")));
+    }
+  }, {
+    title: '操作',
+    dataIndex: 'groups',
+    render: function render() {
+      var data = arguments.length <= 1 ? undefined : arguments[1];
+      return /*#__PURE__*/React.createElement("div", {
+        className: "operate"
+      }, /*#__PURE__*/React.createElement("span", {
+        onClick: function onClick() {
+          return showUserEditAuthEvent(data);
+        },
+        className: "icon-edit"
+      }), /*#__PURE__*/React.createElement("span", {
+        title: "\u79FB\u51FA\u516C\u53F8",
+        style: {
+          visibility: data.id !== id && !data.is_admin ? 'visible' : 'hidden'
+        },
+        className: "icon-delete",
+        onClick: function onClick() {
+          return removeUser(data);
+        }
+      }), /*#__PURE__*/React.createElement("span", {
+        style: {
+          visibility: data.id !== id && !data.is_admin ? 'visible' : 'hidden'
+        },
+        onClick: function onClick() {
+          return resetpwd(data);
+        },
+        className: "icon-reset-code"
+      }));
+    }
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "company-user"
+  }, userEditAuthState ? /*#__PURE__*/React.createElement(CompanySettingUser, {
+    data: userEditAuthData,
+    allGroupInfos: allGroupInfos,
+    companyAppList: companyAppList,
+    onCancel: function onCancel() {
+      return setUserEditAuthState(false);
+    },
+    isMarsUi: isMarsUi,
+    leftMenus: leftMenus,
+    changeUserAuthCallback: changeUserAuthCallback
+  }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Invite, {
+    showPwdPanel: showPasswordPanelEvent
+    // ref="inviteRef"
+    ,
+    allGroupInfos: allGroupInfos,
+    createMembersCallback: createMembersCallback
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "user-list"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "user-list-head"
+  }, "\u6210\u5458\u5217\u8868", /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u8D26\u53F7\u6216\u59D3\u540D",
+    prefix: /*#__PURE__*/React.createElement("i", {
+      className: "cicon-search"
+    }),
+    style: {
+      width: 200
+    },
+    className: "member-filter",
+    allowClear: true,
+    onChange: function onChange(e) {
+      setFilter(e.target.value);
+    }
+  })), /*#__PURE__*/React.createElement(BizTable, {
+    dataSource: showMembers,
+    columns: columns,
+    total: showMembers.length,
+    pageSize: showMembers.length / 10
+  }), /*#__PURE__*/React.createElement("div", null, !isAdmin ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      top: !showMembers.length ? -14 : -64
+    },
+    className: "over-hand"
+  }, "\u79FB\u4EA4\u8D85\u7EA7\u7BA1\u7406\u5458\u6743\u9650\u7ED9", /*#__PURE__*/React.createElement(BizSelect, {
+    overlayWidth: 200,
+    options: adminOptionList,
+    value: adminOptionValue,
+    labelField: "email",
+    keyField: "id"
+    // maxTagCount={'responsive'}
+    ,
+    onChange: changeAdmin
+  })) : null)), /*#__PURE__*/React.createElement(BizDialog, {
+    title: dialogTitle,
+    visible: showDialog,
+    closable: true,
+    onOk: function onOk() {
+      dialogConfirmFunc && dialogConfirmFunc();
+    },
+    onCancel: dialogCancelFunc || void 0
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      width: 400
+    }
+  }, dialogContent)), /*#__PURE__*/React.createElement(BizDialog, {
+    title: pwdPanelUserConfig ? '创建成功' : '密码已生成',
+    visible: showPasswordPanel,
+    closable: true,
+    onCancel: closePwdPanel,
+    footer: [pwdPanelUserConfig ? /*#__PURE__*/React.createElement(Button, {
+      style: {
+        float: 'left'
+      },
+      type: "primary",
+      onClick: function onClick() {
+        return removeUser(pwdPanelUserConfig);
+      }
+    }, "\u53D6\u6D88\u521B\u5EFA") : null, /*#__PURE__*/React.createElement(Button, {
+      onClick: closePwdPanel
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: copyTxt
+    }, "\u590D\u5236")]
+  }, /*#__PURE__*/React.createElement("ul", {
+    style: {
+      width: 400
+    }
+  }, /*#__PURE__*/React.createElement("li", null, "\u8D26\u53F7\uFF1A", pwdPanelAccount), /*#__PURE__*/React.createElement("li", null, "\u5BC6\u7801\uFF1A", pwdPanelPassword), /*#__PURE__*/React.createElement("li", null, "\u8BF7\u5C06\u4FE1\u606F\u590D\u5236\u53D1\u9001\u7ED9\u76F8\u5E94\u6210\u5458")))));
+};
+export default User;