@pisell/materials 1.0.982 → 1.0.987

package/es/locales/zh-TW.d.ts

@@ -0,0 +1,350 @@
+declare const _default: {
+    'pisell-tabbar-expand': string;
+    'pisell-tabbar-minimize': string;
+    'pisell-tabbar-all': string;
+    'table-filter-search': string;
+    'table-filter-clear': string;
+    'table-filter-filter': string;
+    'table-filter-min': string;
+    'table-filter-max': string;
+    'table-pagination-previous': string;
+    'table-pagination-next': string;
+    'table-pagination-total': (current: string, total: string) => string;
+    'select-dropdown-render-select-all': string;
+    'select-dropdown-render-search': string;
+    'sort-button-text': string;
+    'sort-oldest-to-newest': string;
+    'sort-newest-to-oldest': string;
+    'sort-a-z': string;
+    'sort-z-a': string;
+    'sort-from-morning-to-night': string;
+    'sort-from-evening-to-morning': string;
+    'sort-0-9': string;
+    'sort-9-0': string;
+    'table-action-filter-button': string;
+    'table-action-filter-quick-filter': string;
+    'table-action-filter-quick-filter-tip': (count: number) => string;
+    'table-action-filter-other-filter': string;
+    'table-action-filter-other-filter-tip': () => string;
+    'table-action-group-by-title': string;
+    'table-action-group-by-title-tip': string;
+    'table-action-column-title': string;
+    'table-column-group-records': string;
+    'table-column-group-lock-tip': string;
+    'table-column-drag-sort-disabled-tip': string;
+    'table-action-filter-no-filter': string;
+    'table-action-range-picker-presets-today': string;
+    'table-action-range-picker-presets-yesterday': string;
+    'table-action-range-picker-presets-last-3-day': string;
+    'table-action-range-picker-presets-last-7-day': string;
+    'table-action-range-picker-presets-last-14-day': string;
+    'table-action-range-picker-presets-last-30-day': string;
+    'table-action-range-picker-presets-last-90-day': string;
+    'virtual-keyboard-time-now': string;
+    'virtual-keyboard-time-ok': string;
+    'batch-editor-batch-edit': string;
+    'batch-editor-actions': string;
+    'batch-editor-remove': string;
+    'batch-editor-price': string;
+    'batch-editor-cancel': string;
+    'batch-editor-search': string;
+    'batch-editor-confirm': string;
+    'batch-editor-batch-remove': string;
+    'batch-editor-what-price': string;
+    'batch-editor-quick-edit': string;
+    'batch-editor-quick-edit-title': (product: string, num: string) => string;
+    'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    'date-picker-apply': string;
+    'date-picker-shortcut-custom': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-input-confirm': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
+    'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-valid': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
+    'pisell-wallet-pass-card-expireDate': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
+    'pisell-discount-card-title': string;
+    'pisell-discount-card-unit': string;
+    'pisell-discount-card-fixed-amount-prefix': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
+    'pisell-record-view-available': string;
+    'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
+    'pisell-data-source-form-url-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
+    'pisell-data-source-form-mobile-message': string;
+    'pisell-number-format-thousand': string;
+    'pisell-number-format-million': string;
+    'pisell-number-format-billion': string;
+    'walletCard-done': string;
+    'walletCard-qrcode': string;
+    'walletCard-barcode': string;
+    'walletCard-viewPin': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
+    'pisell-upload-error': (name: string) => string;
+    'pisell-upload-multilingual-title': string;
+    'pisell-upload-multilingual-item-title-original': string;
+    'pisell-upload-multilingual-item-title-en': string;
+    'pisell-upload-multilingual-item-title-zh-CN': string;
+    'pisell-upload-multilingual-item-title-zh-HK': string;
+    'pisell-color-picker-default': string;
+    'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
+    'pisell-action-delete-failed': string;
+    'walletCard-point': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
+    'pisellQrcode-done': string;
+    'pisellQrcode-qrcode': string;
+    'pisell-delete-confirm-title': string;
+    'pisell-delete-confirm-content': string;
+    'pisell-delete-confirm-ok': string;
+    'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
+    'pisell-version-modal-title': string;
+    'pisell-version-modal-current-version': string;
+    'pisell-version-modal-version': string;
+    'pisell-version-modal-update-notes': string;
+    'pisell-version-modal-patch': string;
+    'pisell-version-modal-minor': string;
+    'pisell-version-modal-major': string;
+    'pisell-version-modal-custom': string;
+    'pisell-version-modal-cancel': string;
+    'pisell-version-modal-confirm': string;
+    'pisell-version-modal-describe-update-notes': string;
+    'pisell-version-modal-version-error': string;
+    'pisell-version-modal-version-required': string;
+    'pisell-version-modal-based-on-version': string;
+    'subdomain-error-too-short': string;
+    'subdomain-error-too-long': string;
+    'subdomain-error-pattern': string;
+    'subdomain-error-numbers-only': string;
+    'subdomain-error-hyphen-ends': string;
+    'subdomain-error-consecutive-hyphens': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
+    'pisell-lowcode-app-version-control-version-exists': string;
+    'pisell-lowcode-app-version-control-version-create-title': string;
+    'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
+    'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-proCode': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-group': string;
+    'pisell-lowcode-navigation-menu-tag-sub-menu': string;
+    'pisell-lowcode-navigation-menu-tag-custom': string;
+    'pisell-data-source-form-app-identifier-pattern': string;
+    'pisell-data-source-form-app-identifier-start-with-letter': string;
+    'pisell-data-source-form-app-identifier-special-ends': string;
+    'pisell-data-source-form-app-identifier-consecutive-special': string;
+    'qrscanner-loading': string;
+    'qrscanner-success': string;
+    'qrscanner-success-qrcode': string;
+    'qrscanner-success-barcode': string;
+    'qrscanner-error-upload-image': string;
+    'qrscanner-error-load-failed': string;
+    'qrscanner-error-no-code': string;
+    'qrscanner-error-camera-init': string;
+    'qrscanner-error-process-image': string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
+    'pisell-login-and-register-register-password-error': string;
+    'pisell-login-and-register-register-password-error-valid': string;
+    'pisell2.wallet-card.add-holder-tip': string;
+    'pisell2.wallet-card.add-holder-button-text': string;
+    'pisell2.text.hardware-error.fatal': string;
+    'pisell2.text.hardware-error.critical': string;
+    'pisell2.text.hardware-error.normal': string;
+    'pisell2.text.hardware-error.info': string;
+    'pisell2.text.hardware-error.error-center': string;
+    'pisell2.text.hardware-error.error-list': string;
+    'pisell2.text.hardware-error.error-code': string;
+    'pisell2.text.hardware-error.time': string;
+    'pisell2.text.hardware-error.error-description': string;
+    'pisell2.text.hardware-error.solution': string;
+    'pisell2.text.hardware-error.info-number': string;
+    'pisell2.text.hardware-error.tip-content': string;
+    'pisell2.text.hardware-error.device.all': string;
+    'pisell2.text.hardware-error.device.printer': string;
+    'pisell2.text.hardware-error.device.barcode-scanner': string;
+    'pisell2.text.hardware-error.device.cds': string;
+    'pisell2.text.hardware-error.device.kds': string;
+    'pisell2.text.hardware-error.device.display': string;
+    'pisell2.text.hardware-error.device.card-reader': string;
+    'pisell2.text.hardware-error.device.till': string;
+    'pisell2.text.hardware-error.device.scale': string;
+    'pisell2.text.hardware-error.error-logs': string;
+    'pisell2.text.hardware-error.all-devices': string;
+    'pisell2.text.hardware-error.all-levels': string;
+    'pisell2.text.hardware-error.debug-info': string;
+    'pisell2.text.hardware-error.important-info': string;
+    'pisell2.text.hardware-error.error-info': string;
+    'pisell2.text.hardware-error.search-logs': string;
+    'pisell2.text.hardware-error.export-logs': string;
+    'pisell2.text.hardware-error.no-errors': string;
+    'pisell2.text.hardware-error.no-logs': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.last-settlement': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
+    'pisell-wallet-pass-card-status-used': string;
+    'pisell-wallet-pass-card-status-expired': string;
+    'pisell-wallet-pass-card-status-disabled': string;
+    'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-status-lastPayment': string;
+    'pisell-wallet-pass-card-reset': string;
+    'pisell-wallet-pass-card-done': string;
+    'pisell-list-tab-group-default': string;
+    'pisell-list-empty-text-default': string;
+    'pisell-list-load-more': string;
+    'pisell-list-view-less': string;
+    'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+    'pisell-list-scroll-down': string;
+    'pisell-list-scroll-right': string;
+    'pisell-list-pagination-page-of': (current: number, total: number) => string;
+    'pisell-list-pagination-previous': string;
+    'pisell-list-pagination-next': string;
+    'pisell-camera-no-camera-accessible': string;
+    'pisell-camera-permission-denied': string;
+    'pisell-camera-switch-camera': string;
+    'pisell-camera-canvas': string;
+    'pisell-camera-checking': string;
+    'pisell-camera-no-camera-desc': string;
+    'pisell-upload-camera-local-files': string;
+    'pisell-upload-camera-capture': string;
+    'pisell-upload-camera-retake': string;
+    'pisell-upload-camera-use': string;
+    'pisell-procedure-header-back-confirm-title': string;
+    'pisell-procedure-header-back-confirm-desc': string;
+    'pisell-procedure-header-back-confirm-no': string;
+    'pisell-procedure-header-back-confirm-yes': string;
+    'pisell-procedure-header-close-confirm-title': string;
+    'pisell-procedure-header-close-confirm-desc': string;
+    'pisell-procedure-header-close-confirm-no': string;
+    'pisell-procedure-header-close-confirm-yes': string;
+};
+export default _default;

package/es/locales/zh-TW.js

@@ -1,4 +1,7 @@
 export default {
+  'pisell-tabbar-expand': '展開',
+  'pisell-tabbar-minimize': '摺疊',
+  'pisell-tabbar-all': '全部',
   'table-filter-search': '搜索',
   'table-filter-clear': '清除',
   'table-filter-filter': '篩選',
@@ -333,10 +336,9 @@ export default {
   'pisell-login-and-register-forgot-password': '忘記密碼？',
   'pisell-login-and-register-register-password-error': '請輸入您的密碼！',
   'pisell-login-and-register-register-password-error-valid': '密碼必須至少為6個字符！',
-  'pisell2.text.goodpass.product-vouchers': '優惠促銷',
-  'pisell2.text.goodpass.last-settlement': '(上次結算)',
-  'pisell2.text.goodpass.view-more': '查看更多',
-  'pisell2.text.goodpass.save': '節省',
+  // 钱包卡片组件
+  'pisell2.wallet-card.add-holder-tip': '為確保您的權益，此卡\r\n需指定使用人後方可激活使用。',
+  'pisell2.wallet-card.add-holder-button-text': '添加使用人',
   // 硬件報錯標準提示
   'pisell2.text.hardware-error.fatal': '致命錯誤',
   'pisell2.text.hardware-error.critical': '嚴重錯誤',
@@ -372,6 +374,11 @@ export default {
   'pisell2.text.hardware-error.export-logs': '導出日誌',
   'pisell2.text.hardware-error.no-errors': '暫無錯誤信息',
   'pisell2.text.hardware-error.no-logs': '暫無日誌記錄',
+  // 商品券
+  'pisell2.text.goodpass.product-vouchers': "優惠促銷",
+  'pisell2.text.goodpass.last-settlement': "(上次結算)",
+  'pisell2.text.goodpass.view-more': "查看更多",
+  'pisell2.text.goodpass.save': "節省",
   // 钱包卡片组件
   'pisell-wallet-pass-card-status-used': '已使用',
   'pisell-wallet-pass-card-status-expired': '已過期',
@@ -407,7 +414,13 @@ export default {
   'pisell-upload-camera-capture': '拍攝/拍照',
   'pisell-upload-camera-retake': '重拍',
   'pisell-upload-camera-use': '使用照片',
-  // 钱包卡片组件
-  'pisell2.wallet-card.add-holder-tip': '為確保您的權益，此卡\r\n需指定使用人後方可激活使用。',
-  'pisell2.wallet-card.add-holder-button-text': '添加使用人'
+  // PisellProcedure 组件
+  'pisell-procedure-header-back-confirm-title': '提示',
+  'pisell-procedure-header-back-confirm-desc': '您是要保留此步驟之前的數據，還是根據上一步更改的數據更新清除此步驟的相關數據',
+  'pisell-procedure-header-back-confirm-no': '保留',
+  'pisell-procedure-header-back-confirm-yes': '清除',
+  'pisell-procedure-header-close-confirm-title': '確認退出？',
+  'pisell-procedure-header-close-confirm-desc': '退出後將丟失所有已填寫的信息，確定要退出嗎？',
+  'pisell-procedure-header-close-confirm-no': '繼續',
+  'pisell-procedure-header-close-confirm-yes': '退出'
 };

package/lib/components/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -0,0 +1,9 @@
+import type { PisellBasicGridProps } from './types';
+import './PisellBasicGrid.less';
+/**
+ * 使用 memo 优化组件性能
+ * @description 当 props 没有变化时，避免不必要的重新渲染
+ */
+declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => JSX.Element;
+export { MemoizedPisellBasicGrid as PisellBasicGrid };
+export default MemoizedPisellBasicGrid;

package/lib/components/PisellBasicGrid/PisellBasicGrid.js

@@ -0,0 +1,132 @@
+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/PisellBasicGrid/PisellBasicGrid.tsx
+var PisellBasicGrid_exports = {};
+__export(PisellBasicGrid_exports, {
+  PisellBasicGrid: () => MemoizedPisellBasicGrid,
+  default: () => PisellBasicGrid_default
+});
+module.exports = __toCommonJS(PisellBasicGrid_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_hooks = require("./hooks");
+var import_utils = require("./utils");
+var import_PisellBasicGrid = require("./PisellBasicGrid.less");
+var PisellBasicGrid = (props) => {
+  const {
+    // 基础属性
+    children,
+    className,
+    style,
+    // 布局属性
+    direction = "horizontal",
+    wrap = "nowrap",
+    columns,
+    equalWidth = false,
+    // 间距属性
+    gap,
+    rowGap,
+    columnGap,
+    // 对齐属性
+    justify = "start",
+    align = "stretch",
+    alignContent = "stretch",
+    // 数据源属性
+    dataSource,
+    renderItem,
+    rowKey,
+    startSlot,
+    endSlot
+  } = props;
+  const { containerStyle, itemStyle } = (0, import_hooks.useGridStyle)({
+    direction,
+    wrap,
+    columns,
+    equalWidth,
+    gap,
+    rowGap,
+    columnGap,
+    justify,
+    align,
+    alignContent
+  });
+  const mergedStyle = (0, import_react.useMemo)(() => {
+    return {
+      ...containerStyle,
+      ...style
+    };
+  }, [containerStyle, style]);
+  const renderContent = () => {
+    if (dataSource === void 0) {
+      if (columns !== void 0 || equalWidth) {
+        return import_react.default.Children.map(children, (child, index) => {
+          if (!import_react.default.isValidElement(child)) {
+            return child;
+          }
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              key: child.key ?? index,
+              className: `${import_utils.COMPONENT_PREFIX}-item`,
+              style: itemStyle
+            },
+            child
+          );
+        });
+      }
+      return children;
+    }
+    if (dataSource.length === 0) {
+      return null;
+    }
+    return dataSource.map((item, index) => {
+      const key = (0, import_utils.getRowKey)(item, index, rowKey);
+      const content = renderItem == null ? void 0 : renderItem(item, index);
+      return /* @__PURE__ */ import_react.default.createElement("div", { key, className: `${import_utils.COMPONENT_PREFIX}-item`, style: itemStyle }, content);
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(import_utils.COMPONENT_PREFIX, className),
+      style: mergedStyle
+    },
+    startSlot,
+    " ",
+    renderContent(),
+    " ",
+    endSlot
+  );
+};
+var MemoizedPisellBasicGrid = (0, import_react.memo)(PisellBasicGrid);
+var PisellBasicGrid_default = MemoizedPisellBasicGrid;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellBasicGrid
+});

package/lib/components/PisellBasicGrid/PisellBasicGrid.less

@@ -0,0 +1,20 @@
+/**
+ * PisellBasicGrid 组件样式
+ * @description 仅包含基础布局样式，不包含任何 UI 样式
+ */
+
+@prefix: pisell-basic-grid;
+
+.@{prefix} {
+  display: flex;
+  box-sizing: border-box;
+
+  /**
+   * 子元素样式
+   * @description 确保子元素的 box-sizing 一致
+   */
+  &-item {
+    box-sizing: border-box;
+  }
+}
+

package/lib/components/PisellBasicGrid/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useGridStyle, default } from './useGridStyle';

package/lib/components/PisellBasicGrid/hooks/index.js

@@ -0,0 +1,40 @@
+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/PisellBasicGrid/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  default: () => import_useGridStyle.default,
+  useGridStyle: () => import_useGridStyle.useGridStyle
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useGridStyle = __toESM(require("./useGridStyle"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGridStyle
+});

package/lib/components/PisellBasicGrid/hooks/useGridStyle.d.ts

@@ -0,0 +1,37 @@
+import type { DirectionType, WrapType, JustifyType, AlignType, AlignContentType, UseGridStyleReturn } from '../types';
+/**
+ * useGridStyle Hook 参数
+ */
+interface UseGridStyleParams {
+    /** 排列方向 */
+    direction?: DirectionType;
+    /** 换行控制 */
+    wrap?: WrapType;
+    /** 一行显示的元素个数 */
+    columns?: number;
+    /** 是否等分容器宽度 */
+    equalWidth?: boolean;
+    /** 统一间距 */
+    gap?: number | string;
+    /** 行间距 */
+    rowGap?: number | string;
+    /** 列间距 */
+    columnGap?: number | string;
+    /** 主轴对齐方式 */
+    justify?: JustifyType;
+    /** 交叉轴对齐方式 */
+    align?: AlignType;
+    /** 多行对齐方式 */
+    alignContent?: AlignContentType;
+}
+/**
+ * 计算 Grid 布局样式的 Hook
+ * @param params - 布局参数
+ * @returns 容器样式和子元素样式
+ * @description
+ * - 根据传入的布局参数计算容器的 flex 样式
+ * - 根据 columns 和 gap 计算子元素的 flex-basis
+ * - 使用 useMemo 缓存计算结果，避免不必要的重复计算
+ */
+export declare const useGridStyle: (params: UseGridStyleParams) => UseGridStyleReturn;
+export default useGridStyle;