@zat-design/sisyphus-react 3.2.1 → 3.2.2-beta.10

package/es/ProTreeModal/style/index.less

@@ -1,4 +1,7 @@
-.pro-tree-modal-container .ant-modal-content .ant-modal-body {
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.pro-tree-modal-container .@{ant-prefix}-modal-content .@{ant-prefix}-modal-body {
   max-height: 498px;
 }
 
@@ -13,16 +16,16 @@
     height        : 482px;
     margin-bottom : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
 
-    .ant-tree-checkbox {
+    .@{ant-prefix}-tree-checkbox {
       margin-top: 2px;
     }
 
-    .ant-tree-switcher {
+    .@{ant-prefix}-tree-switcher {
       width      : 20px;
       line-height: 20px;
     }
 
-    .ant-tree-treenode {
+    .@{ant-prefix}-tree-treenode {
       width         : 100%;
       padding       : 0;
       padding-bottom: var(--zaui-font-size-sm, 12px);
@@ -31,12 +34,12 @@
       line-height   : 20px;
     }
 
-    .ant-tree-node-content-wrapper {
+    .@{ant-prefix}-tree-node-content-wrapper {
       min-height : 20px;
       line-height: 20px;
     }
 
-    .ant-tree-node-content-wrapper {
+    .@{ant-prefix}-tree-node-content-wrapper {
       width: 100%;
     }
   }
@@ -113,7 +116,7 @@
       color: #616161;
     }
 
-    .ant-btn-link {
+    .@{ant-prefix}-btn-link {
       padding: 0;
     }
   }
@@ -223,7 +226,7 @@
       margin-top: 0;
     }
 
-    .ant-tag {
+    .@{ant-prefix}-tag {
       display        : flex;
       align-items    : center;
       justify-content: space-between;

package/es/ProTreeSelect/index.js

@@ -145,9 +145,10 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       _message.error(msg);
       return;
     }
+    var resultData = transferDataSource(data, showCodeName);
     setState({
-      selectList: data || [],
-      origDataSource: data || []
+      selectList: resultData || [],
+      origDataSource: resultData || []
     });
   };
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值

package/es/ProTreeSelect/style/index.less

@@ -1,13 +1,16 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tree-select{
-    .ant-select-selector{
+    .@{ant-prefix}-select-selector{
         // 单选树选择结果框里title不用待后缀
         .check-mark-icon{
             display: none;
         }
     }
-    .ant-select.ant-select-single.ant-select-show-arrow:not(.ant-select-show-search){
-        &.ant-select-open{
-            .ant-select-arrow{
+    .@{ant-prefix}-select.@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow:not(.@{ant-prefix}-select-show-search){
+        &.@{ant-prefix}-select-open{
+            .@{ant-prefix}-select-arrow{
                 transition: transform 300ms ease-in-out;
                 transform: rotate(180deg);
             }
@@ -15,20 +18,20 @@
     }
 }
 .pro-tree-select-drop-down-container{
-    &.ant-select-dropdown{
+    &.@{ant-prefix}-select-dropdown{
         .highlight-search-text{
             color: @zaui-brand;
         }
-        .ant-select-tree-list-holder-inner{
+        .@{ant-prefix}-select-tree-list-holder-inner{
             position: relative!important;
         }
-        &.ant-tree-select-dropdown{
+        &.@{ant-prefix}-tree-select-dropdown{
             width: auto!important;
             padding: 0px;
         }
         &.singal-tree,&.checkable-tree{
-            .ant-select-tree{
-                .ant-select-tree-treenode{
+            .@{ant-prefix}-select-tree{
+                .@{ant-prefix}-select-tree-treenode{
                     padding-top: var(--zaui-space-size-xs);
                     padding-bottom: var(--zaui-space-size-xs);
                 }
@@ -39,8 +42,8 @@
         }
         // 单选
         &.signal-tree{
-            .ant-select-tree{
-                .ant-select-tree-treenode{
+            .@{ant-prefix}-select-tree{
+                .@{ant-prefix}-select-tree-treenode{
                     position: relative;
                     padding-right: 50px;
                     padding-left: 7px;
@@ -56,19 +59,19 @@
                         background-color: @zaui-brand;
                         opacity: 0.1;
                     }
-                    &.ant-select-tree-treenode-selected:after{
+                    &.@{ant-prefix}-select-tree-treenode-selected:after{
                         display: block;
                     }
                 }
-                .ant-select-tree-node-content-wrapper{
+                .@{ant-prefix}-select-tree-node-content-wrapper{
                     background-color: transparent;
-                    &.ant-select-tree-node-selected{
+                    &.@{ant-prefix}-select-tree-node-selected{
                         .check-mark-icon{
                             display: block;
                         }
                     }
                 }
-                .ant-select-tree-treenode:hover{
+                .@{ant-prefix}-select-tree-treenode:hover{
                     background-color: #f5f5f5;
                 }
                 .check-option-text{
@@ -84,20 +87,20 @@
         }
         // 复选
         &.checkable-tree{
-            .ant-select-tree{
-                .ant-select-tree-treenode{
+            .@{ant-prefix}-select-tree{
+                .@{ant-prefix}-select-tree-treenode{
                     padding-left: 7px;
                 }
-                .ant-select-tree-treenode:hover{
+                .@{ant-prefix}-select-tree-treenode:hover{
                     background-color: #f5f5f5;
                 }
-                .ant-select-tree-node-content-wrapper{
+                .@{ant-prefix}-select-tree-node-content-wrapper{
                     padding-right: var(--zaui-space-size-md);
                 }
-                .ant-select-tree-node-content-wrapper:hover{
+                .@{ant-prefix}-select-tree-node-content-wrapper:hover{
                     background-color: transparent;
                 }
-                .ant-select-tree-checkbox{
+                .@{ant-prefix}-select-tree-checkbox{
                     margin-top: var(--zaui-space-size-xs);
                     align-self: stretch;
                 }
@@ -105,7 +108,7 @@
         }
         // 数据小于10条
         &.ten-count-tree-node{
-            .ant-select-tree-switcher-noop{
+            .@{ant-prefix}-select-tree-switcher-noop{
                 width: var(--zaui-space-size-xs);
             }
         }

package/es/ProUpload/components/DragRender.js

@@ -11,7 +11,7 @@ import { DraggableUploadListItem } from './DraggableUploadListItem';
 import locale from '../../locale';
 var Dragger = _Upload.Dragger;
 var DragRender = function DragRender(props) {
-  var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5;
+  var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
   var isView = props.isView,
     baseUploadProps = props.baseUploadProps,
     disabled = props.disabled,
@@ -132,13 +132,16 @@ var DragRender = function DragRender(props) {
               children: [_jsx("i", {
                 className: "icon-upload",
                 children: _jsx(CloudUploadOutlined, {})
-              }), _jsx("p", {
+              }), _jsxs("p", {
                 className: "dragger-txt",
-                children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips
+                children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips, _jsxs("span", {
+                  className: "click-txt",
+                  children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerBtnTxt, " "]
+                })]
               })]
             }), _jsxs("p", {
               className: "file-ext",
-              children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerLimitless)]
+              children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload6 = locale.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless)]
             })]
           }), _jsx("div", {
             className: "dragger-file-show",

package/es/ProUpload/index.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * @Author: wangshengqiang
  * @Date: 2023-02-03 14:18:59
- * @LastEditTime: 2023-11-07 18:49:49
+ * @LastEditTime: 2023-11-14 18:32:13
  * @LastEditors: wangshengqiang
  * @Description: 上传控件
  */
@@ -16,6 +16,7 @@ import React, { useEffect, useState, useImperativeHandle } from 'react';
 import { isFunction } from 'lodash';
 import { PointerSensor, useSensor } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
+import { useProConfig } from '../ProConfigProvider';
 import DragRender from './components/DragRender';
 import ButtonRender from './components/ButtonRender';
 import ImageRender from './components/ImageRender';
@@ -72,6 +73,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
       distance: 10
     }
   });
+  var _ref = useProConfig('ProUpload') || {},
+    headers = _ref.headers;
+  residueProps.headers = _objectSpread(_objectSpread({}, headers), residueProps.headers);
   var extExt = accept ? accept.split(',').map(function (i) {
     return i.toLocaleUpperCase();
   }) : [];
@@ -139,9 +143,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * @description: 文件列表变化
    * @return {*}
    */
-  var handleFileChange = function handleFileChange(_ref) {
-    var file = _ref.file,
-      fileList = _ref.fileList;
+  var handleFileChange = function handleFileChange(_ref2) {
+    var file = _ref2.file,
+      fileList = _ref2.fileList;
     if (!file.status && action && !ref) {
       var nFileList = fileList.filter(function (f) {
         return f.uid !== file.uid;
@@ -210,9 +214,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return footerRender;
   };
-  var onDragEnd = function onDragEnd(_ref2) {
-    var active = _ref2.active,
-      over = _ref2.over;
+  var onDragEnd = function onDragEnd(_ref3) {
+    var active = _ref3.active,
+      over = _ref3.over;
     if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
       setFileList(function (prev) {
         var activeIndex = prev.findIndex(function (i) {

package/es/ProUpload/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-upload {
   // display: inline-flex;
 
@@ -8,7 +11,7 @@
       border-radius: var(--zaui-border-radius, 4px);
       padding      : var(--zaui-space-size-sm, 8px);
 
-      .ant-upload.ant-upload-drag {
+      .@{ant-prefix}-upload.@{ant-prefix}-upload-drag {
         background-color: var(--zaui-base-bg, #fff);
       }
 
@@ -158,8 +161,8 @@
     position: relative;
     display : inline-flex;
 
-    .ant-upload-list-picture-card-container,
-    .ant-upload-select-picture-card {
+    .@{ant-prefix}-upload-list-picture-card-container,
+    .@{ant-prefix}-upload-select-picture-card {
       width : 126px;
       height: 126px;
     }
@@ -271,7 +274,7 @@
   }
 
   .pro-upload-image {
-    .ant-space-item {
+    .@{ant-prefix}-space-item {
       display: inline-flex;
     }
 

package/es/ProViewer/index.js

@@ -8,10 +8,12 @@ import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _locale$ProViewer;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/iframe-has-title */
 import { useSetState } from 'ahooks';
 import React, { useEffect, useRef } from 'react';
+import locale from '../locale';
 // 用于解析word | excel
 var officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
 // 文件MIME类型
@@ -199,7 +201,7 @@ ProViewer.defaultProps = {
     width: '1200px',
     height: '650px',
     centered: true,
-    title: '预览',
+    title: locale === null || locale === void 0 ? void 0 : (_locale$ProViewer = locale.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
     footer: null,
     bodyStyle: {
       padding: 0

package/es/ProViewer/style/index.less

@@ -1,7 +1,10 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-viewer {
-  .ant-image {
-    .ant-image-img,
-    .ant-image-mask-info {
+  .@{ant-prefix}-image {
+    .@{ant-prefix}-image-img,
+    .@{ant-prefix}-image-mask-info {
       display: none;
     }
   }

package/es/locale/en_US.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
         save: string;
         custom: string;
         operation: string;
+        total: string;
         onlyOneLineMsg: string;
         deletePoConfirmMsg: string;
         mulDeletePoConfirmMsg: string;
@@ -134,5 +134,22 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
+    ProViewer: {
+        preview: string;
+    };
 };
 export default _default;

package/es/locale/en_US.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'The configuration config for ProAction must be data',
     defaultTitle: 'Are you sure delete it?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: 'No data',
     resetColumnWidth: 'Reset column width',
@@ -94,6 +93,7 @@ export default {
     save: 'Save',
     custom: 'Custom',
     operation: 'Operation',
+    total: '{total} items in total',
     onlyOneLineMsg: 'Please save the data first',
     deletePoConfirmMsg: 'Are you sure you want to delete this row of data?',
     mulDeletePoConfirmMsg: 'Are you sure you want to delete the selected data?'
@@ -120,12 +120,12 @@ export default {
   ProTreeModal: {
     checkMsg: 'Please check first',
     select: 'Please select',
-    input: 'please enter',
+    input: 'Please enter',
     errorArrayMessage: 'Please return a valid array',
     selectMin: 'Select at least {min}',
     selectMax: 'Select at most {max} items',
     noCheck: 'None selected yet',
-    checkAll: 'select all',
+    checkAll: 'Select all',
     check: 'selected',
     clearAll: 'Clear all',
     checkNumber: '{num} items selected',
@@ -133,5 +133,22 @@ export default {
   },
   ProTimeLimit: {
     foreverText: 'long term'
+  },
+  ProThemeTools: {
+    title: 'Global style customization ',
+    copySuccess: 'Copy success! ',
+    layout: 'Layout',
+    layoutMode: ['Compact ', 'Regular', 'Loose'],
+    themeColor: 'Theme color',
+    formLabel: 'Form label',
+    bigText: 'Large text mode',
+    flex: ['Left align ', 'Right align'],
+    switchText: ['on', 'off'],
+    tableBorder: 'Table border',
+    tableStripe: 'Table zebra',
+    reset: 'Reset'
+  },
+  ProViewer: {
+    preview: 'preview'
   }
 };

package/es/locale/zh_CN.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
         operation: string;
         noData: string;
         clickAdd: string;
+        total: string;
         onlyOneLineMsg: string;
         deletePoConfirmMsg: string;
         mulDeletePoConfirmMsg: string;
@@ -133,5 +133,22 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
+    ProViewer: {
+        preview: string;
+    };
 };
 export default _default;

package/es/locale/zh_CN.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'ProAction 配置 config 必须为数据',
     defaultTitle: '确认删除吗?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: '暂无数据',
     resetColumnWidth: '重置列宽',
@@ -68,7 +67,7 @@ export default {
     buttonText: '上传文件',
     draggerSelect: '重新选择',
     draggerDelete: '删除',
-    draggerTips: '将文件拖拽到此处，或点击上传',
+    draggerTips: '将文件拖拽到此处，或',
     draggerBtnTxt: '点击上传',
     draggerFileExt: '支持扩展名',
     draggerLimitless: '无限制',
@@ -94,6 +93,7 @@ export default {
     operation: '操作',
     noData: '暂无数据',
     clickAdd: '点击添加',
+    total: '共{total}条',
     onlyOneLineMsg: '请先保存数据',
     deletePoConfirmMsg: '您确定要删除该行数据吗？',
     mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
@@ -132,5 +132,22 @@ export default {
   },
   ProTimeLimit: {
     foreverText: '长期'
+  },
+  ProThemeTools: {
+    title: '全局样式自定义',
+    copySuccess: '复制成功！',
+    layout: '布局',
+    layoutMode: ['紧凑', '常规', '宽松'],
+    themeColor: '主题色',
+    formLabel: '表单标题',
+    bigText: '大字号模式',
+    flex: ['左对齐', '右对齐'],
+    switchText: ['开', '关'],
+    tableBorder: '表格边框',
+    tableStripe: '表格斑马纹',
+    reset: '重置'
+  },
+  ProViewer: {
+    preview: '预览'
   }
 };

package/es/style/core/compatible.less

@@ -1,27 +1,27 @@
-.ant-tabs-nav-list {
+.@{ant-prefix}-tabs-nav-list {
   overflow: auto;
 }
 
 // 兼容IE11
 @media screen and(-ms-high-contrast: active),
 (-ms-high-contrast: none) {
-  .ant-form-item-control-input-content {
+  .@{ant-prefix}-form-item-control-input-content {
     overflow: hidden;
   }
 
   // 解决popover表单压缩
-  .ant-popover {
-    .ant-form-item-control {
+  .@{ant-prefix}-popover {
+    .@{ant-prefix}-form-item-control {
       flex: auto;
     }
   }
 
-  .ant-tabs-tab {
+  .@{ant-prefix}-tabs-tab {
     display: inline-block;
   }
 
   /*  IE兼容  */
-  .ant-space {
+  .@{ant-prefix}-space {
     width: 100% !important;
   }