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

package/README.md

@@ -91,3 +91,10 @@ render(<App />, document.getElementById('root'));
 4. release: "yarn build:types & yarn build:es && yarn build:lib && npm publish" 打包 3 个文件进行发布
 5. 执行 yarn build 成功
 6. 执行 yarn release
+
+
+### 发布
+
+npm publish --registry https://registry.npmjs.org --access=public
+
+

package/dist/index.esm.css

@@ -789,14 +789,14 @@
 }
 .pro-footer {
   position: fixed;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  z-index: 101;
   width: 100%;
-  padding: var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+  padding: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) var(--zaui-space-size-lg, 32px);
   background: var(--zaui-base-bg, #ffffff);
   -webkit-box-shadow: 3px 2px 12px 0 hsla(0, 0%, 59.2%, 0.32);
           box-shadow: 3px 2px 12px 0 hsla(0, 0%, 59.2%, 0.32);
-  z-index: 101;
 }
 .back-button-container.ant-btn {
   color: var(--zaui-text);
@@ -817,7 +817,10 @@
 }
 .pro-header {
   background-color: var(--zaui-base-bg, #ffffff);
-  padding: 24px 0 0 0;
+  padding: 16px 0 0 0 !important;
+}
+.pro-header.pro-header-no-back.pro-header-has-describe .pro-header-top {
+  padding-left: var(--zaui-space-size-md, 16px);
 }
 .pro-header.pro-header-no-back .pro-header-top {
   padding-left: 0;
@@ -905,6 +908,10 @@
 }
 .pro-header .ant-breadcrumb .ant-breadcrumb-link {
   font-size: var(--zaui-font-size-xl, 18px);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 .pro-header .ant-breadcrumb .ant-breadcrumb-separator {
   font-weight: 500;
@@ -1509,7 +1516,7 @@
   width: 48px;
 }
 .pro-tabs .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
-  padding: 0;
+  padding: 0 !important;
 }
 .pro-tabs .ant-tabs-top > .ant-tabs-nav::before,
 .pro-tabs .ant-tabs-bottom > .ant-tabs-nav::before,
@@ -1529,7 +1536,7 @@
 }
 .pro-tabs .pro-tabs-card {
   width: 200px;
-  padding: 14px 16px 14px 24px;
+  padding: calc(9px * var(--zaui-size, 1)) 16px calc(9px * var(--zaui-size, 1)) 24px;
   border: 1px solid var(--zaui-line, #dddddd);
   border-left: none;
 }
@@ -1538,14 +1545,14 @@
   text-shadow: none;
 }
 .pro-tabs .pro-tabs-card .pro-tabs-card-left .pro-tabs-card-left-total {
-  font-size: var(--zaui-font-size-lg-title, 24px);
-  font-weight: 600;
   color: var(--zaui-text, #343434);
+  font-weight: 600;
+  font-size: var(--zaui-font-size-lg-title, 24px);
 }
 .pro-tabs .pro-tabs-card .pro-tabs-card-left .pro-tabs-card-left-label {
-  font-size: var(--zaui-font-size, 14px);
-  font-weight: 400;
   color: var(--aui-text, #343434);
+  font-weight: 400;
+  font-size: var(--zaui-font-size, 14px);
 }
 .pro-tabs .pro-tabs-card .pro-tabs-card-right {
   display: -webkit-box;
@@ -1557,9 +1564,9 @@
   width: 48px;
 }
 .pro-tabs-tab .pro-tabs-card .ant-tag {
-  border-radius: 10px;
-  padding: 0 var(--zaui-space-size-xs, 4px);
   margin-right: 0;
+  padding: 0 var(--zaui-space-size-xs, 4px);
+  border-radius: 10px;
 }
 .pro-tabs-tab .pro-tabs-card .ant-space-item {
   display: -webkit-box;
@@ -1618,6 +1625,10 @@
 .pro-table .custom-column-btn .anticon {
   height: 16px;
 }
+.pro-table .ant-table-tbody .ant-table-cell-fix-left,
+.pro-table .ant-table-tbody .ant-table-cell-fix-right {
+  background: unset !important;
+}
 .pro-table .ant-table-body .ant-table-cell .varied-cell {
   margin-left: -8px;
   background: var(--zaui-contract-bg, #fffaa1);
@@ -1722,9 +1733,18 @@
 .pro-table .column-config .right-actions .custom-column-btn {
   margin-left: var(--zaui-space-size-sm, 8px);
 }
-.pro-table .ant-empty .ant-empty-image {
+.pro-table .pro-table-empty {
+  margin: var(--zaui-space-size-lg, 32px) 0;
+  color: rgba(0, 0, 0, 0.25);
+  font-size: var(--zaui-font-size-md, 14px);
+  text-align: center;
+}
+.pro-table .pro-table-empty .empty-image {
   height: 80px;
 }
+.pro-table .pro-table-empty .empty-image img {
+  height: 100%;
+}
 .pro-table .ant-table .ant-table-thead > tr > th {
   border-bottom: 0;
   white-space: nowrap;
@@ -1926,10 +1946,6 @@ div.pro-textarea-view::after {
   display: flex;
   padding-bottom: 0;
 }
-.pro-form-list.pro-form-list-last .pro-form-list-drag-handle,
-.pro-form-list.pro-form-list-last .ant-form-item {
-  margin-bottom: 0 !important;
-}
 .pro-form-list .single-delete {
   width: 14px !important;
   height: 14px !important;
@@ -1967,6 +1983,7 @@ div.pro-textarea-view::after {
 }
 .pro-form-list-line {
   padding: var(--zaui-height-size-md, 16px);
+  padding-bottom: 0;
 }
 .pro-form-list-line:hover {
   background: rgba(0, 0, 0, 0.018);
@@ -2125,7 +2142,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-modal-select .ant-input-group-wrapper:hover .close-icon > span,
 .pro-tree-modal .ant-input-group-wrapper:hover .close-icon > span {
   position: relative;
-  font-size: var(--zaui-font-size, 14px);
+  font-size: 10px;
   border: none;
   border-radius: 50%;
 }
@@ -2139,6 +2156,23 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-group-addon {
   border-color: var(--zaui-brand-hover, #3387ff);
 }
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled {
+  border-color: #d9d9d9;
+}
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled + span,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span {
+  border-color: #d9d9d9;
+}
+.pro-modal-select .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon,
+.pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
+  display: none;
+}
+.pro-modal-select .pro-tree-modal-input-appoint .ant-input,
+.pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input,
 .pro-tree-modal .ant-input-group-wrapper-status-error:hover .ant-input,
 .pro-modal-select .ant-input-group-wrapper-status-error:hover .ant-input-group-addon,
@@ -2419,8 +2453,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  margin-bottom: 0;
   height: auto;
+  margin-bottom: 0;
   padding-top: 6px;
 }
 .pro-form.ant-form-vertical .pro-form-custom-footer .ant-space-align-center {
@@ -2505,13 +2539,23 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .ant-form-item.pro-form-item-changed span.ant-input-affix-wrapper,
 .pro-form .ant-form-item.pro-form-item-changed .ant-select-selector,
 .pro-form .ant-form-item.pro-form-item-changed .ant-picker {
-  background: var(--zaui-contract-bg, #fffaa1);
+  background: var(--zaui-contract-bg, #fffaa1) !important;
 }
 .pro-form .ant-form-item.pro-form-item-changed span.ant-input-affix-wrapper input,
 .pro-form .ant-form-item.pro-form-item-changed .ant-select-selector input,
 .pro-form .ant-form-item.pro-form-item-changed .ant-picker input {
   background: var(--zaui-contract-bg, #fffaa1);
 }
+.pro-form .ant-form-item.pro-form-item-changed span.ant-input-affix-wrapper .ant-select-selection-placeholder,
+.pro-form .ant-form-item.pro-form-item-changed .ant-select-selector .ant-select-selection-placeholder,
+.pro-form .ant-form-item.pro-form-item-changed .ant-picker .ant-select-selection-placeholder {
+  z-index: 9;
+}
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > span {
+  background: var(--zaui-contract-bg, #fffaa1);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
 .pro-form .ant-form-item .ant-row {
   width: 100%;
 }
@@ -3778,7 +3822,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   fill: var(--zaui-aide-text, #909090);
 }
 .pro-drawer .pro-drawer-close .close-icon:hover {
-  fill: var(--zaui-brand-active, #005AD9);
+  fill: var(--zaui-brand-active, #005ad9);
 }
 .pro-drawer .pro-drawer-close .close-icon > div {
   height: 20px;
@@ -3829,7 +3873,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   left: 0;
   z-index: 101;
   width: 100%;
-  padding: var(--zaui-space-size-md, 16px) var(--zaui-space-size-lg, 32px);
+  padding: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) var(--zaui-space-size-lg, 32px);
   background-color: var(--zaui-global-bg, #fff);
   -webkit-box-shadow: 8px 2px 8px 0 var(--zaui-shadow, rgba(56, 56, 56, 0.15));
           box-shadow: 8px 2px 8px 0 var(--zaui-shadow, rgba(56, 56, 56, 0.15));
@@ -3891,10 +3935,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   z-index: 1;
 }
 .pro-modal-scrolling .ant-modal-header {
-  -webkit-box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
-          box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
   position: relative;
   z-index: 1;
+  -webkit-box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
+          box-shadow: -12px 14px 14px -18px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
 }
 .pro-modal-footer-shadow .ant-modal-footer {
   position: relative;
@@ -4099,7 +4143,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table-tbody > .ant-table-placeholder > td {
   background-color: var(--zaui-base-bg, #ffffff);
 }
-.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder) > td,
+.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,
+.pro-edit-table .ant-table-tbody .ant-table-row-hover,
+.pro-edit-table .ant-table-tbody .ant-table-row-hover > td {
+  background: #FAFAFA;
+}
+.pro-edit-table .ant-table-tbody > tr:hover:not(.ant-table-placeholder) > td,
 .pro-edit-table .ant-table-tbody .ant-table-row-hover,
 .pro-edit-table .ant-table-tbody .ant-table-row-hover > td {
   background: #FAFAFA;
@@ -4894,11 +4943,11 @@ input[type='button'] {
   -webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
       -ms-flex: 0 0 var(--zaui-form-label-width, 130px);
           flex: 0 0 var(--zaui-form-label-width, 130px);
+  padding-right: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
   overflow: initial;
   line-height: 1;
-  text-align: var(--zaui-form-align, left);
   white-space: pre-wrap;
-  padding-right: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
+  text-align: var(--zaui-form-align, left);
 }
 .ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::after,
 .ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::after,
@@ -4913,8 +4962,8 @@ input[type='button'] {
 .ant-form .ant-form-item .ant-form-item-label > label::after,
 .ant-drawer .ant-form-item .ant-form-item-label > label::after,
 .ant-modal .ant-form-item .ant-form-item-label > label::after {
-  margin: 0;
   display: none;
+  margin: 0;
 }
 .ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::before,
 .ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::before,
@@ -4984,6 +5033,9 @@ input[type='button'] {
   font-size: calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px));
   color: var(--zaui-text, #464646);
 }
+.ant-table .ant-empty-normal {
+  margin: calc(var(--zaui-space-size-lg, 32px) * var(--zaui-size, 1)) 0;
+}
 .ant-table.pro-table-no-stripe .ant-table-tbody .ant-table-row {
   background: #fff !important;
 }
@@ -5047,11 +5099,22 @@ input[type='button'] {
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td {
   background: var(--zaui-table-strip-bg, #fafafa);
 }
+.ant-table table .ant-table-thead > tr > th,
+.ant-table table .ant-table-tbody > tr > td,
+.ant-table table .ant-table tfoot > tr > th,
+.ant-table table .ant-table tfoot > tr > td {
+  padding: calc(4px + var(--zaui-size) * 8px);
+}
+.ant-table table .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
+.ant-table table .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
+  margin-top: calc(var(--zaui-size) * -16px);
+  margin-bottom: calc(var(--zaui-size) * -16px);
+}
 .ant-table.ant-table-scroll-horizontal table .ant-table-thead > tr > th,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody > tr > td,
 .ant-table.ant-table-scroll-horizontal table .ant-table tfoot > tr > th,
 .ant-table.ant-table-scroll-horizontal table .ant-table tfoot > tr > td {
-  padding: calc(5px + var(--zaui-size) * 8px) 16px;
+  padding: calc(4px + var(--zaui-size) * 8px);
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) {
   background-color: var(--zaui-table-strip-bg, #fafafa);
@@ -5078,31 +5141,31 @@ input[type='button'] {
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td.ant-table-cell-fix-right,
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td.ant-table-cell-fix-left {
-  background-color: #fff;
+  background-color: #fff !important;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(even) td {
   background-color: #fff;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(odd) {
-  background-color: var(--zaui-table-strip-bg, #fafafa);
+  background-color: var(--zaui-table-strip-bg, #fafafa) !important;
 }
 .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .ant-table-row:nth-child(odd) td {
-  background-color: var(--zaui-table-strip-bg, #fafafa);
+  background-color: var(--zaui-table-strip-bg, #fafafa) !important;
 }
 .ant-table .ant-table-cell .ant-btn-link {
-  padding: 0;
   height: auto;
+  padding: 0;
   -webkit-user-select: text;
      -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
 .ant-table .ant-table-cell a {
+  color: var(--zaui-brand, #006aff);
   -webkit-user-select: text;
      -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
-  color: var(--zaui-brand, #006aFF);
 }
 .ant-table.ant-table-fixed-header .ant-table-tbody .ant-table-row:nth-child(even) td {
   background: #ffffff !important;
@@ -5118,13 +5181,13 @@ input[type='button'] {
   color: var(--zaui-text, #464646);
 }
 .ant-tabs .ant-tabs-nav-list.ant-tabs-card .ant-tabs-tab {
-  padding: 8px var(--zaui-space-size-md, 16px);
   margin-right: 10px;
+  padding: 8px var(--zaui-space-size-md, 16px);
 }
 .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
   font-size: calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px));
-  padding: 12px var(--zaui-space-size-md, 16px);
   margin-left: 0;
+  padding: 12px var(--zaui-space-size-md, 16px);
 }
 .ant-tabs .ant-tabs-nav {
   margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
@@ -5132,6 +5195,10 @@ input[type='button'] {
 .ant-tabs .ant-tabs-nav .ant-tabs-tab-btn {
   font-size: var(--zaui-font-size-lg, 16px);
 }
+.ant-tabs.ant-tabs-card .ant-tabs-tab {
+  margin-right: 10px !important;
+  padding: 8px calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
+}
 .ant-tabs.ant-tabs-card .ant-tabs-nav .ant-tabs-tab-btn {
   font-size: var(--zaui-font-size, 14px);
 }
@@ -5160,7 +5227,7 @@ input[type='button'] {
 .ant-btn.ant-btn-link[disabled]:hover,
 .ant-btn.ant-btn-link[disabled]:focus,
 .ant-btn.ant-btn-link[disabled]:active {
-  color: #BCBCBC;
+  color: #bcbcbc;
   text-shadow: none;
   background: none;
   border-color: none;
@@ -5363,10 +5430,10 @@ input[type='button'] {
   position: absolute;
   right: 16px;
   bottom: 1px;
-  margin-bottom: 0;
-  background: #fff;
   width: calc(100% - 18px);
+  margin-bottom: 0;
   text-align: right;
+  background: #fff;
 }
 .ant-space.ant-space-vertical {
   display: -webkit-box;

package/es/ProAction/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-action-view-tile {
   margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   color        : #666;

package/es/ProDownload/index.js

@@ -1,16 +1,17 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["source", "action", "url", "method", "params", "fileName", "headers", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
+var _excluded = ["source", "action", "url", "method", "params", "fileName", "children", "onFinish", "beforeDownload", "className", "transformResponse"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSetState } from 'ahooks';
 import classNames from 'classnames';
 import _, { isFunction } from 'lodash';
 import { BlobMakeFile, DownloadRequest } from './utils';
+import { useProConfig } from '../ProConfigProvider';
 var ProDownload = function ProDownload(props) {
   var source = props.source,
     action = props.action,
@@ -18,7 +19,6 @@ var ProDownload = function ProDownload(props) {
     method = props.method,
     params = props.params,
     fileName = props.fileName,
-    headers = props.headers,
     children = props.children,
     onFinish = props.onFinish,
     beforeDownload = props.beforeDownload,
@@ -31,8 +31,11 @@ var ProDownload = function ProDownload(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     loading = _useSetState2[0].loading,
     setState = _useSetState2[1];
+  var _ref = useProConfig('ProDownload') || {},
+    headers = _ref.headers;
+  defaultProps.headers = _objectSpread(_objectSpread({}, headers), defaultProps.headers);
   var handDownload = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _params;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -87,7 +90,7 @@ var ProDownload = function ProDownload(props) {
             return DownloadRequest({
               url: url || action,
               method: method,
-              headers: headers,
+              headers: defaultProps.headers,
               params: _params,
               transformResponse: transformResponse,
               fileName: fileName,
@@ -116,7 +119,7 @@ var ProDownload = function ProDownload(props) {
       }, _callee, null, [[14, 19, 23, 26]]);
     }));
     return function handDownload() {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var cls = classNames(className, {

package/es/ProDownload/style/index.less

@@ -1,7 +1,10 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-download {
 
-  &.ant-btn-link,
-  &.ant-btn-text {
+  &.@{ant-prefix}-btn-link,
+  &.@{ant-prefix}-btn-text {
     padding: 0;
   }
 }