@zgfe/modules-page 1.0.1-alpha.2 → 1.0.1-alpha.21

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

@@ -1,14 +1,37 @@
 import React from 'react';
 import { ModulesPage } from '@zgfe/modules-page';
 import { DemoWrapper } from '@zgfe/business-lib';
+var defaultValue = {
+  appId: 225,
+  platform: 3,
+  module: 'page',
+  time: {
+    begin: '2023-09-09',
+    end: '2023-09-12',
+    unit: 'day'
+  },
+  userGroup: [0],
+  pageTitle: '进入百度首页780300590145',
+  pageUrl: 'http://baidu.com/query/780300590145'
+};
 export default (function () {
+  var onClickWarn = function onClickWarn() {
+    console.log('onClickWarn');
+  };
+  var onChange = function onChange(data) {
+    console.log('onChange:', data);
+  };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true,
-    defaultApp: 269
+    defaultApp: 225
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       height: 750,
       overflow: 'auto'
     }
-  }, /*#__PURE__*/React.createElement(ModulesPage, null)));
+  }, /*#__PURE__*/React.createElement(ModulesPage, {
+    value: defaultValue,
+    onClickWarn: onClickWarn,
+    onChange: onChange
+  })));
 });

package/dist/esm/modules/home/index.js

@@ -10,10 +10,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useContext, useEffect, useMemo, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import EmptyPanel from "../empty";
 import { BizGlobalDataContext, BizLayout } from '@zgfe/business-lib';
-import { Button, Spin } from 'antd';
+import { Button, Skeleton, Spin } from 'antd';
 import "./style/index.less";
 import SearchPanel from "../../components/searchPanel";
 import TopContent from "../../components/topContent";
@@ -22,6 +22,7 @@ import { ModulesPageContext } from "./types";
 import GroupModal from "../../components/groupModal";
 import { getPageGroupList, getPageList, getPageResult, onDownload as _onDownload } from "./utils";
 import DetailContent from "../../components/detail";
+import _ from 'lodash';
 var classPrefix = 'modules-page';
 var ModulesPage = function ModulesPage(props) {
   // 页面类型
@@ -29,54 +30,66 @@ var ModulesPage = function ModulesPage(props) {
     _useState2 = _slicedToArray(_useState, 2),
     currentType = _useState2[0],
     setCurrentType = _useState2[1];
-  // 查询条件
+  // 最新查询条件
   var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     searchValue = _useState4[0],
     setSearchValue = _useState4[1];
-  // 是否展示分组弹窗
-  var _useState5 = useState(false),
+  // 上一次查询条件
+  var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
-    showGroup = _useState6[0],
-    setShowGroup = _useState6[1];
-  // 页面列表
-  var _useState7 = useState([]),
+    originSearchValue = _useState6[0],
+    setOriginSearchValue = _useState6[1];
+
+  // 是否展示分组弹窗
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    pageList = _useState8[0],
-    setPageList = _useState8[1];
-  // 页面分组列表
+    showGroup = _useState8[0],
+    setShowGroup = _useState8[1];
+  // 页面列表
   var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    pageGroupList = _useState10[0],
-    setPageGroupList = _useState10[1];
-  // 查询结果
+    pageList = _useState10[0],
+    setPageList = _useState10[1];
+  // 页面分组列表
   var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    result = _useState12[0],
-    setResult = _useState12[1];
-  var _useState13 = useState(true),
+    pageGroupList = _useState12[0],
+    setPageGroupList = _useState12[1];
+  // 查询结果
+  var _useState13 = useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
-    loading = _useState14[0],
-    setLoading = _useState14[1];
-  // 要编辑的分组
-  var _useState15 = useState(),
+    result = _useState14[0],
+    setResult = _useState14[1];
+  var _useState15 = useState(true),
     _useState16 = _slicedToArray(_useState15, 2),
-    editGroup = _useState16[0],
-    setEditGroup = _useState16[1];
-  // 当前页面类型 list/detail
-  var _useState17 = useState('list'),
+    loading = _useState16[0],
+    setLoading = _useState16[1];
+  var _useState17 = useState(true),
     _useState18 = _slicedToArray(_useState17, 2),
-    pageType = _useState18[0],
-    setPageType = _useState18[1];
-  var _useState19 = useState(0),
+    pageLoading = _useState18[0],
+    setPageLoading = _useState18[1];
+  // 要编辑的分组
+  var _useState19 = useState(),
     _useState20 = _slicedToArray(_useState19, 2),
-    timer = _useState20[0],
-    setTimer = _useState20[1];
-  //当前点击内容（用于同步查询条件中的内容）
-  var _useState21 = useState(),
+    editGroup = _useState20[0],
+    setEditGroup = _useState20[1];
+  // 当前页面类型 list/detail
+  var _useState21 = useState('list'),
     _useState22 = _slicedToArray(_useState21, 2),
-    currentClickPage = _useState22[0],
-    setCurrentClickPage = _useState22[1];
+    pageType = _useState22[0],
+    setPageType = _useState22[1];
+  var _useState23 = useState(0),
+    _useState24 = _slicedToArray(_useState23, 2),
+    timer = _useState24[0],
+    setTimer = _useState24[1];
+  //当前点击内容（用于同步查询条件中的内容）
+  var _useState25 = useState(),
+    _useState26 = _slicedToArray(_useState25, 2),
+    currentClickPage = _useState26[0],
+    setCurrentClickPage = _useState26[1];
+  // 查询条件ref
+  var selectRef = useRef(null);
   var _useContext = useContext(BizGlobalDataContext),
     eventGroupList = _useContext.eventGroupList,
     currentApp = _useContext.currentApp;
@@ -95,10 +108,13 @@ var ModulesPage = function ModulesPage(props) {
   useEffect(function () {
     var param = {
       appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-      platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+      platform: 3
     };
-    getPageGroupList(param, setPageGroupList);
     getPageList(param, setPageList);
+    getPageGroupList(param, setPageGroupList, setPageLoading);
+    if (props.value) {
+      setSearchValue(props.value);
+    }
   }, []);
   useEffect(function () {
     if (!showGroup) {
@@ -108,15 +124,26 @@ var ModulesPage = function ModulesPage(props) {
   useEffect(function () {
     if (isEmpty) return;
     if (!searchValue) return;
-    console.log('searchValue:', searchValue);
     var type = searchValue !== null && searchValue !== void 0 && searchValue.pageGroup || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.pageGroup) === 0 ? 'pageGroup' : 'page';
     setCurrentType(type);
     // 选择概览时，跳到列表页
     if (type === 'page' && !(searchValue !== null && searchValue !== void 0 && searchValue.pageUrl) || type === 'pageGroup' && !(searchValue !== null && searchValue !== void 0 && searchValue.pageGroup)) {
       setPageType('list');
     }
+    if (type === 'pageGroup' && !(searchValue !== null && searchValue !== void 0 && searchValue.pageGroup)) return;
     if (type === 'page' || pageType === 'detail') {
+      if (!searchValue.pageUrl && !searchValue.pageTitle && !searchValue.pageGroup && searchValue.pageGroup != 0) return;
       fetch();
+    } else if (type === 'pageGroup') {
+      if (!searchValue.pageGroup && searchValue.pageGroup != 0) return;
+      props.onChange && props.onChange(_objectSpread(_objectSpread({
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        platform: 3,
+        module: 'page'
+      }, searchValue), {}, {
+        pageUrl: undefined,
+        pageTitle: undefined
+      }));
     }
   }, [searchValue]);
   // 查询结果
@@ -128,12 +155,19 @@ var ModulesPage = function ModulesPage(props) {
     setTimer(setTimeout(function () {
       var param = _objectSpread({
         appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-        platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+        platform: 3,
+        module: 'page'
       }, searchValue);
+      props.onChange && props.onChange(param);
+      if (_.isEqual(originSearchValue, searchValue)) {
+        setLoading(false);
+        return;
+      }
+      setOriginSearchValue(_.cloneDeep(searchValue));
       getPageResult(param, setResult, setLoading);
     }, 500));
   };
-  // 改变查询条件
+  // 改变查询条件/
   var onChange = function onChange(data) {
     setSearchValue(function (value) {
       if (!value) return data;
@@ -150,11 +184,12 @@ var ModulesPage = function ModulesPage(props) {
   };
   // 分组弹窗编辑回调，更新分组列表
   var onOk = function onOk() {
+    setShowGroup(false);
     var param = {
       appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
-      platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
+      platform: 3
     };
-    getPageGroupList(param, setPageGroupList);
+    getPageGroupList(param, setPageGroupList, setPageLoading);
   };
 
   // 点击表格中页面
@@ -173,6 +208,7 @@ var ModulesPage = function ModulesPage(props) {
     className: "".concat(classPrefix, "-top-render")
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
+    disabled: loading || !result || !result.length,
     onClick: props.onClickWarn
   }, "\u8BBE\u7F6E\u6D41\u5931\u9884\u8B66"));
   if (isEmpty) return /*#__PURE__*/React.createElement(EmptyPanel, null);
@@ -186,12 +222,22 @@ var ModulesPage = function ModulesPage(props) {
   }, /*#__PURE__*/React.createElement(BizLayout, {
     title: "\u9875\u9762\u5206\u6790",
     hasCollapse: true,
-    topPanel: /*#__PURE__*/React.createElement(SearchPanel, {
+    topPanel: /*#__PURE__*/React.createElement(Skeleton, {
+      loading: pageLoading,
+      active: true,
+      paragraph: {
+        rows: 4
+      }
+    }, /*#__PURE__*/React.createElement(SearchPanel, {
+      ref: selectRef,
       value: searchValue,
       onChange: onChange
-    }),
-    topRender: props.onClickWarn ? render : null
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TopContent, {
+    })),
+    topRender: props.onClickWarn ? render : null,
+    collapseRef: selectRef
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: pageLoading
+  }, /*#__PURE__*/React.createElement(TopContent, {
     value: searchValue === null || searchValue === void 0 ? void 0 : searchValue.time,
     type: currentType,
     disabled: !result.length,
@@ -203,9 +249,9 @@ var ModulesPage = function ModulesPage(props) {
     onDownload: function onDownload() {
       return _onDownload(searchValue, currentApp);
     }
-  }), /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, pageType === 'list' ? /*#__PURE__*/React.createElement(PageContent, {
+  }), loading ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, /*#__PURE__*/React.createElement(Spin, null)) : pageType === 'list' ? /*#__PURE__*/React.createElement(PageContent, {
     type: currentType,
     value: result,
     groupId: searchValue === null || searchValue === void 0 ? void 0 : searchValue.pageGroup,
@@ -218,7 +264,7 @@ var ModulesPage = function ModulesPage(props) {
   }) : /*#__PURE__*/React.createElement(DetailContent, {
     params: searchValue,
     result: result
-  })), showGroup ? /*#__PURE__*/React.createElement(GroupModal, {
+  }), showGroup ? /*#__PURE__*/React.createElement(GroupModal, {
     value: editGroup,
     onCancel: function onCancel() {
       return setShowGroup(false);

package/dist/esm/modules/home/style/index.less

@@ -19,4 +19,14 @@
     border: 1px solid #ecedf0;
     border-radius: 8px;
   }
+
+  &-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: 300px;
+    margin-top: 60px;
+    background-color: #fff;
+  }
 }

package/dist/esm/modules/home/types.d.ts

@@ -5,9 +5,13 @@ export declare namespace ModulesPageTypes {
     interface Props {
         value?: Value;
         onClickWarn?: () => void;
+        onChange?: (data: Value) => void;
     }
     interface Value extends SearchValue {
         time?: DatePickerTypes.Value;
+        appId?: number | string;
+        platform?: number;
+        module?: string;
     }
     interface Page {
         pageTitle?: string;
@@ -29,10 +33,14 @@ export declare namespace ModulesPageTypes {
         param?: string;
         id?: string;
     }
+    interface Params {
+        appId?: number | string;
+        platform: number;
+    }
 }
 export declare const ModulesPageContext: import("react").Context<{
     pageList: ModulesPageTypes.Page[];
     pageGroupList: ModulesPageTypes.PageGroup[];
-    currentClickPage?: ModulesPageTypes.PageGroup | ModulesPageTypes.Page | undefined;
+    currentClickPage?: ModulesPageTypes.Page | ModulesPageTypes.PageGroup | undefined;
     setCurrentClickPage?: ((data: ModulesPageTypes.Page) => void) | undefined;
 }>;

package/dist/esm/modules/home/utils.d.ts

@@ -1,7 +1,7 @@
 import { ModulesPageTypes } from './types';
 import { AppInfoProps } from '@zgfe/business-lib/es/context';
-export declare const getPageList: (data: any, callback: Function) => void;
-export declare const getPageGroupList: (data: any, callback: Function) => void;
-export declare const getPageResult: (params: any, callback: Function, loadingCallback: Function) => void;
+export declare const getPageList: (data: ModulesPageTypes.Params, callback: Function) => void;
+export declare const getPageGroupList: (data: ModulesPageTypes.Params, callback: Function, loadingCallback?: Function) => void;
+export declare const getPageResult: (params: ModulesPageTypes.Value, callback: Function, loadingCallback: Function) => void;
 export declare const getSocketSecret: () => string;
 export declare const onDownload: (params?: ModulesPageTypes.Value, currentApp?: AppInfoProps) => void;

package/dist/esm/modules/home/utils.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 { ajax, util } from '@zgfe/business-lib';
+import { ajax, util, base64 } from '@zgfe/business-lib';
 import api from "../../constants/api";
 // 获取页面列表
 export var getPageList = function getPageList(data, callback) {
@@ -12,7 +12,7 @@ export var getPageList = function getPageList(data, callback) {
     method: 'post',
     data: data
   }).then(function (res) {
-    if (!res) {
+    if (!res || !res.data) {
       callback([{
         id: '页面概览',
         pageTitle: '页面概览',
@@ -36,12 +36,13 @@ export var getPageList = function getPageList(data, callback) {
 };
 
 // 获取页面分组列表
-export var getPageGroupList = function getPageGroupList(data, callback) {
+export var getPageGroupList = function getPageGroupList(data, callback, loadingCallback) {
+  loadingCallback && loadingCallback(true);
   ajax(api.getPageGroup, {
     method: 'post',
     data: data
   }).then(function (res) {
-    if (!res) {
+    if (!res || !res.data) {
       callback([{
         id: 0,
         name: '全部页面组'
@@ -54,6 +55,8 @@ export var getPageGroupList = function getPageGroupList(data, callback) {
       name: '全部页面组'
     });
     callback(list);
+  }).finally(function () {
+    loadingCallback && loadingCallback(false);
   });
 };
 
@@ -64,8 +67,13 @@ export var getPageResult = function getPageResult(params, callback, loadingCallb
     method: 'post',
     data: params
   }).then(function (res) {
-    if (!res) return;
-    callback(res.data);
+    var _res$data;
+    if (!res || !res.data) return;
+    callback((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        id: "".concat(item.userGroup, "-").concat(item.pageTitle, "-").concat(item.pageUrl)
+      });
+    }));
   }).finally(function () {
     loadingCallback(false);
   });
@@ -80,14 +88,21 @@ export var getSocketSecret = function getSocketSecret() {
 };
 export var onDownload = function onDownload(params, currentApp) {
   if (!params || !currentApp) return;
+  var title = params.pageTitle || '页面列表';
   ajax(api.download, {
     method: 'post',
-    data: _objectSpread({
+    data: _objectSpread(_objectSpread({
       appId: currentApp.appId,
-      platform: currentApp.platform
-    }, params),
+      platform: 3,
+      module: 'page'
+    }, params), {}, {
+      down: {
+        fname: base64.encode(title, false),
+        titles: []
+      }
+    }),
     responseType: 'blob',
-    fileName: '页面列表',
+    fileName: title,
     getResponse: true
   }).then(function () {});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-page",
-  "version": "1.0.1-alpha.2",
+  "version": "1.0.1-alpha.21",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -39,7 +39,7 @@
     "@types/lodash": "^4.14.197",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
-    "@zgfe/business-lib": "1.1.76-page.0",
+    "@zgfe/business-lib": "1.1.81-page.16",
     "antd": "^4.22.6",
     "dumi": "^1.1.0",
     "father": "^4.0.0-rc.2",
@@ -49,5 +49,6 @@
     "lodash": "^4.17.21",
     "prettier": "^2.2.1",
     "yorkie": "^2.0.0"
-  }
+  },
+  "gitHead": "292b16e7ca3558f9912b9b28a84bc9da0e46d37d"
 }

package/dist/esm/components/groupModal/mock.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    label: string;
-    value: string;
-}[];
-export default _default;

package/dist/esm/components/groupModal/mock.js

@@ -1,16 +0,0 @@
-export default [{
-  label: 'file:///C:/Program%20Files/Apache%20Software%20Foundation/Tomcat%207.0/webapps/test/test.html',
-  value: 'file:///C:/Program%20Files/Apache%20Software%20Foundation/Tomcat%207.0/webapps/test/test.html'
-}, {
-  label: 'file:///C:/Users/54451/Desktop/sign/signin.html',
-  value: 'file:///C:/Users/54451/Desktop/sign/signin.html'
-}, {
-  label: 'http://localhost:8080/sign/signup.html',
-  value: 'http://localhost:8080/sign/signup.html'
-}, {
-  label: 'http://www.yayibang.com/html/web/article/index.html',
-  value: 'http://www.yayibang.com/html/web/article/index.html'
-}, {
-  label: 'http://localhost:8080/#/login',
-  value: 'http://localhost:8080/#/login'
-}];