@pisell/materials 1.0.1048 → 1.0.1050

package/lib/components/pisellImport/docs/pisellImport.md

@@ -0,0 +1,174 @@
+---
+nav:
+  title: 组件
+  order: 1
+group:
+  title: Data Entry
+  order: 1
+title: PisellImport
+order: 2
+category: atom
+---
+
+# PisellImport 导入按钮
+
+导入触发器组件，样式与 PisellExport 一致，支持「仅图标」与「图标+文案」两种形态、三种尺寸。点击后打开系统文件选择框，可选择文件并做大小校验，通过后通过 `onImport(files)` 回调将文件列表交给调用方处理上传或解析。
+
+## 何时使用
+
+- 批量导入 Excel/CSV 等文件
+- 与 PisellExport 搭配的导入导出能力
+- 需要限制文件类型、大小或多选的导入场景
+
+## 代码演示
+
+### 基础用法
+
+点击后打开文件选择，选择完成后在 `onImport` 中拿到 `File[]`，由调用方实现上传或解析。
+
+```tsx
+import React from 'react';
+import { PisellImport } from '@pisell/materials';
+
+export default () => {
+  return (
+    <PisellImport
+      onImport={(files) => {
+        console.log('已选文件', files);
+        // 调用方：上传、解析等
+      }}
+    />
+  );
+};
+```
+
+### 限制文件类型与大小
+
+通过 `accept` 限制可选类型，通过 `maxSize`（MB）限制单文件大小；超出时触发 `onError`。
+
+```tsx
+import React from 'react';
+import { PisellImport } from '@pisell/materials';
+import { message } from 'antd';
+
+export default () => {
+  return (
+    <PisellImport
+      accept=".xlsx,.xls,.csv"
+      maxSize={10}
+      onImport={(files) => {
+        message.success(`已选择 ${files.length} 个文件`);
+      }}
+      onError={({ message: msg }) => {
+        message.error(msg);
+      }}
+    />
+  );
+};
+```
+
+### 多选文件
+
+`multiple={true}` 时允许一次选择多个文件。
+
+```tsx
+import React from 'react';
+import { PisellImport } from '@pisell/materials';
+
+export default () => {
+  return (
+    <PisellImport
+      multiple
+      label="选择多个文件"
+      onImport={(files) => {
+        console.log('已选', files.length, '个文件', files.map((f) => f.name));
+      }}
+    />
+  );
+};
+```
+
+### 仅图标与不同尺寸
+
+与 PisellExport 相同，支持 `variant="icon"` 和 `size`。
+
+```tsx
+import React from 'react';
+import { PisellImport } from '@pisell/materials';
+
+export default () => {
+  return (
+    <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
+      <PisellImport variant="icon" onImport={() => {}} />
+      <PisellImport size="small" onImport={() => {}} />
+      <PisellImport size="large" type="primary" onImport={() => {}} />
+    </div>
+  );
+};
+```
+
+### 与导出并排
+
+常与 PisellExport 一起使用。
+
+```tsx
+import React from 'react';
+import { PisellImport, PisellExport } from '@pisell/materials';
+
+export default () => {
+  return (
+    <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
+      <PisellImport
+        accept=".xlsx,.csv"
+        maxSize={10}
+        onImport={(files) => console.log('导入', files)}
+        onError={({ message: msg }) => console.error(msg)}
+      />
+      <PisellExport onExport={() => console.log('导出')} />
+    </div>
+  );
+};
+```
+
+## API
+
+### PisellImport Props
+
+| 参数      | 说明                         | 类型                                                                 | 默认值    | 必填 |
+| --------- | ---------------------------- | -------------------------------------------------------------------- | --------- | ---- |
+| variant   | 展示形态                     | `'icon' \| 'button'`                                                | `'button'` | ❌   |
+| size      | 尺寸                         | `'small' \| 'medium' \| 'large'`                                   | `'medium'` | ❌   |
+| type      | 视觉类型                     | `'default' \| 'primary'`                                            | `'default'` | ❌   |
+| disabled  | 是否禁用                     | `boolean`                                                            | `false`   | ❌   |
+| label     | Button 形态文案               | `ReactNode`                                                          | 国际化默认 | ❌   |
+| icon      | 自定义图标                   | `ReactNode`                                                          | 内置导入图标 | ❌   |
+| accept    | 接受的文件类型               | `string`（如 `.xlsx,.csv`）                                          | -         | ❌   |
+| multiple  | 是否多选                     | `boolean`                                                            | `false`   | ❌   |
+| maxSize   | 单文件最大体积（MB）         | `number`                                                             | -         | ❌   |
+| onImport  | 选择文件并校验通过后回调     | `(files: File[], e: React.ChangeEvent<HTMLInputElement>) => void`   | -         | ❌   |
+| onError   | 校验失败时回调（如文件过大） | `(error: { type: 'MAX_SIZE'; message: string; file: File }) => void` | -         | ❌   |
+| className | 自定义类名                   | `string`                                                             | -         | ❌   |
+| style     | 自定义样式                   | `CSSProperties`                                                      | -         | ❌   |
+
+### onError 参数
+
+当 `maxSize` 校验不通过时，`onError` 会收到：
+
+- `type`: `'MAX_SIZE'`
+- `message`: 提示文案（含体积限制，支持国际化）
+- `file`: 超限的 File 对象
+
+可在回调中使用 `message.error(error.message)` 等方式提示用户。
+
+## 注意事项
+
+1. **回调必传**：实际使用中建议传入 `onImport`，否则选择文件后无法处理
+2. **文件校验**：需限制类型时传 `accept`，需限制大小时传 `maxSize` 并实现 `onError` 提示用户
+3. **多选**：`multiple={true}` 时一次可选多个文件，`onImport` 收到的 `files` 为数组
+4. **搭配使用**：常与 PisellExport 并排使用，形成导入导出能力
+
+## 相关文档
+
+- [设计文档](./pisellImport.$tab-design.md)
+- [开发文档](./pisellImport.$tab-dev.md)
+- [测试文档](./pisellImport.$tab-test.md)

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

@@ -0,0 +1,2 @@
+import { ImportButtonType, PisellImportProps, SizeType, VariantType } from "./types.js";
+import { PisellImport } from "./PisellImport.js";

package/lib/components/pisellImport/types.d.ts

@@ -0,0 +1,89 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/pisellImport/types.d.ts
+/**
+ * 展示形态
+ * @description icon：仅图标；button：图标 + 文案
+ */
+type VariantType = 'icon' | 'button';
+/**
+ * 尺寸
+ * @description 小、中、大三种尺寸，对应设计稿 padding 与字体
+ */
+type SizeType = 'small' | 'medium' | 'large';
+/**
+ * 视觉类型
+ * @description default：默认边框/灰字；primary：主色描边或填充
+ */
+type ImportButtonType = 'default' | 'primary';
+/**
+ * PisellImport 组件 Props
+ * @description 导入触发器 UI 组件，仅负责展示与点击回调，不内置导入逻辑
+ */
+interface PisellImportProps {
+  /**
+   * 展示形态
+   * @default 'button'
+   */
+  variant?: VariantType;
+  /**
+   * 尺寸
+   * @default 'medium'
+   */
+  size?: SizeType;
+  /**
+   * 视觉类型（默认样式 / 主色样式）
+   * @default 'default'
+   */
+  type?: ImportButtonType;
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Button 形态下的文案，不传时使用国际化默认文案
+   */
+  label?: ReactNode;
+  /**
+   * 自定义图标，不传时使用内置上传/导入图标
+   */
+  icon?: ReactNode;
+  /**
+   * 接受的文件类型
+   * @description 与 input[type=file] 的 accept 一致，如 ".xlsx,.csv" 或 "application/vnd.ms-excel"
+   */
+  accept?: string;
+  /**
+   * 是否允许多选
+   * @default false
+   */
+  multiple?: boolean;
+  /**
+   * 单文件最大体积（MB），超出时不会调用 onImport，并调用 onError
+   */
+  maxSize?: number;
+  /**
+   * 选择文件并校验通过后回调
+   * @description 用户选择文件后触发，e 为 input 的 change 事件
+   */
+  onImport?: (files: File[], e: React.ChangeEvent<HTMLInputElement>) => void;
+  /**
+   * 校验失败时回调（如文件过大）
+   */
+  onError?: (error: {
+    type: 'MAX_SIZE';
+    message: string;
+    file: File;
+  }) => void;
+  /**
+   * 自定义类名
+   */
+  className?: string;
+  /**
+   * 自定义样式
+   */
+  style?: CSSProperties;
+}
+//#endregion
+export { ImportButtonType, PisellImportProps, SizeType, VariantType };

package/lib/components/pisellInformationEntry/Input/index.js

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_index = require('../../button/index.js');
+const require_index = require('../../../locales/index.js');
 const require_index$1 = require('../../iconfont/index.js');
-const require_index$2 = require('../../../locales/index.js');
+const require_index$2 = require('../../button/index.js');
 const require_index$3 = require('../../pisellInput/index.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
@@ -27,11 +27,11 @@ const PisellEntryInput = (props) => {
 			type: "pisell2-search-lg"
 		}),
 		allowClear: true
-	}), /* @__PURE__ */ react.default.createElement(require_index.default, {
+	}), /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 		size: "large",
 		onClick: () => onChange(value),
 		disabled: !value
-	}, require_index$2.getText("pisell-information-entry-input-search"))), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entry-input-describe" }, searchDescribe));
+	}, require_index.getText("pisell-information-entry-input-search"))), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-entry-input-describe" }, searchDescribe));
 };
 var Input_default = PisellEntryInput;
 

package/lib/components/pisellInformationEntry/index.js

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_index = require('../button/index.js');
-const require_index$1 = require('../pisellCard/index.js');
-const require_usePisellConfig = require('../pisell-config-provider/hooks/usePisellConfig.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
-const require_index$2 = require('../iconfont/index.js');
+const require_index = require('../pisellCard/index.js');
+const require_index$1 = require('../iconfont/index.js');
+const require_usePisellConfig = require('../pisell-config-provider/hooks/usePisellConfig.js');
+const require_index$2 = require('../button/index.js');
 const require_asyncToGenerator = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js');
 const require_constants = require('./constants.js');
 const require_index$3 = require('./Scan/index.js');
@@ -11,17 +11,17 @@ const require_index$4 = require('./Input/index.js');
 const require_utils = require('./utils.js');
 const require_useTerminalPeripherals = require('./hooks/useTerminalPeripherals.js');
 const require_useNativeScanner = require('./hooks/useNativeScanner.js');
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
 require("./index.less");
 
 //#region src/components/pisellInformationEntry/index.tsx
 const _excluded = ["icon", "children"];
 const CardButton = (props) => {
 	const { icon, children } = props, others = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
-	return /* @__PURE__ */ react.default.createElement(require_index$1.default, others, /* @__PURE__ */ react.default.createElement("div", null, icon), /* @__PURE__ */ react.default.createElement("div", null, children));
+	return /* @__PURE__ */ react.default.createElement(require_index.default, others, /* @__PURE__ */ react.default.createElement("div", null, icon), /* @__PURE__ */ react.default.createElement("div", null, children));
 };
 const PisellInformationEntry = (props) => {
 	const { platform: propsPlatform, title, entryModes = [], searchDescribe, onChange, onChangeType } = props;
@@ -89,15 +89,15 @@ const PisellInformationEntry = (props) => {
 		if (availableEntryModes.length === 1 && require_constants.passiveModeType.includes(availableEntryModes[0].type)) return true;
 		return false;
 	}, [currentType, availableEntryModes]);
-	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-wrap" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-title" }, /* @__PURE__ */ react.default.createElement("span", null, title), currentType && isHasScanCode && isHasInput && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-title-action-wrap" }, isHasScanCode && /* @__PURE__ */ react.default.createElement(require_index.default, {
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-wrap" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-title" }, /* @__PURE__ */ react.default.createElement("span", null, title), currentType && isHasScanCode && isHasInput && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-title-action-wrap" }, isHasScanCode && /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 		size: "large",
 		type: currentType === "scanCode" ? "primary" : "default",
-		icon: /* @__PURE__ */ react.default.createElement(require_index$2.default, { type: require_constants.entryModeTextIcon["scanCode"].icon }),
+		icon: /* @__PURE__ */ react.default.createElement(require_index$1.default, { type: require_constants.entryModeTextIcon["scanCode"].icon }),
 		onClick: () => handleEntryClick("scanCode")
-	}), isHasInput && /* @__PURE__ */ react.default.createElement(require_index.default, {
+	}), isHasInput && /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 		size: "large",
 		type: currentType === "input" ? "primary" : "default",
-		icon: /* @__PURE__ */ react.default.createElement(require_index$2.default, { type: require_constants.entryModeTextIcon["input"].icon }),
+		icon: /* @__PURE__ */ react.default.createElement(require_index$1.default, { type: require_constants.entryModeTextIcon["input"].icon }),
 		onClick: () => handleEntryClick("input")
 	}))), isShowEntryModes && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-information-entry-modes" }, availableEntryModes.map((item) => {
 		const detail = require_constants.entryModeTextIcon[item.type];
@@ -108,7 +108,7 @@ const PisellInformationEntry = (props) => {
 		}
 		return /* @__PURE__ */ react.default.createElement(CardButton, {
 			bordered: !require_constants.passiveModeType.includes(item.type),
-			icon: /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+			icon: /* @__PURE__ */ react.default.createElement(require_index$1.default, {
 				type: icon,
 				className: "pisell-card-button-icon"
 			}),

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,6 +1,6 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import { InputProps } from "antd";
 import React from "react";
+import { InputProps } from "antd";
 import "./index.less";
 
 //#region src/components/pisellInput/components/BankCard/index.d.ts

package/lib/components/pisellInput/components/Copy/index.d.ts

@@ -1,6 +1,6 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import { ButtonProps, InputProps } from "antd";
 import React from "react";
+import { ButtonProps, InputProps } from "antd";
 
 //#region src/components/pisellInput/components/Copy/index.d.ts
 interface CopyProps extends InputProps {

package/lib/components/pisellInput/components/Copy/index.js

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_index = require('../../../../locales/index.js');
 const require_objectSpread2 = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
-const require_index = require('../../../icon/index.js');
-const require_index$1 = require('../../../../locales/index.js');
-const require_asyncToGenerator = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js');
+const require_index$1 = require('../../../icon/index.js');
 const require_index$2 = require('../../../input/index.js');
-let antd = require("antd");
+const require_asyncToGenerator = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
+let antd = require("antd");
 
 //#region src/components/pisellInput/components/Copy/index.tsx
 const Copy = (props) => {
@@ -19,7 +19,7 @@ const Copy = (props) => {
 			var _buttonProps$onClick, _inputRef$current;
 			buttonProps === null || buttonProps === void 0 || (_buttonProps$onClick = buttonProps.onClick) === null || _buttonProps$onClick === void 0 || _buttonProps$onClick.call(buttonProps, e);
 			yield (0, _pisell_utils.copyToClipboard)(((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current = _inputRef$current.input) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || "");
-			antd.message.success(require_index$1.getText("pisell-input-copy-success"));
+			antd.message.success(require_index.getText("pisell-input-copy-success"));
 		});
 		return function handleCopyClick$1(_x) {
 			return _ref.apply(this, arguments);
@@ -31,10 +31,10 @@ const Copy = (props) => {
 		size: "large"
 	})), /* @__PURE__ */ react.default.createElement(antd.Button, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
 		size: "large",
-		icon: /* @__PURE__ */ react.default.createElement(require_index.default, { type: "pisell2-copy-03" })
+		icon: /* @__PURE__ */ react.default.createElement(require_index$1.default, { type: "pisell2-copy-03" })
 	}, buttonProps), {}, {
 		onClick: handleCopyClick,
-		children: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) || require_index$1.getText("pisell-input-copy")
+		children: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) || require_index.getText("pisell-input-copy")
 	})));
 };
 var Copy_default = Copy;

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,6 +1,6 @@
 import { PisellContextType } from "../../../pisell-config-provider/context.js";
-import { InputProps } from "antd";
 import React from "react";
+import { InputProps } from "antd";
 import "./index.less";
 
 //#region src/components/pisellInput/components/SecurityCode/index.d.ts

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

@@ -2,8 +2,8 @@ import { PisellContextType } from "../pisell-config-provider/context.js";
 import { BankCardProps } from "./components/BankCard/index.js";
 import { SecurityCodeProps } from "./components/SecurityCode/index.js";
 import { CopyProps } from "./components/Copy/index.js";
-import { InputProps } from "antd";
 import React from "react";
+import { InputProps } from "antd";
 
 //#region src/components/pisellInput/index.d.ts
 declare const PisellInput: {

package/lib/components/pisellLayout/content.d.ts

@@ -1,5 +1,5 @@
-import { LayoutProps } from "antd";
 import React from "react";
+import { LayoutProps } from "antd";
 
 //#region src/components/pisellLayout/content.d.ts
 interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
@@ -10,4 +10,4 @@ interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
 }
 declare const PisellContent: React.FC<PisellContentProps>;
 //#endregion
-export { PisellContent };
+export { PisellContent, PisellContentProps };

package/lib/components/pisellLayout/content.js

@@ -2,11 +2,11 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
 const require_useEngineContext = require('../../hooks/useEngineContext.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
 let antd = require("antd");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
 
 //#region src/components/pisellLayout/content.tsx
 const _excluded = [

package/lib/components/pisellLayout/footer.d.ts

@@ -1,5 +1,5 @@
-import { LayoutProps } from "antd";
 import React from "react";
+import { LayoutProps } from "antd";
 
 //#region src/components/pisellLayout/footer.d.ts
 interface PisellFooterProps extends Omit<LayoutProps, 'prefixCls'> {
@@ -8,4 +8,4 @@ interface PisellFooterProps extends Omit<LayoutProps, 'prefixCls'> {
 }
 declare const PisellFooter: React.FC<PisellFooterProps>;
 //#endregion
-export { PisellFooter };
+export { PisellFooter, PisellFooterProps };

package/lib/components/pisellLayout/footer.js

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
-let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
 
 //#region src/components/pisellLayout/footer.tsx
 const _excluded = ["children", "height"];

package/lib/components/pisellLayout/header.d.ts

@@ -1,5 +1,5 @@
-import { LayoutProps } from "antd";
 import React from "react";
+import { LayoutProps } from "antd";
 import "./index.less";
 
 //#region src/components/pisellLayout/header.d.ts
@@ -10,4 +10,4 @@ interface PisellHeaderProps extends Omit<LayoutProps, 'prefixCls'> {
 }
 declare const PisellHeader: React.FC<PisellHeaderProps>;
 //#endregion
-export { PisellHeader };
+export { PisellHeader, PisellHeaderProps };

package/lib/components/pisellLayout/header.js

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
 let antd = require("antd");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
 require("./index.less");
 
 //#region src/components/pisellLayout/header.tsx

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

@@ -1,5 +1,5 @@
-import { Layout, LayoutProps } from "antd";
 import React from "react";
+import { Layout, LayoutProps } from "antd";
 
 //#region src/components/pisellLayout/index.d.ts
 interface PisellLayoutProps extends LayoutProps {
@@ -13,4 +13,4 @@ interface CompoundedComponent extends React.FC<PisellLayoutProps> {
 }
 declare const PisellLayout: CompoundedComponent;
 //#endregion
-export { PisellLayout };
+export { CompoundedComponent, PisellLayout, PisellLayoutProps };

package/lib/components/pisellLayout/index.js

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
-let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
 
 //#region src/components/pisellLayout/index.tsx
 const _excluded = ["children"];

package/lib/components/pisellLayout/sider.d.ts

@@ -8,4 +8,4 @@ interface PisellSiderProps extends SiderProps {
 }
 declare const PisellSider: React.FC<PisellSiderProps>;
 //#endregion
-export { PisellSider };
+export { PisellSider, PisellSiderProps };

package/lib/components/pisellLayout/sider.js

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_objectWithoutProperties = require('../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
 let antd = require("antd");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
 require("./index.less");
 
 //#region src/components/pisellLayout/sider.tsx

package/lib/components/pisellList01/index.js

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_index = require('../input/index.js');
-const require_index$1 = require('../pisellAnchor/index.js');
+const require_index = require('../pisellViewGrid/index.js');
+const require_index$1 = require('../input/index.js');
 const require_index$2 = require('../pisellEmpty/index.js');
-const require_index$3 = require('../pisellViewGrid/index.js');
+const require_index$3 = require('../pisellAnchor/index.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let _ant_design_icons = require("@ant-design/icons");
@@ -43,21 +43,21 @@ const PisellList01 = ({ showSearch, showCategory, placeholder, dataSource, rende
 	return /* @__PURE__ */ react.default.createElement("div", {
 		className: `pisell-list-01 ${className}`,
 		style
-	}, showSearch ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-search" }, /* @__PURE__ */ react.default.createElement(require_index.default, {
+	}, showSearch ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-search" }, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
 		placeholder: placeholder || "Search",
 		prefix: /* @__PURE__ */ react.default.createElement(_ant_design_icons.SearchOutlined, { style: { color: "#667085" } }),
 		onChange: onSearch,
 		allowClear: true,
 		size: "large",
 		className: "pisell-list-01-search-input"
-	})) : null, showCategory ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-categories" }, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+	})) : null, showCategory ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-categories" }, /* @__PURE__ */ react.default.createElement(require_index$3.default, {
 		items: dataSource,
 		getCurrentAnchor: currentAnchor,
 		onChange: (e) => {
 			onChange === null || onChange === void 0 || onChange(e);
 			setCurrentAnchor(e);
 		}
-	})) : null, /* @__PURE__ */ react.default.createElement("div", { className: `pisell-list-01-products ${!products.length && isShowEmpty ? "pisell-list-01-products-empty" : ""}` }, showCategory ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-products-title" }, categoryTitle) : null, products.length > 0 ? /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+	})) : null, /* @__PURE__ */ react.default.createElement("div", { className: `pisell-list-01-products ${!products.length && isShowEmpty ? "pisell-list-01-products-empty" : ""}` }, showCategory ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-list-01-products-title" }, categoryTitle) : null, products.length > 0 ? /* @__PURE__ */ react.default.createElement(require_index.default, {
 		dataSource: products,
 		columns: 1,
 		verticalGap: 16,

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

@@ -1,5 +1,5 @@
-import { SpinProps } from "antd";
 import React from "react";
+import { SpinProps } from "antd";
 import "./index.less";
 
 //#region src/components/pisellLoading/index.d.ts

package/lib/components/pisellLoading/index.js

@@ -2,9 +2,9 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
 const require_index = require('../iconfont/index.js');
 const require_index$1 = require('../../utils/index.js');
 const require_useCssVariables = require('../../hooks/useCssVariables.js');
-let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
 require("./index.less");
 
 //#region src/components/pisellLoading/index.tsx

package/lib/components/pisellLongText/components/EditView.js

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
+let antd = require("antd");
 
 //#region src/components/pisellLongText/components/EditView.tsx
 const { TextArea } = antd.Input;

package/lib/components/pisellLongText/components/ReadOnlyView.js

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
-let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
 
 //#region src/components/pisellLongText/components/ReadOnlyView.tsx
 const { Paragraph } = antd.Typography;