@pisell/materials 1.0.1057 → 1.0.1059

package/lib/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/lib/components/pisellSingleSelect/PisellSingleSelect.js

@@ -38,41 +38,40 @@ var import_EditView = __toESM(require("./components/EditView"));
 var import_DisabledView = __toESM(require("./components/DisabledView"));
 var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
 var import_PisellSingleSelect = require("./PisellSingleSelect.less");
-var PisellSingleSelect = (0, import_react.forwardRef)((props, ref) => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    disabled,
-    readOnly
-  } = props;
-  const selectRef = (0, import_react.useRef)(null);
-  const state = (0, import_utils.useSelectState)({
-    value,
-    defaultValue,
-    onChange,
-    mode: "single"
-  });
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    focus: () => {
-      var _a;
-      return (_a = selectRef.current) == null ? void 0 : _a.focus();
-    },
-    blur: () => {
-      var _a;
-      return (_a = selectRef.current) == null ? void 0 : _a.blur();
-    },
-    getValue: () => state.value ?? null,
-    setValue: (newValue) => state.setValue(newValue),
-    clearValue: () => state.clearValue()
-  }));
-  if (disabled) {
-    return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props, ref: selectRef });
+var import_pisell_components = require("../../theme/pisell-components");
+var import_antd = require("antd");
+var PisellSingleSelect = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { value, defaultValue, onChange, disabled, readOnly } = props;
+    const selectRef = (0, import_react.useRef)(null);
+    const state = (0, import_utils.useSelectState)({
+      value,
+      defaultValue,
+      onChange,
+      mode: "single"
+    });
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      focus: () => {
+        var _a;
+        return (_a = selectRef.current) == null ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        return (_a = selectRef.current) == null ? void 0 : _a.blur();
+      },
+      getValue: () => state.value ?? null,
+      setValue: (newValue) => state.setValue(newValue),
+      clearValue: () => state.clearValue()
+    }));
+    const theme = (0, import_pisell_components.getPisellComponentsThemeConfig)();
+    if (disabled) {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme }, /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props, ref: selectRef }));
+    }
+    if (readOnly) {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme }, /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props }));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme }, /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props, state, ref: selectRef }));
   }
-  if (readOnly) {
-    return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props, state, ref: selectRef });
-});
+);
 PisellSingleSelect.displayName = "PisellSingleSelect";
 var PisellSingleSelect_default = PisellSingleSelect;

package/lib/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/lib/components/pisellUrl/PisellUrl.js

@@ -34,24 +34,30 @@ __export(PisellUrl_exports, {
 });
 module.exports = __toCommonJS(PisellUrl_exports);
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
 var import_EditView = __toESM(require("./components/EditView"));
 var import_DisabledView = __toESM(require("./components/DisabledView"));
+var import_pisell_components = require("../../theme/pisell-components");
 var import_PisellUrl = require("./PisellUrl.less");
 var PisellUrl = (props) => {
   const { mode = "edit", disabled = false } = props;
   const displayState = (0, import_utils.getDisplayState)(mode, disabled);
-  switch (displayState) {
-    case "read":
-      return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
-    case "edit":
-      return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props });
-    case "disabled":
-      return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props });
-    default:
-      return null;
-  }
+  const render = () => {
+    switch (displayState) {
+      case "read":
+        return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
+      case "edit":
+        return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props });
+      case "disabled":
+        return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props });
+      default:
+        return null;
+    }
+  };
+  const theme = (0, import_pisell_components.getPisellComponentsThemeConfig)();
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { theme }, render());
 };
 var PisellUrl_default = import_react.default.memo(PisellUrl, (prevProps, nextProps) => {
   return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.autoCompleteProtocol === nextProps.autoCompleteProtocol;

package/lib/components/pisellWalletPassCard/index.js

@@ -694,7 +694,7 @@ var PisellWalletPassCard = (props) => {
       showQrCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_pisellQrcode.default, { value: qrCode, size: 60 }))
     ),
     checkedDom,
-    disabled && disabledReason && showDisabledReason && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message" }, /* @__PURE__ */ import_react.default.createElement(
+    disabled && disabledReason && showDisabledReason && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message", ref: warnMessageRef }, /* @__PURE__ */ import_react.default.createElement(
       import_iconfont.default,
       {
         className: "pisell-card-icon",

package/lib/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';