@zgfe/modules-settings 1.0.1-a.1 → 1.0.1-a.10

package/dist/esm/components/demo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import 'antd/dist/antd.less';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
+declare const DemoWrapper: React.FC<{
+    children?: any;
+}>;
+export default DemoWrapper;

package/dist/esm/components/demo.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import 'antd/dist/antd.less';
+import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
+import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import { ConfigProvider } from 'antd';
+import zhCN from 'antd/es/locale/zh_CN';
+var DemoWrapper = function DemoWrapper(props) {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: zhCN
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#F5F5F5',
+      padding: '24px',
+      height: 800
+    }
+  }, /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
+    value: {
+      currentApp: {
+        appId: 184
+      }
+    }
+  }, props.children)));
+};
+export default DemoWrapper;

package/dist/esm/components/settingTabs/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface ISettingTabsItem {
+    key: string;
+    label: string;
+    content: JSX.Element;
+}
+declare const SettingTabs: React.FC<{
+    items: ISettingTabsItem[];
+    title: JSX.Element;
+}>;
+export default SettingTabs;

package/dist/esm/components/settingTabs/index.js

@@ -0,0 +1,52 @@
+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, { useState } from 'react';
+import Sider from 'antd/lib/layout/Sider';
+import Layout, { Content } from 'antd/lib/layout/layout';
+import { Menu } from 'antd';
+import "./index.less";
+var SettingTabs = function SettingTabs(props) {
+  var _items$;
+  var title = props.title,
+    items = props.items;
+  var filterItems = items.filter(function (item) {
+    return !item.hidden;
+  });
+  var _useState = useState([(_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.key]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
+  var selectedContent = function selectedContent() {
+    // withRouter
+    var index = items.findIndex(function (item) {
+      return item.key === selectedKeys[0];
+    });
+    return items[index].content;
+  };
+  // 菜单点击
+  var menuClick = function menuClick(_ref) {
+    var key = _ref.key;
+    setSelectedKeys([key]);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "settings-container"
+  }, /*#__PURE__*/React.createElement("h3", null, title), /*#__PURE__*/React.createElement(Layout, {
+    className: "settings-layout"
+  }, /*#__PURE__*/React.createElement(Sider, {
+    className: "settings-sider"
+  }, /*#__PURE__*/React.createElement(Menu, {
+    style: {
+      width: 200
+    },
+    selectedKeys: selectedKeys,
+    items: filterItems,
+    onClick: menuClick
+  })), /*#__PURE__*/React.createElement(Content, {
+    className: "settings-content"
+  }, selectedContent())));
+};
+export default SettingTabs;

package/dist/esm/components/settingTabs/index.less

@@ -0,0 +1,32 @@
+.settings-container {
+  padding: 24px;
+  background: #f0f2f5;
+
+  .app-name {
+    font-weight: normal;
+    font-size: 14px;
+  }
+
+  .settings-layout {
+    height: calc(100vh - 130px);
+    // overflow: auto;
+    padding: 24px 0px 24px;
+
+    .settings-sider {
+      display: contents;
+      background: white;
+    }
+
+    .settings-content {
+      max-width: 920px;
+      margin-left: 24px;
+      padding: 40px;
+      overflow: auto;
+      background: white;
+
+      .ant-menu-vertical .ant-menu-item {
+        margin: 0px !important;
+      }
+    }
+  }
+}

package/dist/esm/constants/api.d.ts

@@ -8,6 +8,11 @@ declare let apis: {
         createApp: string;
         queryAppList: string;
         queryPackageInfo: string;
+        queryVirtualApps: string;
+        getCompanyAppList: string;
+        editVirtualApp: string;
+        queryAccountEvents: string;
+        editVirtualSourceApp: string;
     };
     setting: {
         updateCompanyName: string;
@@ -17,6 +22,7 @@ declare let apis: {
         removeMember: string;
         resetpwd: string;
         updateUserAuth: string;
+        delSubscribeUser: string;
         queryFunConfigList: string;
         queryAppList: string;
         queryFunConfigByUserId: string;
@@ -25,8 +31,17 @@ declare let apis: {
         updateUserAuthCEP: string;
         updateGroupAuth: string;
         deleteGroup: string;
+        wxSubscribeUserList: string;
         updateUserInfo: string;
         resetPassword: string;
+        updateAppName: string;
+        createFilter: string;
+        queryFilter: string;
+        queryNoticeConfig: string;
+        editNoticeConfig: string;
+    };
+    eventMeta: {
+        queryEventMeta: string;
     };
 };
 export default apis;

package/dist/esm/constants/api.js

@@ -9,8 +9,17 @@ var apis = {
     deleteApp: apiPrefix + '/common/proxy/user/deleteApp.jsp',
     createApp: apiPrefix + '/system/createApp',
     queryAppList: apiPrefix + '/common/proxy/data/v2ajaxGetDataByApp.jsp',
-    queryPackageInfo: apiPrefix + '/system/packageInfo'
+    queryPackageInfo: apiPrefix + '/system/packageInfo',
+    queryVirtualApps: apiPrefix + '/common/proxy/user/sourceApp.jsp',
+    // 查询虚拟应用列表
+    getCompanyAppList: apiPrefix + '/common/proxy/user/getCompanyAppList.jsp',
+    // 查询公司下所有应用列表
+    editVirtualApp: apiPrefix + '/common/proxy/user/editDataSource.jsp',
+    // 修改虚拟应用
+    queryAccountEvents: apiPrefix + '/common/proxy/contract/v2queryAccountEvent.jsp',
+    editVirtualSourceApp: apiPrefix + '/common/proxy/user/editSourceApp.jsp' // 修改虚拟应用的来源应用配置
   },
+
   setting: {
     updateCompanyName: apiPrefix + '/common/proxy/company/v2updateInfo.jsp',
     updateLicense: apiPrefix + '/system/license',
@@ -19,6 +28,7 @@ var apis = {
     removeMember: apiPrefix + '/common/proxy/company/v2deleteUser.jsp',
     resetpwd: apiPrefix + '/common/proxy/user/resetpwd.jsp',
     updateUserAuth: apiPrefix + '/common/proxy/auth/updateUserAuth.jsp',
+    delSubscribeUser: apiPrefix + '/common/proxy//wx_subscribe/deleteWxUserRelation.jsp',
     queryFunConfigList: '/cep-console/api/v1/permission/queryFunConfigList',
     queryAppList: '/cep-console/api/v1/permission/queryAppList',
     queryFunConfigByUserId: '/cep-console/api/v1/permission/queryFunConfigByUserId',
@@ -27,8 +37,20 @@ var apis = {
     updateUserAuthCEP: '/cep-console/api/v1/permission/updateUserAuth',
     updateGroupAuth: apiPrefix + '/common/proxy/auth/updateGroupAuth.jsp',
     deleteGroup: apiPrefix + '/common/proxy/auth/deleteGroup.jsp',
+    wxSubscribeUserList: apiPrefix + '/common/proxy/wx_subscribe/getWxSubscribeUserInfoList.jsp',
+    // 个人设置
     updateUserInfo: apiPrefix + '/common/proxy/user/v2ajaxUpdateUserInfo.jsp',
-    resetPassword: apiPrefix + '/common/proxy/user/v2ajaxmodifypwd.jsp'
+    resetPassword: apiPrefix + '/common/proxy/user/v2ajaxmodifypwd.jsp',
+    // 应用设置
+    updateAppName: apiPrefix + '/common/proxy/user/updateAppName.jsp',
+    createFilter: apiPrefix + '/common/proxy/user/createFilter.jsp',
+    queryFilter: apiPrefix + '/common/proxy/user/queryFilter.jsp',
+    //系统设置
+    queryNoticeConfig: apiPrefix + '/systemSettings/queryNoticeSettings',
+    editNoticeConfig: apiPrefix + '/systemSettings/setNoticeSettings'
+  },
+  eventMeta: {
+    queryEventMeta: apiPrefix + '/common/proxy/data/queryEventMetasOfGroup.jsp'
   }
 };
 export default apis;

package/dist/esm/index.d.ts

@@ -1,3 +1,4 @@
 export { default as CompanySetting } from './modules/companySetting';
 export { default as PersonalSetting } from './modules/personalSetting';
 export { default as AppSettings } from './modules/appSettings';
+export { default as SystemSetting } from './modules/systemSetting';

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 export { default as CompanySetting } from "./modules/companySetting";
 export { default as PersonalSetting } from "./modules/personalSetting";
-export { default as AppSettings } from "./modules/appSettings";
+export { default as AppSettings } from "./modules/appSettings";
+export { default as SystemSetting } from "./modules/systemSetting";

package/dist/esm/modules/appSettings/appInfo/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const AppInfo: React.FC;
+declare const AppInfo: React.FC<{
+    settingsCallback: (type: string) => void;
+}>;
 export default AppInfo;

package/dist/esm/modules/appSettings/appInfo/index.js

@@ -1,45 +1,111 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
+// 缺少环境配置：SHOW_APP_ACCOUNT（备注）
+// 缺少isVirtualApp
 import React, { useContext } from 'react';
-import { Button, Form, Input } from 'antd';
+import { Button, Form, Input, notification } from 'antd';
 import { BizGlobalDataContext } from '@zgfe/business-lib';
-import request from "../../../utils/ajax";
+import { urlRequest } from "../../../utils/ajax";
 import apis from "../../../constants/api";
-// 缺少备注
-var AppInfo = function AppInfo() {
+import { useState } from 'react';
+import constants from "../../../utils/constants";
+var AppInfo = function AppInfo(props) {
+  var settingsCallback = props.settingsCallback;
   var _useContext = useContext(BizGlobalDataContext),
     currentApp = _useContext.currentApp;
+  var _useState = useState({
+      appName: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appName
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialValues = _useState2[0],
+    setInitialValues = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+
+  // 保存
   var onSubmit = function onSubmit(value) {
-    request(apis.setting.updateUserInfo, _objectSpread(_objectSpread({}, value), {}, {
-      email: 'init@zg.com'
-    })).then(function (res) {}, function (err) {});
+    setLoading(true);
+    var appName = value.appName;
+    urlRequest(apis.setting.updateAppName, {
+      method: 'post',
+      data: {
+        app_name: appName,
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (res.flag === 101) {
+        notification.success({
+          message: '更改成功'
+        });
+        // 重置表单
+        setInitialValues({
+          appName: appName
+        });
+        form.resetFields();
+        // 主应用更新appList
+        settingsCallback('updateAppList');
+      } else if (res.flag === -102) {
+        notification.error({
+          message: '开发者角色无权限修改'
+        });
+      } else if (res.flag === 202) {
+        notification.error({
+          message: '应用名称已存在'
+        });
+      }
+    }).catch(function (err) {
+      notification.error({
+        message: '修改失败，请重试'
+      });
+    }).finally(function () {
+      setLoading(false);
+    });
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
+    form: form,
     layout: "vertical",
     wrapperCol: {
       span: 8
     },
     onFinish: onSubmit,
-    initialValues: currentApp
+    initialValues: initialValues
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5E94\u7528\u540D\u79F0",
+    name: "appName",
     rules: [{
       required: true,
-      message: '请输入姓名'
+      message: '请输入应用名称'
+    }, {
+      pattern: constants.regExp.teamAndAppName,
+      message: '请输入1～20位字符'
     }]
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u59D3\u540D"
-  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "\u4FDD\u5B58")), /*#__PURE__*/React.createElement(Form.Item, {
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    shouldUpdate: true
+  }, function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      htmlType: "submit",
+      loading: loading,
+      disabled: !form.isFieldTouched('appName') || !!form.getFieldsError().filter(function (_ref) {
+        var errors = _ref.errors;
+        return errors.length;
+      }).length || JSON.stringify(initialValues) === JSON.stringify(form.getFieldsValue())
+    }, "\u4FDD\u5B58");
+  }), /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u5E94\u7528ID"
   }, currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "\u90AE\u7BB1"
-  }, currentApp === null || currentApp === void 0 ? void 0 : currentApp.appKey));
+    label: "App Key"
+  }, currentApp === null || currentApp === void 0 ? void 0 : currentApp.appKey)));
 };
 export default AppInfo;

package/dist/esm/modules/appSettings/dataAccessFilter/index.d.ts

@@ -1,3 +1,8 @@
 import React from 'react';
+import './index.less';
+export interface IDataAccessFilter {
+    ip: string;
+    ua: string;
+}
 declare const AppDataAccessFilter: React.FC;
 export default AppDataAccessFilter;

package/dist/esm/modules/appSettings/dataAccessFilter/index.js

@@ -1,37 +1,125 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { Button, Form, Input } from 'antd';
-import request from "../../../utils/ajax";
+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 { Button, Form, Input, notification } from 'antd';
+import { BizGlobalDataContext } from '@zgfe/business-lib';
+import { urlRequest } from "../../../utils/ajax";
 import apis from "../../../constants/api";
+import { useContext } from 'react';
 var TextArea = Input.TextArea;
+import "./index.less";
 var AppDataAccessFilter = function AppDataAccessFilter() {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialValues = _useState2[0],
+    setInitialValues = _useState2[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  useEffect(function () {
+    // 获取屏蔽数据
+    urlRequest(apis.setting.queryFilter, {
+      method: 'post',
+      data: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
+      }
+    }).then(function (res) {
+      if (res.code === 10001) {
+        var ip = (res.data_access_filter.ip || []).join('\n');
+        var ua = (res.data_access_filter.ua || []).join('\n');
+        setInitialValues({
+          ip: ip,
+          ua: ua
+        });
+        form.resetFields();
+      }
+    }).catch(function (err) {});
+  }, []);
+
+  // 保存按钮禁用逻辑
+  var disableBtn = function disableBtn(form) {
+    var value = form.getFieldsValue();
+    return !form.isFieldTouched('ip') && !form.isFieldTouched('ua') || JSON.stringify(initialValues) === JSON.stringify(value);
+  };
+
+  // 保存
   var onSubmit = function onSubmit(value) {
-    request(apis.setting.updateUserInfo, _objectSpread(_objectSpread({}, value), {}, {
-      email: 'init@zg.com'
-    })).then(function (res) {}, function (err) {});
+    var ip = value.ip,
+      ua = value.ua;
+    urlRequest(apis.setting.createFilter, {
+      method: 'post',
+      data: {
+        app_id: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        ip: JSON.stringify(ip === null || ip === void 0 ? void 0 : ip.split('\n')),
+        ua: JSON.stringify(ua === null || ua === void 0 ? void 0 : ua.split('\n'))
+      }
+    }).then(function (res) {
+      if (res.code === 10001) {
+        notification.success({
+          message: '设置成功'
+        });
+        setInitialValues({
+          ip: ip,
+          ua: ua
+        });
+        form.resetFields();
+      }
+    }).catch(function (err) {
+      if (err.__CANCEL__) return;
+      notification.error({
+        message: '设置失败,请重试！'
+      });
+    }).finally(function () {
+      setLoading(false);
+    });
+  };
+  var ipFormLabel = function ipFormLabel() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "IP\u9ED1\u540D\u5355"), /*#__PURE__*/React.createElement("span", {
+      className: "explain"
+    }, "\u51FA\u73B0\u5728\u9ED1\u540D\u5355\u4E2D\u7684\u5BA2\u6237\u7AEFIP\uFF0C\u5176\u4E0A\u4F20\u7684\u6570\u636E\u5C06\u4E0D\u88AB\u91C7\u96C6\u5165\u5E93\u3002IP\u5730\u5740\u4E4B\u95F4\u4EE5\u6362\u884C\u7B26\u5206\u9694\u3002"));
+  };
+  var uaFormLabel = function uaFormLabel() {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("strong", null, "UserAgent\u9ED1\u540D\u5355"), /*#__PURE__*/React.createElement("span", {
+      className: "explain"
+    }, "\u4EC5JS\u7AEF\uFF0C\u5982\u679C\u6D4F\u89C8\u5668\u7684UserAgent\u5305\u542B\u9ED1\u540D\u5355\u4E2D\u7684\u6587\u672C\uFF08\u4E0D\u533A\u5206\u5927\u5C0F\u5199\uFF09\uFF0C\u5219\u5176\u4E0A\u4F20\u7684\u6570\u636E\u5C06\u4E0D\u88AB\u91C7\u96C6\u5165\u5E93\u3002\u591A\u4E2AUserAgent\u4EE5\u6362\u884C\u7B26\u5206\u9694\u3002"));
   };
   return /*#__PURE__*/React.createElement(Form, {
+    form: form,
     layout: "vertical",
     wrapperCol: {
       span: 24
     },
-    onFinish: onSubmit
+    onFinish: onSubmit,
+    initialValues: initialValues
   }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: "IP\u9ED1\u540D\u5355"
+    label: ipFormLabel(),
+    name: "ip"
   }, /*#__PURE__*/React.createElement(TextArea, {
     rows: 6
   })), /*#__PURE__*/React.createElement(Form.Item, {
-    label: "UserAgent\u9ED1\u540D\u5355"
+    label: uaFormLabel(),
+    name: "ua"
   }, /*#__PURE__*/React.createElement(TextArea, {
     rows: 6
-  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, "\u4FDD\u5B58")));
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    shouldUpdate: true
+  }, function () {
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      htmlType: "submit",
+      loading: loading,
+      disabled: !form.isFieldTouched('ip') && !form.isFieldTouched('ua') || JSON.stringify(initialValues) === JSON.stringify(form.getFieldsValue())
+    }, "\u4FDD\u5B58");
+  }));
 };
 export default AppDataAccessFilter;

package/dist/esm/modules/appSettings/dataAccessFilter/index.less

@@ -0,0 +1,5 @@
+.explain {
+  margin-left: 12px;
+  color: #b2b2b2;
+  font-size: 12px;
+}

package/dist/esm/modules/appSettings/demo/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/esm/modules/appSettings/demo/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import DemoWrapper from "../../../components/demo";
+import AppSettings from "../../appSettings";
+export default (function () {
+  return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(AppSettings, null));
+});

package/dist/esm/modules/appSettings/index.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const PersonalSetting: React.FC;
+declare const PersonalSetting: React.FC<{
+    settingsCallback: (type: string) => void;
+}>;
 export default PersonalSetting;