@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProForm/style/index.less

@@ -1,10 +1,14 @@
-@import '../components/old/EnumSelect/style/index.less';
 @import '../components/base/SwitchCheckbox/style/index.less';
-@import '../components/base/FormList/style/index.less';
+@import '../components/base/TextArea/index.less';
+@import '../components/combination/FormList/style/index.less';
 @import '../components/combination/ProTimeLimit/style/index.less';
 @import '../components/combination/ProAddressBar/style/index.less';
 @import '../components/combination/ProNumberRange/style/index.less';
 @import '../components/combination/ProModalSelect/style/index.less';
+@import '../components/combination/Group/style/index.less';
+@import '../components/combination/Container/style/index.less';
+@import '../components/old/EnumSelect/style/index.less';
+@import '../components/old/EnumSelect/style/index.less';
 
 .pro-form {
   .pro-collapse-level2 {
@@ -13,7 +17,25 @@
     }
   }
 
+  .ant-form-item-control-input {
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  span.ant-input-clear-icon {
+    display: unset;
+    visibility: hidden;
+  }
+
+  .ant-input-affix-wrapper:hover span.ant-input-clear-icon {
+    display: unset;
+    visibility: unset;
+  }
 
+  .ant-input-affix-wrapper:hover span.ant-input-clear-icon[class~='ant-input-clear-icon-hidden'] {
+    display: unset;
+    visibility: hidden;
+  }
 
   &.pro-form-view {
     .ant-form-item-label {
@@ -23,20 +45,13 @@
     }
 
     .ant-form-item {
-      margin-bottom: var(--zaui-space-size-md, 16px);
-    }
-
-    .ant-form-item * {
-      line-height: 1 !important;
-      height     : auto !important;
-      min-height : auto !important;
+      margin-bottom: 0 !important;
     }
 
     .ant-form-item {
       .ant-tree-icon-hide input {
         display: none !important;
       }
-
     }
   }
 
@@ -53,7 +68,7 @@
   // 展开折叠按钮
   .expand-button {
     line-height: 32px;
-    cursor     : pointer;
+    cursor: pointer;
 
     .rotate-to-top {
       transform: rotate(90deg);
@@ -65,21 +80,19 @@
   }
 
   .ant-form-item {
-    display: flex;
+    margin-bottom: 22px !important;
 
     .ant-form-item-tooltip {
       svg {
-        width         : 14px;
-        height        : 14px;
+        width: 14px;
+        height: 14px;
         vertical-align: bottom;
-        fill          : #909090;
+        fill: #909090;
       }
     }
 
     // 比较原始值场景下  不同时候的样式
     &.pro-form-item-changed {
-      background: #fffaa1;
-
       span.ant-input-affix-wrapper,
       .ant-select-selector,
       .ant-picker {
@@ -90,18 +103,6 @@
         }
       }
 
-      .ant-checkbox-group {
-        label:not([class~='ant-checkbox-wrapper-checked']) {
-          .ant-checkbox-inner {
-            background: #fffaa1;
-
-            input {
-              background: #fffaa1;
-            }
-          }
-        }
-      }
-
       #switch {
         background: #bfbfbf;
       }
@@ -110,7 +111,7 @@
     // 自定义label宽度场景
     &.label-width {
       .ant-form-item-label {
-        width    : auto !important;
+        width: auto !important;
         max-width: fit-content !important;
       }
     }
@@ -123,11 +124,6 @@
       display: none;
     }
 
-    &.ant-form-item-with-help {
-      transition   : none;
-      margin-bottom: 0;
-    }
-
     .ant-form-item-explain {
       height: auto;
 
@@ -136,8 +132,6 @@
       }
     }
 
-
-
     .ant-input-number {
       width: 100%;
     }
@@ -153,9 +147,9 @@
         }
 
         .range-right {
-          width                    : 100%;
-          border                   : 1px solid #d9d9d9;
-          border-top-left-radius   : 0;
+          width: 100%;
+          border: 1px solid #d9d9d9;
+          border-top-left-radius: 0;
           border-bottom-left-radius: 0;
         }
       }
@@ -168,7 +162,6 @@
 
   // 查看模式
   &.mode-view {
-
     // 查看模式样式覆盖
     .ant-input[disabled] {
       .noDisabled();
@@ -182,7 +175,7 @@
       .noDisabled();
     }
 
-    .ant-picker-input>input[disabled] {
+    .ant-picker-input > input[disabled] {
       .noDisabled();
     }
 
@@ -217,8 +210,8 @@
       }
 
       background-color: #fff;
-      cursor          : default;
-      opacity         : 1;
+      cursor: default;
+      opacity: 1;
     }
 
     .ant-radio-wrapper.ant-radio-wrapper-checked.ant-radio-wrapper-disabled {
@@ -228,10 +221,10 @@
         display: none;
       }
 
-      >span {
+      > span {
         .noDisabled();
         position: relative;
-        top     : -3px;
+        top: -3px;
       }
     }
 
@@ -246,10 +239,10 @@
         display: none;
       }
 
-      >span {
+      > span {
         .noDisabled();
         position: relative;
-        top     : -3px;
+        top: -3px;
       }
     }
 
@@ -269,7 +262,7 @@
 
     .ant-input-affix-wrapper-disabled {
       background-color: transparent;
-      border          : none;
+      border: none;
     }
 
     .ant-select-selection-placeholder {
@@ -282,7 +275,7 @@
   }
 
   .ant-form-item-label {
-    >label {
+    > label {
       white-space: pre-wrap;
     }
   }
@@ -292,16 +285,20 @@
   }
 
   .ant-form-item-has-error {
+    .group-separator {
+      color: var(--ant-error-color);
+      border-color: var(--ant-error-color);
+    }
+
     .site-input-split {
       border-color: #ff4d4f;
     }
   }
 
   .site-input-group-wrapper {
-
     // 范围值表单样式
     & .site-input-split {
-      text-align      : center;
+      text-align: center;
       background-color: #fafafa;
 
       &.site-input-split-disabled {
@@ -347,33 +344,33 @@
       }
     }
 
-    &.ant-input-group.ant-input-group-compact>*:not(:last-child) {
+    &.ant-input-group.ant-input-group-compact > *:not(:last-child) {
       margin-right: 0;
     }
 
-    >*:first-child {
-      border-top-right-radius   : 0 !important;
+    > *:first-child {
+      border-top-right-radius: 0 !important;
       border-bottom-right-radius: 0 !important;
 
-      >.ant-select-selector {
-        border-top-right-radius   : 0 !important;
+      > .ant-select-selector {
+        border-top-right-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
       }
     }
 
-    >*:last-child {
-      border-top-left-radius   : 0 !important;
+    > *:last-child {
+      border-top-left-radius: 0 !important;
       border-bottom-left-radius: 0 !important;
 
-      >.ant-select-selector {
-        border-top-left-radius   : 0 !important;
+      > .ant-select-selector {
+        border-top-left-radius: 0 !important;
         border-bottom-left-radius: 0 !important;
       }
     }
   }
 
-  .ant-input-group.ant-input-group-compact>* {
-    float         : none;
+  .ant-input-group.ant-input-group-compact > * {
+    float: none;
     vertical-align: top;
   }
 
@@ -382,28 +379,33 @@
   }
 
   .noDisabled {
-    color           : #333;
-    font-size       : 14px;
+    color: #333;
+    font-size: 14px;
     background-color: transparent;
-    border          : none;
-    cursor          : default;
-    opacity         : 1;
+    border: none;
+    cursor: default;
+    opacity: 1;
   }
 
   div.pro-form-custom-footer {
-    align-self: start;
-    width     : unset !important;
+    width: unset !important;
+    height: 32px;
+    margin-bottom: calc(var(--zaui-height-size-md, 16px) * var(--zaui-size, 1));
+
+    &.pro-form-custom-footer-hidden {
+      display: none;
+    }
   }
 
   .pro-form-view-container {
-    display   : inline-block;
+    display: inline-block;
+    color: var(--zaui-text, #343434);
     word-break: break-all;
-    color     : var(--zaui-text, #343434);
   }
 
   .pro-form-view-container_nowrap {
-    overflow     : hidden;
-    white-space  : nowrap;
+    overflow: hidden;
+    white-space: nowrap;
     text-overflow: ellipsis;
   }
 
@@ -414,4 +416,4 @@
   .delete-icon {
     width: 18px;
   }
-}
+}

package/lib/ProForm/utils/contrastOriginal.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.contrastOriginal = void 0;
 var _lodash = require("lodash");
 var nullValue = [null, undefined, '']; // 输入框空值时可能存在的三种值 视为相等
-var contrastOriginal = function contrastOriginal(name, names, originValues, currentValue, fun) {
+var contrastOriginal = exports.contrastOriginal = function contrastOriginal(name, names, originValues, currentValue, fun) {
   // 支持传入自定义比较事件
   if ((0, _lodash.isFunction)(fun)) {
     if (names === null || names === void 0 ? void 0 : names.length) {
@@ -31,5 +31,4 @@ var contrastOriginal = function contrastOriginal(name, names, originValues, curr
     return !(0, _lodash.isEqual)(currentValue, (0, _lodash.get)(originValues, name));
   }
   return false;
-};
-exports.contrastOriginal = contrastOriginal;
+};

package/lib/ProForm/utils/index.d.ts

@@ -1,7 +1,6 @@
 import { ColProps, FormProps } from 'antd';
 import { InternalNamePath, NamePath } from 'antd/es/form/interface';
 interface transProps {
-    modeFooter: boolean;
     formProps: FormProps;
     colProps: ColProps;
     [name: string]: any;
@@ -19,13 +18,31 @@ export declare const isSelect: (props: any) => any;
  * @returns {}
  */
 export declare const isTrim: (type: string, trim: boolean) => any;
+/**
+ * Input TextArea 小写自动转大写
+ * @param type 组件类型
+ * @param upperCase 是否小写转大写
+ * @returns {}
+ */
+export declare const isUpperCase: (type: string, upperCase: boolean) => any;
 export declare const weedOutProps: (data: Record<string, any>, keys: string[]) => {}[];
 export declare const contrast: (prevValues: any, curValues: any, names: NamePath[]) => boolean;
 export declare const splitNameStr: (name: string) => NamePath[];
 export declare const filterInternalFields: (values: any) => any;
 export declare const getAllNamePath: (object: Record<string, any>, currentPath?: InternalNamePath) => InternalNamePath[];
 export declare const isNullValue: (value: any) => boolean;
-export declare const isNullArray: (value: any, length: any) => boolean;
+/**
+ * 判断数组中是否包含空值 一个为空则为true
+ * @param arr 值
+ * @returns boole
+ */
+export declare const isNotFullArray: (arr: any, length: any) => boolean;
+/**
+ * 判断数组中值是否都为空 全部为空则为true
+ * @param arr 值
+ * @returns boole
+ */
+export declare const isNullArray: (arr: any) => boolean;
 export declare function toArray<T>(value?: T | T[] | null): T[];
 /**
  * names值合并
@@ -59,4 +76,12 @@ export declare const view: (obj: any) => boolean;
  * @returns 位数
  */
 export declare const getDecimalDigits: (num: number) => number;
+export declare const deleteForPath: (values: any, namePath: string | number | (string | number)[]) => void;
+/**
+ * 获取树状结构option
+ * @param treeData 树数据源
+ * @param value 选中值
+ * @returns {}
+ */
+export declare const findOptionByValue: (treeData: any[], value: string | number) => any;
 export {};