From 6c6a12d1d40f3f168b7a48864d47f887bd24676b Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Fri, 24 Jul 2026 15:01:57 +0800 Subject: [PATCH 1/5] update ui --- src/AsyncUserSelect/index.css | 9 +++------ src/AsyncUserSelect/index.js | 2 -- src/DTableCustomizeSearchInput/index.css | 4 ++++ src/DTableCustomizeSelect/index.css | 2 +- src/DTableCustomizeSelect/index.js | 2 +- src/DTableSelect/dtable-select-label.css | 1 - 6 files changed, 9 insertions(+), 11 deletions(-) diff --git a/src/AsyncUserSelect/index.css b/src/AsyncUserSelect/index.css index 60f14e93..fef200de 100644 --- a/src/AsyncUserSelect/index.css +++ b/src/AsyncUserSelect/index.css @@ -2,9 +2,9 @@ flex-wrap: wrap; height: auto !important; min-height: 38px; - max-width: calc(100% - 10px); padding: .375rem 40px .375rem 1rem; position: relative; + border-radius: 4px; } .dtable-ui-selected-users-container.focus { @@ -12,7 +12,7 @@ } .dtable-ui-selected-users-container .dtable-ui-user-select-placeholder { - color: var(--bs-icon-color); + color: var(--bs-bg-placeholder-color) } .select-dropdown-indicator { @@ -31,8 +31,6 @@ .dtable-ui-user-select-popover { z-index: 1060; - width: 385px !important; - max-width: 385px; margin-top: -4px; background-color: var(--bs-popover-bg); box-shadow: var(--bs-border-secondary-shadow); @@ -67,8 +65,7 @@ background: none !important; } -.dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container:hover, -.dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container-highlight { +.dtable-ui-user-select-container .dtable-ui-user-list-container .dtable-ui-user-item-container:hover { background-color: var(--bs-btn-background-hover); cursor: pointer; } diff --git a/src/AsyncUserSelect/index.js b/src/AsyncUserSelect/index.js index ecd92bce..0e7a3bfe 100644 --- a/src/AsyncUserSelect/index.js +++ b/src/AsyncUserSelect/index.js @@ -34,13 +34,11 @@ const AsyncUserSelect = ({ className, emptyPlaceholder = '', searchPlaceholder = const trimmedSearchValue = searchValue?.trim() || ''; if (!trimmedSearchValue) { setSearchedUsers([]); - setHighlightIndex(-1); return; } loadOptions && loadOptions(searchValue, (options = []) => { // [{ email, name, avatar_url }, ...] setSearchedUsers(options); - setHighlightIndex(options.length > 0 ? 0 : -1); }); }, [loadOptions]); diff --git a/src/DTableCustomizeSearchInput/index.css b/src/DTableCustomizeSearchInput/index.css index c1f094fd..ce0e79c1 100644 --- a/src/DTableCustomizeSearchInput/index.css +++ b/src/DTableCustomizeSearchInput/index.css @@ -13,6 +13,10 @@ height: 32px; } +.select-search-control::placeholder { + color: var(--bs-bg-placeholder-color); +} + .select-search-control { height: 100%; border: none; diff --git a/src/DTableCustomizeSelect/index.css b/src/DTableCustomizeSelect/index.css index 9a5f50ed..a45ea272 100644 --- a/src/DTableCustomizeSelect/index.css +++ b/src/DTableCustomizeSelect/index.css @@ -101,7 +101,7 @@ line-height: 20px; margin-right: 8px; width: calc(100% - 20px); - display: flex; + display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; diff --git a/src/DTableCustomizeSelect/index.js b/src/DTableCustomizeSelect/index.js index 6225d1cb..da9cacd3 100644 --- a/src/DTableCustomizeSelect/index.js +++ b/src/DTableCustomizeSelect/index.js @@ -109,7 +109,7 @@ class DTableCustomizeSelect extends Component { {value.label} : {placeholder} } - {!isLocked && } + {this.state.isShowSelectOptions && !isInModal && ( Date: Tue, 4 Aug 2026 15:58:58 +0800 Subject: [PATCH 2/5] update ui --- src/AsyncUserSelect/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/AsyncUserSelect/index.js b/src/AsyncUserSelect/index.js index 0e7a3bfe..0aa07cf7 100644 --- a/src/AsyncUserSelect/index.js +++ b/src/AsyncUserSelect/index.js @@ -34,6 +34,7 @@ const AsyncUserSelect = ({ className, emptyPlaceholder = '', searchPlaceholder = const trimmedSearchValue = searchValue?.trim() || ''; if (!trimmedSearchValue) { setSearchedUsers([]); + setHighlightIndex(-1); return; } loadOptions && loadOptions(searchValue, (options = []) => { From 85edfcda03a79143e59cb79cb00a894331be5837 Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Tue, 4 Aug 2026 16:00:28 +0800 Subject: [PATCH 3/5] update ui --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a3b5cdc4..73b98808 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "main": "./lib/index.js", "dependencies": { "@seafile/react-image-lightbox": "5.0.9", - "@seafile/seafile-calendar": "^1.0.10", + "@seafile/seafile-calendar": "^1.0.13", "@seafile/seafile-editor": "^3.0.34", "classnames": "~2.5.*", "dayjs": "1.10.7", From f88a13ea5ae97fb24c9dd94e53ec46177c8e6b79 Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Thu, 6 Aug 2026 13:50:57 +0800 Subject: [PATCH 4/5] feat: update ui --- src/DTableSelect/dtable-select-label.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/DTableSelect/dtable-select-label.css b/src/DTableSelect/dtable-select-label.css index 07e29450..056e9100 100644 --- a/src/DTableSelect/dtable-select-label.css +++ b/src/DTableSelect/dtable-select-label.css @@ -20,3 +20,11 @@ overflow: hidden; text-overflow: ellipsis; } + +.permission-editor__option { + height: 32px; +} + +.btn-add-custom-permission { + height: 16px; +} From 705bb3f7cc6ca675d07fdcfbb6dbf9dd8fa8913c Mon Sep 17 00:00:00 2001 From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com> Date: Fri, 7 Aug 2026 11:57:06 +0800 Subject: [PATCH 5/5] update ui --- src/DTableCustomizeSearchInput/index.css | 2 +- src/DTableCustomizeSelect/index.css | 4 ++++ src/DTableSelect/dtable-select-label.css | 4 ---- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/DTableCustomizeSearchInput/index.css b/src/DTableCustomizeSearchInput/index.css index ce0e79c1..45088dac 100644 --- a/src/DTableCustomizeSearchInput/index.css +++ b/src/DTableCustomizeSearchInput/index.css @@ -66,7 +66,7 @@ height: 20px; width: 20px; cursor: pointer; - border-radius: 3px; + border-radius: 4px; } .clear-icon-x .multicolor-icon { diff --git a/src/DTableCustomizeSelect/index.css b/src/DTableCustomizeSelect/index.css index a45ea272..bd5e2419 100644 --- a/src/DTableCustomizeSelect/index.css +++ b/src/DTableCustomizeSelect/index.css @@ -15,6 +15,10 @@ border: 1px solid rgba(0, 40, 100, 0.12); } +.seatable-select-search .select-search-control::placeholder { + color: var(--bs-bg-placeholder-color); +} + .seatable-customize-select:focus, .seatable-customize-select.focus { border: 1px solid var(--bs-bg-border-color) !important; diff --git a/src/DTableSelect/dtable-select-label.css b/src/DTableSelect/dtable-select-label.css index 056e9100..b80be26b 100644 --- a/src/DTableSelect/dtable-select-label.css +++ b/src/DTableSelect/dtable-select-label.css @@ -21,10 +21,6 @@ text-overflow: ellipsis; } -.permission-editor__option { - height: 32px; -} - .btn-add-custom-permission { height: 16px; }