@pisell/materials 1.0.1057 → 1.0.1059

package/es/components/pisellEmail/PisellEmail.js

@@ -1,40 +1,42 @@
 import React from 'react';
+import { ConfigProvider } from 'antd';
 import { getDisplayState } from '@pisell/utils';
 import ReadOnlyView from "./components/ReadOnlyView";
 import EditView from "./components/EditView";
 import DisabledView from "./components/DisabledView";
+import { getPisellComponentsThemeConfig } from "../../theme/pisell-components";
 import "./PisellEmail.less";
 
-/**
- * PisellEmail 邮箱地址组件
- * 
- * 邮箱地址输入/展示组件，支持只读、编辑、禁用三种状态。
- * 基于 Ant Design AutoComplete 和 Input 组件开发，提供邮箱格式校验、域名智能补全、
- * mailto 邮件发送和域名隐藏功能。
- * 
- * @param props 组件 Props
- * 
- * @example
- * // 编辑态（邮箱输入）
- * <PisellEmail 
- *   placeholder="请输入邮箱地址"
- *   required
- * />
- * 
- * @example
- * // 只读态（可发邮件）
- * <PisellEmail 
- *   mode="read"
- *   value="user@example.com"
- *   enableMailto
- * />
- * 
- * @example
- * // 域名补全
- * <PisellEmail 
- *   enableAutoComplete
- *   autoCompleteDomains={['gmail.com', 'company.com']}
- * />
+/**
+ * PisellEmail 邮箱地址组件
+ * 
+ * 邮箱地址输入/展示组件，支持只读、编辑、禁用三种状态。
+ * 基于 Ant Design AutoComplete 和 Input 组件开发，提供邮箱格式校验、域名智能补全、
+ * mailto 邮件发送和域名隐藏功能。
+ * 
+ * @param props 组件 Props
+ * 
+ * @example
+ * // 编辑态（邮箱输入）
+ * <PisellEmail 
+ *   placeholder="请输入邮箱地址"
+ *   required
+ * />
+ * 
+ * @example
+ * // 只读态（可发邮件）
+ * <PisellEmail 
+ *   mode="read"
+ *   value="user@example.com"
+ *   enableMailto
+ * />
+ * 
+ * @example
+ * // 域名补全
+ * <PisellEmail 
+ *   enableAutoComplete
+ *   autoCompleteDomains={['gmail.com', 'company.com']}
+ * />
  */
 export var PisellEmail = function PisellEmail(props) {
   var _props$mode = props.mode,
@@ -44,18 +46,22 @@ export var PisellEmail = function PisellEmail(props) {
 
   // 计算显示状态
   var displayState = getDisplayState(mode, disabled);
-
-  // 根据状态渲染对应子组件
-  switch (displayState) {
-    case 'read':
-      return /*#__PURE__*/React.createElement(ReadOnlyView, props);
-    case 'edit':
-      return /*#__PURE__*/React.createElement(EditView, props);
-    case 'disabled':
-      return /*#__PURE__*/React.createElement(DisabledView, props);
-    default:
-      return null;
-  }
+  var render = function render() {
+    switch (displayState) {
+      case 'read':
+        return /*#__PURE__*/React.createElement(ReadOnlyView, props);
+      case 'edit':
+        return /*#__PURE__*/React.createElement(EditView, props);
+      case 'disabled':
+        return /*#__PURE__*/React.createElement(DisabledView, props);
+      default:
+        return null;
+    }
+  };
+  var theme = getPisellComponentsThemeConfig();
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: theme
+  }, render());
 };
 
 // 性能优化：使用 memo 避免不必要的重渲染

package/es/components/pisellEmail/PisellEmail.less

@@ -7,98 +7,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // 仅对 affix-wrapper 设边框，避免与内层 input 双边框（Figma 设计规范）
-    .pisell-lowcode-input-affix-wrapper {
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      padding: 0 !important;
-      height: 48px !important;
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-
-      &:focus,
-      &:focus-within {
-        border-color: #d6bbfb !important; // Primary/300
-        box-shadow: 0 0 0 4px #f4ebff !important; // Primary/100
-        outline: none !important;
-      }
-
-      &:hover:not(:focus):not(:focus-within):not([disabled]) {
-        border-color: #b692f6 !important; // Primary/400
-      }
-
-      &[disabled],
-      &.pisell-lowcode-input-disabled {
-        background-color: #f9fafb !important; // Gray/50
-        color: #98a2b3 !important; // Gray/400
-        border-color: #d0d5dd !important;
-        cursor: not-allowed !important;
-      }
-    }
-
-    // 内层 input（无边框，由 wrapper 统一描边）
-    .pisell-lowcode-input-affix-wrapper .pisell-lowcode-input {
-      &::placeholder {
-        color: #667085 !important; // Gray/500
-      }
-    }
-
-    // 带前缀（邮箱图标）的 Input 容器
-    .pisell-lowcode-input-affix-wrapper {
-
-      .pisell-lowcode-input-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input {
-        padding: 12px 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-
-    // 清空按钮
-    .pisell-lowcode-input-clear-icon {
-      color: #667085 !important;
-      font-size: 14px !important;
-
-      &:hover {
-        color: #344054 !important; // Gray/700
-      }
-    }
-
-    // 错误状态
-    .pisell-lowcode-input-status-error,
-    .pisell-lowcode-input-affix-wrapper-status-error {
-      border-color: #fda29b !important; // Error/300
-
-      &:focus,
-      &:focus-within {
-        border-color: #f97066 !important; // Error/400
-        box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-      }
-
-      &:hover:not(:focus):not(:focus-within) {
-        border-color: #f97066 !important; // Error/400
-      }
-    }
   }
 
   // 错误提示（与设计体系一致）

package/es/components/pisellEntityCard/PisellEntityCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PisellEntityCardProps } from './types';
+import './PisellEntityCard.less';
+/**
+ * PisellEntityCard 实体卡片
+ * 基于 PisellBaseCard，使用结构化配置展示实体信息，支持密度、布局、左滑删除与插槽
+ */
+export declare function PisellEntityCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, media, primaryText, subtitleText, secondaryTexts, tags, actions, showMedia, showPrimaryText, showSubtitle, showSecondaryText, showTags, showActions, density, layout, width, swipeToDelete, onDelete, tagPosition, contentGap, primaryLineClamp, secondaryLineClamp: secondaryLineClampProp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions, }: PisellEntityCardProps): JSX.Element;