@pisell/materials 1.0.1057 → 1.0.1059

package/es/components/pisellSingleLineText/PisellSingleLineText.less

@@ -1,201 +1,58 @@
-/**
- * PisellSingleLineText 组件样式
- * 不依赖全局 antd token，使用内置样式
- */
-
-.pisell-single-line-text {
-  &-edit {
-    position: relative;
-    width: 100%;
-
-    // Input 组件内置样式，覆盖 antd token 配置
-    .ant-input,
-    .ant-input-affix-wrapper {
-      // 基础样式（基于 Figma 设计规范）
-      font-size: 16px !important;
-      line-height: 24px !important;
-      
-      // 边框和圆角
-      border-radius: 8px !important;
-      border: 1px solid #D0D5DD !important; // Gray/300
-      
-      // 内边距（Figma: 16px 12px）
-      padding: 12px 16px !important;
-      height: 48px !important; // 12px + 24px + 12px = 48px
-      
-      // 颜色
-      color: #101828 !important; // Gray/900 - 输入文本
-      background-color: #FFFFFF !important; // 背景色
-      
-      &::placeholder {
-        color: #667085 !important; // Gray/500 - 占位符
-      }
-      
-      // 聚焦态
-      &:focus,
-      &:focus-within {
-        border-color: #D6BBFB !important; // Primary/300
-        box-shadow: 0 0 0 4px #F4EBFF !important; // Primary/100
-        outline: none !important;
-      }
-      
-      // Hover 态
-      &:hover:not(:focus):not(:focus-within):not([disabled]) {
-        border-color: #B692F6 !important; // Primary/400
-      }
-      
-      // 禁用态
-      &[disabled],
-      &.ant-input-disabled {
-        background-color: #F9FAFB !important; // Gray/50
-        color: #98A2B3 !important; // Gray/400
-        border-color: #D0D5DD !important;
-        cursor: not-allowed !important;
-      }
-    }
-    
-    // 前后缀容器样式
-    .ant-input-affix-wrapper {
-      padding: 0 !important;
-      
-      .ant-input-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-      
-      .ant-input-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-      
-      .ant-input {
-        padding: 12px 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-        
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-    
-    // 前后置标签样式
-    .ant-input-group-wrapper {
-      .ant-input-group-addon {
-        background-color: #FFFFFF !important;
-        border: 1px solid #D0D5DD !important;
-        color: #344054 !important; // Gray/700
-        font-size: 16px !important;
-        padding: 12px 16px !important;
-        
-        &:first-child {
-          border-right: none !important;
-          border-radius: 8px 0 0 8px !important;
-        }
-        
-        &:last-child {
-          border-left: none !important;
-          border-radius: 0 8px 8px 0 !important;
-        }
-      }
-      
-      .ant-input-wrapper {
-        .ant-input,
-        .ant-input-affix-wrapper {
-          border-radius: 0 !important;
-          
-          &:first-child {
-            border-radius: 8px 0 0 8px !important;
-          }
-          
-          &:last-child {
-            border-radius: 0 8px 8px 0 !important;
-          }
-        }
-      }
-    }
-    
-    // 清空按钮样式
-    .ant-input-clear-icon {
-      color: #667085 !important; // Gray/500
-      font-size: 14px !important;
-      
-      &:hover {
-        color: #344054 !important; // Gray/700
-      }
-    }
-    
-    // 字数统计样式
-    .ant-input-show-count-suffix {
-      color: #667085 !important; // Gray/500
-      font-size: 14px !important;
-    }
-    
-    // 错误状态样式
-    .ant-input-status-error,
-    .ant-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
-      }
-    }
-  }
-
-  &-error {
-    margin-top: 4px;
-    font-size: 12px;
-    color: #D92D20; // Error/600
-    line-height: 1.5;
-    animation: fadeIn 0.3s ease-in-out;
-  }
-
-  &-read {
-    display: inline-block;
-    line-height: 1.5;
-  }
-
-  &-link {
-    transition: color 0.2s ease-in-out;
-
-    &:hover {
-      color: #6D48C4 !important; // 项目统一 hover 色
-    }
-
-    &:active {
-      color: #5F3DA8 !important; // 项目统一 active 色
-    }
-
-    &:focus {
-      outline: 2px solid rgba(127, 86, 218, 0.2);
-      outline-offset: 2px;
-    }
-  }
-
-  &-disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-}
-
-// 错误提示淡入动画
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(-4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
+/**
+ * PisellSingleLineText 组件样式
+ * 不依赖全局 antd token，使用内置样式
+ */
+
+.pisell-single-line-text {
+  &-edit {
+    position: relative;
+    width: 100%;
+  }
+
+  &-error {
+    margin-top: 4px;
+    font-size: 12px;
+    color: #D92D20; // Error/600
+    line-height: 1.5;
+    animation: fadeIn 0.3s ease-in-out;
+  }
+
+  &-read {
+    display: inline-block;
+    line-height: 1.5;
+  }
+
+  &-link {
+    transition: color 0.2s ease-in-out;
+
+    &:hover {
+      color: #6D48C4 !important; // 项目统一 hover 色
+    }
+
+    &:active {
+      color: #5F3DA8 !important; // 项目统一 active 色
+    }
+
+    &:focus {
+      outline: 2px solid rgba(127, 86, 218, 0.2);
+      outline-offset: 2px;
+    }
+  }
+
+  &-disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+}
+
+// 错误提示淡入动画
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

package/es/components/pisellSingleSelect/PisellSingleSelect.js

@@ -10,6 +10,8 @@ import EditView from "./components/EditView";
 import DisabledView from "./components/DisabledView";
 import ReadOnlyView from "./components/ReadOnlyView";
 import "./PisellSingleSelect.less";
+import { getPisellComponentsThemeConfig } from "../../theme/pisell-components";
+import { ConfigProvider } from 'antd';
 var PisellSingleSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -51,20 +53,27 @@ var PisellSingleSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     };
   });
+  var theme = getPisellComponentsThemeConfig();
 
   // 根据不同状态渲染不同视图
   if (disabled) {
-    return /*#__PURE__*/React.createElement(DisabledView, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement(DisabledView, _extends({}, props, {
       ref: selectRef
-    }));
+    })));
   }
   if (readOnly) {
-    return /*#__PURE__*/React.createElement(ReadOnlyView, props);
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement(ReadOnlyView, props));
   }
-  return /*#__PURE__*/React.createElement(EditView, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: theme
+  }, /*#__PURE__*/React.createElement(EditView, _extends({}, props, {
     state: state,
     ref: selectRef
-  }));
+  })));
 });
 PisellSingleSelect.displayName = 'PisellSingleSelect';
 export default PisellSingleSelect;

package/es/components/pisellSingleSelect/PisellSingleSelect.less

@@ -4,9 +4,13 @@
  */
 
 .pisell-single-select {
-  height: 48px !important;
   width: 100%;
 
+  &.pisell-lowcode-select-focused .pisell-lowcode-select-selector {
+    border-color: #d6bbfb !important;
+    box-shadow: 0 0 0 4px #F4EBFF, 0 1px 2px rgba(16, 24, 40, 0.05) !important;
+  }
+
   .pisell-lowcode-select-clear {
     color: #667085;
     display: inline-flex;
@@ -22,67 +26,11 @@
     }
   }
 
-  // Select 触发器（Figma 设计规范，与 Input 体系一致）
-  .pisell-lowcode-select:not(.pisell-lowcode-select-disabled):not(.pisell-lowcode-select-customize-input) {
-    .pisell-lowcode-select-selector {
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      padding: 12px 16px !important;
-      min-height: 48px !important;
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-    }
-
-    &.pisell-lowcode-select-open .pisell-lowcode-select-selector {
-      border-color: #d6bbfb !important; // Primary/300
-      box-shadow: 0 0 0 4px #f4ebff !important; // Primary/100
-    }
-
-    &:not(.pisell-lowcode-select-open):not(.pisell-lowcode-select-disabled)
-    .pisell-lowcode-select-selector:hover {
-      border-color: #b692f6 !important; // Primary/400
-    }
-
-    &.pisell-lowcode-select-disabled .pisell-lowcode-select-selector {
-      background-color: #f9fafb !important; // Gray/50
-      color: #98a2b3 !important; // Gray/400
-      border-color: #d0d5dd !important;
-      cursor: not-allowed !important;
-    }
-
-    .pisell-lowcode-select-selection-placeholder {
-      color: #667085 !important; // Gray/500
-    }
-
-    .pisell-lowcode-select-arrow {
-      color: #667085;
-    }
-
-    .pisell-lowcode-select-clear {
-      color: #667085;
-
-      &:hover {
-        color: #344054;
-      }
-    }
-  }
-
   &-wrapper {
     display: flex;
     flex-direction: column;
     gap: 8px;
     position: relative;
-
-    // 下拉选项高度 48px（通过 getPopupContainer 挂到 wrapper 内）
-    .pisell-single-select-dropdown .pisell-lowcode-select-item {
-      min-height: 48px !important;
-      height: 48px !important;
-      line-height: 48px !important;
-      padding: 0 16px !important;
-      font-size: 16px !important;
-    }
   }
 
   &-label {
@@ -113,49 +61,6 @@
     animation: pisell-single-select-fadeIn 0.3s ease-in-out;
   }
 
-  &-option-content {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-  }
-
-  &-option-check {
-    color: #7f56d9; // Primary/600
-    font-size: 16px;
-    margin-left: 8px;
-  }
-}
-
-// 下拉框内的搜索框样式（Figma 设计）
-:global {
-  .pisell-select-search-wrapper {
-    padding: 6px;
-    border-bottom: 1px solid #EAECF0;
-  }
-
-  .pisell-select-search-input {
-    padding: 9px 10px !important;
-    font-size: 14px;
-
-    .pisell-lowcode-input {
-      font-size: 14px !important;
-      color: #344054 !important;
-
-      &::placeholder {
-        color: #98A2B3 !important;
-        font-size: 12px !important;
-      }
-    }
-
-    &:hover,
-    &:focus-within {
-      background-color: transparent !important;
-    }
-  }
-}
-
-.pisell-single-select {
   // 错误状态（Figma 设计体系 Error 色）
   &-error {
     .pisell-lowcode-select .pisell-lowcode-select-selector {
@@ -165,12 +70,6 @@
         border-color: #f97066 !important; // Error/400
       }
     }
-
-    .pisell-lowcode-select.pisell-lowcode-select-focused .pisell-lowcode-select-selector,
-    .pisell-lowcode-select.pisell-lowcode-select-open .pisell-lowcode-select-selector {
-      border-color: #f97066 !important; // Error/400
-      box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-    }
   }
 
   // 只读状态：仅展示 Tag，无 Select 无外框，Tag 使用与 disabled 一致的样式

package/es/components/pisellUrl/PisellUrl.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 "./PisellUrl.less";
 
-/**
- * PisellUrl URL 链接组件
- * 
- * URL 链接输入/展示组件，支持只读、编辑、禁用三种状态。
- * 基于 Ant Design Input 组件开发，提供 URL 格式校验、协议自动补全、
- * 链接跳转和协议/路径显示控制功能。
- * 
- * @param props 组件 Props
- * 
- * @example
- * // 编辑态（URL 输入）
- * <PisellUrl 
- *   placeholder="请输入网址"
- *   required
- * />
- * 
- * @example
- * // 只读态（可跳转）
- * <PisellUrl 
- *   mode="read"
- *   value="https://www.example.com"
- *   enableLinkClick
- * />
- * 
- * @example
- * // 协议自动补全
- * <PisellUrl 
- *   autoCompleteProtocol
- *   defaultProtocol="https://"
- * />
+/**
+ * PisellUrl URL 链接组件
+ * 
+ * URL 链接输入/展示组件，支持只读、编辑、禁用三种状态。
+ * 基于 Ant Design Input 组件开发，提供 URL 格式校验、协议自动补全、
+ * 链接跳转和协议/路径显示控制功能。
+ * 
+ * @param props 组件 Props
+ * 
+ * @example
+ * // 编辑态（URL 输入）
+ * <PisellUrl 
+ *   placeholder="请输入网址"
+ *   required
+ * />
+ * 
+ * @example
+ * // 只读态（可跳转）
+ * <PisellUrl 
+ *   mode="read"
+ *   value="https://www.example.com"
+ *   enableLinkClick
+ * />
+ * 
+ * @example
+ * // 协议自动补全
+ * <PisellUrl 
+ *   autoCompleteProtocol
+ *   defaultProtocol="https://"
+ * />
  */
 export var PisellUrl = function PisellUrl(props) {
   var _props$mode = props.mode,
@@ -44,18 +46,22 @@ export var PisellUrl = function PisellUrl(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/pisellWalletPassCard/index.js

@@ -764,7 +764,8 @@ var PisellWalletPassCard = function PisellWalletPassCard(props) {
     value: qrCode,
     size: 60
   }))), checkedDom, disabled && disabledReason && showDisabledReason && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-card-warn-message"
+    className: "pisell-card-warn-message",
+    ref: warnMessageRef
   }, /*#__PURE__*/React.createElement(Iconfont, {
     className: "pisell-card-icon",
     type: "pisell2-alert-circle"

package/es/index.d.ts

@@ -33,10 +33,6 @@ export { default as Cascader } from './components/cascader';
 export { default as Checkbox } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export { default as ConfigProvider } from './components/config-provider';
-export { default as DataSourceSubForm } from './components/dataSourceComponents/dataSourceSubForm';
-export type { DataSourceSubFormProps } from './components/dataSourceComponents/dataSourceSubForm/types';
-export { default as FormItemRecordListWrapper } from './components/dataSourceComponents/fields/RecordListWrapper';
-export { default as FormItemTabs } from './components/dataSourceComponents/fields/Tabs';
 export { default as DatePicker } from './components/date-picker';
 export { default as Drawer } from './components/drawer';
 export { default as Dropdown } from './components/dropdown';
@@ -89,6 +85,16 @@ export type { PisellWalletPassCardProps } from './components/pisellWalletPassCar
 export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';
 export { default as PisellAppCard } from './components/pisellAppCard';
 export type { PisellAppCardProps } from './components/pisellAppCard/types';
+export { PisellBaseCard } from './components/pisellBaseCard';
+export type { PisellBaseCardProps } from './components/pisellBaseCard';
+export { PisellEntityCard } from './components/pisellEntityCard';
+export type { PisellEntityCardProps, EntityCardDensity, EntityCardLayout, EntityCardWidth, EntityCardMediaType, EntityCardMediaConfig, EntityCardSecondaryItem, EntityCardTagItem, EntityCardActionItem, EntityCardTagPosition, } from './components/pisellEntityCard';
+export { PisellContactBrief } from './components/PisellContactBrief';
+export type { PisellContactBriefProps, PisellContactBriefCreateButtonProps, PisellContactBriefComponent, ContactFormValues, ContactBriefExtraField, } from './components/PisellContactBrief';
+export { PisellCustomerBrief } from './components/pisellCustomerBrief';
+export type { PisellCustomerBriefProps, CustomerBriefExtendedField, } from './components/pisellCustomerBrief';
+export { PisellActionPanel } from './components/pisellActionPanel';
+export type { PisellActionPanelProps, PisellActionPanelGroup, PisellActionPanelItem, ActionPanelLayout, ActionPanelAlign, ActionPanelOverflowStrategy, ActionPanelItemPriority, } from './components/pisellActionPanel';
 export { default as PisellMetricCard } from './components/pisellMetricCard';
 export { default as PisellDateTimeDisplay } from './components/pisellDateTimeDisplay';
 export type { PisellDateTimeDisplayProps } from './components/pisellDateTimeDisplay';
@@ -115,6 +121,7 @@ export { default as Div } from './components/div';
 export { default as PisellBasicGrid } from './components/PisellBasicGrid';
 export { default as PisellScrollView } from './components/PisellScrollView';
 export { PisellFloorMapLayout } from './components/pisellFloorMapLayout';
+export type { FloorMapItemBase, FloorMapItemUnit, FloorMapLayerConfig, FloorMapZoomConfig, FloorMapPanConfig, FloorMapControlsConfig, FloorMapItemShape, FloorMapBackgroundType, FloorMapPanBoundary, FloorMapLayoutMode, FloorMapGridLayoutConfig, } from './components/pisellFloorMapLayout';
 export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as Table } from './components/table';
 export { default as PisellGridView } from './components/pisellGridPro/GridView';
@@ -172,6 +179,10 @@ export { default as FormItemTranslation } from './components/dataSourceComponent
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+export { default as DataSourceSubForm } from './components/dataSourceComponents/dataSourceSubForm';
+export type { DataSourceSubFormProps } from './components/dataSourceComponents/dataSourceSubForm/types';
+export { default as FormItemRecordListWrapper } from './components/dataSourceComponents/fields/RecordListWrapper';
+export { default as FormItemTabs } from './components/dataSourceComponents/fields/Tabs';
 export { default as PisellMenu } from './components/pisellMenu';
 export type { PisellMenuProps } from './components/pisellMenu/types';
 export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';

package/es/index.js

@@ -41,9 +41,6 @@ export { default as Cascader } from "./components/cascader";
 export { default as Checkbox } from "./components/checkbox";
 export { default as Collapse } from "./components/collapse";
 export { default as ConfigProvider } from "./components/config-provider";
-export { default as DataSourceSubForm } from "./components/dataSourceComponents/dataSourceSubForm";
-export { default as FormItemRecordListWrapper } from "./components/dataSourceComponents/fields/RecordListWrapper";
-export { default as FormItemTabs } from "./components/dataSourceComponents/fields/Tabs";
 export { default as DatePicker } from "./components/date-picker";
 export { default as Drawer } from "./components/drawer";
 export { default as Dropdown } from "./components/dropdown";
@@ -97,6 +94,11 @@ export { default as WalletCard } from "./components/walletCard";
 export { default as PisellWalletPassCard } from "./components/pisellWalletPassCard";
 export { default as PisellGoodPassCard } from "./components/pisellGoodPassCard";
 export { default as PisellAppCard } from "./components/pisellAppCard";
+export { PisellBaseCard } from "./components/pisellBaseCard";
+export { PisellEntityCard } from "./components/pisellEntityCard";
+export { PisellContactBrief } from "./components/PisellContactBrief";
+export { PisellCustomerBrief } from "./components/pisellCustomerBrief";
+export { PisellActionPanel } from "./components/pisellActionPanel";
 // ==================== 数据展示组件 (Data Display) ====================
 // 用于展示各类数据指标、统计信息
 export { default as PisellMetricCard } from "./components/pisellMetricCard";
@@ -128,7 +130,6 @@ export { default as PisellBasicGrid } from "./components/PisellBasicGrid";
 // 类型已在 PisellLayouts 命名空间中导出
 export { default as PisellScrollView } from "./components/PisellScrollView";
 export { PisellFloorMapLayout } from "./components/pisellFloorMapLayout";
-// 类型已在 PisellLayouts 命名空间中导出
 export { default as PisellViewGrid } from "./components/pisellViewGrid";
 
 // ==================== 表格组件 (Table) ====================
@@ -185,6 +186,9 @@ export { default as FormItemTranslation } from "./components/dataSourceComponent
 export { default as FormItemUpload } from "./components/dataSourceComponents/fields/Upload";
 export { default as FormItemIconSelect } from "./components/dataSourceComponents/fields/IconSelect";
 export { default as BaseTranslation } from "./components/dataSourceComponents/fields/Translation/BaseTranslation";
+export { default as DataSourceSubForm } from "./components/dataSourceComponents/dataSourceSubForm";
+export { default as FormItemRecordListWrapper } from "./components/dataSourceComponents/fields/RecordListWrapper";
+export { default as FormItemTabs } from "./components/dataSourceComponents/fields/Tabs";
 
 // ==================== 导航组件 (Navigation) ====================
 // 导航、菜单、标签页等组件

package/es/theme/pisell-components.d.ts

@@ -0,0 +1,14 @@
+import { ThemeConfig } from 'antd';
+/**
+ * Pisell 项目统一的 Ant Design Token 配置
+ * 基于 Figma 设计规范
+ *
+ * 使用场景：
+ * - 低代码平台（page/index.tsx）
+ * - Storybook 预览
+ * - 其他需要主题配置的场景
+ */
+/**
+ * 获取完整的主题配置
+ */
+export declare function getPisellComponentsThemeConfig(): ThemeConfig;