@pisell/materials 6.7.4 → 6.8.2

package/lib/components/PisellProcedure/utils/footerPosition.d.ts

@@ -0,0 +1,41 @@
+import type { FooterPositionMode } from '../types';
+/**
+ * 底部位置判断工具函数
+ * @description 用于判断底部操作区的位置模式
+ */
+/**
+ * 判断底部是否在内容区
+ * @param position 底部位置模式
+ * @returns 是否在内容区
+ */
+export declare const isFooterInContent: (position: FooterPositionMode) => boolean;
+/**
+ * 判断底部是否在信息区
+ * @param position 底部位置模式
+ * @returns 是否在信息区
+ */
+export declare const isFooterInSidebar: (position: FooterPositionMode) => boolean;
+/**
+ * 判断底部是否全局显示
+ * @param position 底部位置模式
+ * @returns 是否全局显示
+ */
+export declare const isFooterGlobal: (position: FooterPositionMode) => boolean;
+/**
+ * 判断底部是否固定模式
+ * @param position 底部位置模式
+ * @returns 是否固定模式
+ */
+export declare const isFooterFixed: (position: FooterPositionMode) => boolean;
+/**
+ * 判断底部是否悬浮模式
+ * @param position 底部位置模式
+ * @returns 是否悬浮模式
+ */
+export declare const isFooterFloat: (position: FooterPositionMode) => boolean;
+/**
+ * 获取底部位置的目标区域
+ * @param position 底部位置模式
+ * @returns 目标区域: 'content' | 'sidebar' | 'global'
+ */
+export declare const getFooterTargetArea: (position: FooterPositionMode) => 'content' | 'sidebar' | 'global';

package/lib/components/PisellProcedure/utils/footerPosition.js

@@ -0,0 +1,58 @@
+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/PisellProcedure/utils/footerPosition.ts
+var footerPosition_exports = {};
+__export(footerPosition_exports, {
+  getFooterTargetArea: () => getFooterTargetArea,
+  isFooterFixed: () => isFooterFixed,
+  isFooterFloat: () => isFooterFloat,
+  isFooterGlobal: () => isFooterGlobal,
+  isFooterInContent: () => isFooterInContent,
+  isFooterInSidebar: () => isFooterInSidebar
+});
+module.exports = __toCommonJS(footerPosition_exports);
+var isFooterInContent = (position) => {
+  return position === "fixed-content-bottom" || position === "float-content";
+};
+var isFooterInSidebar = (position) => {
+  return position === "fixed-sidebar-bottom" || position === "float-sidebar";
+};
+var isFooterGlobal = (position) => {
+  return position === "fixed-bottom" || position === "float-all";
+};
+var isFooterFixed = (position) => {
+  return position.startsWith("fixed-");
+};
+var isFooterFloat = (position) => {
+  return position.startsWith("float-");
+};
+var getFooterTargetArea = (position) => {
+  if (isFooterInContent(position)) return "content";
+  if (isFooterInSidebar(position)) return "sidebar";
+  return "global";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFooterTargetArea,
+  isFooterFixed,
+  isFooterFloat,
+  isFooterGlobal,
+  isFooterInContent,
+  isFooterInSidebar
+});

package/lib/components/PisellProcedure/utils/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * PisellProcedure 工具函数导出
+ */
+export { mergeClassNames, prefixClassName, modifierClassName, } from './classNames';
+export { wrapSlotWithClick, isValidSlot, renderSlotOrDefault, } from './slotHelper';
+export { isFooterInContent, isFooterInSidebar, isFooterGlobal, isFooterFixed, isFooterFloat, getFooterTargetArea, } from './footerPosition';
+export { extractTextFromNode, extractButtonLabel, } from './extractText';
+export { parseLayoutRatio, calculateRatioPercent, generateRatioStyles, LAYOUT_RATIO_PRESETS, } from './layoutRatio';

package/lib/components/PisellProcedure/utils/index.js

@@ -0,0 +1,67 @@
+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/PisellProcedure/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  LAYOUT_RATIO_PRESETS: () => import_layoutRatio.LAYOUT_RATIO_PRESETS,
+  calculateRatioPercent: () => import_layoutRatio.calculateRatioPercent,
+  extractButtonLabel: () => import_extractText.extractButtonLabel,
+  extractTextFromNode: () => import_extractText.extractTextFromNode,
+  generateRatioStyles: () => import_layoutRatio.generateRatioStyles,
+  getFooterTargetArea: () => import_footerPosition.getFooterTargetArea,
+  isFooterFixed: () => import_footerPosition.isFooterFixed,
+  isFooterFloat: () => import_footerPosition.isFooterFloat,
+  isFooterGlobal: () => import_footerPosition.isFooterGlobal,
+  isFooterInContent: () => import_footerPosition.isFooterInContent,
+  isFooterInSidebar: () => import_footerPosition.isFooterInSidebar,
+  isValidSlot: () => import_slotHelper.isValidSlot,
+  mergeClassNames: () => import_classNames.mergeClassNames,
+  modifierClassName: () => import_classNames.modifierClassName,
+  parseLayoutRatio: () => import_layoutRatio.parseLayoutRatio,
+  prefixClassName: () => import_classNames.prefixClassName,
+  renderSlotOrDefault: () => import_slotHelper.renderSlotOrDefault,
+  wrapSlotWithClick: () => import_slotHelper.wrapSlotWithClick
+});
+module.exports = __toCommonJS(utils_exports);
+var import_classNames = require("./classNames");
+var import_slotHelper = require("./slotHelper");
+var import_footerPosition = require("./footerPosition");
+var import_extractText = require("./extractText");
+var import_layoutRatio = require("./layoutRatio");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LAYOUT_RATIO_PRESETS,
+  calculateRatioPercent,
+  extractButtonLabel,
+  extractTextFromNode,
+  generateRatioStyles,
+  getFooterTargetArea,
+  isFooterFixed,
+  isFooterFloat,
+  isFooterGlobal,
+  isFooterInContent,
+  isFooterInSidebar,
+  isValidSlot,
+  mergeClassNames,
+  modifierClassName,
+  parseLayoutRatio,
+  prefixClassName,
+  renderSlotOrDefault,
+  wrapSlotWithClick
+});

package/lib/components/PisellProcedure/utils/layoutRatio.d.ts

@@ -0,0 +1,42 @@
+import type { BodyLayoutRatio } from '../types';
+/**
+ * 布局比例工具函数
+ * @description 用于解析和计算内容区与信息区的布局比例
+ */
+/**
+ * 解析比例字符串
+ * @param ratio 比例字符串，如 '7:3'
+ * @returns [内容区比例, 信息区比例]
+ * @example
+ * parseLayoutRatio('7:3') // => [7, 3]
+ * parseLayoutRatio('6:4') // => [6, 4]
+ */
+export declare const parseLayoutRatio: (ratio: BodyLayoutRatio) => [number, number];
+/**
+ * 计算百分比
+ * @param ratio 比例字符串，如 '7:3'
+ * @returns { contentPercent, sidebarPercent }
+ * @example
+ * calculateRatioPercent('7:3') // => { contentPercent: 70, sidebarPercent: 30 }
+ */
+export declare const calculateRatioPercent: (ratio: BodyLayoutRatio) => {
+    contentPercent: number;
+    sidebarPercent: number;
+};
+/**
+ * 生成 flex 比例样式
+ * @param ratio 比例字符串，如 '7:3'
+ * @param gap 间距（px）
+ * @returns { contentStyle, sidebarStyle }
+ */
+export declare const generateRatioStyles: (ratio: BodyLayoutRatio, gap?: number) => {
+    contentStyle: React.CSSProperties;
+    sidebarStyle: React.CSSProperties;
+};
+/**
+ * 预设比例选项
+ */
+export declare const LAYOUT_RATIO_PRESETS: {
+    label: string;
+    value: BodyLayoutRatio;
+}[];

package/lib/components/PisellProcedure/utils/layoutRatio.js

@@ -0,0 +1,78 @@
+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/PisellProcedure/utils/layoutRatio.ts
+var layoutRatio_exports = {};
+__export(layoutRatio_exports, {
+  LAYOUT_RATIO_PRESETS: () => LAYOUT_RATIO_PRESETS,
+  calculateRatioPercent: () => calculateRatioPercent,
+  generateRatioStyles: () => generateRatioStyles,
+  parseLayoutRatio: () => parseLayoutRatio
+});
+module.exports = __toCommonJS(layoutRatio_exports);
+var parseLayoutRatio = (ratio) => {
+  if (!ratio || typeof ratio !== "string") {
+    return [7, 3];
+  }
+  const parts = ratio.split(":");
+  if (parts.length !== 2) {
+    return [7, 3];
+  }
+  const content = Number(parts[0]);
+  const sidebar = Number(parts[1]);
+  if (isNaN(content) || isNaN(sidebar) || content <= 0 || sidebar <= 0) {
+    return [7, 3];
+  }
+  return [content, sidebar];
+};
+var calculateRatioPercent = (ratio) => {
+  const [content, sidebar] = parseLayoutRatio(ratio);
+  const total = content + sidebar;
+  return {
+    contentPercent: content / total * 100,
+    sidebarPercent: sidebar / total * 100
+  };
+};
+var generateRatioStyles = (ratio, gap = 16) => {
+  const { contentPercent, sidebarPercent } = calculateRatioPercent(ratio);
+  const sidebarWidth = `calc(${sidebarPercent}% - ${gap / 2}px)`;
+  const sidebarFlex = `0 0 ${sidebarWidth}`;
+  return {
+    contentStyle: {
+      flex: `0 0 calc(${contentPercent}% - ${gap / 2}px)`,
+      maxWidth: `calc(${contentPercent}% - ${gap / 2}px)`
+    },
+    sidebarStyle: {
+      // 使用 CSS 变量，让 CSS 中的 !important 可以引用这些值
+      "--sidebar-ratio-width": sidebarWidth,
+      "--sidebar-ratio-max-width": sidebarWidth,
+      "--sidebar-ratio-flex": sidebarFlex
+    }
+  };
+};
+var LAYOUT_RATIO_PRESETS = [
+  { label: "7:3", value: "7:3" },
+  { label: "6:4", value: "6:4" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LAYOUT_RATIO_PRESETS,
+  calculateRatioPercent,
+  generateRatioStyles,
+  parseLayoutRatio
+});

package/lib/components/PisellProcedure/utils/slotHelper.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+/**
+ * 插槽包装工具函数
+ * @description 用于包装 React 插槽元素，添加额外的事件处理
+ */
+/**
+ * 包装插槽元素，添加点击事件
+ * @param slotContent 插槽内容
+ * @param onClick 点击回调
+ * @returns 包装后的插槽内容
+ * @example
+ * wrapSlotWithClick(leftSlot, handleBackClick)
+ */
+export declare const wrapSlotWithClick: (slotContent: React.ReactNode, onClick?: () => void | boolean) => React.ReactNode;
+/**
+ * 检查插槽是否为有效的 React 元素
+ * @param slotContent 插槽内容
+ * @returns 是否为有效元素
+ */
+export declare const isValidSlot: (slotContent: React.ReactNode) => boolean;
+/**
+ * 渲染插槽内容，如果为空则返回默认内容
+ * @param slotContent 插槽内容
+ * @param defaultContent 默认内容
+ * @returns 最终渲染内容
+ */
+export declare const renderSlotOrDefault: (slotContent: React.ReactNode, defaultContent?: React.ReactNode) => React.ReactNode;

package/lib/components/PisellProcedure/utils/slotHelper.js

@@ -0,0 +1,53 @@
+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/PisellProcedure/utils/slotHelper.ts
+var slotHelper_exports = {};
+__export(slotHelper_exports, {
+  isValidSlot: () => isValidSlot,
+  renderSlotOrDefault: () => renderSlotOrDefault,
+  wrapSlotWithClick: () => wrapSlotWithClick
+});
+module.exports = __toCommonJS(slotHelper_exports);
+var import_react = require("react");
+var wrapSlotWithClick = (slotContent, onClick) => {
+  if (!slotContent) return null;
+  if ((0, import_react.isValidElement)(slotContent)) {
+    return (0, import_react.cloneElement)(slotContent, {
+      onClick: (e) => {
+        var _a;
+        const originalOnClick = (_a = slotContent.props) == null ? void 0 : _a.onClick;
+        originalOnClick == null ? void 0 : originalOnClick(e);
+        onClick == null ? void 0 : onClick();
+      }
+    });
+  }
+  return slotContent;
+};
+var isValidSlot = (slotContent) => {
+  return slotContent !== null && slotContent !== void 0;
+};
+var renderSlotOrDefault = (slotContent, defaultContent) => {
+  return isValidSlot(slotContent) ? slotContent : defaultContent;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isValidSlot,
+  renderSlotOrDefault,
+  wrapSlotWithClick
+});

package/lib/components/PisellScrollView/PisellScrollView.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PisellScrollViewProps, PisellScrollViewRef } from './types';
+import './PisellScrollView.less';
+declare const PisellScrollView: React.ForwardRefExoticComponent<Omit<PisellScrollViewProps, "ref"> & React.RefAttributes<PisellScrollViewRef>>;
+export default PisellScrollView;