@zgfe/business-lib 1.2.70-hxd.9 → 1.2.71-hxd.1

package/es/select/index.d.ts

@@ -2,5 +2,8 @@ import React, { PropsWithChildren } from 'react';
 import './styles/index.less';
 import { BizSelectTypes } from './types';
 export declare const classPrefix = "biz-select";
-declare const BizSelect: React.FC<PropsWithChildren<BizSelectTypes.Props>>;
+type FCWithDefaultProps<P> = React.FC<P> & {
+    defaultProps?: Partial<P>;
+};
+declare const BizSelect: FCWithDefaultProps<PropsWithChildren<BizSelectTypes.Props>>;
 export default BizSelect;

package/es/select/option.js

@@ -71,7 +71,7 @@ var SelectOption = function SelectOption(props) {
     });
   }
   function renderLabel(option) {
-    var dom = getLabel(option[props.aliasField || ''] || option[props.labelField]);
+    var dom = getLabel((option === null || option === void 0 ? void 0 : option.replaceLabel) || option[props.aliasField || ''] || option[props.labelField]);
     return customLabel ? customLabel(dom, option) : dom;
   }
   if (group) {

package/es/select/overlay.js

@@ -98,7 +98,7 @@ var SelectOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var tempOption = null;
     var useTemp = true;
     list.forEach(function (option) {
-      if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test(option[aliasField || ''] || option[labelField])) return;
+      if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test((option === null || option === void 0 ? void 0 : option.replaceLabel) || option[aliasField || ''] || option[labelField])) return;
       if (searchValue && searchValue === option[labelField] && !option.isTemp) useTemp = false;
       var disabled = false;
       disableItemList === null || disableItemList === void 0 ? void 0 : disableItemList.forEach(function (item) {
@@ -197,7 +197,7 @@ var SelectOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-overlay ").concat(overlayClassName),
     ref: ref
-  }, props.enableSearch && !props.multiple && /*#__PURE__*/React.createElement(BizSearchInput, {
+  }, props.enableSearch && /*#__PURE__*/React.createElement(BizSearchInput, {
     className: "".concat(classPrefix, "-search"),
     onChange: onSearch,
     placeholder: props.searchPlaceholder || '请输入'

package/es/select/styles/handle.less

@@ -1,193 +1,206 @@
-@import '../../assets/styles/inner.less';
-
-.biz-select-handle {
-  &-input {
-    position: relative;
-    display: flex;
-    flex: 1;
-    padding: 0px 6px 0 8px;
-    &.disable {
-      .__disable();
-      .bsicon {
-        color: @disabled-color;
-      }
-    }
-
-    .__select-default();
-
-    &.secondary {
-      .__select-normal-secondary();
-    }
-
-    &.borderless {
-      border: none;
-    }
-
-    &.large {
-      height: @height-lg;
-      font-size: @font-size-lg;
-      line-height: @height-lg;
-    }
-
-    &.small {
-      height: @height-sm;
-      line-height: @height-sm;
-    }
-
-    &.middle {
-      height: @height-base;
-      line-height: @height-base;
-    }
-  }
-
-  &-input-multiple {
-    display: flex;
-    align-items: center;
-    height: auto;
-    line-height: 1;
-    &.small {
-      height: auto;
-      min-height: @height-sm;
-    }
-
-    &.middle {
-      height: auto;
-      min-height: @height-base;
-    }
-    .biz-select-handle-tag {
-      display: flex;
-      align-items: center;
-      margin: 2px 4px 2px 0;
-      padding: 0 4px;
-      padding-top: 1px;
-      padding-bottom: 1px;
-      background: none;
-      border-color: #cacdd4;
-      border-radius: @border-radius-small;
-      &-label {
-        min-width: 0;
-        max-width: 100px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-      &:not(.disable) {
-        &:hover {
-          .__default-hover();
-          .anticon {
-            color: @primary-color;
-          }
-        }
-      }
-      &.disable {
-        &:hover {
-          cursor: not-allowed;
-          .anticon-close {
-            cursor: not-allowed;
-          }
-        }
-        .biz-select-handle-tag-label,
-        .ant-tag-close-icon {
-          color: #ccd0d4 !important;
-        }
-      }
-    }
-  }
-  &-multiple-content {
-    display: flex;
-    flex: 1;
-    flex-wrap: wrap;
-    align-items: center;
-    overflow: visible;
-  }
-
-  &-search.ant-input {
-    width: auto;
-    padding: 0;
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-
-    &:focus,
-    &.active {
-      box-shadow: none !important;
-    }
-  }
-  &-temp {
-    position: absolute;
-    top: -999999999999999px;
-    padding: 0 @padding-sm;
-    font-size: @font-size-base;
-  }
-
-  &-holder {
-    color: @input-placeholder-color;
-    line-height: 20px;
-  }
-  &-content {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    width: 100%;
-    &-label {
-      // width: 100%;
-      .__default-overflow();
-    }
-    &-icon-list {
-      display: flex;
-      // flex: 1;
-      flex-direction: row;
-      align-items: center;
-      justify-content: end;
-    }
-    &-icon-qingchu-box {
-      display: none;
-      gap: 10px;
-      align-items: center;
-      justify-content: center;
-      width: 16px;
-      height: 24px;
-      margin-left: 8px;
-      padding: 10px;
-      border-radius: 4px;
-    }
-    &-icon-qingchu-box:hover {
-      color: #fb5547;
-      background: #feddda;
-    }
-  }
-  &-input:hover {
-    .biz-select-handle-content-icon-qingchu-box {
-      display: flex;
-    }
-  }
-  &-expand-icon {
-    width: 14px;
-    margin-left: 5px;
-    color: @text-color-secondary;
-    &.open {
-      transform: rotate(180deg);
-    }
-  }
-
-  &-tooltip {
-    .ant-tooltip-inner {
-      color: @black;
-      background-color: @white;
-    }
-  }
-
-  &-icon {
-    margin-right: @margin-xss;
-  }
-
-  &-status-error {
-    border-color: @error-color;
-    &.biz-select-handle-input:hover {
-      border-color: @error-color;
-    }
-    &.biz-select-handle-input.active:not(.disable) {
-      border-color: @error-color;
-      box-shadow: 0 0 0 4px rgba(#ff8170, 0.2) !important;
-    }
-  }
-}
+@import '../../assets/styles/inner.less';
+
+.biz-select-handle {
+  &-input {
+    position: relative;
+    display: flex;
+    flex: 1;
+    padding: 0px 6px 0 8px;
+    &.disable {
+      .__disable();
+      .bsicon {
+        color: @disabled-color;
+      }
+    }
+
+    .__select-default();
+
+    &.secondary {
+      .__select-normal-secondary();
+    }
+
+    &.borderless {
+      border: none;
+    }
+
+    &.large {
+      height: @height-lg;
+      font-size: @font-size-lg;
+      line-height: @height-lg;
+    }
+
+    &.small {
+      height: @height-sm;
+      line-height: @height-sm;
+    }
+
+    &.middle {
+      height: @height-base;
+      line-height: @height-base;
+    }
+  }
+
+  &-input-multiple {
+    display: flex;
+    align-items: center;
+    height: auto;
+    line-height: 1;
+    &.small {
+      height: auto;
+      min-height: @height-sm;
+    }
+
+    &.middle {
+      height: auto;
+      min-height: @height-base;
+    }
+    .biz-select-handle-tag {
+      display: flex;
+      align-items: center;
+      margin: 2px 4px 2px 0;
+      padding: 0 4px;
+      padding-top: 1px;
+      padding-bottom: 1px;
+      background: none;
+      border-color: #cacdd4;
+      border-radius: @border-radius-small;
+      &-label {
+        min-width: 0;
+        max-width: 100px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      &:not(.disable) {
+        &:hover {
+          .__default-hover();
+          .anticon {
+            color: @primary-color;
+          }
+        }
+      }
+      &.disable {
+        &:hover {
+          cursor: not-allowed;
+          .anticon-close {
+            cursor: not-allowed;
+          }
+        }
+        .biz-select-handle-tag-label,
+        .ant-tag-close-icon {
+          color: #ccd0d4 !important;
+        }
+      }
+    }
+    .biz-select-handle-tag:is(.state-2, .state-3, .state-4) {
+      color: #fb5547;
+      border-color: #fb5547;
+      .ant-tag-close-icon {
+        color: #fb5547 !important;
+      }
+      &:not(.disable) {
+        &:hover {
+          color: #fb5547;
+          border-color: #fb5547;
+        }
+      }
+    }
+  }
+  &-multiple-content {
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    align-items: center;
+    overflow: visible;
+  }
+
+  &-search.ant-input {
+    width: auto;
+    padding: 0;
+    background-color: transparent;
+    border: none !important;
+    box-shadow: none;
+
+    &:focus,
+    &.active {
+      box-shadow: none !important;
+    }
+  }
+  &-temp {
+    position: absolute;
+    top: -999999999999999px;
+    padding: 0 @padding-sm;
+    font-size: @font-size-base;
+  }
+
+  &-holder {
+    color: @input-placeholder-color;
+    line-height: 20px;
+  }
+  &-content {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    width: calc(100% - 19px);
+    &-label {
+      // width: 100%;
+      .__default-overflow();
+    }
+    &-icon-list {
+      display: flex;
+      // flex: 1;
+      flex-direction: row;
+      align-items: center;
+      justify-content: end;
+    }
+    &-icon-qingchu-box {
+      display: none;
+      gap: 10px;
+      align-items: center;
+      justify-content: center;
+      width: 16px;
+      height: 24px;
+      margin-left: 8px;
+      padding: 10px;
+      border-radius: 4px;
+    }
+    &-icon-qingchu-box:hover {
+      color: #fb5547;
+      background: #feddda;
+    }
+  }
+  &-input:hover {
+    .biz-select-handle-content-icon-qingchu-box {
+      display: flex;
+    }
+  }
+  &-expand-icon {
+    width: 14px;
+    margin-left: 5px;
+    color: @text-color-secondary;
+    &.open {
+      transform: rotate(180deg);
+    }
+  }
+
+  &-tooltip {
+    .ant-tooltip-inner {
+      color: @black;
+      background-color: @white;
+    }
+  }
+
+  &-icon {
+    margin-right: @margin-xss;
+  }
+
+  &-status-error {
+    border-color: @error-color;
+    &.biz-select-handle-input:hover {
+      border-color: @error-color;
+    }
+    &.biz-select-handle-input.active:not(.disable) {
+      border-color: @error-color;
+      box-shadow: 0 0 0 4px rgba(#ff8170, 0.2) !important;
+    }
+  }
+}