@pisell/materials 6.7.4 → 6.8.2

package/es/locales/zh-CN.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': '筛选',
@@ -150,6 +153,7 @@ export default {
   'pisell-wallet-pass-card-redeem': '使用',
   'pisell-wallet-pass-card-code': '识别码编号',
   'pisell-wallet-pass-card-valid-to': '有效期至',
+  'pisell-wallet-pass-card-valid': '有效期',
   'pisell-wallet-pass-card-confirm': '确认',
   'pisell-wallet-pass-card-cancel': '取消',
   'pisell-wallet-pass-card-required': '此字段必填',
@@ -366,5 +370,14 @@ export default {
     return "\u7B2C ".concat(current, " \u9875 \u5171 ").concat(total, " \u9875");
   },
   'pisell-list-pagination-previous': '上一页',
-  'pisell-list-pagination-next': '下一页'
+  'pisell-list-pagination-next': '下一页',
+  // 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/es/locales/zh-TW.d.ts

@@ -1,4 +1,7 @@
 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;
@@ -124,6 +127,7 @@ declare const _default: {
     '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;
@@ -298,5 +302,13 @@ declare const _default: {
     'pisell-list-pagination-page-of': (current: number, total: number) => string;
     'pisell-list-pagination-previous': string;
     'pisell-list-pagination-next': 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': '篩選',
@@ -150,6 +153,7 @@ export default {
   'pisell-wallet-pass-card-redeem': '使用',
   'pisell-wallet-pass-card-code': '識別碼編號',
   'pisell-wallet-pass-card-valid-to': '有效期至',
+  'pisell-wallet-pass-card-valid': '有效期',
   'pisell-wallet-pass-card-confirm': '確認',
   'pisell-wallet-pass-card-cancel': '取消',
   'pisell-wallet-pass-card-required': '此欄位為必填',
@@ -367,5 +371,14 @@ export default {
     return "\u7B2C ".concat(current, " \u9801 \u5171 ").concat(total, " \u9801");
   },
   'pisell-list-pagination-previous': '上一頁',
-  'pisell-list-pagination-next': '下一頁'
+  'pisell-list-pagination-next': '下一頁',
+  // 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,10 @@
+import React from 'react';
+import type { PisellBasicGridProps } from './types';
+import './PisellBasicGrid.less';
+/**
+ * 使用 memo 优化组件性能
+ * @description 当 props 没有变化时，避免不必要的重新渲染
+ */
+declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => React.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;

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

@@ -0,0 +1,104 @@
+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/PisellBasicGrid/hooks/useGridStyle.ts
+var useGridStyle_exports = {};
+__export(useGridStyle_exports, {
+  default: () => useGridStyle_default,
+  useGridStyle: () => useGridStyle
+});
+module.exports = __toCommonJS(useGridStyle_exports);
+var import_react = require("react");
+var import_utils = require("../utils");
+var useGridStyle = (params) => {
+  const {
+    direction = "horizontal",
+    wrap = "nowrap",
+    columns,
+    equalWidth = false,
+    gap,
+    rowGap,
+    columnGap,
+    justify = "start",
+    align = "stretch",
+    alignContent = "stretch"
+  } = params;
+  const containerStyle = (0, import_react.useMemo)(() => {
+    const style = {
+      display: "flex",
+      flexDirection: import_utils.DIRECTION_MAP[direction],
+      flexWrap: import_utils.WRAP_MAP[wrap],
+      justifyContent: import_utils.JUSTIFY_MAP[justify],
+      alignItems: import_utils.ALIGN_MAP[align]
+    };
+    if (wrap !== "nowrap") {
+      style.alignContent = import_utils.ALIGN_CONTENT_MAP[alignContent];
+    }
+    const normalizedGap = (0, import_utils.normalizeGap)(gap);
+    const normalizedRowGap = (0, import_utils.normalizeGap)(rowGap);
+    const normalizedColumnGap = (0, import_utils.normalizeGap)(columnGap);
+    if (normalizedRowGap || normalizedColumnGap) {
+      if (normalizedRowGap) {
+        style.rowGap = normalizedRowGap;
+      }
+      if (normalizedColumnGap) {
+        style.columnGap = normalizedColumnGap;
+      }
+      if (normalizedGap) {
+        if (!normalizedRowGap) {
+          style.rowGap = normalizedGap;
+        }
+        if (!normalizedColumnGap) {
+          style.columnGap = normalizedGap;
+        }
+      }
+    } else if (normalizedGap) {
+      style.gap = normalizedGap;
+    }
+    return style;
+  }, [direction, wrap, justify, align, alignContent, gap, rowGap, columnGap]);
+  const itemStyle = (0, import_react.useMemo)(() => {
+    const style = {
+      alignItems: "stretch"
+    };
+    if (columns !== void 0 && columns > 0) {
+      const effectiveGap = columnGap ?? gap;
+      style.flexBasis = (0, import_utils.calculateFlexBasis)(columns, effectiveGap);
+      style.flexGrow = 0;
+      style.flexShrink = 0;
+    } else if (equalWidth) {
+      style.flexGrow = 1;
+      style.flexShrink = 1;
+      style.flexBasis = 0;
+    } else {
+      style.flexGrow = 0;
+      style.flexShrink = 0;
+      style.flexBasis = "auto";
+    }
+    return style;
+  }, [columns, equalWidth, gap, columnGap]);
+  return {
+    containerStyle,
+    itemStyle
+  };
+};
+var useGridStyle_default = useGridStyle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGridStyle
+});

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

@@ -0,0 +1,6 @@
+/**
+ * PisellBasicGrid 组件导出
+ * @description 基于 Flexbox 的基础布局组件
+ */
+export { PisellBasicGrid, default } from './PisellBasicGrid';
+export type { PisellBasicGridProps, DirectionType, WrapType, JustifyType, AlignType, AlignContentType, BreakpointType, ResponsiveConfig, } from './types';

package/lib/components/PisellBasicGrid/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/index.tsx
+var PisellBasicGrid_exports = {};
+__export(PisellBasicGrid_exports, {
+  PisellBasicGrid: () => import_PisellBasicGrid.PisellBasicGrid,
+  default: () => import_PisellBasicGrid.default
+});
+module.exports = __toCommonJS(PisellBasicGrid_exports);
+var import_PisellBasicGrid = __toESM(require("./PisellBasicGrid"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellBasicGrid
+});