musae 1.3.1-beta.2 → 1.3.1-beta.21

package/dist/components/search/styles.mjs

@@ -1,90 +1,273 @@
-var styles = {
-  container: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kzqmXN: "musaex-92755x",
-      kZKoxP: "musaex-1s2k5h2",
-      kaIpWk: "musaex-shxsqp",
-      kWkggS: "musaex-1b8defr",
-      kGVxlE: "musaex-7u4mnu",
-      kB7OPa: "musaex-9f619",
-      k8WAf4: "musaex-6yerk0",
-      kZCmMZ: "musaex-1rl4tsp",
-      kwRFfy: "musaex-epcfto",
-      kOIVth: "musaex-xfrshk",
-      k1ekBW: "musaex-15wldfd",
-      kIyJzY: "musaex-1ptezny",
-      k6sLGO: "musaex-1sj8a8t",
-      knuKkz: "musaex-8pombj",
-      $$css: true
-    },
-    disabled: {
-      kWkggS: "musaex-1fbjual",
-      kMwMTN: "musaex-1ldep6k",
-      kGVxlE: "musaex-yb4mll",
-      kkrTdU: "musaex-1h6gzvc",
-      knuKkz: "musaex-1utxejx",
-      $$css: true
-    },
-    withSearchButton: {
-      kwRFfy: null,
-      $$css: true
-    }
+var container = {
+  base: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-3nfvp2",
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-19tpzfy",
+    ks0D6T: "musaex-wzqzfi",
+    $$css: true
+  }
+};
+var field = {
+  root: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-1rdiejn",
+    kZKoxP: "musaex-1s2k5h2",
+    kogj98: "musaex-q3gua8",
+    k8WAf4: "musaex-11owsmz",
+    kg3NbH: "musaex-ipt7de",
+    kWkggS: "musaex-1b8defr",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ed109x",
+    $$css: true
+  },
+  enabled: {
+    kSReZ0: "musaex-usidmp",
+    $$css: true
+  },
+  pill: {
+    kaIpWk: "musaex-shxsqp",
+    $$css: true
+  },
+  standard: {
+    kZKoxP: "musaex-qg7gut",
+    kaIpWk: "musaex-mgj2z",
+    $$css: true
+  },
+  disabled: {
+    kWkggS: "musaex-1j73dxc",
+    kMwMTN: "musaex-1ldep6k",
+    kkrTdU: "musaex-t0e3qv",
+    $$css: true
+  }
+};
+var fieldInput = {
+  base: {
+    kUk6DE: "musaex-98rzlu",
+    k7Eaqz: "musaex-1rdiejn",
+    kZKoxP: "musaex-kyvkcq",
+    kogj98: "musaex-q3gua8",
+    kmVPX3: "musaex-1n775ky",
+    kMzoRj: "musaex-k59kd",
+    kI3sdo: "musaex-4fx59i",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-1j14bxn",
+    knGrYV: "musaex-l7pqhg",
+    kGuDYH: "musaex-1qlqyl8",
+    kLWn49: "musaex-15bjb6t",
+    k8Qsv1: "musaex-19r3k9r",
+    $$css: true
+  },
+  disabled: {
+    kMwMTN: "musaex-1ldep6k",
+    k8Qsv1: "musaex-1tfpmi6",
+    $$css: true
+  }
+};
+var leading = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kMwMTN: "musaex-bq1wot",
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+var trailing = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kOIVth: "musaex-15wobh7",
+    kwRFfy: "musaex-epcfto",
+    $$css: true
+  }
+};
+var clear = {
+  base: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kMzoRj: "musaex-k59kd",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    kaIpWk: "musaex-shxsqp",
+    kmVPX3: "musaex-1nskiab",
+    $$css: true
+  }
+};
+var searchButton = {
+  base: {
+    kmuXW: "musaex-2lah0s",
+    k71WvV: "musaex-nvd5go",
+    kIxVMA: "musaex-jizfy5",
+    kqGeR4: "musaex-yjjj70",
+    ksF3WI: "musaex-210sh3",
+    kYm2EN: "musaex-qk21nw",
+    $$css: true
+  }
+};
+var view = {
+  root: {
+    kVAEAm: "musaex-ixxii4",
+    kpwlN0: "musaex-sl765j",
+    kY2c9j: "musaex-p1v8q3",
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    $$css: true
+  },
+  modalRoot: {
+    kmVPX3: "musaex-1gjhikt",
+    $$css: true
+  },
+  overlay: {
+    kVAEAm: "musaex-10l6tqk",
+    kpwlN0: "musaex-sl765j",
+    kWkggS: "musaex-11we2rp",
+    kSiTet: "musaex-17l7b8s",
+    $$css: true
+  },
+  panel: {
+    kVAEAm: "musaex-1n2onr6",
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kB7OPa: "musaex-9f619",
+    kVQacm: "musaex-b3r6kr",
+    kWkggS: "musaex-1b8defr",
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  modal: {
+    kzqmXN: "musaex-92755x",
+    k7Eaqz: "musaex-19tpzfy",
+    ks0D6T: "musaex-wzqzfi",
+    kAzted: "musaex-1t89waw",
+    kaIpWk: "musaex-17ybn5r",
+    $$css: true
+  },
+  fullScreen: {
+    kzqmXN: "musaex-92755x",
+    kZKoxP: "musaex-qg7gut",
+    kaIpWk: "musaex-mgj2z",
+    $$css: true
+  },
+  header: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kmuXW: "musaex-2lah0s",
+    kfdmCh: "musaex-1q0q8m5",
+    kt9PQ7: "musaex-d1xpcx",
+    kL6WhQ: "musaex-ubuf2d",
+    $$css: true
+  },
+  modalHeader: {
+    kZKoxP: "musaex-1s2k5h2",
+    $$css: true
+  },
+  fullScreenHeader: {
+    kZKoxP: "musaex-gnqa1e",
+    $$css: true
+  },
+  action: {
+    k1xSpc: "musaex-3nfvp2",
+    kGNEyG: "musaex-6s0dn4",
+    kjj79g: "musaex-l56j7k",
+    kB7OPa: "musaex-9f619",
+    kzqmXN: "musaex-108untq",
+    kZKoxP: "musaex-tbkiit",
+    kmuXW: "musaex-2lah0s",
+    kmVPX3: "musaex-1nskiab",
+    kMzoRj: "musaex-k59kd",
+    kaIpWk: "musaex-shxsqp",
+    kWkggS: "musaex-jbqb8w",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  }
+};
+var resultList = {
+  root: {
+    kzQI83: "musaex-1iyjqo2",
+    kAzted: "musaex-aw5wtj",
+    kORKVm: "musaex-1odjw0f",
+    k8WAf4: "musaex-a0rzc7",
+    $$css: true
+  },
+  item: {
+    k1xSpc: "musaex-78zum5",
+    kGNEyG: "musaex-6s0dn4",
+    kB7OPa: "musaex-9f619",
+    kAzted: "musaex-1szcog6",
+    kg3NbH: "musaex-1pyhihf",
+    kOIVth: "musaex-g4b44g",
+    kMwMTN: "musaex-bq1wot",
+    kkrTdU: "musaex-1ypdohk",
+    $$css: true
+  },
+  activeItem: {
+    kWkggS: "musaex-1fbjual",
+    $$css: true
+  },
+  disabledItem: {
+    kkrTdU: "musaex-t0e3qv",
+    kSiTet: "musaex-15anptp",
+    $$css: true
   },
   leading: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kzqmXN: "musaex-19dbm5w",
-      kZKoxP: "musaex-12ez60q",
-      kmuXW: "musaex-2lah0s",
-      kMwMTN: "musaex-bq1wot",
-      keTefX: "musaex-1y714p4",
-      $$css: true
-    }
-  },
-  input: {
-    "default": {
-      kT0RAg: "musaex-19h0how",
-      kHUTPI: "musaex-4v1e0s",
-      k7rxBM: "musaex-1me2y4k",
-      kil8hD: "musaex-1jcey5v",
-      kquBjY: "musaex-yttm51",
-      $$css: true
-    }
-  },
-  clear: {
-    "default": {
-      k1xSpc: "musaex-3nfvp2",
-      kGNEyG: "musaex-6s0dn4",
-      kjj79g: "musaex-l56j7k",
-      kzqmXN: "musaex-19dbm5w",
-      kZKoxP: "musaex-12ez60q",
-      kmuXW: "musaex-2lah0s",
-      kMzoRj: "musaex-k59kd",
-      kWkggS: "musaex-jbqb8w",
-      kMwMTN: "musaex-bq1wot",
-      kkrTdU: "musaex-1ypdohk",
-      kaIpWk: "musaex-shxsqp",
-      kmVPX3: "musaex-1n775ky",
-      k71WvV: "musaex-1j0o5cy",
-      kHE3J0: "musaex-m45hjz",
-      $$css: true
-    }
-  },
-  searchButton: {
-    "default": {
-      kmuXW: "musaex-2lah0s",
-      k71WvV: "musaex-nvd5go",
-      kIxVMA: "musaex-jizfy5",
-      kqGeR4: "musaex-yjjj70",
-      ksF3WI: "musaex-210sh3",
-      kYm2EN: "musaex-qk21nw",
-      $$css: true
-    }
+    k1xSpc: "musaex-3nfvp2",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
+  },
+  content: {
+    k1xSpc: "musaex-78zum5",
+    kXwgrk: "musaex-dt5ytf",
+    kzQI83: "musaex-1iyjqo2",
+    k7Eaqz: "musaex-1rdiejn",
+    kOIVth: "musaex-1wm2zkp",
+    $$css: true
+  },
+  label: {
+    kMwMTN: "musaex-bq1wot",
+    $$css: true
+  },
+  supportingText: {
+    kVQacm: "musaex-b3r6kr",
+    kg5iWk: "musaex-lyipyv",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
+  },
+  trailing: {
+    k1xSpc: "musaex-3nfvp2",
+    kmuXW: "musaex-2lah0s",
+    $$css: true
   }
 };
+var styles = {
+  container: container,
+  field: field,
+  fieldInput: fieldInput,
+  leading: leading,
+  trailing: trailing,
+  clear: clear,
+  searchButton: searchButton,
+  view: view,
+  resultList: resultList
+};
 
 export { styles as default };

package/dist/components/search/view.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var React = require('react');
+var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var className = require('@aiszlab/relax/class-name');
+var useClassNames = require('../../hooks/use-class-names.cjs');
+var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
+var portal = require('../portal/portal.cjs');
+var context = require('./context.cjs');
+var field = require('./field.cjs');
+var styles = require('./styles.cjs');
+var close = require('../icon/icons/navigation/close.cjs');
+var arrowBack = require('../icon/icons/navigation/arrow-back.cjs');
+
+var SearchView = function SearchView(_ref) {
+  var activeDescendant = _ref.activeDescendant,
+    children = _ref.children,
+    clearable = _ref.clearable,
+    disabled = _ref.disabled,
+    inputRef = _ref.inputRef,
+    listId = _ref.listId,
+    mode = _ref.mode,
+    open = _ref.open,
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    onClose = _ref.onClose,
+    onKeyDown = _ref.onKeyDown;
+  var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["surface-dim", "surface-container-high", "outline", "on-surface-variant"]);
+  var hasValue = value.length > 0;
+  var styled = {
+    root: stylex.props(styles.default.view.root, mode === "modal" && styles.default.view.modalRoot),
+    overlay: stylex.props(styles.default.view.overlay),
+    panel: stylex.props(styles.default.view.panel, mode === "modal" ? styles.default.view.modal : styles.default.view.fullScreen),
+    header: stylex.props(styles.default.view.header, mode === "modal" ? styles.default.view.modalHeader : styles.default.view.fullScreenHeader),
+    action: stylex.props(styles.default.view.action)
+  };
+  var clearAction = hasValue && clearable && !disabled && (/*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: className.stringify(classNames.searchViewAction, styled.action.className),
+    style: styled.action.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      onClear();
+    },
+    "aria-label": "Clear search"
+  }, /*#__PURE__*/React.createElement(close.default, {
+    size: 24
+  })));
+  return /*#__PURE__*/React.createElement(portal.default, {
+    open: open,
+    destroyable: true,
+    modal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.searchView, styled.root.className),
+    style: _objectSpread(_objectSpread({}, styled.root.style), themeColorVars)
+  }, mode === "modal" && (/*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.searchViewOverlay, styled.overlay.className),
+    style: styled.overlay.style,
+    "data-testid": "search-view-overlay",
+    onClick: onClose
+  })), /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.searchViewPanel, styled.panel.className),
+    style: styled.panel.style,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": "Search",
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: className.stringify(classNames.searchViewHeader, styled.header.className),
+    style: styled.header.style
+  }, /*#__PURE__*/React.createElement(field.default, {
+    inputRef: inputRef,
+    shape: mode === "modal" ? "pill" : "standard",
+    role: "combobox",
+    "aria-expanded": open,
+    "aria-controls": listId,
+    "aria-activedescendant": activeDescendant,
+    "aria-autocomplete": "list",
+    value: value,
+    placeholder: placeholder,
+    disabled: disabled,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    leading: /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: className.stringify(classNames.searchViewAction, styled.action.className),
+      style: styled.action.style,
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        onClose();
+      },
+      "aria-label": "Close search"
+    }, /*#__PURE__*/React.createElement(arrowBack.default, {
+      size: 24
+    })),
+    trailing: clearAction
+  })), children)));
+};
+
+exports.default = SearchView;

package/dist/components/search/view.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { KeyboardEventHandler, ReactNode, Ref } from "react";
+import type { ResolvedSearchView, SearchProps } from "../../types/search";
+/**
+ * @zh 私有 Search View 属性
+ * @en Private Search View props
+ */
+export type SearchViewProps = Pick<SearchProps, "clearable" | "disabled" | "placeholder"> & {
+    inputRef: Ref<HTMLInputElement>;
+    mode: ResolvedSearchView;
+    open: boolean;
+    value: string;
+    activeDescendant?: string;
+    listId: string;
+    onChange: (value: string) => void;
+    onClear: () => void;
+    onClose: () => void;
+    onKeyDown: KeyboardEventHandler<HTMLInputElement>;
+    children?: ReactNode;
+};
+declare const SearchView: ({ activeDescendant, children, clearable, disabled, inputRef, listId, mode, open, placeholder, value, onChange, onClear, onClose, onKeyDown, }: SearchViewProps) => React.JSX.Element;
+export default SearchView;

package/dist/components/search/view.mjs

@@ -0,0 +1,104 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import React from 'react';
+import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { stringify } from '@aiszlab/relax/class-name';
+import { useClassNames } from '../../hooks/use-class-names.mjs';
+import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
+import Portal from '../portal/portal.mjs';
+import { CLASS_NAMES } from './context.mjs';
+import SearchField from './field.mjs';
+import styles from './styles.mjs';
+import IconClose from '../icon/icons/navigation/close.mjs';
+import IconArrowBack from '../icon/icons/navigation/arrow-back.mjs';
+
+var SearchView = function SearchView(_ref) {
+  var activeDescendant = _ref.activeDescendant,
+    children = _ref.children,
+    clearable = _ref.clearable,
+    disabled = _ref.disabled,
+    inputRef = _ref.inputRef,
+    listId = _ref.listId,
+    mode = _ref.mode,
+    open = _ref.open,
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    onClose = _ref.onClose,
+    onKeyDown = _ref.onKeyDown;
+  var classNames = useClassNames(CLASS_NAMES);
+  var themeColorVars = useThemeColorVars(["surface-dim", "surface-container-high", "outline", "on-surface-variant"]);
+  var hasValue = value.length > 0;
+  var styled = {
+    root: props(styles.view.root, mode === "modal" && styles.view.modalRoot),
+    overlay: props(styles.view.overlay),
+    panel: props(styles.view.panel, mode === "modal" ? styles.view.modal : styles.view.fullScreen),
+    header: props(styles.view.header, mode === "modal" ? styles.view.modalHeader : styles.view.fullScreenHeader),
+    action: props(styles.view.action)
+  };
+  var clearAction = hasValue && clearable && !disabled && (/*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: stringify(classNames.searchViewAction, styled.action.className),
+    style: styled.action.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      onClear();
+    },
+    "aria-label": "Clear search"
+  }, /*#__PURE__*/React.createElement(IconClose, {
+    size: 24
+  })));
+  return /*#__PURE__*/React.createElement(Portal, {
+    open: open,
+    destroyable: true,
+    modal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.searchView, styled.root.className),
+    style: _objectSpread(_objectSpread({}, styled.root.style), themeColorVars)
+  }, mode === "modal" && (/*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.searchViewOverlay, styled.overlay.className),
+    style: styled.overlay.style,
+    "data-testid": "search-view-overlay",
+    onClick: onClose
+  })), /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.searchViewPanel, styled.panel.className),
+    style: styled.panel.style,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": "Search",
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: stringify(classNames.searchViewHeader, styled.header.className),
+    style: styled.header.style
+  }, /*#__PURE__*/React.createElement(SearchField, {
+    inputRef: inputRef,
+    shape: mode === "modal" ? "pill" : "standard",
+    role: "combobox",
+    "aria-expanded": open,
+    "aria-controls": listId,
+    "aria-activedescendant": activeDescendant,
+    "aria-autocomplete": "list",
+    value: value,
+    placeholder: placeholder,
+    disabled: disabled,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    leading: /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: stringify(classNames.searchViewAction, styled.action.className),
+      style: styled.action.style,
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        onClose();
+      },
+      "aria-label": "Close search"
+    }, /*#__PURE__*/React.createElement(IconArrowBack, {
+      size: 24
+    })),
+    trailing: clearAction
+  })), children)));
+};
+
+export { SearchView as default };

package/dist/components/select/__test__/select.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/select/hooks/use-options.cjs

@@ -6,8 +6,8 @@ var relax = require('@aiszlab/relax');
 var utils = require('../utils.cjs');
 
 /**
- * @description
- * options
+ * @zh 管理选择器选项与前端搜索
+ * @en Manage select options and client-side search
  */
 var useOptions = function useOptions(_ref) {
   var options = _ref.options,
@@ -36,7 +36,7 @@ var useOptions = function useOptions(_ref) {
   });
   var _useMemo = React.useMemo(function () {
       return utils.readOptions(options, filter);
-    }, [options, filter]),
+    }, [options, filter, keyword]),
     _useMemo2 = _slicedToArray(_useMemo, 2),
     menuItems = _useMemo2[0],
     readableOptions = _useMemo2[1];

package/dist/components/select/hooks/use-options.d.ts

@@ -1,8 +1,8 @@
 import type { Filter, SelectProps } from "../../../types/select";
 import type { Option } from "../../../types/option";
 /**
- * @description
- * options
+ * @zh 管理选择器选项与前端搜索
+ * @en Manage select options and client-side search
  */
 export declare const useOptions: ({ options, onSearch, onFilter, }: {
     options: Option[];

package/dist/components/select/hooks/use-options.mjs

@@ -4,8 +4,8 @@ import { useEvent, isNull, isFunction, isString } from '@aiszlab/relax';
 import { readOptions as _readOptions } from '../utils.mjs';
 
 /**
- * @description
- * options
+ * @zh 管理选择器选项与前端搜索
+ * @en Manage select options and client-side search
  */
 var useOptions = function useOptions(_ref) {
   var options = _ref.options,
@@ -34,7 +34,7 @@ var useOptions = function useOptions(_ref) {
   });
   var _useMemo = useMemo(function () {
       return _readOptions(options, filter);
-    }, [options, filter]),
+    }, [options, filter, keyword]),
     _useMemo2 = _slicedToArray(_useMemo, 2),
     menuItems = _useMemo2[0],
     readableOptions = _useMemo2[1];

package/dist/components/select/hooks/use-selected-value.cjs

@@ -6,14 +6,13 @@ var relax = require('@aiszlab/relax');
 var utils = require('../utils.cjs');
 var React = require('react');
 
-var _excluded = ["mode", "close", "complex", "readableOptions", "onChange", "onClear", "clearKeyword"];
+var _excluded = ["mode", "complex", "readableOptions", "onChange", "onClear", "clearKeyword"];
 /**
  * useSelectedValue
  * @description 处理已选中值
  */
 var useSelectedValue = function useSelectedValue(_ref) {
   var mode = _ref.mode,
-    close = _ref.close,
     complex = _ref.complex,
     readableOptions = _ref.readableOptions,
     onChange = _ref.onChange,
@@ -34,7 +33,7 @@ var useSelectedValue = function useSelectedValue(_ref) {
       return prev.set(key, (_ref2 = (_value$label = _value.label) !== null && _value$label !== void 0 ? _value$label : readableOptions.get(key)) !== null && _ref2 !== void 0 ? _ref2 : _value.toString());
     }, new Map());
   }, [value, readableOptions]);
-  var change = relax.useEvent(function (key) {
+  var change = relax.useEvent(function (key, close) {
     var _readableOptions$get;
     // convert to complex value
     var _value = {
@@ -44,7 +43,7 @@ var useSelectedValue = function useSelectedValue(_ref) {
     // 单选模式下，点击选项直接关闭下拉菜单
     // 如果点击的选项已经被选中，则不执行任何操作
     if (!mode) {
-      close();
+      close === null || close === void 0 || close();
       if (readableValues.has(_value.value)) {
         return;
       }