@pisell/materials 3.3.77 → 3.3.79

package/lib/components/PisellCards/components/GraphicTextCard/components/TextContent.js

@@ -0,0 +1,101 @@
+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/PisellCards/components/GraphicTextCard/components/TextContent.tsx
+var TextContent_exports = {};
+__export(TextContent_exports, {
+  default: () => TextContent_default
+});
+module.exports = __toCommonJS(TextContent_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var TextContent = (props) => {
+  var _a;
+  const { text, textConfig = {}, className, active } = props;
+  const {
+    maxLines = 1,
+    ellipsis = true,
+    fontSize,
+    fontWeight,
+    color,
+    textAlign = "left"
+  } = textConfig;
+  const textStyle = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c, _d;
+    let baseStyle = {
+      fontSize,
+      fontWeight,
+      color,
+      textAlign
+    };
+    if ((active == null ? void 0 : active.value) && ((_a2 = active == null ? void 0 : active.style) == null ? void 0 : _a2.color)) {
+      baseStyle.color = (_b = active == null ? void 0 : active.style) == null ? void 0 : _b.color;
+    }
+    if ((active == null ? void 0 : active.value) && ((_c = active == null ? void 0 : active.style) == null ? void 0 : _c.fontWeight)) {
+      style.fontWeight = (_d = active == null ? void 0 : active.style) == null ? void 0 : _d.fontWeight;
+    }
+    if (ellipsis && maxLines === 1) {
+      return {
+        ...baseStyle,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      };
+    }
+    if (ellipsis && maxLines > 1) {
+      return {
+        ...baseStyle,
+        display: "-webkit-box",
+        WebkitLineClamp: maxLines,
+        WebkitBoxOrient: "vertical",
+        overflow: "hidden",
+        wordBreak: "break-word",
+        whiteSpace: "normal"
+      };
+    }
+    return baseStyle;
+  }, [
+    fontSize,
+    fontWeight,
+    color,
+    textAlign,
+    ellipsis,
+    maxLines,
+    (_a = active == null ? void 0 : active.style) == null ? void 0 : _a.color,
+    active == null ? void 0 : active.value
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("graphic-text-card__text", className),
+      style: textStyle
+    },
+    text
+  );
+};
+var TextContent_default = TextContent;

package/lib/components/PisellCards/components/GraphicTextCard/components/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 子组件统一导出
+ */
+export { default as GraphicArea } from './GraphicArea';
+export { default as TextContent } from './TextContent';
+export { default as BadgeWrapper } from './BadgeWrapper';

package/lib/components/PisellCards/components/GraphicTextCard/components/index.js

@@ -0,0 +1,45 @@
+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/PisellCards/components/GraphicTextCard/components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+  BadgeWrapper: () => import_BadgeWrapper.default,
+  GraphicArea: () => import_GraphicArea.default,
+  TextContent: () => import_TextContent.default
+});
+module.exports = __toCommonJS(components_exports);
+var import_GraphicArea = __toESM(require("./GraphicArea"));
+var import_TextContent = __toESM(require("./TextContent"));
+var import_BadgeWrapper = __toESM(require("./BadgeWrapper"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BadgeWrapper,
+  GraphicArea,
+  TextContent
+});

package/lib/components/PisellCards/components/GraphicTextCard/hooks/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hooks 统一导出
+ */
+export { useGraphicTextCardStyle } from './useGraphicTextCardStyle';
+export { useGraphicTextCardClick } from './useGraphicTextCardClick';

package/lib/components/PisellCards/components/GraphicTextCard/hooks/index.js

@@ -0,0 +1,32 @@
+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/PisellCards/components/GraphicTextCard/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useGraphicTextCardClick: () => import_useGraphicTextCardClick.useGraphicTextCardClick,
+  useGraphicTextCardStyle: () => import_useGraphicTextCardStyle.useGraphicTextCardStyle
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useGraphicTextCardStyle = require("./useGraphicTextCardStyle");
+var import_useGraphicTextCardClick = require("./useGraphicTextCardClick");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGraphicTextCardClick,
+  useGraphicTextCardStyle
+});

package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.d.ts

@@ -0,0 +1,15 @@
+import { GraphicTextCardProps } from '../types';
+/**
+ * useGraphicTextCardClick Hook
+ * 处理组件点击事件的逻辑
+ *
+ * @param props - GraphicTextCard 组件的 Props
+ * @returns 点击事件处理函数
+ *
+ * @example
+ * ```tsx
+ * const handleClick = useGraphicTextCardClick(props);
+ * <div onClick={handleClick}>...</div>
+ * ```
+ */
+export declare const useGraphicTextCardClick: (props: GraphicTextCardProps) => (event: React.MouseEvent<HTMLDivElement>) => void;

package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.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/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardClick.ts
+var useGraphicTextCardClick_exports = {};
+__export(useGraphicTextCardClick_exports, {
+  useGraphicTextCardClick: () => useGraphicTextCardClick
+});
+module.exports = __toCommonJS(useGraphicTextCardClick_exports);
+var import_react = require("react");
+var useGraphicTextCardClick = (props) => {
+  const {
+    onClick,
+    active,
+    disabled,
+    loading,
+    clickable = true
+  } = props;
+  const handleClick = (0, import_react.useCallback)(
+    (event) => {
+      if ((disabled == null ? void 0 : disabled.value) || (loading == null ? void 0 : loading.value) || !clickable) {
+        event.preventDefault();
+        return;
+      }
+      if ((active == null ? void 0 : active.onChange) && !active.value) {
+        active.onChange(true);
+      }
+      if (onClick) {
+        onClick(event);
+      }
+    },
+    [onClick, active, disabled, loading, clickable]
+  );
+  return handleClick;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGraphicTextCardClick
+});

package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { GraphicTextCardProps } from '../types';
+/**
+ * useGraphicTextCardStyle Hook
+ * 处理组件样式和类名的合并逻辑
+ *
+ * @param props - GraphicTextCard 组件的 Props
+ * @returns 合并后的样式和类名
+ *
+ * @example
+ * ```tsx
+ * const { mergedStyle, mergedClassName } = useGraphicTextCardStyle(props);
+ * ```
+ */
+export declare const useGraphicTextCardStyle: (props: GraphicTextCardProps) => {
+    mergedStyle: CSSProperties;
+    mergedClassName: string;
+};

package/lib/components/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.js

@@ -0,0 +1,92 @@
+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/PisellCards/components/GraphicTextCard/hooks/useGraphicTextCardStyle.ts
+var useGraphicTextCardStyle_exports = {};
+__export(useGraphicTextCardStyle_exports, {
+  useGraphicTextCardStyle: () => useGraphicTextCardStyle
+});
+module.exports = __toCommonJS(useGraphicTextCardStyle_exports);
+var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
+var useGraphicTextCardStyle = (props) => {
+  const {
+    variant = "vertical-image",
+    size = "default",
+    active,
+    disabled,
+    loading,
+    className,
+    style,
+    widthMode = "auto",
+    width,
+    maxWidth = 400,
+    clickable = true
+  } = props;
+  const mergedStyle = (0, import_react.useMemo)(() => {
+    let finalStyle = { height: "100%", ...style };
+    if (widthMode === "auto") {
+      finalStyle.width = "auto";
+      finalStyle.maxWidth = maxWidth;
+    } else if (widthMode === "fixed" && width) {
+      finalStyle.width = width;
+    } else if (widthMode === "full") {
+      finalStyle.width = "100%";
+    }
+    if ((loading == null ? void 0 : loading.value) && (loading == null ? void 0 : loading.style)) {
+      finalStyle = { ...finalStyle, ...loading.style };
+    } else if ((disabled == null ? void 0 : disabled.value) && (disabled == null ? void 0 : disabled.style)) {
+      finalStyle = { ...finalStyle, ...disabled.style };
+    } else if ((active == null ? void 0 : active.value) && (active == null ? void 0 : active.style)) {
+      finalStyle = { ...finalStyle, ...active.style };
+    }
+    return finalStyle;
+  }, [style, active, disabled, loading, widthMode, width, maxWidth]);
+  const mergedClassName = (0, import_react.useMemo)(() => {
+    return (0, import_classnames.default)(
+      "graphic-text-card",
+      `graphic-text-card--${variant}`,
+      `graphic-text-card--${size}`,
+      className,
+      {
+        "graphic-text-card--active": active == null ? void 0 : active.value,
+        "graphic-text-card--disabled": disabled == null ? void 0 : disabled.value,
+        "graphic-text-card--loading": loading == null ? void 0 : loading.value,
+        "graphic-text-card--clickable": clickable && !(disabled == null ? void 0 : disabled.value) && !(loading == null ? void 0 : loading.value)
+      },
+      (active == null ? void 0 : active.value) && (active == null ? void 0 : active.className),
+      (disabled == null ? void 0 : disabled.value) && (disabled == null ? void 0 : disabled.className),
+      (loading == null ? void 0 : loading.value) && (loading == null ? void 0 : loading.className)
+    );
+  }, [className, variant, size, active, disabled, loading, clickable]);
+  return { mergedStyle, mergedClassName };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGraphicTextCardStyle
+});

package/lib/components/PisellCards/components/GraphicTextCard/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * GraphicTextCard 组件入口文件
+ */
+export { default } from './GraphicTextCard';
+export type { GraphicTextCardProps, GraphicTextCardVariant, GraphicTextCardSize, GraphicTextCardWidthMode, GraphicConfig, BadgeConfig, TextConfig, } from './types';

package/lib/components/PisellCards/components/GraphicTextCard/index.js

@@ -0,0 +1,35 @@
+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/PisellCards/components/GraphicTextCard/index.tsx
+var GraphicTextCard_exports = {};
+__export(GraphicTextCard_exports, {
+  default: () => import_GraphicTextCard.default
+});
+module.exports = __toCommonJS(GraphicTextCard_exports);
+var import_GraphicTextCard = __toESM(require("./GraphicTextCard"));