@zgfe/business-lib 1.2.66-hxd.2 → 1.2.70-hxd.1

package/es/select/styles/handle.less

@@ -1,193 +1,193 @@
-@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;
+        }
+      }
+    }
+  }
+  &-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;
+    }
+  }
+}

package/es/select/styles/index.less

@@ -1,129 +1,129 @@
-@import '../../assets/styles/inner.less';
-
-.biz-select {
-  &-handle {
-    position: relative;
-  }
-
-  &-overlay {
-    display: flex;
-    flex-direction: column;
-    .__select-panel();
-  }
-
-  &-list-panel {
-    flex: 1;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-
-  &-search {
-    flex: none;
-    margin-bottom: @margin-xs;
-  }
-
-  &-nodata {
-    .__select-nodata();
-  }
-
-  &-group {
-    position: relative;
-    height: 32px;
-    padding: 0 @padding-sm;
-    color: @text-color-secondary;
-    line-height: 32px;
-
-    &::before {
-      position: absolute;
-      top: 9px;
-      left: 5px;
-      width: 3px;
-      height: 14px;
-      background-color: @primary-color;
-      border-radius: 10px;
-      content: '';
-    }
-
-    & > span {
-      position: relative;
-      padding-right: @padding-xss;
-      background: #fff;
-    }
-  }
-
-  &-split {
-    position: absolute;
-    top: 18px;
-    width: 100%;
-    height: 0;
-    border-bottom: 1px solid @border-color-base;
-  }
-
-  &-option {
-    display: flex;
-    .__select-option();
-
-    &.biz-select-option-multiple {
-      &:hover:not(.disabled) {
-        color: @primary-color;
-        background-color: @primary-color-hover;
-        .biz-select-checkbox {
-          color: @primary-color;
-        }
-      }
-
-      &.active:not(.disabled) {
-        color: @primary-color;
-        background: #fff;
-        .biz-select-checkbox {
-          color: @primary-color;
-        }
-      }
-    }
-
-    &:not(.active, :hover, .disabled) .biz-select-highlight {
-      color: @primary-color;
-    }
-
-    &-label {
-      flex: 1;
-      .__default-overflow();
-    }
-    &-all {
-      position: relative;
-      .ant-checkbox-wrapper {
-        width: 100%;
-      }
-      .ant-checkbox-inner {
-        width: 14px;
-        height: 14px;
-        &::after {
-          top: 45%;
-        }
-      }
-    }
-  }
-
-  &-checkbox {
-    margin-right: 8px;
-    color: @border-color-base;
-    &-indeterminate {
-      position: absolute;
-      top: 12px;
-      left: 15px;
-      width: 8px;
-      height: 8px;
-      background-color: @primary-color;
-      border-radius: 1px;
-    }
-  }
-
-  &-option-icon {
-    margin-right: @margin-xs;
-  }
-
-  &-notfound {
-    padding: @padding-xs;
-  }
-}
+@import '../../assets/styles/inner.less';
+
+.biz-select {
+  &-handle {
+    position: relative;
+  }
+
+  &-overlay {
+    display: flex;
+    flex-direction: column;
+    .__select-panel();
+  }
+
+  &-list-panel {
+    flex: 1;
+    max-height: 400px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  &-search {
+    flex: none;
+    margin-bottom: @margin-xs;
+  }
+
+  &-nodata {
+    .__select-nodata();
+  }
+
+  &-group {
+    position: relative;
+    height: 32px;
+    padding: 0 @padding-sm;
+    color: @text-color-secondary;
+    line-height: 32px;
+
+    &::before {
+      position: absolute;
+      top: 9px;
+      left: 5px;
+      width: 3px;
+      height: 14px;
+      background-color: @primary-color;
+      border-radius: 10px;
+      content: '';
+    }
+
+    & > span {
+      position: relative;
+      padding-right: @padding-xss;
+      background: #fff;
+    }
+  }
+
+  &-split {
+    position: absolute;
+    top: 18px;
+    width: 100%;
+    height: 0;
+    border-bottom: 1px solid @border-color-base;
+  }
+
+  &-option {
+    display: flex;
+    .__select-option();
+
+    &.biz-select-option-multiple {
+      &:hover:not(.disabled) {
+        color: @primary-color;
+        background-color: @primary-color-hover;
+        .biz-select-checkbox {
+          color: @primary-color;
+        }
+      }
+
+      &.active:not(.disabled) {
+        color: @primary-color;
+        background: #fff;
+        .biz-select-checkbox {
+          color: @primary-color;
+        }
+      }
+    }
+
+    &:not(.active, :hover, .disabled) .biz-select-highlight {
+      color: @primary-color;
+    }
+
+    &-label {
+      flex: 1;
+      .__default-overflow();
+    }
+    &-all {
+      position: relative;
+      .ant-checkbox-wrapper {
+        width: 100%;
+      }
+      .ant-checkbox-inner {
+        width: 14px;
+        height: 14px;
+        &::after {
+          top: 45%;
+        }
+      }
+    }
+  }
+
+  &-checkbox {
+    margin-right: 8px;
+    color: @border-color-base;
+    &-indeterminate {
+      position: absolute;
+      top: 12px;
+      left: 15px;
+      width: 8px;
+      height: 8px;
+      background-color: @primary-color;
+      border-radius: 1px;
+    }
+  }
+
+  &-option-icon {
+    margin-right: @margin-xs;
+  }
+
+  &-notfound {
+    padding: @padding-xs;
+  }
+}

package/es/select/types.d.ts

@@ -13,7 +13,7 @@ export declare namespace BizSelectTypes {
         disable?: boolean;
         placeholder?: string;
         defaultValue?: Option | Option[];
-        value?: Option | Option[];
+        value?: Option | Option[] | undefined;
         className?: string;
         type?: 'group' | 'normal';
         theme?: 'secondary' | 'borderless';
@@ -42,7 +42,8 @@ export declare namespace BizSelectTypes {
         showSelectIcon?: boolean;
         loading?: boolean;
         status?: string;
-        onChange?: (val: Option) => void;
+        enableClear?: boolean;
+        onChange?: (val: Option | any) => void;
         onVisibleChange?: (visible: boolean) => void;
         destroyPopupOnHide?: boolean;
         customLabel?: (node: ReactNode, option: Option) => ReactNode;