@zat-design/sisyphus-react 3.4.2-beta.9 → 3.4.3-beta.1

package/lib/ProIcon/config/index.js

@@ -6,200 +6,258 @@ Object.defineProperty(exports, "__esModule", {
 exports.iconMap = void 0;
 var iconMap = exports.iconMap = [{
   type: 'view',
-  text: '查看'
+  'text-cn': '查看',
+  'text-en': 'view'
 }, {
-  type: '',
-  text: '编辑'
+  type: 'edit',
+  'text-cn': '编辑',
+  'text-en': 'edit'
 }, {
-  type: '',
-  text: '查看上传结果'
+  type: 'chakanshangchuanjieguo',
+  'text-cn': '查看上传结果',
+  'text-en': 'view upload results'
 }, {
-  type: '',
-  text: '操作日志'
+  type: 'caozuorizhi',
+  'text-cn': '操作日志',
+  'text-en': 'operation log'
 }, {
-  type: '',
-  text: '监管停售'
+  type: 'jianguantingshou',
+  'text-cn': '监管停售',
+  'text-en': 'regulatory suspension'
 }, {
-  type: '',
-  text: '下架'
+  type: 'xiajia',
+  'text-cn': '下架',
+  'text-en': 'delist'
 }, {
-  type: '',
-  text: '上架'
+  type: 'shangjia',
+  'text-cn': '上架',
+  'text-en': 'listing'
 }, {
-  type: '',
-  text: '解锁'
+  type: 'jiesuo',
+  'text-cn': '解锁',
+  'text-en': 'unlock'
 }, {
-  type: '',
-  text: '审核'
+  type: 'shenhe',
+  'text-cn': '审核',
+  'text-en': 'check'
 }, {
-  type: '',
-  text: '下载导入文件'
+  type: 'xiazaidaoruwenjian',
+  'text-cn': '下载导入文件',
+  'text-en': 'download import file'
 }, {
-  type: '',
-  text: '删除'
+  type: 'shanchu',
+  'text-cn': '删除',
+  'text-en': 'delete'
 }, {
-  type: '',
-  text: '撤回'
+  type: 'chehui',
+  'text-cn': '撤回',
+  'text-en': 'revocation'
 }, {
-  type: '',
-  text: '再次询价'
+  type: 'zaicixunjia',
+  'text-cn': '再次询价',
+  'text-en': 'reinquiry'
 }, {
-  type: '',
-  text: '复制'
+  type: 'fuzhi',
+  'text-cn': '复制',
+  'text-en': 'copy'
 }, {
-  type: '',
-  text: '撤回登记'
+  type: 'chehuidengji',
+  'text-cn': '撤回登记',
+  'text-en': 'withdrawal of registration'
 }, {
-  type: '',
-  text: '占号补录'
+  type: 'zhanhaobulu',
+  'text-cn': '占号补录',
+  'text-en': 'fill in the number'
 }, {
-  type: '',
-  text: '处理'
+  type: 'chuli',
+  'text-cn': '处理',
+  'text-en': 'handle'
 }, {
-  type: '',
-  text: '释放'
+  type: 'shifang',
+  'text-cn': '释放',
+  'text-en': 'release'
 }, {
-  type: '',
-  text: '关闭'
+  type: 'guanbi',
+  'text-cn': '关闭',
+  'text-en': 'close'
 }, {
-  type: '',
-  text: '认领'
+  type: 'renling',
+  'text-cn': '认领',
+  'text-en': 'claim'
 }, {
-  type: '',
-  text: '缴费登记'
+  type: 'jiaofeidengji',
+  'text-cn': '缴费登记',
+  'text-en': 'payment registration'
 }, {
-  type: '',
-  text: '补传资料'
+  type: 'buchuanziliao',
+  'text-cn': '补传资料',
+  'text-en': 'supplementary data'
 }, {
-  type: '',
-  text: '资料补传确认'
+  type: 'ziliaobuchuanqueren',
+  'text-cn': '资料补传确认',
+  'text-en': 'data retransmission confirmed'
 }, {
-  type: '',
-  text: '启用'
+  type: 'qiyong',
+  'text-cn': '启用',
+  'text-en': 'enable'
 }, {
-  type: '',
-  text: '查勘'
+  type: 'chakan',
+  'text-cn': '查勘',
+  'text-en': 'survey'
 }, {
-  type: '',
-  text: '会签处理'
+  type: 'huiqianchuli',
+  'text-cn': '会签处理',
+  'text-en': 'countersign processing'
 }, {
-  type: '',
-  text: '已阅'
+  type: 'yiyue',
+  'text-cn': '已阅',
+  'text-en': 'have read'
 }, {
-  type: '',
-  text: '下载'
+  type: 'xiazai',
+  'text-cn': '下载',
+  'text-en': 'download'
 }, {
-  type: '',
-  text: '发送'
+  type: 'fasong',
+  'text-cn': '发送',
+  'text-en': 'send'
 }, {
-  type: '',
-  text: '导出'
+  type: 'daochu',
+  'text-cn': '导出',
+  'text-en': 'export'
 }, {
-  type: '',
-  text: '设为失效'
+  type: 'sheweishixiao',
+  'text-cn': '设为失效',
+  'text-en': 'set invalidate'
 }, {
-  type: '',
-  text: '复制'
+  type: 'qingkong',
+  'text-cn': '清空',
+  'text-en': 'clear'
 }, {
-  type: '',
-  text: '清空'
+  type: 'shixiao',
+  'text-cn': '失效',
+  'text-en': 'lose effectiveness'
 }, {
-  type: '',
-  text: '失效'
+  type: 'zhongzhi',
+  'text-cn': '中止',
+  'text-en': 'stop'
 }, {
-  type: '',
-  text: '预览模版'
+  type: 'wangdian',
+  'text-cn': '网点',
+  'text-en': 'site'
 }, {
-  type: '',
-  text: '中止'
+  type: 'fuwuwangdian',
+  'text-cn': '服务网点',
+  'text-en': 'server site'
 }, {
-  type: '',
-  text: '网点'
+  type: 'rukoupeizhi',
+  'text-cn': '入口配置',
+  'text-en': 'entry config'
 }, {
-  type: '',
-  text: '服务网点'
+  type: 'yemianpeizhi',
+  'text-cn': '页面配置',
+  'text-en': 'page config'
 }, {
-  type: '',
-  text: '入口配置'
+  type: 'bianjifenpei',
+  'text-cn': '编辑分配',
+  'text-en': 'edit assignment'
 }, {
-  type: '',
-  text: '页面配置'
+  type: 'chakanxiangqing',
+  'text-cn': '查看详情',
+  'text-en': 'view detail'
 }, {
-  type: '',
-  text: '编辑分配'
+  type: 'toubaopeizhi',
+  'text-cn': '投保配置',
+  'text-en': 'insurance config'
 }, {
-  type: '',
-  text: '查看详情'
+  type: 'tuiguangweipeizhi',
+  'text-cn': '推广位配置',
+  'text-en': 'promotion bit config'
 }, {
-  type: '',
-  text: '投保配置'
+  type: 'kaishihezuo',
+  'text-cn': '开始合作',
+  'text-en': 'start cooperation'
 }, {
-  type: '',
-  text: '推广位配置'
+  type: 'tingzhihezuo',
+  'text-cn': '停止合作',
+  'text-en': 'stop cooperation'
 }, {
-  type: '',
-  text: '开始合作'
+  type: 'fuzhilianjie',
+  'text-cn': '复制链接',
+  'text-en': 'copy link'
 }, {
-  type: '',
-  text: '停止合作'
+  type: 'jinyong',
+  'text-cn': '禁用',
+  'text-en': 'disabled'
 }, {
-  type: '',
-  text: '复制链接'
+  type: 'bianjipeizhi',
+  'text-cn': '编辑配置',
+  'text-en': 'edit config'
 }, {
-  type: '',
-  text: '禁用'
+  type: 'yulan',
+  'text-cn': '预览',
+  'text-en': 'preview'
 }, {
-  type: '',
-  text: '编辑配置'
+  type: 'daochumoban',
+  'text-cn': '导出模板',
+  'text-en': 'export template'
 }, {
-  type: '',
-  text: '预览'
+  type: 'xiangqing',
+  'text-cn': '详情',
+  'text-en': 'detail'
 }, {
-  type: '',
-  text: '导出模板'
+  type: 'zhongzhiqudao',
+  'text-cn': '终止渠道',
+  'text-en': 'stop channel'
 }, {
-  type: '',
-  text: '详情'
+  type: 'chakanfapiao',
+  'text-cn': '查看发票',
+  'text-en': 'view invoice'
 }, {
-  type: '',
-  text: '终止渠道'
+  type: 'qiyerenzheng',
+  'text-cn': '企业认证',
+  'text-en': 'enterprise certification'
 }, {
-  type: '',
-  text: '查看发票'
+  type: 'apishouquan',
+  'text-cn': 'API授权',
+  'text-en': 'api accredit'
 }, {
-  type: '',
-  text: '企业认证'
+  type: 'chanpinshouquan',
+  'text-cn': '产品授权',
+  'text-en': 'product accredit'
 }, {
-  type: '',
-  text: 'API授权'
+  type: 'chongzhimima',
+  'text-cn': '重置密码',
+  'text-en': 'reset password'
 }, {
-  type: '',
-  text: '产品授权'
+  type: 'tingyong',
+  'text-cn': '停用',
+  'text-en': 'disuse'
 }, {
-  type: '',
-  text: '重置密码'
+  type: 'apiquanxian',
+  'text-cn': 'API权限',
+  'text-en': 'api authorization'
 }, {
-  type: '',
-  text: '停用'
+  type: 'ipbaimingdan',
+  'text-cn': 'IP白名单',
+  'text-en': 'ip whitelist'
 }, {
-  type: '',
-  text: 'API权限'
+  type: 'yulanmoban',
+  'text-cn': '预览模板',
+  'text-en': 'preview template'
 }, {
-  type: '',
-  text: 'IP白名单'
+  type: 'queren',
+  'text-cn': '确认',
+  'text-en': 'confirm'
 }, {
-  type: '',
-  text: '预览模板'
+  type: 'xiugai',
+  'text-cn': '修改',
+  'text-en': 'edit'
 }, {
-  type: '',
-  text: '确认'
+  type: 'chakanlishipeizhi',
+  'text-cn': '查看历史配置',
+  'text-en': 'view history conifg'
 }, {
-  type: '',
-  text: '修改'
-}, {
-  type: '',
-  text: '查看历史配置'
-}, {
-  type: '',
-  text: '调整序号'
+  type: 'tiaozhengxuhao',
+  'text-cn': '调整序号',
+  'text-en': 'adjust order'
 }];

package/lib/ProIcon/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
 import { ProIconProps } from './propsTypes';
-export declare function createScriptUrlElements(scriptUrls: string[], index?: number): void;
 declare const ProIcon: FC<ProIconProps>;
 export default ProIcon;

package/lib/ProIcon/index.js

@@ -4,45 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createScriptUrlElements = createScriptUrlElements;
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
-var _config2 = require("./config");
-var _symbolIcon = _interopRequireDefault(require("./symbolIcon"));
 var _ProConfigProvider = require("../ProConfigProvider");
+var _config2 = require("./config");
+var _locale = _interopRequireDefault(require("../locale"));
 var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList"];
-var customCache = new Set();
-function isValidCustomScriptUrl(scriptUrl) {
-  return Boolean(typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl));
-}
-function createScriptUrlElements(scriptUrls) {
-  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var currentScriptUrl = scriptUrls[index];
-  if (isValidCustomScriptUrl(currentScriptUrl)) {
-    var script = document.createElement('script');
-    script.setAttribute('src', currentScriptUrl);
-    script.setAttribute('data-namespace', currentScriptUrl);
-    if (scriptUrls.length > index + 1) {
-      script.onload = function () {
-        createScriptUrlElements(scriptUrls, index + 1);
-      };
-      script.onerror = function () {
-        createScriptUrlElements(scriptUrls, index + 1);
-      };
-    }
-    customCache.add(currentScriptUrl);
-    document.body.appendChild(script);
-  }
-}
-// 加载内部icon
-if (_symbolIcon.default && typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function') {
-  createScriptUrlElements([_symbolIcon.default]);
-}
 var ProIcon = function ProIcon(props) {
   var config = (0, _ProConfigProvider.useProConfig)('ProIcon') || {};
   var _config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), props !== null && props !== void 0 ? props : {});
@@ -69,6 +42,13 @@ var ProIcon = function ProIcon(props) {
     _config$mapList = _config.mapList,
     mapList = _config$mapList === void 0 ? [] : _config$mapList,
     reset = (0, _objectWithoutProperties2.default)(_config, _excluded);
+  // 语言
+  var language = _locale.default.ProIcon.language;
+  // 加载内部icon
+  var status = (0, _ahooks.useExternal)('https://at.alicdn.com/t/c/font_4063056_jmnz9g5uycp.js');
+  if (status !== 'ready') {
+    return null;
+  }
   var rotateStyle = rotate ? {
     msTransform: "rotate(".concat(rotate, "deg)"),
     transform: "rotate(".concat(rotate, "deg)")
@@ -84,32 +64,32 @@ var ProIcon = function ProIcon(props) {
   if (type && !props.mode) {
     _mode = 'icon';
   }
+  var targetTextFill = "text-".concat(language); // text-cn text-en
   var isIconMode = _mode === 'icon';
   var isExtendButtonMode = !isIconMode || isIconMode && disabled;
-  var mergedMapList = (0, _lodash.uniqBy)(mapList.concat(_config2.iconMap), 'text');
+  var mergedMapList = (0, _lodash.uniqBy)(mapList.concat(_config2.iconMap), targetTextFill);
   var _type = type;
   var _text = children;
-  var textIsExistAndIncludeChinese = _text && /[\u4e00-\u9fa5]/.test(String(_text));
   var typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
-  // 模式为icon下，对传入的text进行中文-icon 映射
+  // 模式为icon下，对传入的text进行指定语言-icon 映射
   if (isIconMode && !type) {
-    if (textIsExistAndIncludeChinese) {
+    if (_text) {
       var target = mergedMapList.find(function (item) {
-        return item.text === _text;
+        return item['text-cn'] === _text || item['text-en'] === _text;
       });
       if (target) {
         _type = target === null || target === void 0 ? void 0 : target.type;
       }
     }
   }
-  // 模式为button下，对传入的type进行icon-中文 映射
+  // 模式为button下，对传入的type进行icon-指定语言 映射
   if (!isIconMode) {
     if (typeIsExistAndIncludeEnglish) {
       var _target = mergedMapList.find(function (item) {
         return item.type === _type;
       });
       if (_target) {
-        _text = _target === null || _target === void 0 ? void 0 : _target.text;
+        _text = _target[targetTextFill];
       }
     }
   }

package/lib/ProIcon/propsTypes.d.ts

@@ -3,7 +3,8 @@ import { ButtonProps } from 'antd/lib/button';
 export type ModeType = 'icon' | 'button';
 interface iconMap {
     type: string;
-    text: string;
+    'text-cn'?: string;
+    'text-en'?: string;
 }
 export interface ProIconProps {
     /**

package/lib/ProLayout/components/Layout/Header/style/index.less

@@ -2,7 +2,7 @@
   .pro-layout-header {
     position       : fixed;
     top            : 0;
-    z-index        : 101;
+    z-index        : 103;
     display        : flex;
     flex-direction : row;
     align-items    : center;

package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts

@@ -20,6 +20,11 @@ export interface ProCollapseProps {
     */
     title?: string | React.ReactNode;
     /**
+   * @description       标题前图标
+   * @default           -
+   */
+    icon?: React.ReactNode | Boolean;
+    /**
     * @description       折叠头部多个标题
     * @default           []
     */

package/lib/ProLayout/components/ProCollapse/index.js

@@ -8,9 +8,13 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactSvg = require("react-svg");
+var _lodash = require("lodash");
+var _fold = _interopRequireDefault(require("../../../assets/fold.svg"));
 var Panel = _antd.Collapse.Panel;
 var ProCollapse = function ProCollapse(props) {
   var title = props.title,
@@ -31,12 +35,14 @@ var ProCollapse = function ProCollapse(props) {
     folding = _props$folding === void 0 ? false : _props$folding,
     collapseProps = props.collapseProps,
     collapsePanelProps = props.collapsePanelProps,
-    className = props.className;
+    className = props.className,
+    icon = props.icon;
   var cls = (0, _classnames.default)((0, _defineProperty2.default)({
     'pro-collapse': true,
     'pro-collapse-level2': level === '2',
     'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
-    'pro-collapse-no-title': !title
+    'pro-collapse-no-title': !title,
+    'pro-collapse-no-level1-title': !title && level !== '2'
   }, "".concat(className), className));
   var content = (0, _jsxRuntime.jsx)("div", {
     className: "pro-collapse-content",
@@ -44,6 +50,7 @@ var ProCollapse = function ProCollapse(props) {
     children: children
   });
   var renderPanel = function renderPanel() {
+    var _title = title;
     if (level === '2') {
       var level2Panel = (0, _classnames.default)({
         'pro-collapse-level2-collapse': towCollapse,
@@ -55,7 +62,7 @@ var ProCollapse = function ProCollapse(props) {
         hasCollapse.collapsible = 'disabled';
       }
       return (0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-        header: title,
+        header: _title,
         className: level2Panel,
         extra: (0, _jsxRuntime.jsx)("div", {
           className: "extra-info",
@@ -66,8 +73,20 @@ var ProCollapse = function ProCollapse(props) {
         children: content
       }), "1");
     }
+    if (icon) {
+      _title = (0, _jsxRuntime.jsxs)(_antd.Space, {
+        size: 8,
+        align: "center",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "pro-collapse-icon",
+          children: (0, _lodash.isBoolean)(icon) ? (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            src: _fold.default
+          }) : icon
+        }), title]
+      });
+    }
     return (0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      header: title,
+      header: _title,
       className: "pro-collapse-panel",
       extra: (0, _jsxRuntime.jsx)("div", {
         className: "extra-info",
@@ -92,6 +111,26 @@ var ProCollapse = function ProCollapse(props) {
       }), content]
     });
   };
+  // 当pro-layout-content只存在一个card时，高度动态计算
+  (0, _react.useLayoutEffect)(function () {
+    var proCollapseContent = document.querySelector('.pro-layout-content');
+    if (!proCollapseContent) {
+      return;
+    }
+    var proCollapseNoTitles = proCollapseContent.querySelectorAll('.pro-collapse-no-level1-title');
+    var proCollapses = proCollapseContent.querySelectorAll('.pro-collapse');
+    if (proCollapseNoTitles.length === 1 && proCollapses.length === 1) {
+      var rect = proCollapseNoTitles[0].getBoundingClientRect();
+      if ((rect === null || rect === void 0 ? void 0 : rect.height) < window.innerHeight - rect.top) {
+        proCollapseNoTitles[0].style.minHeight = "calc(100vh - ".concat(rect.top + 16, "px)");
+      }
+    }
+    return function () {
+      if (proCollapseNoTitles.length === 1 && proCollapses.length === 1) {
+        proCollapseNoTitles[0].style.minHeight = 'auto'; // 移除 minHeight 的设置
+      }
+    };
+  });
   return (0, _jsxRuntime.jsx)("div", {
     id: id,
     style: style,