@bit-sun/business-component 4.0.12-alpha.10 → 4.0.12-alpha.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.0.12-alpha.10",
+  "version": "4.0.12-alpha.11",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Business/SearchSelect/index.md

@@ -1707,7 +1707,6 @@ export default () => {
   }
   const selectPropsMultiple = {
     mode: 'multiple',
-    maxTagCount: 1,
   }
 
   const [ tabKey, setTabKey ] = useState('single')

package/src/components/Functional/SearchSelect/index.less

@@ -5,6 +5,11 @@
   &_show {
     display: flex;
 
+    .ant-select-dropdown {
+      top: 24px !important;
+      width: calc(150%) !important;
+    }
+
     // 下拉框清除图标位置调整
     .ant-select-clear {
       right: 33px;
@@ -16,6 +21,13 @@
     }
   }
 
+  &_show.search_select_show_list {
+    .ant-select-dropdown {
+      top: 24px !important;
+      width: calc(141%) !important;
+    }
+  }
+
   &_expand_button {
     position: relative;
     right: -11px;

package/src/components/Functional/SearchSelect/index.tsx

@@ -69,8 +69,13 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     listHeight: 160,
     optionLabelProp: "label",
     autoClearSearchValue: false,
-    placement: 'bottomLeft'
+    placement: 'bottomRight'
   }
+
+  const pathname = window.location.href;
+  var pattern = /(action|create|edit|view)/
+  const isFormPage = pathname.match(pattern)?.length > 0;
+
   const initPagination = { showQuickJumper: true, showSizeChanger: false, showTotal: (total: any) => `共 ${total} 条`, pageSize: tableInitPageSize }
   const tableInitPagination = { ...initPagination, total: 0, current: 1 }
   const disabled = noOperate || selectProps?.disabled || props?.disabled;
@@ -1049,7 +1054,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
           {getShowStr()}
         </div>) :
         <div
-          className="search_select_show"
+          className={`${isFormPage ? '' : 'search_select_show_list'} search_select_show`}
           id={`search_select_div_${uniqueValue}`}
         >
           <Select
@@ -1059,7 +1064,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
             onClear={onClear}
             onDeselect={onDeselect}
             disabled={sDisabled}
-            dropdownStyle={{ borderRadius: '2px', padding: '10px 2px' }}
+            dropdownStyle={{ borderRadius: '2px', padding: '10px 2px'}}
             open={selectOpen}
             onDropdownVisibleChange={onDropdownVisibleChange}
             dropdownRender={(menu) => items?.length ? renderTable(items) : menu}
@@ -1081,7 +1086,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
               suffixIcon: <div className={`search_select_expand_button ${(sDisabled)?'search_select_expand_button_disabled':''}`} onClick={showModal}><SearchOutlined /></div>
             } : {})}
             {...currentSelectProps}
-            getPopupContainer={(triggerNode) => (getPopupContainer && getPopupContainer(triggerNode)) || triggerNode.parentElement}
+            getPopupContainer={(triggerNode) => triggerNode.parentElement || getPopupContainer && getPopupContainer(triggerNode)}
           >
             {items.map(item => (
               <Option key={item.value} label={item.text}>