@pisell/materials 1.8.7 → 1.8.8

package/lib/components/pisellDateTimeDisplay/utils/relativeDay.d.ts

@@ -0,0 +1,23 @@
+import type { Dayjs } from 'dayjs';
+export declare type RelativeDay = 'today' | 'yesterday' | 'tomorrow';
+/**
+ * 判断日期相对于参考日期是今天、昨天还是明天
+ *
+ * @param date 要展示的日期
+ * @param reference 参考日期（通常为「当前」dayjs()）
+ * @returns 'today' | 'yesterday' | 'tomorrow' | null
+ *
+ * @example
+ * getRelativeDay(dayjs(), dayjs())           // => 'today'
+ * getRelativeDay(dayjs().add(1,'day'), dayjs()) // => 'tomorrow'
+ * getRelativeDay(dayjs().subtract(1,'day'), dayjs()) // => 'yesterday'
+ */
+export declare function getRelativeDay(date: Dayjs, reference: Dayjs): RelativeDay | null;
+/**
+ * 根据 locale 返回相对日期的展示文案
+ *
+ * @param day 'today' | 'yesterday' | 'tomorrow'
+ * @param locale dayjs locale，如 'zh-cn'、'en'
+ * @returns 如 '今天'、'Today'
+ */
+export declare function getRelativeDayLabel(day: RelativeDay, locale?: string): string;

package/lib/components/pisellDateTimeDisplay/utils/relativeDay.js

@@ -0,0 +1,54 @@
+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);
+
+// src/components/pisellDateTimeDisplay/utils/relativeDay.ts
+var relativeDay_exports = {};
+__export(relativeDay_exports, {
+  getRelativeDay: () => getRelativeDay,
+  getRelativeDayLabel: () => getRelativeDayLabel
+});
+module.exports = __toCommonJS(relativeDay_exports);
+var import_localeUtils = require("./localeUtils");
+var LABELS_ZH = {
+  today: "今天",
+  yesterday: "昨天",
+  tomorrow: "明天"
+};
+var LABELS_EN = {
+  today: "Today",
+  yesterday: "Yesterday",
+  tomorrow: "Tomorrow"
+};
+function getRelativeDay(date, reference) {
+  const d = date.startOf("day");
+  const r = reference.startOf("day");
+  const diff = d.diff(r, "day");
+  if (diff === 0) return "today";
+  if (diff === 1) return "tomorrow";
+  if (diff === -1) return "yesterday";
+  return null;
+}
+function getRelativeDayLabel(day, locale) {
+  const isZh = locale ? (0, import_localeUtils.isChinese)(locale) : false;
+  return isZh ? LABELS_ZH[day] : LABELS_EN[day];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRelativeDay,
+  getRelativeDayLabel
+});

package/lib/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): React.JSX.Element;
+export declare function Remove(props: ActionProps): JSX.Element;

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -5,5 +5,5 @@ interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
 export default _default;

package/lib/components/pisellDraggable/index.d.ts

@@ -30,6 +30,6 @@ interface Props {
     /** 自定义拖拽判断函数，返回false时阻止拖拽 */
     canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): React.JSX.Element;
-declare const Demo: (props: Props) => React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
+declare const Demo: (props: Props) => JSX.Element;
 export default Demo;

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -22,5 +22,5 @@ interface SortableItemProps {
     /** 获取item样式 */
     getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }
-declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => JSX.Element;
 export default SortableItem;

package/lib/components/pisellEmail/PisellEmail.less

@@ -20,7 +20,7 @@
     align-items: center;
 
     // 链接样式
-    .ant-typography-link {
+    .pisell-lowcode-typography-link {
       cursor: pointer;
       transition: all 0.3s;
 
@@ -42,7 +42,7 @@
 
 // AutoComplete 下拉样式优化
 .pisell-email-autocomplete-dropdown {
-  .ant-select-item-option-content {
+  .pisell-lowcode-select-item-option-content {
     display: flex;
     align-items: center;
     gap: 8px;

package/lib/components/pisellEmpty/index.d.ts

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     /** 最大宽度 */
     maxWidth?: number;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
 export default PisellEmpty;

package/lib/components/pisellFilter/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PisellFilterProps } from './type';
-declare const PisellFilter: (props: PisellFilterProps) => React.JSX.Element;
+declare const PisellFilter: (props: PisellFilterProps) => JSX.Element;
 export default PisellFilter;

package/lib/components/pisellFind/PisellFind.stories.d.ts

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellFind } from './index';
+/**
+ * PisellFind 组件 Storybook
+ * 基于 PisellLookup 的组件内查找优化版本
+ */
+declare const meta: Meta<typeof PisellFind>;
+export default meta;
+declare type Story = StoryObj<typeof PisellFind>;
+/**
+ * 基础示例 - 列表查找
+ */
+export declare const Basic: Story;
+/**
+ * 表格查找
+ */
+export declare const TableFind: Story;
+/**
+ * Input 模式查找
+ */
+export declare const InputMode: Story;
+/**
+ * 使用 Ref 控制
+ */
+export declare const WithRef: Story;
+/**
+ * 显示确认按钮
+ */
+export declare const WithConfirmButton: Story;
+/**
+ * 关闭历史记录
+ */
+export declare const NoHistory: Story;
+/**
+ * 多字段搜索
+ */
+export declare const MultiFieldSearch: Story;
+/**
+ * Drawer 模式
+ */
+export declare const DrawerMode: Story;
+/**
+ * Playground - 自由配置
+ */
+export declare const Playground: Story;

package/lib/components/pisellFind/PisellFind.stories.js

@@ -0,0 +1,343 @@
+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);
+
+// src/components/pisellFind/PisellFind.stories.tsx
+var PisellFind_stories_exports = {};
+__export(PisellFind_stories_exports, {
+  Basic: () => Basic,
+  DrawerMode: () => DrawerMode,
+  InputMode: () => InputMode,
+  MultiFieldSearch: () => MultiFieldSearch,
+  NoHistory: () => NoHistory,
+  Playground: () => Playground,
+  TableFind: () => TableFind,
+  WithConfirmButton: () => WithConfirmButton,
+  WithRef: () => WithRef,
+  default: () => PisellFind_stories_default
+});
+module.exports = __toCommonJS(PisellFind_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index");
+var import_antd = require("antd");
+var meta = {
+  title: "Plus Components/PisellFind",
+  component: import_index.PisellFind,
+  parameters: {
+    layout: "padded",
+    docs: {
+      description: {
+        component: "基于 PisellLookup 的组件内查找组件，专门为已加载数据的查找场景优化。"
+      }
+    }
+  },
+  tags: ["autodocs"]
+};
+var PisellFind_stories_default = meta;
+var mockProducts = [
+  { id: 1, name: "iPhone 15 Pro", price: 7999, category: "手机", stock: 100 },
+  { id: 2, name: "iPhone 14", price: 5999, category: "手机", stock: 150 },
+  { id: 3, name: "MacBook Pro", price: 12999, category: "电脑", stock: 50 },
+  { id: 4, name: "MacBook Air", price: 7999, category: "电脑", stock: 80 },
+  { id: 5, name: "iPad Air", price: 4799, category: "平板", stock: 120 },
+  { id: 6, name: "iPad Pro", price: 6799, category: "平板", stock: 60 },
+  { id: 7, name: "AirPods Pro", price: 1899, category: "耳机", stock: 200 },
+  { id: 8, name: "Apple Watch", price: 2999, category: "手表", stock: 90 }
+];
+var Basic = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { color: "blue" }, item.category), /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#ff4d4f", fontWeight: "bold" } }, "¥", item.price), /* @__PURE__ */ import_react.default.createElement("span", null, "库存: ", item.stock))
+          }
+        ))
+      }
+    ));
+  }
+};
+var TableFind = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    const columns = [
+      { title: "商品名称", dataIndex: "name", key: "name" },
+      { title: "价格", dataIndex: "price", key: "price", render: (v) => `¥${v}` },
+      { title: "分类", dataIndex: "category", key: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) },
+      { title: "库存", dataIndex: "stock", key: "stock" }
+    ];
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16, display: "flex", justifyContent: "space-between", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement("h3", null, "商品列表"), /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns,
+        pagination: { pageSize: 10 }
+      }
+    ));
+  }
+};
+var InputMode = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        triggerType: "input",
+        placeholder: "搜索商品名称",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: 16 } }, filteredData.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { key: item.id, size: "small" }, /* @__PURE__ */ import_react.default.createElement("h4", null, item.name), /* @__PURE__ */ import_react.default.createElement("p", { style: { color: "#ff4d4f", fontWeight: "bold" } }, "¥", item.price), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, item.category), /* @__PURE__ */ import_react.default.createElement("span", null, "库存: ", item.stock))))));
+  }
+};
+var WithRef = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    const findRef = (0, import_react.useRef)(null);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.open();
+    } }, "打开查找"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.close();
+    } }, "关闭查找"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      return (_a = findRef.current) == null ? void 0 : _a.setKeyword("iPhone");
+    } }, "搜索 iPhone"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: () => {
+      var _a;
+      const keyword = (_a = findRef.current) == null ? void 0 : _a.getKeyword();
+      alert(`当前关键词: ${keyword}`);
+    } }, "获取关键词")), /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        ref: findRef,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` }
+        ],
+        style: { marginTop: 16 }
+      }
+    ));
+  }
+};
+var WithConfirmButton = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        showConfirmButton: true,
+        confirmButtonText: "Search",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: `¥${item.price}`
+          }
+        ))
+      }
+    ));
+  }
+};
+var NoHistory = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        showHistory: false,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, item.name)
+      }
+    ));
+  }
+};
+var MultiFieldSearch = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        buttonText: "搜索商品",
+        onSearch: (keyword) => {
+          const kw = keyword.toLowerCase();
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(kw) || item.category.toLowerCase().includes(kw)
+          );
+          setFilteredData(filtered);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("p", { style: { marginTop: 8, color: "#999", fontSize: 12 } }, "支持搜索商品名称和分类")), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` },
+          { title: "分类", dataIndex: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) },
+          { title: "库存", dataIndex: "stock" }
+        ]
+      }
+    ));
+  }
+};
+var DrawerMode = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        displayType: "drawer",
+        drawerPlacement: "right",
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.List,
+      {
+        dataSource: filteredData,
+        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(import_antd.List.Item, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.List.Item.Meta,
+          {
+            title: item.name,
+            description: `¥${item.price}`
+          }
+        ))
+      }
+    ));
+  }
+};
+var Playground = {
+  render: () => {
+    const [filteredData, setFilteredData] = (0, import_react.useState)(mockProducts);
+    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_index.PisellFind,
+      {
+        triggerType: "button",
+        buttonText: "Find",
+        showConfirmButton: false,
+        showHistory: true,
+        maxHistoryCount: 10,
+        size: "middle",
+        disabled: false,
+        onSearch: (keyword) => {
+          const filtered = mockProducts.filter(
+            (item) => item.name.toLowerCase().includes(keyword.toLowerCase())
+          );
+          setFilteredData(filtered);
+        }
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Table,
+      {
+        dataSource: filteredData,
+        columns: [
+          { title: "商品名称", dataIndex: "name" },
+          { title: "价格", dataIndex: "price", render: (v) => `¥${v}` },
+          { title: "分类", dataIndex: "category", render: (v) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, v) }
+        ]
+      }
+    ));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Basic,
+  DrawerMode,
+  InputMode,
+  MultiFieldSearch,
+  NoHistory,
+  Playground,
+  TableFind,
+  WithConfirmButton,
+  WithRef
+});

package/lib/components/pisellFind/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { PisellLookupProps, PisellLookupRef } from '../pisellLookup';
+/**
+ * PisellFind Props
+ * 继承 PisellLookup 的所有 Props
+ */
+export declare type PisellFindProps = PisellLookupProps;
+/**
+ * PisellFind Ref
+ * 继承 PisellLookup 的所有 Ref 方法
+ */
+export declare type PisellFindRef = PisellLookupRef;
+/**
+ * PisellFind 组件
+ * 基于 PisellLookup 的组件内查找优化版本
+ *
+ * 核心特点：
+ * - 默认使用 button 触发器
+ * - 默认不显示确认按钮（输入即搜索）
+ * - 默认开启搜索历史
+ * - 默认不展示结果区（结果在页面其他位置展示）
+ *
+ * @example
+ * ```tsx
+ * // 基础用法
+ * <PisellFind
+ *   onSearch={(keyword) => {
+ *     const filtered = data.filter(item => item.name.includes(keyword));
+ *     setFilteredData(filtered);
+ *   }}
+ * />
+ *
+ * // 切换为 Input 模式
+ * <PisellFind
+ *   triggerType="input"
+ *   onSearch={(keyword) => filterData(keyword)}
+ * />
+ * ```
+ */
+export declare const PisellFind: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;

package/lib/components/pisellFind/index.js

@@ -0,0 +1,68 @@
+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);
+
+// src/components/pisellFind/index.tsx
+var pisellFind_exports = {};
+__export(pisellFind_exports, {
+  PisellFind: () => PisellFind
+});
+module.exports = __toCommonJS(pisellFind_exports);
+var import_react = __toESM(require("react"));
+var import_pisellLookup = require("../pisellLookup");
+var import_locales = require("../../locales");
+var PisellFind = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    // 提取需要设置默认值的 Props
+    triggerType = "button",
+    buttonText = (0, import_locales.getText)("pisell-find-button-text"),
+    placeholder = (0, import_locales.getText)("pisell-find-placeholder"),
+    showConfirmButton = false,
+    showHistory = true,
+    historyKey = "pisell_find_history",
+    // 透传其他所有 Props
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellLookup.PisellLookup,
+    {
+      ref,
+      triggerType,
+      buttonText,
+      placeholder,
+      showConfirmButton,
+      showHistory,
+      historyKey,
+      ...restProps
+    }
+  );
+});
+PisellFind.displayName = "PisellFind";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellFind
+});

package/lib/components/pisellFloatingPanel/index.d.ts

@@ -13,5 +13,5 @@ export interface PisellFloatingPanelProps {
     style?: React.CSSProperties;
     retractIconStyle?: React.CSSProperties;
 }
-declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => React.JSX.Element;
+declare const PisellFloatingPanel: (props: PisellFloatingPanelProps) => JSX.Element;
 export default PisellFloatingPanel;

package/lib/components/pisellGoodPassCard/index.d.ts

@@ -46,5 +46,5 @@ export interface PisellGoodPassCardProps {
     mixedSort?: (val: Discount[]) => Discount[];
     isInModal: boolean;
 }
-declare const index: (props: PisellGoodPassCardProps) => React.JSX.Element;
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
 export default index;

package/lib/components/pisellGridPro/GridPro.d.ts

@@ -5,5 +5,5 @@ export interface GridProProps {
     children?: React.ReactNode;
     style?: React.CSSProperties;
 }
-declare const PisellGridPro: (props: GridProProps) => React.JSX.Element;
+declare const PisellGridPro: (props: GridProProps) => JSX.Element;
 export default PisellGridPro;