@pisell/materials 1.0.1057 → 1.0.1059

package/es/components/pisellFloorMapLayout/components/ViewControls.d.ts

@@ -8,6 +8,8 @@ export interface ViewControlsApi {
     resetTransform: () => void;
     /** 区域定位，可能由主组件基于 items 计算后封装 */
     fitBounds?: () => void;
+    /** 切换全屏（requestFullscreen / exitFullscreen） */
+    toggleFullscreen?: () => void;
 }
 export interface ViewControlsProps {
     /** 控制 API */
@@ -16,6 +18,8 @@ export interface ViewControlsProps {
     config?: FloorMapControlsConfig;
     /** 当前缩放比例（1 = 100%），用于 Stepper 展示 */
     scale?: number;
+    /** 当前是否处于全屏 */
+    isFullscreen?: boolean;
     className?: string;
 }
 export declare function ViewControls(props: ViewControlsProps): JSX.Element;

package/es/components/pisellFloorMapLayout/components/ViewControls.js

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import classNames from 'classnames';
-import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
+import { MinusOutlined, PlusOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons';
 import "./ViewControls.less";
 var PREFIX = 'pisell-floor-map-layout';
 
@@ -15,10 +15,13 @@ export function ViewControls(props) {
     config = _props$config === void 0 ? {} : _props$config,
     _props$scale = props.scale,
     scale = _props$scale === void 0 ? 1 : _props$scale,
+    _props$isFullscreen = props.isFullscreen,
+    isFullscreen = _props$isFullscreen === void 0 ? false : _props$isFullscreen,
     className = props.className;
   var showZoom = config.showZoom !== false;
   var showReset = config.showReset === true;
   var showFitBounds = config.showFitBounds === true;
+  var showFullscreen = config.showFullscreen === true;
   var scalePercent = Math.round(scale * 100);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-view-controls"), className)
@@ -54,6 +57,13 @@ export function ViewControls(props) {
       return api.fitBounds();
     },
     "aria-label": "\u533A\u57DF\u5B9A\u4F4D"
-  }, "\u229E"));
+  }, "\u229E"), showFullscreen && api.toggleFullscreen && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-btn"),
+    onClick: function onClick() {
+      return api.toggleFullscreen();
+    },
+    "aria-label": isFullscreen ? '退出全屏' : '全屏'
+  }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)));
 }
 export default ViewControls;

package/es/components/pisellFloorMapLayout/types.d.ts

@@ -92,6 +92,8 @@ export interface FloorMapControlsConfig {
     showReset?: boolean;
     /** 是否显示区域定位（fitBounds）按钮，默认 false */
     showFitBounds?: boolean;
+    /** 是否显示全屏按钮，默认 false */
+    showFullscreen?: boolean;
 }
 /**
  * 布局模式（规则网格 vs 完全自由坐标）

package/es/components/pisellLongText/PisellLongText.js

@@ -1,8 +1,10 @@
 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 "./PisellLongText.less";
 
 /**
@@ -46,18 +48,22 @@ export var PisellLongText = function PisellLongText(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/pisellLongText/PisellLongText.less

@@ -7,73 +7,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // TextArea 样式（Figma 设计规范，覆盖时使用 pisell-lowcode-xxx）
-    .pisell-lowcode-input {
-      // 基础样式
-      font-size: 16px !important;
-      line-height: 24px !important;
-
-      // 边框和圆角
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-
-      // 内边距（Figma: 垂直 12px，水平 14px）
-      padding: 12px 14px !important;
-      min-height: 80px !important; // 多行最小高度，由 rows 进一步控制
-
-      // 颜色
-      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],
-      &.pisell-lowcode-input-disabled {
-        background-color: #f9fafb !important; // Gray/50
-        color: #98a2b3 !important; // Gray/400
-        border-color: #d0d5dd !important;
-        cursor: not-allowed !important;
-      }
-    }
-
-    // 字数统计样式（TextArea showCount）
-    .pisell-lowcode-input-data-count,
-    .pisell-lowcode-input-show-count-suffix {
-      color: #667085 !important; // Gray/500
-      font-size: 14px !important;
-    }
-
-    // 错误状态
-    .pisell-lowcode-input-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 {

package/es/components/pisellLookup/PisellLookup.js

@@ -428,15 +428,22 @@ var PisellLookupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
 
   /**
    * 处理扫码
+   * 标记为手动操作，避免 setKeyword 触发的重渲染时防抖 effect 仍用旧的 debouncedKeyword('') 再触发一次 onSearch('')
    */
   var handleScan = useCallback(function (code) {
+    // 标记为手动操作，阻止实时搜索防抖在本次更新后误触 onSearch('')
+    isManualSelectRef.current = true;
     // 将扫码结果填入关键词
     setKeyword(code);
     // 触发搜索并保存历史记录
     handleConfirmSearch(code);
     // 触发扫码回调
     onScan === null || onScan === void 0 || onScan(code);
-  }, [setKeyword, handleConfirmSearch, onScan]);
+    // 延迟重置标记（与 handleClear 一致，等待防抖周期结束）
+    setTimeout(function () {
+      isManualSelectRef.current = false;
+    }, debounceTime + 100);
+  }, [setKeyword, handleConfirmSearch, onScan, debounceTime]);
 
   /**
    * 处理选择辅助项（历史/联想词/热门搜索）

package/es/components/pisellMultipleSelect/PisellMultipleSelect.js

@@ -5,12 +5,13 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
  */
 
 import React, { forwardRef, useRef, useImperativeHandle, useCallback } from 'react';
-import { message } from 'antd';
+import { ConfigProvider, message } from 'antd';
 import { useMultipleSelectState } from '@pisell/utils';
 import EditView from "./components/EditView";
 import DisabledView from "./components/DisabledView";
 import ReadOnlyView from "./components/ReadOnlyView";
 import "./PisellMultipleSelect.less";
+import { getPisellComponentsThemeConfig } from "../../theme/pisell-components";
 var PisellMultipleSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -78,22 +79,29 @@ var PisellMultipleSelect = /*#__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, {
     value: state.value,
     state: state,
     onChangeInternal: handleChange,
     ref: selectRef
-  }));
+  })));
 });
 PisellMultipleSelect.displayName = 'PisellMultipleSelect';
 export default PisellMultipleSelect;

package/es/components/pisellMultipleSelect/PisellMultipleSelect.less

@@ -4,7 +4,6 @@
  */
 
 .pisell-multiple-select {
-  height: 48px !important;
   width: 100%;
 
   .pisell-lowcode-select-clear {
@@ -22,88 +21,11 @@
     }
   }
 
-  // Select 触发器（Figma 设计规范，与 SingleSelect / 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;
-    }
-
-    // 多选模式：内边距适配标签，高度保持 48px
-    &.pisell-lowcode-select-multiple .pisell-lowcode-select-selector {
-      padding: 6px 16px !important;
-      min-height: 48px !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;
-    }
-
-
-    // 多选标签（选择后展示的 item）高度 36px
-    .pisell-lowcode-select-selection-item {
-      border-radius: 6px !important;
-      padding: 0 10px !important;
-      margin-inline-end: 4px !important;
-      height: 36px !important;
-      min-height: 36px !important;
-      line-height: 36px !important;
-
-      &-content {
-        line-height: 36px !important;
-      }
-
-      &-remove {
-        margin-left: 4px !important;
-
-        &:hover {
-          background-color: transparent !important;
-        }
-      }
-    }
-  }
-
   &-wrapper {
     display: flex;
     flex-direction: column;
     gap: 8px;
     position: relative;
-
-    // 下拉选项高度 48px（通过 getPopupContainer 挂到 wrapper 内，无需 :global）
-    .pisell-multiple-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 {
@@ -147,42 +69,25 @@
     margin-left: 8px;
   }
 
-  // 错误状态（Figma 设计体系 Error 色）
-  &-error {
-    .pisell-lowcode-select .pisell-lowcode-select-selector {
-      border-color: #fda29b !important; // Error/300
-
-      &:hover {
-        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
-    }
-  }
-
   // 聚合标签（maxTagPlaceholder）
-  &-more-tag {
-    display: inline-flex;
-    align-items: center;
-    background-color: #eaecf0;
-    color: #344054; // Gray/700
-    border: none;
-    border-radius: 6px;
-    padding: 6px 10px;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 24px;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-
-    &:hover {
-      background-color: #d0d5dd; // Gray/300
-    }
-  }
+  //&-more-tag {
+  //  display: inline-flex;
+  //  align-items: center;
+  //  background-color: #eaecf0;
+  //  color: #344054; // Gray/700
+  //  border: none;
+  //  border-radius: 6px;
+  //  padding: 6px 10px;
+  //  font-size: 16px;
+  //  font-weight: 500;
+  //  line-height: 24px;
+  //  cursor: pointer;
+  //  transition: background-color 0.2s ease;
+  //
+  //  &:hover {
+  //    background-color: #d0d5dd; // Gray/300
+  //  }
+  //}
 
   // 只读状态
   &-readonly {
@@ -228,32 +133,6 @@
   }
 }
 
-// 下拉内搜索框（在 dropdown 内）
-.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;
-  }
-}
-
 @keyframes pisell-multiple-select-fadeIn {
   from {
     opacity: 0;

package/es/components/pisellMultipleSelect/components/EditView.js

@@ -152,6 +152,7 @@ var EditView = /*#__PURE__*/forwardRef(function (props, ref) {
     })
   }, label), /*#__PURE__*/React.createElement(Select, _extends({}, restProps, {
     ref: ref,
+    open: true,
     mode: "multiple",
     value: value,
     options: filteredAntdOptions,

package/es/components/pisellNumber/PisellNumber.js

@@ -1,8 +1,10 @@
 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 "./PisellNumber.less";
 
 /**
@@ -49,18 +51,22 @@ export var PisellNumber = function PisellNumber(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/pisellNumber/PisellNumber.less

@@ -10,109 +10,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // InputNumber 外层（Figma 设计规范）
-    .pisell-lowcode-input-number {
-      width: 100% !important;
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-
-      // 内层 input
-      .pisell-lowcode-input-number-input {
-        height: 46px !important; // 48 - 2px border
-        padding: 12px 16px !important;
-        font-size: 16px !important;
-        line-height: 24px !important;
-        color: #101828 !important;
-        background: transparent !important;
-        border: none !important;
-
-        &::placeholder {
-          color: #667085 !important; // Gray/500
-        }
-      }
-
-      // 聚焦态
-      &.pisell-lowcode-input-number-focused,
-      &: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(.pisell-lowcode-input-number-disabled):not(.pisell-lowcode-input-number-focused) {
-        border-color: #b692f6 !important; // Primary/400
-      }
-
-      // 禁用态
-      &.pisell-lowcode-input-number-disabled {
-        background-color: #f9fafb !important; // Gray/50
-        border-color: #d0d5dd !important;
-        cursor: not-allowed !important;
-
-        .pisell-lowcode-input-number-input {
-          color: #98a2b3 !important; // Gray/400
-          cursor: not-allowed !important;
-        }
-      }
-
-      // 前后缀
-      .pisell-lowcode-input-number-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input-number-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      // 步进器按钮（controls）
-      .pisell-lowcode-input-number-handler-wrap {
-        border-left: 1px solid #d0d5dd !important;
-        background: #ffffff !important;
-
-        .pisell-lowcode-input-number-handler {
-          color: #667085;
-          border-color: #d0d5dd;
-
-          &:hover {
-            color: #344054;
-          }
-
-          &.pisell-lowcode-input-number-handler-up-disabled,
-          &.pisell-lowcode-input-number-handler-down-disabled {
-            color: #98a2b3;
-            cursor: not-allowed;
-          }
-        }
-      }
-
-      // 错误状态
-      &.pisell-lowcode-input-number-status-error {
-        border-color: #fda29b !important; // Error/300
-
-        &.pisell-lowcode-input-number-focused,
-        &:focus-within {
-          border-color: #f97066 !important; // Error/400
-          box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-        }
-
-        &:hover:not(:focus-within) {
-          border-color: #f97066 !important;
-        }
-      }
-    }
   }
 
   // 错误提示（与设计体系一致）

package/es/components/pisellPhone/PisellPhone.js

@@ -1,8 +1,10 @@
 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 "./PisellPhone.less";
 
 /**
@@ -43,18 +45,22 @@ export var PisellPhone = function PisellPhone(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 避免不必要的重渲染