@zat-design/sisyphus-react 4.2.0-beta.3 → 4.2.0-beta.4

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

@@ -3,46 +3,46 @@ import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
 export type levelType = '1' | '2' | '3';
 export interface TitleListType {
     /**
-    * @description       描述的标题
-    * @default           -
-    */
+     * @description       描述的标题
+     * @default           -
+     */
     label: string;
     /**
-    * @description       描述的值
-    * @default           -
-    */
+     * @description       描述的值
+     * @default           -
+     */
     value: string | number | undefined | React.ReactNode;
 }
 export interface ProCollapseType {
     /**
-    * @description       折叠头部标题
-    * @default           -
-    */
+     * @description       折叠头部标题
+     * @default           -
+     */
     title?: string | React.ReactNode;
     /**
-   * @description       展开收起状态
-   * @default           false
-   */
+     * @description       展开收起状态
+     * @default           false
+     */
     collapsed?: boolean;
     /**
-    * @description     自动适应窗口大小
-    * @default           -
-    */
+     * @description     自动适应窗口大小
+     * @default           -
+     */
     autoHeight?: boolean;
     /**
-   * @description       标题前图标
-   * @default           -
-   */
+     * @description       标题前图标
+     * @default           -
+     */
     icon?: React.ReactNode | boolean;
     /**
-    * @description       折叠头部多个标题
-    * @default           []
-    */
+     * @description       折叠头部多个标题
+     * @default           []
+     */
     titleList?: TitleListType[];
     /**
-    * @description       id用于锚点定位
-    * @default           -
-    */
+     * @description       id用于锚点定位
+     * @default           -
+     */
     id?: string;
     /**
      * @description       内容区域样式
@@ -50,9 +50,9 @@ export interface ProCollapseType {
      */
     contentStyle?: CSSProperties;
     /**
-    * @description       折叠等级
-    * @default           1
-    */
+     * @description       折叠等级
+     * @default           1
+     */
     level?: levelType;
     /**
      * @description       二级折叠是否带收起
@@ -65,34 +65,34 @@ export interface ProCollapseType {
      */
     threeCollapse?: boolean;
     /**
-    * @description      标题右侧扩展信息
-    * @default           -
-    */
+     * @description      标题右侧扩展信息
+     * @default           -
+     */
     extra?: React.ReactNode;
     /**
-    * @description      当有titleList显示的换行的数量
-    * @default           3
-    */
+     * @description      当有titleList显示的换行的数量
+     * @default           3
+     */
     column?: number;
     /**
-   * @description      一级标题是否默认折叠
-   * @default           false
-   */
+     * @description      一级标题是否默认折叠
+     * @default           false
+     */
     folding?: boolean;
     /**
-   * @description      控制折叠面板展开状态
-   * @default           -
-   */
+     * @description      控制折叠面板展开状态
+     * @default           -
+     */
     open?: boolean;
     /**
-  * @description      antd Collapse属性
-  * @default           -
-  */
+     * @description      antd Collapse属性
+     * @default           -
+     */
     collapseProps?: CollapseProps;
     /**
-  * @description      antd  CollapsePanel属性
-  * @default           -
-  */
+     * @description      antd  CollapsePanel属性
+     * @default           -
+     */
     collapsePanelProps?: CollapsePanelProps;
     [key: string]: any;
 }

package/es/ProLayout/components/ProCollapse/style/index.less

@@ -1,22 +1,22 @@
 @import '../../../../style/variables.less';
 
 .pro-collapse {
-  .pro-collapse-icon{
+  .pro-collapse-icon {
     max-width: 18px;
     min-width: 16px;
-    img{
+    img {
       vertical-align: sub;
     }
   }
 
   &.pro-collapse-no-title {
-    &>.pro-collapse-panel{
-      &>.@{ant-prefix}-collapse-header {
+    & > .pro-collapse-panel {
+      & > .@{ant-prefix}-collapse-header {
         display: none !important;
       }
     }
-   
-    .pro-collapse-level2{
+
+    .pro-collapse-level2 {
       .@{ant-prefix}-collapse-header {
         display: flex !important;
       }
@@ -67,7 +67,7 @@
 
   &.pro-collapse-level2 {
     background: var(--zaui-base-bg, #ffffff);
-    .pro-collapse-panel{
+    .pro-collapse-panel {
       margin-bottom: 0;
     }
     .@{ant-prefix}-collapse-header {
@@ -106,7 +106,7 @@
 
     .pro-collapse-level2-collapse {
       margin-bottom: var(--zaui-space-size-md, 16px);
-      &.@{ant-prefix}-collapse-item-active{
+      &.@{ant-prefix}-collapse-item-active {
         margin-bottom: 0;
       }
       .@{ant-prefix}-collapse-header {
@@ -114,7 +114,7 @@
         border-bottom: 1px solid #dee0e3;
         margin: 0 -8px;
         border-radius: 0 !important;
-        .@{ant-prefix}-collapse-arrow{
+        .@{ant-prefix}-collapse-arrow {
           right: 8px;
         }
       }
@@ -153,7 +153,7 @@
       .@{ant-prefix}-collapse-expand-icon {
         display: none;
       }
-      .pro-collapse-content{
+      .pro-collapse-content {
         padding: var(--zaui-space-size-sm, 8px) 0 !important;
       }
     }
@@ -166,7 +166,7 @@
   }
 
   &.pro-collapse-list {
-    .@{ant-prefix}-descriptions-view{
+    .@{ant-prefix}-descriptions-view {
       margin: 0 -8px;
     }
     .@{ant-prefix}-descriptions-row > th,
@@ -205,13 +205,12 @@
         font-size: var(--zaui-font-size, 14px);
       }
     }
-
   }
 
   &.pro-collapse-level3 {
     margin-bottom: var(--zaui-space-size-md, 16px);
 
-    .pro-collapse-level2{
+    .pro-collapse-level2 {
       margin-top: 8px !important;
       .pro-collapse-panel {
         border: none !important;
@@ -219,15 +218,15 @@
       .@{ant-prefix}-collapse-header {
         height: auto !important;
         background: #fff !important;
-        &:hover{
+        &:hover {
           background: #fff !important;
         }
         .@{ant-prefix}-collapse-title {
-          &:before{
+          &:before {
             display: block;
           }
         }
-  
+
         .@{ant-prefix}-collapse-extra {
           .extra-info {
             font-size: var(--zaui-font-size, 14px);
@@ -235,17 +234,16 @@
           }
         }
       }
-      .@{ant-prefix}-collapse-content{
-        .@{ant-prefix}-collapse-body{
-          .pro-collapse-content{
+      .@{ant-prefix}-collapse-content {
+        .@{ant-prefix}-collapse-body {
+          .pro-collapse-content {
             padding: var(--zaui-space-size-sm, 8px) 0 !important;
           }
         }
       }
-     
     }
-   
-    .@{ant-prefix}-collapse-item-active{
+
+    .@{ant-prefix}-collapse-item-active {
       margin-bottom: 0 !important;
     }
     .pro-collapse-panel {
@@ -253,15 +251,15 @@
       margin-bottom: var(--zaui-space-size-md, 16px);
       overflow: hidden;
       border-radius: 8px !important;
-      
+
       &:last-child {
         margin-bottom: 0;
         border-bottom: 1px solid #d9d9d9;
       }
     }
 
-    .pro-collapse-level3-no-collapse{
-      .@{ant-prefix}-collapse-header{
+    .pro-collapse-level3-no-collapse {
+      .@{ant-prefix}-collapse-header {
         padding: 0 !important;
       }
     }
@@ -269,7 +267,7 @@
     .@{ant-prefix}-collapse-header {
       height: 48px !important;
       padding: 0 var(--zaui-space-size-md, 16px) !important;
-      background: #F8F8F8 !important;
+      background: #f8f8f8 !important;
       border-radius: 8px;
       align-items: center !important;
       justify-content: center !important;
@@ -282,7 +280,7 @@
         font-weight: 500;
         color: var(--zaui-text, #343434);
         padding-left: 16px !important;
-        &:before{
+        &:before {
           display: none;
         }
       }
@@ -311,7 +309,7 @@
         color: #999;
         margin-right: 8px;
       }
-      
+
       .@{ant-prefix}-collapse-header {
         cursor: pointer;
         padding: 0 !important;
@@ -326,7 +324,7 @@
       .@{ant-prefix}-collapse-expand-icon {
         display: none !important;
       }
-      
+
       .@{ant-prefix}-collapse-header {
         cursor: default;
       }
@@ -340,14 +338,14 @@
       > .arrow {
       color: var(--zaui-text, #343434);
       cursor: default;
-      background: #F8F8F8 !important;
+      background: #f8f8f8 !important;
     }
   }
   // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
- .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
+  .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
     padding: var(--zaui-space-size-md, 16px) !important;
     padding-right: 0 !important;
-  } 
+  }
   // 修复maxTagCount时"+ N..."区域的hover问题. 解决antd多选Select的input元素遮挡"+ N..."区域导致无法触发hover事件的问题
   .@{ant-prefix}-select-selection-overflow-item-rest {
     position: relative;

package/es/ProLayout/components/ProFooter/style/index.less

@@ -1,4 +1,3 @@
-
 .pro-footer {
   position: fixed;
   right: 0;

package/es/ProLayout/components/ProHeader/PropTypes.d.ts

@@ -131,9 +131,9 @@ export interface ProHeaderType {
      */
     breadcrumbList?: BreadcrumbColumnType[];
     /**
-   * @description      面包屑配置数据
-   * @default           -
-   */
+     * @description      面包屑配置数据
+     * @default           -
+     */
     breadcrumbColumns?: BreadcrumbColumnType[];
     /**
      * @description 是否隐藏溢出
@@ -146,51 +146,51 @@ export interface ProHeaderType {
      */
     actionRender?: React.ReactNode | React.ReactNode[];
     /**
-    * @description      次级描述数据源配置
-    * @deprecated        将于下个版本 4.0.0 被弃用
-    * @default           -
-    */
+     * @description      次级描述数据源配置
+     * @deprecated        将于下个版本 4.0.0 被弃用
+     * @default           -
+     */
     describeList?: SubDescribeColumnType[];
     /**
-    * @description      主要描述数据源配置
-    * @default           -
-    */
+     * @description      主要描述数据源配置
+     * @default           -
+     */
     describeColumns?: DescribeColumnType[];
     /**
-    * @description      次级描述数据源配置
-    * @default           -
-    */
+     * @description      次级描述数据源配置
+     * @default           -
+     */
     subDescribeColumns?: SubDescribeColumnType[];
     /**
-    * @description      次级描述是否展开
-    * @default           -
-    */
+     * @description      次级描述是否展开
+     * @default           -
+     */
     collapsed?: boolean;
     /**
-    * @description      固定悬浮顶部距离
-    * @default           -
-    */
+     * @description      固定悬浮顶部距离
+     * @default           -
+     */
     fixedTop?: string | number;
     /**
-    * @description      是否显示返回按钮
-    * @default           -
-    */
+     * @description      是否显示返回按钮
+     * @default           -
+     */
     showBack?: boolean;
     showShadow?: boolean;
     /**
-    * @description      自动返回
-    * @default           2
-    */
+     * @description      自动返回
+     * @default           2
+     */
     autoBack?: number;
     /**
-    * @description      是否开启返回提示
-    * @default           false
-    */
+     * @description      是否开启返回提示
+     * @default           false
+     */
     isConfirmBack?: boolean;
     /**
-    * @description      返回时二次确认弹框的属性
-    * @default           -
-    */
+     * @description      返回时二次确认弹框的属性
+     * @default           -
+     */
     isConfirmBackModalProps?: ModalProps;
     /**
      * @description      层级

package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less

@@ -2,22 +2,22 @@
 
 .back-button-container {
   &.@{ant-prefix}-btn {
-    color      : var(--zaui-text);
+    color: var(--zaui-text);
     font-weight: 400;
-    background : var(--zaui-disabled-bg) !important;
-    border     : none !important;
+    background: var(--zaui-disabled-bg) !important;
+    border: none !important;
 
     &:hover {
-      color     : var(--zaui-aide-text) !important;
+      color: var(--zaui-aide-text) !important;
       background: var(--zaui-disabled-bg) !important;
-      border    : none !important;
+      border: none !important;
     }
 
     &:active,
     &:focus {
-      color      : var(--zaui-text) !important;
+      color: var(--zaui-text) !important;
       font-weight: 400;
-      background : var(--zaui-disabled-bg) !important;
+      background: var(--zaui-disabled-bg) !important;
     }
   }
 }

package/es/ProLayout/components/ProHeader/style/index.less

@@ -49,7 +49,7 @@
     a {
       color: var(--zaui-link, #006aff);
     }
-    .pro-header-describe-items-calc{
+    .pro-header-describe-items-calc {
       position: relative;
     }
     &.pro-header-describe-hidden {
@@ -62,16 +62,16 @@
       .pro-header-describe-label {
         font-weight: normal;
       }
-      .pro-header-describe-value{
+      .pro-header-describe-value {
         font-weight: 600;
-        .@{ant-prefix}-space-item{
+        .@{ant-prefix}-space-item {
           font-weight: 600;
         }
-        .pro-header-describe-items{
-          span:first-child{
+        .pro-header-describe-items {
+          span:first-child {
             margin-right: 2px;
           }
-          .pro-header-describe-items-omit{
+          .pro-header-describe-items-omit {
             position: absolute;
             right: 0;
             background: #fff;
@@ -378,7 +378,6 @@
         }
       }
 
-
       span {
         color: #0a0a0a;
         font-weight: 400;
@@ -400,9 +399,9 @@
   }
 }
 
-.pro-header-describe-items-tip{
+.pro-header-describe-items-tip {
   max-width: 600px;
-  .pro-header-describe-items-tip-value{
+  .pro-header-describe-items-tip-value {
     margin-bottom: var(--zaui-space-size-sm, 8px);
   }
 }

package/es/ProLayout/components/TabsManager/style/index.less

@@ -30,13 +30,13 @@
       background: transparent;
       pointer-events: none;
       z-index: 1;
-      box-shadow: 1px 2px 4px 1px rgba(0, 55, 93, .2);
+      box-shadow: 1px 2px 4px 1px rgba(0, 55, 93, 0.2);
     }
 
-    .pro-layout-tab-icon {  
+    .pro-layout-tab-icon {
       display: none !important;
     }
-    .@{ant-prefix}-tabs-nav-list{
+    .@{ant-prefix}-tabs-nav-list {
       overflow: initial;
     }
 
@@ -70,7 +70,6 @@
   }
 
   &-content {
-
     .tab-pane {
       &.hidden {
         display: none;
@@ -134,7 +133,7 @@
       padding: 0 !important;
       margin: 0 !important;
       background: transparent !important;
-      border: none ;
+      border: none;
       border-radius: 0 !important;
       cursor: pointer;
       transition: none; // 由内部 TabItemComponent 处理过渡
@@ -160,7 +159,7 @@
     .@{ant-prefix}-tabs-tab-active {
       background: transparent !important;
       border: none !important;
-      .pro-layout-tab-item{
+      .pro-layout-tab-item {
         border-color: transparent !important;
       }
 
@@ -173,7 +172,6 @@
     .@{ant-prefix}-tabs-ink-bar {
       display: none !important;
     }
-
   }
 }
 
@@ -284,14 +282,14 @@
   }
 }
 
-.pro-layout-tabs-dropdown-menu{
-  .@{ant-prefix}-tabs-dropdown-menu-item-remove{
+.pro-layout-tabs-dropdown-menu {
+  .@{ant-prefix}-tabs-dropdown-menu-item-remove {
     display: none !important;
   }
-  .pro-layout-tab-icon{
+  .pro-layout-tab-icon {
     display: none !important;
   }
-  .pro-layout-tab-content{
+  .pro-layout-tab-content {
     width: 100%;
   }
 }