@pisell/materials 1.0.1057 → 1.0.1059

package/lib/components/pisellLongText/PisellLongText.js

@@ -34,24 +34,30 @@ __export(PisellLongText_exports, {
 });
 module.exports = __toCommonJS(PisellLongText_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_PisellLongText = require("./PisellLongText.less");
 var PisellLongText = (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 PisellLongText_default = import_react.default.memo(PisellLongText, (prevProps, nextProps) => {
   return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/lib/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/lib/components/pisellLookup/PisellLookup.js

@@ -271,11 +271,15 @@ var PisellLookupComponent = (0, import_react.forwardRef)((props, ref) => {
   }, [setKeyword, onSearch, debounceTime]);
   const handleScan = (0, import_react.useCallback)(
     (code) => {
+      isManualSelectRef.current = true;
       setKeyword(code);
       handleConfirmSearch(code);
       onScan == null ? void 0 : onScan(code);
+      setTimeout(() => {
+        isManualSelectRef.current = false;
+      }, debounceTime + 100);
     },
-    [setKeyword, handleConfirmSearch, onScan]
+    [setKeyword, handleConfirmSearch, onScan, debounceTime]
   );
   const handleSelectAuxiliary = (0, import_react.useCallback)(
     (selectedKeyword) => {

package/lib/components/pisellMultipleSelect/PisellMultipleSelect.js

@@ -39,59 +39,68 @@ var import_EditView = __toESM(require("./components/EditView"));
 var import_DisabledView = __toESM(require("./components/DisabledView"));
 var import_ReadOnlyView = __toESM(require("./components/ReadOnlyView"));
 var import_PisellMultipleSelect = require("./PisellMultipleSelect.less");
-var PisellMultipleSelect = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const {
-      value,
-      defaultValue,
-      onChange,
-      options,
-      disabled,
-      readOnly,
-      maxCount
-    } = props;
-    const selectRef = (0, import_react.useRef)(null);
-    const state = (0, import_utils.useMultipleSelectState)({
-      value,
-      defaultValue,
-      onChange,
-      mode: "multiple"
-    });
-    const handleChange = (0, import_react.useCallback)(
-      (newValue) => {
-        if (maxCount && newValue.length > maxCount) {
-          import_antd.message.warning(`最多只能选择 ${maxCount} 项`);
-          return;
-        }
-        const selectedOptions = newValue.map((v) => options.find((opt) => opt.value === v)).filter(Boolean);
-        state.setValue(newValue);
-        onChange == null ? void 0 : onChange(newValue, selectedOptions);
-      },
-      [maxCount, onChange, options, state]
-    );
-    (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,
-      setValue: (newValue) => state.setValue(newValue),
-      clearValue: () => state.clearValue(),
-      addValue: (val) => state.addValue(val),
-      removeValue: (val) => state.removeValue(val)
-    }));
-    if (disabled) {
-      return /* @__PURE__ */ import_react.default.createElement(import_DisabledView.default, { ...props, ref: selectRef });
-    }
-    if (readOnly) {
-      return /* @__PURE__ */ import_react.default.createElement(import_ReadOnlyView.default, { ...props });
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_EditView.default, { ...props, value: state.value, state, onChangeInternal: handleChange, ref: selectRef });
+var import_pisell_components = require("../../theme/pisell-components");
+var PisellMultipleSelect = (0, import_react.forwardRef)((props, ref) => {
+  const {
+    value,
+    defaultValue,
+    onChange,
+    options,
+    disabled,
+    readOnly,
+    maxCount
+  } = props;
+  const selectRef = (0, import_react.useRef)(null);
+  const state = (0, import_utils.useMultipleSelectState)({
+    value,
+    defaultValue,
+    onChange,
+    mode: "multiple"
+  });
+  const handleChange = (0, import_react.useCallback)(
+    (newValue) => {
+      if (maxCount && newValue.length > maxCount) {
+        import_antd.message.warning(`最多只能选择 ${maxCount} 项`);
+        return;
+      }
+      const selectedOptions = newValue.map((v) => options.find((opt) => opt.value === v)).filter(Boolean);
+      state.setValue(newValue);
+      onChange == null ? void 0 : onChange(newValue, selectedOptions);
+    },
+    [maxCount, onChange, options, state]
+  );
+  (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,
+    setValue: (newValue) => state.setValue(newValue),
+    clearValue: () => state.clearValue(),
+    addValue: (val) => state.addValue(val),
+    removeValue: (val) => state.removeValue(val)
+  }));
+  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,
+      value: state.value,
+      state,
+      onChangeInternal: handleChange,
+      ref: selectRef
+    }
+  ));
+});
 PisellMultipleSelect.displayName = "PisellMultipleSelect";
 var PisellMultipleSelect_default = PisellMultipleSelect;

package/lib/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/lib/components/pisellMultipleSelect/components/EditView.js

@@ -121,38 +121,50 @@ var EditView = (0, import_react.forwardRef)((props, ref) => {
     },
     [options, showTooltipOnOverflow]
   );
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: wrapperRef, className: (0, import_classnames.default)("pisell-multiple-select-wrapper", className), style }, label && /* @__PURE__ */ import_react.default.createElement(
-    "label",
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      className: (0, import_classnames.default)("pisell-multiple-select-label", {
-        "pisell-multiple-select-label-required": required
-      })
+      ref: wrapperRef,
+      className: (0, import_classnames.default)("pisell-multiple-select-wrapper", className),
+      style
     },
-    label
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
-    {
-      ...restProps,
-      ref,
-      mode: "multiple",
-      value,
-      options: filteredAntdOptions,
-      placeholder,
-      showSearch: false,
-      allowClear,
-      menuItemSelectedIcon,
-      dropdownRender,
-      onChange: onChangeInternal,
-      maxTagCount,
-      maxTagPlaceholder,
-      size,
-      popupClassName: "pisell-multiple-select-dropdown",
-      getPopupContainer: () => wrapperRef.current ?? document.body,
-      className: (0, import_classnames.default)("pisell-multiple-select", {
-        "pisell-multiple-select-error": error
-      })
-    }
-  ), helperText && !error && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-multiple-select-helper-text" }, helperText), error && errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-multiple-select-error-text" }, errorText));
+    label && /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: (0, import_classnames.default)("pisell-multiple-select-label", {
+          "pisell-multiple-select-label-required": required
+        })
+      },
+      label
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        ...restProps,
+        ref,
+        open: true,
+        mode: "multiple",
+        value,
+        options: filteredAntdOptions,
+        placeholder,
+        showSearch: false,
+        allowClear,
+        menuItemSelectedIcon,
+        dropdownRender,
+        onChange: onChangeInternal,
+        maxTagCount,
+        maxTagPlaceholder,
+        size,
+        popupClassName: "pisell-multiple-select-dropdown",
+        getPopupContainer: () => wrapperRef.current ?? document.body,
+        className: (0, import_classnames.default)("pisell-multiple-select", {
+          "pisell-multiple-select-error": error
+        })
+      }
+    ),
+    helperText && !error && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-multiple-select-helper-text" }, helperText),
+    error && errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-multiple-select-error-text" }, errorText)
+  );
 });
 EditView.displayName = "PisellMultipleSelectEditView";
 var EditView_default = EditView;

package/lib/components/pisellNumber/PisellNumber.js

@@ -34,24 +34,30 @@ __export(PisellNumber_exports, {
 });
 module.exports = __toCommonJS(PisellNumber_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_PisellNumber = require("./PisellNumber.less");
 var PisellNumber = (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 MemoizedPisellNumber = import_react.default.memo(PisellNumber, (prevProps, nextProps) => {
   return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/lib/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;
-        }
-      }
-    }
   }
 
   // 错误提示（与设计体系一致）