@lobehub/ui 1.10.0 → 1.11.1

package/lib/Markdown/style.js

@@ -1,130 +1,20 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Markdown/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token, isDarkMode }) => {
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode;
   return {
-    container: css`
-      color: ${isDarkMode ? token.colorTextSecondary : token.colorText};
-
-      p {
-        margin: 20px auto;
-
-        font-size: 14px;
-        line-height: 1.8;
-        color: ${token.colorText};
-        text-align: justify;
-        word-wrap: break-word;
-      }
-
-      blockquote {
-        margin: 16px 0;
-        padding: 0 12px;
-        p {
-          font-style: italic;
-          color: ${token.colorTextDescription};
-        }
-      }
-
-      p:not(:last-child) {
-        margin-bottom: 1em;
-      }
-
-      a {
-        color: ${token.colorLink};
-
-        &:hover {
-          color: ${token.colorLinkHover};
-        }
-
-        &:active {
-          color: ${token.colorLinkActive};
-        }
-      }
-
-      img {
-        max-width: 100%;
-      }
-
-      > :not([data-code-type='highlighter']) code {
-        padding: 2px 6px;
-        color: ${isDarkMode ? token["cyan-7"] : token.colorPrimaryText};
-        background: ${isDarkMode ? token["cyan-1"] : token.colorPrimaryBg};
-        border-radius: 4px;
-      }
-
-      table {
-        border-spacing: 0;
-
-        width: 100%;
-        margin-block-start: 1em;
-        margin-block-end: 1em;
-        margin-inline-start: 0px;
-        margin-inline-end: 0px;
-        padding: 8px;
-
-        border: 1px solid ${token.colorBorder};
-        border-radius: ${token.borderRadius}px;
-      }
-
-      th,
-      td {
-        padding-block-start: 10px;
-        padding-block-end: 10px;
-        padding-inline-start: 16px;
-        padding-inline-end: 16px;
-      }
-
-      thead {
-        tr {
-          th {
-            background: ${token.colorFillTertiary};
-            &:first-child {
-              border-top-left-radius: ${token.borderRadius}px;
-              border-bottom-left-radius: ${token.borderRadius}px;
-            }
-            &:last-child {
-              border-top-right-radius: ${token.borderRadius}px;
-              border-bottom-right-radius: ${token.borderRadius}px;
-            }
-          }
-        }
-      }
-
-      ul li {
-        line-height: 1.8;
-      }
-    `,
-    code: css`
-      padding: 2px 4px;
-      font-family: ${token.fontFamilyCode} !important;
-      color: ${isDarkMode ? token.cyan8 : token.pink7};
-      border-radius: 4px;
-    `
+    container: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n\n      p {\n        margin: 20px auto;\n\n        font-size: 14px;\n        line-height: 1.8;\n        color: ", ";\n        text-align: justify;\n        word-wrap: break-word;\n      }\n\n      blockquote {\n        margin: 16px 0;\n        padding: 0 12px;\n        p {\n          font-style: italic;\n          color: ", ";\n        }\n      }\n\n      p:not(:last-child) {\n        margin-bottom: 1em;\n      }\n\n      a {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n        }\n      }\n\n      img {\n        max-width: 100%;\n      }\n\n      > :not([data-code-type='highlighter']) code {\n        padding: 2px 6px;\n        color: ", ";\n        background: ", ";\n        border-radius: 4px;\n      }\n\n      table {\n        border-spacing: 0;\n\n        width: 100%;\n        margin-block-start: 1em;\n        margin-block-end: 1em;\n        margin-inline-start: 0px;\n        margin-inline-end: 0px;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      th,\n      td {\n        padding-block-start: 10px;\n        padding-block-end: 10px;\n        padding-inline-start: 16px;\n        padding-inline-end: 16px;\n      }\n\n      thead {\n        tr {\n          th {\n            background: ", ";\n            &:first-child {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            &:last-child {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n      }\n\n      ul li {\n        line-height: 1.8;\n      }\n\n      pre {\n        border-radius: ", "px;\n      }\n    "])), isDarkMode ? token.colorTextSecondary : token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, isDarkMode ? token['cyan-7'] : token.colorPrimaryText, isDarkMode ? token['cyan-1'] : token.colorPrimaryBg, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius),
+    code: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      padding: 2px 4px;\n      font-family: ", " !important;\n      color: ", ";\n      border-radius: 4px;\n    "])), token.fontFamilyCode, isDarkMode ? token.cyan8 : token.pink7)
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});
+exports.useStyles = useStyles;

package/lib/MessageInput/index.js

@@ -1,59 +1,63 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/MessageInput/index.tsx
-var MessageInput_exports = {};
-__export(MessageInput_exports, {
-  default: () => MessageInput_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(MessageInput_exports);
-var import__ = require("../index");
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var MessageInput = (0, import_react.memo)(
-  ({ type, onCancel, defaultValue, onConfirm, renderButtons, height, className }) => {
-    const [tempSystemRole, setRole] = (0, import_react.useState)(defaultValue || "");
-    return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 8 }, /* @__PURE__ */ React.createElement(
-      import__.TextArea,
-      {
-        type,
-        value: tempSystemRole,
-        placeholder: "例如：你是一名擅长翻译的翻译官，请将用户所输入的英文都翻译为中文。",
-        style: { height: height ?? 200 },
-        onChange: (e) => {
-          setRole(e.target.value);
-        },
-        className: (0, import_antd_style.cx)("nowheel", className)
-      }
-    ), /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { direction: "horizontal-reverse", gap: 8 }, renderButtons ? renderButtons(tempSystemRole).map((buttonProps, index) => /* @__PURE__ */ React.createElement(import_antd.Button, { key: index, ...buttonProps })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      import_antd.Button,
-      {
-        type: "primary",
-        onClick: () => {
-          onConfirm == null ? void 0 : onConfirm(tempSystemRole);
-        }
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ = require("./..");
+var _antd = require("antd");
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _jsxRuntime = require("react/jsx-runtime");
+var MessageInput = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var type = _ref.type,
+    onCancel = _ref.onCancel,
+    defaultValue = _ref.defaultValue,
+    onConfirm = _ref.onConfirm,
+    renderButtons = _ref.renderButtons,
+    height = _ref.height,
+    className = _ref.className;
+  var _useState = (0, _react.useState)(defaultValue || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    tempSystemRole = _useState2[0],
+    setRole = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    gap: 8,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TextArea, {
+      type: type,
+      value: tempSystemRole,
+      placeholder: '例如：你是一名擅长翻译的翻译官，请将用户所输入的英文都翻译为中文。',
+      style: {
+        height: height !== null && height !== void 0 ? height : 200
       },
-      "Confirm"
-    ), /* @__PURE__ */ React.createElement(import_antd.Button, { type: "text", onClick: onCancel }, "Cancel"))));
-  }
-);
-var MessageInput_default = MessageInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      onChange: function onChange(e) {
+        setRole(e.target.value);
+      },
+      className: (0, _antdStyle.cx)('nowheel', className)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
+      direction: 'horizontal-reverse',
+      gap: 8,
+      children: renderButtons ? renderButtons(tempSystemRole).map(function (buttonProps, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)({}, buttonProps), index);
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          type: "primary",
+          onClick: function onClick() {
+            onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(tempSystemRole);
+          },
+          children: "Confirm"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          type: "text",
+          onClick: onCancel,
+          children: "Cancel"
+        })]
+      })
+    })]
+  });
+});
+var _default = MessageInput;
+exports.default = _default;

package/lib/MessageModal/index.js

@@ -1,98 +1,87 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/MessageModal/index.tsx
-var MessageModal_exports = {};
-__export(MessageModal_exports, {
-  default: () => MessageModal_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(MessageModal_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_antd_style = require("antd-style");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_use_merge_value = __toESM(require("use-merge-value"));
-var import_Markdown = __toESM(require("../Markdown"));
-var import_MessageInput = __toESM(require("../MessageInput"));
-var useStyles = (0, import_antd_style.createStyles)(({ css, prefixCls }) => ({
-  modal: css`
-    height: 70%;
-    .${prefixCls}-modal-header {
-      margin-bottom: 24px;
-    }
-  `,
-  body: css`
-    overflow-y: scroll;
-    max-height: 70vh;
-  `
-}));
-var MessageModal = (0, import_react.memo)(
-  ({ editing, open, onOpenChange, onEditingChange, value, onChange }) => {
-    const { styles } = useStyles();
-    const [isEdit, setTyping] = (0, import_use_merge_value.default)(false, {
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _antdStyle = require("antd-style");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _useMergeValue = _interopRequireDefault(require("use-merge-value"));
+var _Markdown = _interopRequireDefault(require("../Markdown"));
+var _MessageInput = _interopRequireDefault(require("../MessageInput"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    prefixCls = _ref.prefixCls;
+  return {
+    modal: css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    height: 70%;\n    .", "-modal-header {\n      margin-bottom: 24px;\n    }\n  "])), prefixCls),
+    body: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    overflow-y: scroll;\n    max-height: 70vh;\n  "])))
+  };
+});
+var MessageModal = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
+  var editing = _ref2.editing,
+    open = _ref2.open,
+    onOpenChange = _ref2.onOpenChange,
+    onEditingChange = _ref2.onEditingChange,
+    value = _ref2.value,
+    onChange = _ref2.onChange;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useControlledState = (0, _useMergeValue.default)(false, {
       value: editing,
       onChange: onEditingChange
-    });
-    const [expand, setExpand] = (0, import_use_merge_value.default)(false, {
+    }),
+    _useControlledState2 = (0, _slicedToArray2.default)(_useControlledState, 2),
+    isEdit = _useControlledState2[0],
+    setTyping = _useControlledState2[1];
+  var _useControlledState3 = (0, _useMergeValue.default)(false, {
       value: open,
       onChange: onOpenChange
-    });
-    return /* @__PURE__ */ React.createElement(
-      import_antd.Modal,
-      {
-        open: expand,
-        width: 800,
-        onCancel: () => setExpand(false),
-        okText: "编辑",
-        onOk: () => {
-          setTyping(true);
-        },
-        footer: isEdit ? null : void 0,
-        cancelText: "关闭",
-        title: /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, align: "center", gap: 4 }, /* @__PURE__ */ React.createElement(import_icons.AimOutlined, null), "提示词"),
-        className: styles.modal
+    }),
+    _useControlledState4 = (0, _slicedToArray2.default)(_useControlledState3, 2),
+    expand = _useControlledState4[0],
+    setExpand = _useControlledState4[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Modal, {
+    open: expand,
+    width: 800,
+    onCancel: function onCancel() {
+      return setExpand(false);
+    },
+    okText: '编辑',
+    onOk: function onOk() {
+      setTyping(true);
+    },
+    footer: isEdit ? null : undefined,
+    cancelText: '关闭',
+    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      horizontal: true,
+      align: 'center',
+      gap: 4,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AimOutlined, {}), "\u63D0\u793A\u8BCD"]
+    }),
+    className: styles.modal,
+    children: isEdit ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageInput.default, {
+      onConfirm: function onConfirm(text) {
+        setTyping(false);
+        onChange === null || onChange === void 0 ? void 0 : onChange(text);
+      },
+      onCancel: function onCancel() {
+        return setTyping(false);
       },
-      isEdit ? /* @__PURE__ */ React.createElement(
-        import_MessageInput.default,
-        {
-          onConfirm: (text) => {
-            setTyping(false);
-            onChange == null ? void 0 : onChange(text);
-          },
-          onCancel: () => setTyping(false),
-          defaultValue: value,
-          height: 400
-        }
-      ) : /* @__PURE__ */ React.createElement(import_Markdown.default, { className: styles.body }, value)
-    );
-  }
-);
-var MessageModal_default = MessageModal;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      defaultValue: value,
+      height: 400
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.default, {
+      className: styles.body,
+      children: value
+    })
+  });
+});
+var _default = MessageModal;
+exports.default = _default;

package/lib/SearchBar/index.js

@@ -1,76 +1,90 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/SearchBar/index.tsx
-var SearchBar_exports = {};
-__export(SearchBar_exports, {
-  default: () => SearchBar_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(SearchBar_exports);
-var import__ = require("../index");
-var import_antd = require("antd");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import_style = require("./style");
-var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(
-  typeof navigator !== "undefined" ? navigator == null ? void 0 : navigator.platform : ""
-);
-var symbol = isAppleDevice ? "⌘" : "Ctrl";
-var SearchBar = (0, import_react.memo)(
-  ({ className, value, onChange, placeholder, enableShortKey, shortKey = "f", ...props }) => {
-    const [showTag, setShowTag] = (0, import_react.useState)(true);
-    const [inputValue, setInputValue] = (0, import_react.useState)(value);
-    const { styles, cx } = (0, import_style.useStyles)();
-    const inputRef = (0, import_react.useRef)(null);
-    (0, import_react.useEffect)(() => {
-      if (!enableShortKey)
-        return;
-      const handler = (ev) => {
-        if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === shortKey) {
-          ev.preventDefault();
-          inputRef.current.focus();
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ = require("./..");
+var _antd = require("antd");
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "value", "onChange", "placeholder", "enableShortKey", "shortKey"];
+var _navigator;
+var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform : '');
+var symbol = isAppleDevice ? '⌘' : 'Ctrl';
+var SearchBar = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var className = _ref.className,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    placeholder = _ref.placeholder,
+    enableShortKey = _ref.enableShortKey,
+    _ref$shortKey = _ref.shortKey,
+    shortKey = _ref$shortKey === void 0 ? 'f' : _ref$shortKey,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showTag = _useState2[0],
+    setShowTag = _useState2[1];
+  var _useState3 = (0, _react.useState)(value),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var _useStyles = (0, _style.useStyles)(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!enableShortKey) return;
+    var handler = function handler(ev) {
+      if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === shortKey) {
+        var _inputRef$current;
+        ev.preventDefault();
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return function () {
+      return document.removeEventListener('keydown', handler);
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: styles.search,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Input, (0, _objectSpread2.default)({
+      ref: inputRef,
+      className: cx(styles.input, className),
+      prefix: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
+        className: styles.icon,
+        icon: _lucideReact.Search,
+        size: "small",
+        style: {
+          marginRight: 4
         }
-      };
-      document.addEventListener("keydown", handler);
-      return () => document.removeEventListener("keydown", handler);
-    }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: styles.search }, /* @__PURE__ */ React.createElement(
-      import__.Input,
-      {
-        ref: inputRef,
-        className: cx(styles.input, className),
-        prefix: /* @__PURE__ */ React.createElement(import__.Icon, { className: styles.icon, icon: import_lucide_react.Search, size: "small", style: { marginRight: 4 } }),
-        allowClear: true,
-        value,
-        placeholder: placeholder ?? "Type keywords...",
-        onChange: (e) => {
-          setInputValue(e.target.value);
-          setShowTag(e.target.value ? false : true);
-          if (onChange)
-            onChange(e);
-        },
-        onFocus: () => setShowTag(false),
-        onBlur: () => setShowTag(true),
-        ...props
+      }),
+      allowClear: true,
+      value: value,
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Type keywords...',
+      onChange: function onChange(e) {
+        setInputValue(e.target.value);
+        setShowTag(e.target.value ? false : true);
+        if (_onChange) _onChange(e);
+      },
+      onFocus: function onFocus() {
+        return setShowTag(false);
+      },
+      onBlur: function onBlur() {
+        return setShowTag(true);
       }
-    ), enableShortKey && showTag && !inputValue && /* @__PURE__ */ React.createElement(import_antd.Tag, { className: styles.tag }, symbol, " ", shortKey.toUpperCase()));
-  }
-);
-var SearchBar_default = SearchBar;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+    }, props)), enableShortKey && showTag && !inputValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Tag, {
+      className: styles.tag,
+      children: [symbol, " ", shortKey.toUpperCase()]
+    })]
+  });
+});
+var _default = SearchBar;
+exports.default = _default;