@lensui/lens-table 0.1.84 → 0.1.86

package/README.md

@@ -316,9 +316,9 @@ const columns: GridColumn<Row>[] = [
 | `date-time-range` | `'2026-01-01 09:00 ~ 2026-01-01 18:00'` | 日期时间范围选择器，包含日期和时间面板。                            |
 
 `select` 可配置 `searchable` 开启输入筛选。需要把输入限制为已有选项时，设置
-`strictOptions: true`：首次打开显示完整列表；开始输入后始终按输入内容筛选；失焦时只提交
-精确匹配的选项，不匹配则恢复进入编辑前的值。若 `options` 包含 `{ label: '', value: '' }`，
-清空输入会提交该空选项。
+`strictOptions: true`：首次打开显示完整列表；开始输入后按输入内容筛选且不产生选中勾；
+没有匹配项或清空输入时显示完整列表。失焦时只提交精确匹配的选项，不匹配则恢复进入编辑前的值。
+若 `options` 包含 `{ label: '', value: '' }`，清空输入会在失焦时提交该空选项。
 
 可选 `format` 用于控制提交到数据里的字符串格式，例如：
 

package/dist/index.cjs

@@ -367,17 +367,16 @@ function SearchableChoiceEditor({ value, options, allowCustomValue, strictOption
   const filteredOptions = (0, import_react2.useMemo)(() => {
     if (strictOptions) {
       if (!hasTyped) return options;
-      if (inputValue === "") return options.filter((option) => option.value === "");
       const strictQuery = inputValue.trim().toLocaleLowerCase();
-      if (!strictQuery) return [];
-      return options.filter((option) => option.label.toLocaleLowerCase().includes(strictQuery) || option.value.toLocaleLowerCase().includes(strictQuery));
+      const matches = options.filter((option) => option.label.toLocaleLowerCase().includes(strictQuery) || option.value.toLocaleLowerCase().includes(strictQuery));
+      return matches.length > 0 ? matches : options;
     }
     const query = inputValue.trim().toLocaleLowerCase();
     if (!query || query === originalValue.toLocaleLowerCase()) return options;
     return options.filter((option) => option.label.toLocaleLowerCase().includes(query) || option.value.toLocaleLowerCase().includes(query));
   }, [hasTyped, inputValue, options, originalValue, strictOptions]);
   const exactInputOption = options.find((option) => option.value === inputValue);
-  const selectedValue = exactInputOption?.value;
+  const selectedValue = hasTyped ? void 0 : exactInputOption?.value;
   const resolveInputValue = (0, import_react2.useCallback)(() => {
     if (strictOptions) return exactInputOption?.value ?? originalValue;
     return allowCustomValue ? inputValue || originalValue : originalValue;

package/dist/index.js

@@ -337,17 +337,16 @@ function SearchableChoiceEditor({ value, options, allowCustomValue, strictOption
   const filteredOptions = useMemo(() => {
     if (strictOptions) {
       if (!hasTyped) return options;
-      if (inputValue === "") return options.filter((option) => option.value === "");
       const strictQuery = inputValue.trim().toLocaleLowerCase();
-      if (!strictQuery) return [];
-      return options.filter((option) => option.label.toLocaleLowerCase().includes(strictQuery) || option.value.toLocaleLowerCase().includes(strictQuery));
+      const matches = options.filter((option) => option.label.toLocaleLowerCase().includes(strictQuery) || option.value.toLocaleLowerCase().includes(strictQuery));
+      return matches.length > 0 ? matches : options;
     }
     const query = inputValue.trim().toLocaleLowerCase();
     if (!query || query === originalValue.toLocaleLowerCase()) return options;
     return options.filter((option) => option.label.toLocaleLowerCase().includes(query) || option.value.toLocaleLowerCase().includes(query));
   }, [hasTyped, inputValue, options, originalValue, strictOptions]);
   const exactInputOption = options.find((option) => option.value === inputValue);
-  const selectedValue = exactInputOption?.value;
+  const selectedValue = hasTyped ? void 0 : exactInputOption?.value;
   const resolveInputValue = useCallback(() => {
     if (strictOptions) return exactInputOption?.value ?? originalValue;
     return allowCustomValue ? inputValue || originalValue : originalValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensui/lens-table",
-  "version": "0.1.84",
+  "version": "0.1.86",
   "description": "A lightweight, canvas-rendered React table component for LensUI.",
   "type": "module",
   "main": "./dist/index.cjs",